:root{
  color-scheme:dark;
  --bg:#070b14;
  --bg2:#0b1020;
  --panel:rgba(15,22,39,.78);
  --panel-strong:#111a2d;
  --line:rgba(151,171,217,.14);
  --text:#f7f9ff;
  --muted:#8e9ab3;
  --accent:#6d83ff;
  --accent2:#9b6bff;
  --cyan:#67d7ff;
  --green:#4fe0a4;
  --danger:#ff7187;
  --shadow:0 24px 80px rgba(0,0,0,.34);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:
radial-gradient(circle at 10% 10%,rgba(109,131,255,.13),transparent 32rem),
radial-gradient(circle at 85% 18%,rgba(155,107,255,.12),transparent 30rem),
linear-gradient(180deg,#090e19 0%,#060912 100%);color:var(--text)}
body{min-height:100vh;overflow-x:hidden}
button,input{font:inherit}
button{cursor:pointer}
.bg-orb{position:fixed;border-radius:999px;filter:blur(90px);pointer-events:none;opacity:.28}
.orb-a{width:360px;height:360px;background:#445dff;left:-130px;top:100px}
.orb-b{width:320px;height:320px;background:#8e47ff;right:-120px;top:280px}
.shell{width:min(1480px,calc(100% - 32px));margin:0 auto;padding:20px 0 28px;position:relative;z-index:1}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:6px 2px 22px}
.brand-wrap{display:flex;align-items:center;gap:12px}
.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-weight:950;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 10px 28px rgba(109,131,255,.26)}
.brand{font-size:24px;font-weight:950;letter-spacing:-.8px;line-height:1}.brand span{color:#a9b7ff}
.tagline{font-size:11px;color:var(--muted);margin-top:4px}
.server-pill{font-size:12px;color:#b9c4da;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(14,21,38,.72)}
.glass{background:linear-gradient(180deg,rgba(17,25,44,.84),rgba(11,17,31,.88));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.hidden{display:none!important}
.mini-label{display:block;font-size:10px;font-weight:900;letter-spacing:1.6px;color:#7f93ff;margin-bottom:5px}
.join-layout{min-height:calc(100vh - 100px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.72fr);gap:54px;align-items:center}
.hero-copy{padding:30px 0 70px 6vw}
.hero-kicker{font-size:11px;letter-spacing:2.8px;font-weight:900;color:#8094ff}
.hero-copy h1{font-size:clamp(44px,6.4vw,88px);line-height:.98;letter-spacing:-4px;margin:17px 0 22px;max-width:850px}
.hero-copy h1 span{background:linear-gradient(90deg,#a8b8ff,#c589ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy p{max-width:670px;color:#9ba7bd;line-height:1.65;font-size:17px}
.hero-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.hero-points span{border:1px solid var(--line);background:rgba(16,24,42,.62);padding:10px 13px;border-radius:999px;color:#bcc6d9;font-size:13px}
.join-card{border-radius:28px;padding:28px;max-width:470px;width:100%;justify-self:center}
.card-heading h2{font-size:29px;margin:0 0 8px}.card-heading p{margin:0;color:var(--muted);font-size:14px}
.field{display:block;margin-top:18px}.field>span{display:block;font-size:12px;font-weight:800;color:#c2cada;margin-bottom:8px}
.field input,.chat-form input{width:100%;border:1px solid var(--line);outline:none;background:#0b1323;color:var(--text);border-radius:15px;padding:15px 16px}
.field input:focus,.chat-form input:focus{border-color:#7288ff;box-shadow:0 0 0 3px rgba(109,131,255,.12)}
.primary-btn{width:100%;margin-top:20px;border:0;border-radius:15px;padding:15px 17px;display:flex;justify-content:space-between;align-items:center;color:white;font-weight:900;background:linear-gradient(135deg,#627cff,#8d60f5);box-shadow:0 14px 30px rgba(95,117,255,.22)}
.error{min-height:18px;margin-top:10px;color:var(--danger);font-size:12px;line-height:1.4}
.diag{font-size:11px;color:#76839b;margin-top:6px}
.room-layout{display:grid;grid-template-columns:270px minmax(0,1fr) 340px;gap:14px;min-height:calc(100vh - 96px)}
.sidebar,.stage,.chat-panel{border-radius:24px;min-height:0}
.sidebar{padding:18px;display:flex;flex-direction:column}
.room-brand{display:flex;align-items:center;gap:11px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.room-icon{width:42px;height:42px;border-radius:14px;background:#19243d;display:grid;place-items:center;font-size:21px;font-weight:900;color:#95a7ff}
.room-brand h2,.stage-top h2{margin:0;font-size:21px}
.sidebar-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}
.stat-card{background:#0c1425;border:1px solid var(--line);border-radius:15px;padding:12px}
.stat-card strong{display:block;font-size:17px}.stat-card span{font-size:11px;color:var(--muted)}
.sidebar-title{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:#7f8ca4;font-weight:900;margin:5px 0 10px}
.user-list{display:flex;flex-direction:column;gap:7px;overflow:auto;min-height:0}
.user-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid transparent;border-radius:13px}
.user-row:hover{background:#10192b;border-color:var(--line)}
.avatar-mini{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#1a2742;font-weight:900;color:#ced8ff;flex:0 0 auto;position:relative}
.avatar-mini.speaking{box-shadow:0 0 0 2px rgba(79,224,164,.85),0 0 20px rgba(79,224,164,.28)}
.user-meta{min-width:0;flex:1}.user-meta strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-meta span{font-size:10px;color:var(--muted)}
.mic-state{font-size:12px;opacity:.8}
.leave-btn{margin-top:auto;border:1px solid rgba(255,113,135,.18);background:rgba(255,113,135,.08);color:#ff95a7;border-radius:13px;padding:11px;font-weight:800}
.stage{padding:20px;display:flex;flex-direction:column}
.stage-top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.live-badge{font-size:10px;font-weight:950;letter-spacing:1.1px;color:#a6f4d2;padding:7px 10px;border:1px solid rgba(79,224,164,.18);background:rgba(79,224,164,.06);border-radius:999px}
.live-badge span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:5px;box-shadow:0 0 12px rgba(79,224,164,.8)}
.speaker-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-content:center;gap:18px;padding:26px 4vw}
.speaker-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:190px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(18,27,48,.8),rgba(10,16,29,.8));transition:.2s ease}
.speaker-avatar-wrap{width:94px;height:94px;border-radius:50%;display:grid;place-items:center;padding:5px;transition:.15s ease;background:rgba(112,132,255,.10)}
.speaker-card.speaking .speaker-avatar-wrap{background:linear-gradient(135deg,#43dfa2,#76dfff);box-shadow:0 0 0 5px rgba(79,224,164,.08),0 0 42px rgba(79,224,164,.22);transform:scale(1.035)}
.speaker-avatar{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;font-size:29px;font-weight:950;background:#17233b;color:#d9e0ff;border:4px solid #0e1627}
.speaker-card strong{margin-top:12px;font-size:14px}.speaker-card small{margin-top:4px;color:var(--muted)}
.controls-bar{display:flex;justify-content:center;gap:9px;padding-top:15px;border-top:1px solid var(--line)}
.control-btn{border:0;border-radius:14px;padding:12px 15px;color:white;font-weight:850;background:linear-gradient(135deg,#3bb987,#2a9a75);display:flex;align-items:center;gap:8px}
.control-btn.muted,.control-btn.secondary{background:#182338;color:#cbd5e7;border:1px solid var(--line)}
.control-btn.active{background:#2a3752;color:white;border-color:#6078d8}
.control-icon{font-size:16px}
.ptt-hint{text-align:center;font-size:11px;color:#9aa6bb;margin-top:10px}
.chat-panel{padding:17px;display:flex;flex-direction:column}
.chat-head{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 13px;border-bottom:1px solid var(--line)}
.chat-head h3{margin:0;font-size:17px}.chat-dot{width:8px;height:8px;border-radius:50%;background:#56dea9}
.messages{flex:1;overflow:auto;padding:14px 3px;display:flex;flex-direction:column;gap:13px;min-height:0}
.system-message{text-align:center;font-size:11px;color:#7f8ca4;padding:8px 10px;border:1px dashed var(--line);border-radius:12px}
.message{display:flex;gap:9px;align-items:flex-start}
.msg-avatar{width:30px;height:30px;flex:0 0 auto;border-radius:10px;background:#1a2742;display:grid;place-items:center;font-size:11px;font-weight:900;color:#d5ddff}
.msg-body{min-width:0}.msg-head{display:flex;gap:7px;align-items:center}.msg-head strong{font-size:12px}.msg-head time{font-size:9px;color:#69758c}
.msg-text{margin-top:3px;color:#c6cfdf;font-size:12px;line-height:1.45;word-break:break-word}
.chat-form{display:flex;gap:8px;padding-top:11px;border-top:1px solid var(--line)}
.chat-form input{padding:12px 13px;font-size:12px}.chat-form button{width:42px;border:0;border-radius:13px;background:linear-gradient(135deg,#627cff,#8d60f5);color:white;font-size:17px}
#audioRack{display:none}
@media(max-width:1120px){
  .room-layout{grid-template-columns:240px minmax(0,1fr)}
  .chat-panel{grid-column:1/-1;min-height:330px}
  .messages{max-height:260px}
}
@media(max-width:760px){
  .shell{width:min(100% - 18px,1480px);padding-top:10px}
  .topbar{padding-bottom:12px}
  .join-layout{grid-template-columns:1fr;gap:18px;min-height:auto}
  .hero-copy{padding:30px 8px 0}.hero-copy h1{font-size:48px;letter-spacing:-2.8px}.hero-copy p{font-size:15px}
  .join-card{max-width:none}
  .room-layout{grid-template-columns:1fr;gap:10px}
  .sidebar{order:2;max-height:none}.stage{order:1;min-height:520px}.chat-panel{order:3}
  .speaker-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px 0}
  .controls-bar{flex-wrap:wrap}.control-btn{flex:1 1 130px;justify-content:center}
}
@media(max-width:480px){
  .hero-copy h1{font-size:41px}
  .speaker-grid{grid-template-columns:1fr 1fr;gap:10px}
  .speaker-card{min-height:160px}.speaker-avatar-wrap{width:78px;height:78px}
  .top-actions{display:none}
}

.lobby-view{min-height:calc(100vh - 100px)}
.lobby-head{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:35px 8px 24px}
.lobby-head h1{font-size:clamp(34px,4vw,58px);letter-spacing:-2.5px;margin:5px 0 8px}
.lobby-head p{margin:0;color:var(--muted)}
.lobby-create{width:auto;margin:0;gap:20px;padding-inline:20px}
.lobby-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px}
.rooms-panel,.lobby-profile{border-radius:24px;padding:20px}
.section-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px}
.section-title h2{margin:0}
.rooms-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:16px}
.room-card{border:1px solid var(--line);background:linear-gradient(180deg,#111b30,#0c1425);border-radius:18px;padding:16px;text-align:left;color:var(--text);transition:.18s ease}
.room-card:hover{transform:translateY(-2px);border-color:rgba(109,131,255,.42)}
.room-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.room-card-icon{width:42px;height:42px;border-radius:14px;background:#1b2845;display:grid;place-items:center}
.room-card h3{margin:14px 0 5px;font-size:16px}.room-card p{margin:0;color:var(--muted);font-size:11px}
.room-join{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:11px;color:#aeb9d0}
.room-join strong{color:#9cacff}
.empty-rooms{text-align:center;padding:70px 20px;color:var(--muted)}
.empty-rooms strong,.empty-rooms span{display:block}.empty-rooms strong{color:var(--text);margin:10px 0 5px}.empty-icon{font-size:34px}
.lobby-profile{text-align:center;height:max-content}
.profile-avatar{width:78px;height:78px;margin:22px auto 10px;border-radius:50%;display:grid;place-items:center;font-size:28px;font-weight:950;background:linear-gradient(135deg,#26375f,#50367e);box-shadow:0 0 0 5px rgba(109,131,255,.08)}
.lobby-profile h3{margin:0}.lobby-profile p{color:var(--muted);font-size:12px}.lobby-profile .leave-btn{width:100%;margin-top:15px}
.modal-backdrop{position:fixed;inset:0;z-index:9999;background:rgba(2,5,11,.76);display:grid;place-items:center;padding:18px;backdrop-filter:blur(10px)}
.modal-card{width:min(440px,100%);border-radius:24px;padding:25px;position:relative}
.modal-card h2{margin:5px 0}.modal-card>p{color:var(--muted);font-size:13px}
.modal-close{position:absolute;right:15px;top:13px;width:35px;height:35px;border-radius:11px;border:1px solid var(--line);background:#141e33;color:white;font-size:22px}
@media(max-width:1000px){.rooms-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.lobby-head{align-items:stretch;flex-direction:column}.lobby-create{width:100%}.lobby-grid{grid-template-columns:1fr}.rooms-list{grid-template-columns:1fr}.lobby-profile{order:-1}}

.avatar-picker{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:8px 0 4px}
.avatar-picker button{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:#121d31;font-size:18px;transition:.15s}
.avatar-picker button:hover,.avatar-picker button.active{transform:translateY(-1px);border-color:#758aff;background:#1b2947}
.owner-tools{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.manage-btn{width:100%;margin-top:7px;border:1px solid rgba(109,131,255,.2);background:rgba(109,131,255,.09);color:#cfd7ff;border-radius:12px;padding:10px;font-weight:800;font-size:12px}
.manage-btn.subtle{background:#111a2d;color:#9aa7bd;border-color:var(--line)}
.user-row.manageable{cursor:pointer}
.role-badge{display:inline-flex;margin-left:5px;font-size:8px;font-weight:950;letter-spacing:.5px;padding:2px 5px;border-radius:999px;background:rgba(109,131,255,.12);color:#aab8ff;vertical-align:middle}
.role-badge.owner{background:rgba(255,194,92,.12);color:#ffd381}
.role-badge.mod{background:rgba(79,224,164,.11);color:#79e6b8}
.action-danger{width:100%;margin-top:9px}
.invite-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:90;background:#17223a;border:1px solid var(--line);border-radius:13px;padding:11px 15px;box-shadow:var(--shadow);font-size:12px;color:#dce4f3}

.auth-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:#0b1323;border:1px solid var(--line);border-radius:14px;padding:5px;margin-top:20px}
.auth-tab{border:0;background:transparent;color:#8290aa;border-radius:10px;padding:9px 6px;font-weight:850;font-size:11px}
.auth-tab.active{background:#1a2743;color:#eef2ff;box-shadow:0 5px 15px rgba(0,0,0,.18)}
.member-welcome{margin-top:20px;text-align:center}
.member-welcome-avatar{width:70px;height:70px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;font-size:30px;background:linear-gradient(135deg,#26375f,#50367e)}
.member-welcome span,.member-welcome strong{display:block}.member-welcome span{font-size:11px;color:var(--muted)}.member-welcome strong{font-size:20px;margin-top:3px}
.text-btn{margin-top:10px;border:0;background:transparent;color:#8d9bb4;font-size:11px}
.account-badge{display:inline-flex;margin-top:6px;border:1px solid var(--line);border-radius:999px;padding:4px 8px;font-size:9px;font-weight:950;letter-spacing:.8px;color:#8492aa}
.account-badge.member{color:#87e3bd;border-color:rgba(79,224,164,.2);background:rgba(79,224,164,.06)}

.social-panel{margin-top:18px;padding:18px}
.social-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.social-head h2{margin:3px 0 0}
.social-search{display:flex;gap:8px;margin:15px 0}
.social-search input{flex:1;min-width:0;border:1px solid var(--line);background:#0c1425;color:var(--text);border-radius:12px;padding:11px 13px;outline:none}
.social-search button{border:0;border-radius:12px;padding:0 18px;background:#24355d;color:#fff;font-weight:900}
.social-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.social-subtitle{font-size:11px;font-weight:950;color:#9aa7be;text-transform:uppercase;letter-spacing:.7px;margin-bottom:8px}
.social-subtitle span{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:#253250;color:#fff;margin-left:4px}
.social-list{display:grid;gap:8px}
.social-item{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#0c1425;border-radius:13px;padding:10px}
.social-item-avatar{position:relative;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#192540;font-size:18px;flex:0 0 auto}
.presence-dot{position:absolute;right:0;bottom:0;width:10px;height:10px;border-radius:50%;background:#59657b;border:2px solid #0c1425}
.presence-dot.online{background:#4fe0a4}
.social-item-meta{min-width:0;flex:1}
.social-item-meta strong,.social-item-meta span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.social-item-meta strong{font-size:12px}.social-item-meta span{font-size:10px;color:var(--muted);margin-top:2px}
.social-item-actions{display:flex;gap:5px}
.social-mini-btn{border:1px solid var(--line);background:#15213a;color:#dbe4f5;border-radius:9px;padding:7px 9px;font-size:10px;font-weight:900}
.social-mini-btn.ok{background:#17372d;color:#91ebc7}.social-mini-btn.danger{background:#301923;color:#ff9bae}
.social-empty{font-size:11px;color:#69758c;border:1px dashed var(--line);border-radius:12px;padding:14px;text-align:center}
.social-profile-card{text-align:center;max-width:390px}
.social-profile-card .profile-avatar{margin:8px auto 8px}
.presence-pill{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:950;letter-spacing:.5px;background:#17372d;color:#91ebc7}
.presence-pill.offline{background:#20283a;color:#8c98ae}
.profile-actions{display:grid;gap:8px;margin-top:16px}
.dm-card{max-width:520px}
.dm-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.dm-head h2{margin:2px 0 0}
.dm-messages{height:330px;overflow:auto;border:1px solid var(--line);background:#09111f;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px}
.dm-bubble{max-width:80%;border-radius:13px;padding:9px 11px;background:#17243e;align-self:flex-start}
.dm-bubble.mine{align-self:flex-end;background:#293b67}
.dm-bubble .dm-text{font-size:12px;line-height:1.45;word-break:break-word}
.dm-bubble time{display:block;font-size:8px;color:#8895aa;margin-top:4px;text-align:right}
.speaker-profile-btn{border:1px solid var(--line);background:transparent;color:#91a0b9;border-radius:8px;padding:5px 8px;font-size:9px;margin-top:5px}
@media(max-width:760px){.social-columns{grid-template-columns:1fr}.dm-card{width:min(94vw,520px)}.dm-messages{height:45vh}}

.room-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.field select{width:100%;border:1px solid var(--line);background:#0c1425;color:var(--text);border-radius:12px;padding:11px 12px;outline:none}
.settings-check{display:flex;align-items:center;gap:8px;color:#9ba7ba;font-size:11px;margin:10px 0}
.room-card-description{font-size:10px;color:var(--muted);margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.room-card-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
.room-meta-pill{font-size:8px;font-weight:900;border:1px solid var(--line);border-radius:999px;padding:3px 6px;color:#8fa0bb}
@media(max-width:560px){.room-form-grid{grid-template-columns:1fr}}

/* V2.5.1: ortak modallar oda/lobi stacking context'lerinden bağımsız */
.modal-backdrop{isolation:isolate}
.modal-card{position:relative;z-index:10000;max-height:calc(100vh - 36px);overflow:auto}

/* V2.6 */
#raiseHandBtn{margin-top:6px}
#raiseHandBtn:not(.hidden){display:flex}
.hand-badge{font-size:9px;font-weight:900}

/* V2.6.1 */
#micPermissionBtn,#forceMuteBtn{margin-top:8px}
#raiseHandBtn.active{outline:2px solid rgba(255,255,255,.12)}

/* V2.6.2 mobile participant management */
.participant-manage-btn{
  margin-top:6px;border:1px solid var(--line);background:rgba(255,255,255,.05);
  color:var(--text);border-radius:9px;padding:6px 9px;font-size:10px;font-weight:800;cursor:pointer
}
.mobile-manage-panel{display:none}
@media (max-width:768px){
  .mobile-manage-panel:not(.hidden){display:flex;flex-direction:column;gap:7px;margin-top:10px}
  .mobile-manage-user{
    width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;
    border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);
    border-radius:11px;padding:10px 12px;font-size:12px;cursor:pointer
  }
  .mobile-manage-user strong{font-size:11px}
  .participant-manage-btn{display:inline-flex}
}

/* V2.6.6 - Söz İste ortak oda kontrolü */
#raiseHandBtn:not(.hidden){display:inline-flex;align-items:center;justify-content:center}


/* V2.6.8+ - Söz isteği görünür bildirimi */
.raised-hand-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:5px;
  padding:4px 8px;
  border:1px solid var(--line);
  border-radius:999px;
  font-size:10px;
  font-weight:900;
  background:rgba(255,255,255,.06);
}
/* V2.7.3 - Web + mobil görünür oda yasaklama seçenekleri */
.ban-controls{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:8px;
  width:100%;
  margin-top:8px;
}
.ban-controls.hidden{display:none}
.ban-duration-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
  width:100%;
}
.ban-duration-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 6px;
  border:1px solid var(--line);
  border-radius:10px;
  background:rgba(255,255,255,.06);
  color:inherit;
  font:inherit;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
}
.ban-duration-btn:hover,
.ban-duration-btn.active{
  background:rgba(255,255,255,.14);
  border-color:currentColor;
}
.ban-controls .action-danger{
  width:100%;
  margin:0;
}
@media (max-width:640px){
  .ban-duration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* V2.7.4 - Yasaklı kullanıcı yönetimi */
.ban-list-open-btn{width:100%;margin:10px 0 0}
.ban-list-card{max-width:560px;width:min(92vw,560px)}
.ban-list-content{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:14px;
  max-height:55vh;
  overflow:auto;
}
.ban-list-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(255,255,255,.04);
}
.ban-list-user{display:flex;flex-direction:column;gap:4px;min-width:0}
.ban-list-user strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ban-list-user span{font-size:12px;opacity:.72}
.ban-remove-btn{flex:0 0 auto;margin:0}
.ban-list-empty{
  padding:18px;
  text-align:center;
  border:1px dashed var(--line);
  border-radius:12px;
  opacity:.75;
}
@media (max-width:640px){
  .ban-list-item{align-items:stretch;flex-direction:column}
  .ban-remove-btn{width:100%}
}

/* V2.7.5 - Yasaklı kullanıcılar modal kapatma düzeltmesi */
#banListModal.modal-backdrop{
  position:fixed;
  inset:0;
  z-index:12000;
}
#banListModal.hidden{display:none !important}
#banListModal .modal-card{position:relative;z-index:1}

/* V2.7.6 - Modal altyapısı revizyonu */
#banListModal.modal-backdrop,
#userActionModal.modal-backdrop{
  position:fixed;
  inset:0;
  width:100vw;
  height:100dvh;
  z-index:15000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  overflow:auto;
}
#banListModal.hidden,
#userActionModal.hidden{
  display:none !important;
}
#banListModal .modal-card,
#userActionModal .modal-card{
  position:relative;
  z-index:1;
  width:min(92vw,560px);
  max-height:calc(100dvh - 36px);
  overflow:auto;
}
#banListModal .modal-close,
#userActionModal .modal-close{
  position:absolute;
  top:10px;
  right:10px;
  z-index:3;
  cursor:pointer;
}

/* V2.7.7 - Web yasaklı kullanıcı satırı düzeni */
.ban-list-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  width:100%;
}
.ban-list-user{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
}
.ban-list-name{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:14px;
  line-height:1.3;
}
.ban-list-meta{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
  font-size:12px;
  line-height:1.35;
  opacity:.78;
  white-space:nowrap;
}
.ban-list-type,
.ban-list-expiry,
.ban-list-dot{
  display:inline-block;
}
.ban-remove-btn{
  width:auto !important;
  min-width:118px;
  max-width:none;
  flex:none;
  margin:0 !important;
  padding:9px 14px;
  white-space:nowrap;
  justify-self:end;
}
@media (min-width:641px){
  .ban-list-item{
    min-height:64px;
    padding:13px 14px;
  }
}
@media (max-width:640px){
  .ban-list-item{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:10px;
  }
  .ban-list-meta{
    flex-wrap:wrap;
    white-space:normal;
  }
  .ban-remove-btn{
    width:100% !important;
    min-width:0;
  }
}

/* V2.8.3 - Güvenli rol rozetleri ve oda hareketleri */
.role-badge{
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin-left:6px;
  padding:3px 7px;
  border:1px solid var(--line);
  border-radius:999px;
  font-size:10px;
  font-weight:900;
  line-height:1.2;
  white-space:nowrap;
  background:rgba(255,255,255,.06);
}
.speaker-role-badges{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:5px;
  margin-top:4px;
}
.speaker-role-badges .role-badge{margin-left:0}
.room-system-message{
  margin:7px auto;
  padding:6px 10px;
  max-width:92%;
  width:max-content;
  border:1px solid var(--line);
  border-radius:999px;
  font-size:11px;
  opacity:.78;
  text-align:center;
  background:rgba(255,255,255,.04);
}
@media(max-width:640px){
  .role-badge{font-size:9px;padding:3px 6px}
  .room-system-message{width:auto}
}

/* V2.8.4 - Konuşmacı kartı: Yönet + Profil ve konuşma halkası */
.speaker-avatar-wrap{
  width:88px;
  height:88px;
  padding:4px;
  background:transparent;
  box-shadow:none;
}
.speaker-avatar{
  width:100%;
  height:100%;
  border:1px solid rgba(255,255,255,.08);
  background:#17233b;
  box-shadow:none;
}
.speaker-card.speaking .speaker-avatar-wrap{
  background:linear-gradient(135deg,#43dfa2,#76dfff);
  box-shadow:0 0 0 4px rgba(79,224,164,.08),0 0 32px rgba(79,224,164,.22);
  transform:scale(1.035);
}
.speaker-card-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin-top:9px;
  min-height:30px;
}
.speaker-card-actions .participant-manage-btn,
.speaker-card-actions .speaker-profile-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  min-width:0;
  margin:0;
  padding:6px 9px;
  border:1px solid var(--line);
  border-radius:9px;
  background:rgba(255,255,255,.05);
  color:var(--text);
  font-size:10px;
  font-weight:800;
  line-height:1.1;
  cursor:pointer;
}
.speaker-card-actions .participant-manage-btn:hover,
.speaker-card-actions .speaker-profile-btn:hover{
  background:rgba(255,255,255,.10);
}
@media(max-width:640px){
  .speaker-card-actions{
    gap:6px;
    flex-wrap:wrap;
  }
}

/* V2.8.5 - Oda bilgileri ve oda içi profil */
.room-info-bar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
  margin-top:8px;
}
.room-info-bar span{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:4px 8px;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(255,255,255,.04);
  color:var(--muted);
  font-size:10px;
  font-weight:750;
  white-space:nowrap;
}
.profile-clickable,.profile-clickable-name{cursor:pointer}
.profile-clickable:hover{transform:translateY(-1px)}
.profile-clickable-name:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:768px){
  .room-info-bar{gap:5px}
  .room-info-bar span{font-size:9px;padding:4px 7px}
}

/* V2.8.6 - Favori odalar */
.stage-actions{display:flex;align-items:center;gap:8px}
.room-favorite-btn{
  border:1px solid var(--line);
  background:rgba(255,255,255,.05);
  color:var(--text);
  border-radius:999px;
  padding:7px 10px;
  font-size:10px;
  font-weight:900;
  cursor:pointer;
}
.room-favorite-btn.active{background:rgba(255,255,255,.12)}
.room-favorite-btn.hidden{display:none!important}

.room-card{position:relative;cursor:pointer}
.room-card-favorite{
  position:absolute;
  top:10px;
  right:10px;
  z-index:2;
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:10px;
  background:rgba(7,12,23,.78);
  color:var(--text);
  font-size:16px;
  cursor:pointer;
}
.room-card-favorite.active{background:rgba(255,255,255,.12)}

.favorites-section{
  margin:0 0 14px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:20px;
  background:rgba(255,255,255,.025);
}
.favorites-section.hidden{display:none!important}
.favorites-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}
.favorites-head h2{margin:4px 0 0;font-size:18px}
.favorites-count{font-size:10px;color:var(--muted)}
.favorites-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.favorite-room-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.04);
}
.favorite-room-main{display:flex;align-items:center;gap:9px;min-width:0}
.favorite-room-icon{
  width:34px;height:34px;border-radius:10px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.06);flex:0 0 auto
}
.favorite-room-meta{display:flex;flex-direction:column;gap:3px;min-width:0}
.favorite-room-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.favorite-room-meta span{color:var(--muted);font-size:9px;white-space:nowrap}
.favorite-room-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.favorite-room-actions button{
  border:1px solid var(--line);
  border-radius:9px;
  background:rgba(255,255,255,.05);
  color:var(--text);
  padding:7px 9px;
  font-size:9px;
  font-weight:850;
  cursor:pointer;
}
.favorite-room-actions .favorite-remove-btn{width:30px;height:30px;padding:0}
.favorites-empty{
  grid-column:1/-1;
  display:flex;flex-direction:column;align-items:center;gap:4px;
  padding:20px;border:1px dashed var(--line);border-radius:14px;
  color:var(--muted);text-align:center
}
.favorites-empty span{font-size:24px}
.favorites-empty strong{color:var(--text);font-size:12px}
.favorites-empty small{font-size:10px}

@media(max-width:980px){
  .favorites-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .stage-actions{gap:5px}
  .room-favorite-btn{padding:6px 8px;font-size:9px}
  .favorites-section{padding:12px}
  .favorites-list{grid-template-columns:1fr}
  .favorite-room-card{gap:8px}
}

/* V2.8.7 - Oda kartı favori yıldızı konum düzeltmesi */
.room-card{
  position:relative;
  padding-top:16px;
}
.room-card-top{
  padding-right:42px;
}
.room-card-favorite{
  top:12px;
  right:12px;
  width:30px;
  height:30px;
  z-index:3;
}
@media(max-width:640px){
  .room-card-top{
    padding-right:40px;
  }
  .room-card-favorite{
    top:11px;
    right:11px;
    width:29px;
    height:29px;
  }
}

/* =========================================================
   V2.8.8 - Genel Web + Mobil UI/UX Polish
   ========================================================= */

/* Genel: taşma ve tıklama hissi */
.room-card,
.speaker-card,
.favorite-room-card,
.modal-card,
.panel{
  min-width:0;
}
button{
  -webkit-tap-highlight-color:transparent;
}
button:focus-visible,
.room-card:focus-visible,
.profile-clickable:focus-visible{
  outline:2px solid rgba(255,255,255,.34);
  outline-offset:2px;
}

/* Lobi oda kartları */
.room-card{
  overflow:hidden;
  min-height:160px;
}
.room-card h3,
.room-card p{
  overflow:hidden;
  text-overflow:ellipsis;
}
.room-card h3{
  white-space:nowrap;
  padding-right:2px;
}
.room-card p{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.room-card-top{
  min-height:38px;
}
.room-card .server-pill{
  flex:0 0 auto;
  white-space:nowrap;
}
.room-card-favorite{
  display:grid;
  place-items:center;
  line-height:1;
  transition:transform .15s ease,background .15s ease;
}
.room-card-favorite:hover{
  transform:translateY(-1px) scale(1.04);
}
.room-join{
  gap:10px;
}
.room-join span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.room-join strong{
  flex:0 0 auto;
  white-space:nowrap;
}

/* Oda üst bilgileri */
.stage-top{
  gap:14px;
}
.stage-top>div:first-child{
  min-width:0;
}
#stageTitle{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.room-info-bar{
  max-width:100%;
}
.room-info-bar span{
  max-width:100%;
}
.stage-actions{
  flex:0 0 auto;
  align-self:flex-start;
}

/* Konuşmacı kartları */
.speaker-card{
  overflow:hidden;
}
.speaker-card>strong{
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:center;
}
.speaker-card>small{
  min-height:16px;
}
.speaker-card-actions{
  width:100%;
}
.speaker-card-actions button{
  min-height:30px;
}
.speaker-avatar-wrap{
  flex:0 0 auto;
}
.speaker-card:not(.speaking) .speaker-avatar-wrap{
  background:transparent!important;
  box-shadow:none!important;
}
.speaker-card.speaking .speaker-avatar-wrap{
  transition:transform .16s ease,box-shadow .16s ease;
}

/* Rol rozetleri */
.speaker-role-badges{
  max-width:100%;
}
.role-badge{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Favoriler */
.favorites-section{
  overflow:hidden;
}
.favorite-room-card{
  min-height:62px;
}
.favorite-room-meta{
  flex:1 1 auto;
}
.favorite-room-actions button{
  min-height:30px;
}
.favorite-room-actions button:active,
.speaker-card-actions button:active,
.room-favorite-btn:active{
  transform:translateY(1px);
}

/* Modal standardizasyonu */
.modal{
  padding:18px;
  overflow-y:auto;
  overscroll-behavior:contain;
}
.modal-card{
  position:relative;
  width:min(100%,560px);
  max-height:calc(100dvh - 36px);
  overflow-y:auto;
  overscroll-behavior:contain;
}
.modal-card button{
  touch-action:manipulation;
}
.modal-card input,
.modal-card textarea,
.modal-card select{
  max-width:100%;
}
.modal-close,
.close-modal{
  flex:0 0 auto;
}

/* Uzun kullanıcı adları / sosyal alanlar */
.user-row,
.social-row,
.ban-list-item{
  min-width:0;
}
.user-row strong,
.social-row strong,
.ban-list-name{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* Scrollbarlar daha sade */
.modal-card,
#messages,
.users-list{
  scrollbar-width:thin;
}

/* Tablet */
@media(max-width:980px){
  .room-info-bar{
    gap:5px;
  }
  .favorites-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* Mobil */
@media(max-width:640px){
  .modal{
    padding:10px;
    align-items:flex-end;
  }
  .modal-card{
    width:100%;
    max-height:calc(100dvh - 20px);
    border-radius:18px 18px 14px 14px;
  }

  .stage-top{
    align-items:flex-start;
    gap:8px;
  }
  .stage-actions{
    gap:5px;
  }
  .room-info-bar{
    margin-top:7px;
    gap:4px;
  }
  .room-info-bar span{
    min-height:23px;
    padding:4px 6px;
    font-size:9px;
  }

  .room-card{
    min-height:150px;
  }
  .room-card h3{
    font-size:16px;
  }

  .speaker-card{
    padding-left:8px;
    padding-right:8px;
  }
  .speaker-card-actions{
    gap:5px;
  }
  .speaker-card-actions .participant-manage-btn,
  .speaker-card-actions .speaker-profile-btn{
    min-height:29px;
    padding:6px 8px;
    font-size:9px;
  }

  .favorites-head{
    align-items:center;
  }
  .favorites-head h2{
    font-size:16px;
  }
  .favorites-list{
    grid-template-columns:1fr;
  }
  .favorite-room-card{
    width:100%;
  }
  .favorite-room-meta span{
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:48vw;
  }
}

/* Çok dar telefonlar */
@media(max-width:390px){
  .stage-top{
    flex-wrap:wrap;
  }
  .stage-actions{
    width:100%;
    justify-content:flex-start;
  }
  .room-info-bar span{
    font-size:8.5px;
  }
  .favorite-room-card{
    align-items:flex-start;
    flex-direction:column;
  }
  .favorite-room-actions{
    width:100%;
  }
  .favorite-room-actions button:first-child{
    flex:1 1 auto;
  }
}

/* =========================================================
   V2.9.1 - Bildirim Merkezi + Okunmamış DM
   ========================================================= */
.top-actions{
  position:relative;
}
.notification-wrap{
  position:relative;
}
.notification-btn{
  position:relative;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(255,255,255,.05);
  color:var(--text);
  cursor:pointer;
  font-size:16px;
}
.notification-btn.hidden{display:none!important}
.notification-btn:hover{background:rgba(255,255,255,.09)}
.notification-badge{
  position:absolute;
  top:-6px;
  right:-6px;
  min-width:19px;
  height:19px;
  padding:0 5px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:2px solid #0b1020;
  background:#e85d75;
  color:white;
  font-size:9px;
  font-weight:950;
}
.notification-badge.hidden{display:none!important}

.notification-panel{
  position:absolute;
  top:46px;
  right:0;
  z-index:20000;
  width:min(390px,calc(100vw - 24px));
  max-height:min(520px,70vh);
  display:flex;
  flex-direction:column;
  border:1px solid var(--line);
  border-radius:18px;
  background:#0e1729;
  box-shadow:0 24px 70px rgba(0,0,0,.42);
  overflow:hidden;
}
.notification-panel.hidden{display:none!important}
.notification-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px;
  border-bottom:1px solid var(--line);
}
.notification-head>div{
  display:flex;
  flex-direction:column;
  gap:3px;
}
.notification-head strong{font-size:14px}
.notification-head button{
  border:0;
  background:transparent;
  color:#aeb9d0;
  font-size:9px;
  font-weight:800;
  cursor:pointer;
}
.notification-head button:disabled{
  opacity:.45;
  cursor:default;
}
.notification-list{
  min-height:80px;
  overflow:auto;
}
.notification-item{
  position:relative;
  width:100%;
  display:grid;
  grid-template-columns:36px minmax(0,1fr) 8px;
  align-items:start;
  gap:9px;
  padding:12px 13px;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.05);
  background:transparent;
  color:var(--text);
  text-align:left;
  cursor:pointer;
}
.notification-item:hover{background:rgba(255,255,255,.04)}
.notification-item.unread{background:rgba(112,132,255,.07)}
.notification-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:11px;
  background:rgba(255,255,255,.04);
}
.notification-content{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}
.notification-content strong,
.notification-content span{
  overflow:hidden;
  text-overflow:ellipsis;
}
.notification-content strong{
  font-size:11px;
  white-space:nowrap;
}
.notification-content span{
  color:#aeb9d0;
  font-size:10px;
  line-height:1.4;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.notification-content time{
  color:#748099;
  font-size:8px;
}
.notification-dot{
  width:7px;
  height:7px;
  margin-top:7px;
  border-radius:50%;
  background:#8095ff;
}
.notification-empty{
  padding:28px 16px;
  text-align:center;
  color:var(--muted);
  font-size:11px;
}

.dm-unread-badge{
  flex:0 0 auto;
  min-width:20px;
  height:20px;
  padding:0 6px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#526ee8;
  color:white;
  font-size:9px;
  font-weight:950;
}

@media(max-width:640px){
  .notification-panel{
    position:fixed;
    top:64px;
    right:10px;
    left:10px;
    width:auto;
    max-height:calc(100dvh - 76px);
  }
  .notification-head{
    padding:12px;
  }
  .notification-item{
    padding:11px 12px;
  }
}

/* V2.9.2 - Bildirim + bağlantı durumu yan yana */
.top-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:nowrap;
  gap:8px;
}

.notification-wrap{
  flex:0 0 auto;
}

.notification-btn{
  width:38px;
  height:38px;
  min-width:38px;
  min-height:38px;
  flex:0 0 38px;
}

#status.server-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 13px;
  flex:0 0 auto;
  white-space:nowrap;
}

/* Bildirim sayacı zilin sağ üstünde sabit */
.notification-badge{
  top:-5px;
  right:-5px;
  z-index:2;
}

/* Mobilde de yan yana kalsın */
@media(max-width:640px){
  .top-actions{
    display:flex;
    flex-direction:row;
    align-items:center;
    flex-wrap:nowrap;
    gap:7px;
  }

  .notification-btn{
    width:36px;
    height:36px;
    min-width:36px;
    min-height:36px;
    flex-basis:36px;
  }

  #status.server-pill{
    min-height:36px;
    padding:0 11px;
    font-size:10px;
  }
}

/* V2.9.4 - Oda daveti */
#profileRoomInviteBtn{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* V2.9.5 - Oda içinden arkadaş daveti */
.room-friends-invite-btn{
  width:100%;
  margin-top:12px;
  justify-content:center;
}

.room-invite-friends-card{
  width:min(520px, calc(100vw - 28px));
}

.room-invite-friends-card > p{
  margin:6px 0 14px;
  opacity:.72;
}

.room-invite-friends-list{
  display:flex;
  flex-direction:column;
  gap:9px;
  max-height:min(58vh, 480px);
  overflow:auto;
  padding-right:3px;
}

.room-invite-friend-item{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:rgba(255,255,255,.035);
}

.room-invite-friend-meta{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}

.room-invite-friend-meta strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.room-invite-friend-meta span{
  font-size:12px;
  opacity:.65;
}

.room-invite-send-btn{
  width:auto;
  min-width:108px;
  margin:0;
  white-space:nowrap;
}

@media(max-width:640px){
  .room-invite-friend-item{
    grid-template-columns:auto minmax(0,1fr);
  }

  .room-invite-send-btn{
    grid-column:1 / -1;
    width:100%;
  }
}


/* V2.9.10 - 256x256 profil resmi */
.avatar-photo{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border-radius:inherit;
}
.profile-avatar.has-photo,
.speaker-avatar.has-photo,
.avatar-mini.has-photo,
.social-item-avatar.has-photo{
  overflow:hidden;
  padding:0;
}
.profile-avatar .avatar-photo,
.speaker-avatar .avatar-photo,
.avatar-mini .avatar-photo,
.social-item-avatar .avatar-photo,
.msg-avatar .avatar-photo{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:inherit;
}
.profile-photo-actions{
  display:grid;
  gap:7px;
  margin:10px 0 8px;
}
.profile-photo-actions .manage-btn{
  width:100%;
}
.profile-photo-actions small{
  display:block;
  color:var(--muted);
  font-size:11px;
  line-height:1.35;
  text-align:center;
}
.speaker-avatar,
.social-item-avatar,
.avatar-mini,
.msg-avatar{
  overflow:hidden;
}
@media (max-width:640px){
  .profile-photo-actions{
    margin-top:8px;
  }
}


/* V2.9.11 - Gürültü engelleme kontrolü */
.noise-control{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
  background:rgba(255,255,255,.055);
}
.noise-control label{
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
}
.noise-control select{
  min-width:86px;
  border:0;
  outline:none;
  border-radius:9px;
  padding:7px 8px;
  background:rgba(10,18,32,.82);
  color:inherit;
  font:inherit;
  cursor:pointer;
}
.noise-control select:disabled{
  opacity:.55;
  cursor:wait;
}
.noise-hint{
  margin:8px auto 0;
  width:max-content;
  max-width:100%;
  padding:5px 10px;
  border-radius:999px;
  font-size:11px;
  color:var(--muted);
  background:rgba(255,255,255,.04);
}
.noise-hint[data-mode="strong"] strong{
  font-weight:800;
}
@media (max-width:760px){
  .controls-bar{
    flex-wrap:wrap;
  }
  .noise-control{
    flex:1 1 100%;
    justify-content:center;
  }
}

/* V2.9.12 ROOT / ADMIN */
.admin-panel-btn{min-height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(255,255,255,.07);color:inherit;font-weight:800;cursor:pointer}.admin-panel-card{width:min(900px,calc(100vw - 24px));max-height:90vh;overflow:auto;padding:24px}.admin-head,.admin-section-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-role-badge{padding:7px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.12);font-size:12px;font-weight:900}.admin-section{display:grid;gap:10px;margin-top:14px;padding:15px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.035)}.admin-section textarea{width:100%;min-height:86px;resize:vertical}.admin-grid{display:grid;grid-template-columns:1fr 180px;gap:10px}.admin-perms{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.admin-perms label{padding:9px;border:1px solid rgba(255,255,255,.08);border-radius:10px;font-size:12px}.admin-actions{display:flex;gap:8px}.admin-actions>*{flex:1}.admin-list{display:grid;gap:8px}.admin-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(255,255,255,.03);color:inherit;text-align:left}.admin-row>div{display:grid;gap:3px;min-width:0}.admin-row strong{font-size:13px}.admin-row span{font-size:11px;color:var(--muted)}.admin-pick{cursor:pointer}.admin-empty{padding:14px;text-align:center;color:var(--muted);font-size:12px}.admin-log{display:grid;gap:3px;padding:9px 11px;border-left:2px solid rgba(255,255,255,.18)}.admin-log strong{font-size:12px}.admin-log span,.admin-log small{font-size:11px;color:var(--muted)}.compact{min-height:32px!important;padding:6px 9px!important;width:auto!important}.admin-announcement-toast{position:fixed;z-index:9999;left:50%;top:78px;transform:translateX(-50%);width:min(620px,calc(100vw - 24px));display:grid;gap:5px;padding:13px 16px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(12,20,34,.96);box-shadow:0 18px 60px rgba(0,0,0,.35)}@media(max-width:680px){.admin-panel-card{padding:18px 13px}.admin-grid,.admin-perms{grid-template-columns:1fr}.admin-actions{flex-direction:column}.admin-row{align-items:flex-start;flex-direction:column}.admin-row button{width:100%!important}.admin-panel-btn{min-height:34px;font-size:11px}}


/* V2.9.13 - Yönetim görevleri */
.admin-room-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  flex-wrap:wrap;
}
.admin-section-note{
  margin:5px 0 12px;
  color:var(--muted);
  font-size:11px;
}
@media(max-width:680px){
  .admin-room-actions{
    width:100%;
    display:grid;
    grid-template-columns:1fr;
  }
  .admin-room-actions button{
    width:100%!important;
  }
}

/* V2.9.15 - ROOT oda müdahale görünürlüğü */
.root-intervention-badge{display:flex;align-items:center;justify-content:center;width:100%;margin:0 0 10px;padding:8px 10px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.07);font-size:11px;font-weight:900;letter-spacing:.04em}
.admin-intervene-btn{font-weight:900!important;border-width:1px!important;box-shadow:0 0 0 1px rgba(255,255,255,.04) inset}


/* V2.9.16 - Yönetim işlem geçmişi */
.admin-log-filters{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:12px 0;
}
.admin-log-actions{
  margin-bottom:10px;
}
.admin-log-summary{
  margin:8px 0;
  font-size:11px;
  color:var(--muted);
  font-weight:700;
}
.admin-log-clickable{
  width:100%;
  text-align:left;
  cursor:default;
  color:inherit;
  border:1px solid rgba(255,255,255,.08);
  border-radius:11px;
  padding:10px 12px;
  background:rgba(255,255,255,.025);
}
.admin-log-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.admin-log-top strong{
  font-size:12px;
}
.admin-log-top span{
  font-size:11px;
  font-weight:800;
}
.admin-log-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:6px;
}
.admin-log-meta span{
  padding:3px 7px;
  border-radius:999px;
  background:rgba(255,255,255,.055);
  color:var(--muted);
  font-size:10px;
}
.admin-log-clickable p{
  margin:7px 0 0;
  font-size:11px;
  color:var(--muted);
  overflow-wrap:anywhere;
}
.admin-log-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:12px;
}
.admin-log-pagination span{
  min-width:70px;
  text-align:center;
  font-size:11px;
  font-weight:800;
}
.admin-log-pagination button:disabled{
  opacity:.4;
  cursor:not-allowed;
}
@media(max-width:760px){
  .admin-log-filters{
    grid-template-columns:1fr;
  }
  .admin-log-top{
    align-items:flex-start;
    flex-direction:column;
    gap:3px;
  }
}

/* V2.9.17 - Yönetici giriş paneli */
.admin-login-entry{width:100%;margin-top:8px}
.admin-login-card{width:min(430px,calc(100vw - 28px))}
.admin-login-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.admin-login-head h2{margin:2px 0 3px}
.admin-login-head p{margin:0;color:var(--muted);font-size:12px}
.admin-login-shield{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);font-size:24px;flex:none}
.admin-login-note{margin:10px 0 0;text-align:center;color:var(--muted);font-size:10px}

/* V2.9.19 - E-posta doğrulama */
.auth-info{margin-top:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.045);font-size:11px;line-height:1.5}#resendVerificationBtn{width:100%;margin-top:7px;text-align:center}


/* V2.9.20 - ROOT e-posta doğrulama aç/kapat */
.admin-setting-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:54px;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  font-size:10px;
  font-weight:900;
}
.admin-setting-status.off{
  opacity:.62;
}
.admin-setting-toggle-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:10px;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:11px;
  background:rgba(255,255,255,.025);
}
.admin-setting-toggle-row>div{
  min-width:0;
}
.admin-setting-toggle-row strong{
  display:block;
  margin-bottom:3px;
  font-size:12px;
}
.admin-setting-toggle-row small{
  display:block;
  color:var(--muted);
  font-size:10px;
  line-height:1.45;
}
@media(max-width:620px){
  .admin-setting-toggle-row{
    align-items:stretch;
    flex-direction:column;
  }
  .admin-setting-toggle-row button{
    width:100%;
  }
}


/* V2.9.21 - Şifremi Unuttum / Şifre Sıfırlama */
.auth-forgot-btn{
  width:100%;
  margin-top:6px;
  text-align:center;
}
.password-reset-card{
  width:min(440px,calc(100vw - 28px));
}
.password-reset-card h2{
  margin-bottom:6px;
}
.password-reset-card .modal-note{
  margin-bottom:14px;
  line-height:1.5;
}


/* V2.9.22 - Şikâyet Sistemi */
.room-report-btn,.room-card-report,.speaker-report-btn,.report-btn{cursor:pointer}
.room-report-btn{border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.04);color:var(--muted);border-radius:10px;padding:8px 10px;font-size:11px;font-weight:800}
.room-card-report{width:100%;margin-top:9px;border:0;border-top:1px solid rgba(255,255,255,.07);background:transparent;color:var(--muted);padding:9px 0 2px;text-align:left;font-size:10px;font-weight:800}
.speaker-report-btn{min-width:34px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);color:var(--muted);border-radius:9px;padding:6px 8px}
.report-card{width:min(460px,calc(100vw - 28px))}
.report-card textarea{min-height:110px;resize:vertical}
.admin-report-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:5px;padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.09);font-size:9px;font-weight:900}
.admin-report-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.admin-reports-list{display:grid;gap:10px;margin-top:10px}
.admin-report-item{border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;background:rgba(255,255,255,.025)}
.admin-report-head{display:flex;justify-content:space-between;gap:10px}.admin-report-head>div{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.admin-report-head small,.admin-report-meta{color:var(--muted);font-size:10px}
.admin-report-meta{display:flex;flex-wrap:wrap;gap:8px 12px;margin:7px 0}
.admin-report-item p{margin:7px 0;line-height:1.5;font-size:11px}
.admin-report-status{padding:3px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.09);font-size:9px;font-weight:900}
.admin-report-note{margin:8px 0;padding:8px 10px;border-radius:9px;background:rgba(255,255,255,.04);font-size:10px}
.admin-report-edit{display:grid;grid-template-columns:140px 1fr auto;gap:8px;margin-top:9px}.admin-report-edit select,.admin-report-edit input{min-width:0}
.admin-report-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:10px}
.admin-report-pagination span{color:var(--muted);font-size:10px;font-weight:800}
@media(max-width:620px){.admin-report-filters{grid-template-columns:1fr}.admin-report-edit{grid-template-columns:1fr}.admin-report-head{flex-direction:column}}


/* V2.9.23 - Şikâyet modalı yenileme */
.report-card-v2{
  width:min(560px,calc(100vw - 28px));
  padding:24px;
  border:1px solid rgba(95,148,255,.26);
  border-radius:24px;
  background:
    radial-gradient(circle at 15% 0%,rgba(49,117,255,.10),transparent 36%),
    linear-gradient(180deg,rgba(14,25,45,.98),rgba(8,16,31,.98));
  box-shadow:0 28px 70px rgba(0,0,0,.48);
}
.report-close{
  top:18px;
  right:18px;
  width:42px;
  height:42px;
  border-radius:12px;
  font-size:24px;
}
.report-kicker{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:18px;
  color:#ff6b88;
  font-size:12px;
  font-weight:900;
  letter-spacing:.13em;
}
.report-flag{font-size:20px;letter-spacing:0}
.report-target-head{
  display:grid;
  grid-template-columns:78px 1fr;
  gap:16px;
  align-items:center;
  margin-bottom:22px;
  padding-right:44px;
}
.report-target-avatar{
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
  border-radius:50%;
  font-size:34px;
  border:3px solid rgba(84,177,255,.55);
  background:linear-gradient(145deg,rgba(27,65,111,.95),rgba(13,29,54,.95));
  box-shadow:0 0 0 5px rgba(84,177,255,.08);
}
.report-target-avatar.user{
  background:linear-gradient(145deg,rgba(50,75,113,.95),rgba(17,27,44,.98));
}
.report-target-avatar.room{
  background:linear-gradient(145deg,rgba(92,53,145,.95),rgba(23,30,67,.98));
}
.report-target-copy h2{
  margin:0 0 7px;
  font-size:26px;
  line-height:1.05;
}
.report-target-copy>p{
  margin:0 0 10px;
  color:var(--muted);
  font-size:12px;
  line-height:1.55;
}
.report-target-meta{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.report-target-meta strong{font-size:13px}
.report-target-badge{
  padding:4px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  color:var(--muted);
  font-size:10px;
  font-weight:800;
}
.report-field{
  position:relative;
  margin-top:14px;
}
.report-field>span{
  display:block;
  margin-bottom:7px;
  font-size:11px;
  font-weight:900;
}
.report-card-v2 select,
.report-card-v2 textarea{
  width:100%;
  border:1px solid rgba(105,145,213,.30);
  background:rgba(12,23,42,.90);
  color:var(--text);
  border-radius:13px;
  outline:none;
  box-sizing:border-box;
}
.report-card-v2 select{
  min-height:48px;
  padding:0 14px;
}
.report-card-v2 select:focus,
.report-card-v2 textarea:focus{
  border-color:rgba(55,170,255,.90);
  box-shadow:0 0 0 2px rgba(55,170,255,.08);
}
.report-card-v2 textarea{
  min-height:122px;
  padding:14px 15px 30px;
  resize:vertical;
  line-height:1.5;
}
.report-char-count{
  position:absolute;
  right:12px;
  bottom:9px;
  color:var(--muted);
  font-size:10px;
  font-weight:700;
}
.report-warning{
  display:flex;
  gap:9px;
  align-items:flex-start;
  margin-top:14px;
  padding:12px 13px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:12px;
  background:rgba(255,255,255,.025);
  color:var(--muted);
  font-size:10px;
  line-height:1.5;
}
.report-warning::first-letter{color:#ffb12c}
.report-actions{
  display:grid;
  grid-template-columns:128px 1fr;
  gap:10px;
  margin-top:16px;
}
.report-cancel-btn,
.report-submit-btn{
  min-height:48px;
  border-radius:12px;
  font-weight:900;
}
.report-submit-btn{
  background:linear-gradient(135deg,#ff4169,#ff5a7d);
  border:1px solid rgba(255,120,145,.38);
  color:#fff;
  box-shadow:0 10px 24px rgba(255,65,105,.18);
}
.report-submit-btn:hover{filter:brightness(1.05)}
@media(max-width:620px){
  .report-card-v2{
    width:min(94vw,520px);
    padding:20px 16px 16px;
    border-radius:20px;
  }
  .report-target-head{
    grid-template-columns:58px 1fr;
    gap:12px;
    padding-right:34px;
  }
  .report-target-avatar{
    width:54px;height:54px;font-size:26px;
  }
  .report-target-copy h2{font-size:21px}
  .report-target-copy>p{font-size:11px}
  .report-actions{grid-template-columns:1fr}
  .report-cancel-btn{order:2}
}


/* Sesine V3.0 - Gelişmiş Profil + Rozet */
.social-profile-card{max-width:520px}
.profile-status-text{margin:2px 0 8px;color:var(--muted,#94a3b8);font-size:14px}
.profile-v3-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}
.profile-v3-stats>div{padding:12px 8px;border:1px solid rgba(148,163,184,.16);border-radius:14px;background:rgba(255,255,255,.035);text-align:center}
.profile-v3-stats strong{display:block;font-size:15px;line-height:1.25}
.profile-v3-stats span{display:block;margin-top:4px;font-size:11px;color:#94a3b8}
.profile-v3-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:0 0 16px}
.profile-v3-badge{padding:7px 10px;border-radius:999px;border:1px solid rgba(99,102,241,.25);background:rgba(99,102,241,.09);font-size:12px}
.profile-v3-badge.muted{opacity:.65}
.profile-v3-about{margin:0 0 14px;padding:13px 14px;text-align:left;border:1px solid rgba(148,163,184,.14);border-radius:14px;background:rgba(255,255,255,.025)}
.profile-v3-about>span{display:block;margin-bottom:6px;font-size:11px;font-weight:800;letter-spacing:.08em;color:#94a3b8;text-transform:uppercase}
.profile-v3-about p{margin:0;line-height:1.5;overflow-wrap:anywhere}
.profile-edit-box{margin:12px 0 16px;padding:14px;border:1px solid rgba(148,163,184,.15);border-radius:14px;background:rgba(15,23,42,.35);text-align:left}
.profile-edit-box label{display:block;margin-bottom:10px;font-size:12px;font-weight:700}
.profile-edit-box input,.profile-edit-box textarea{box-sizing:border-box;width:100%;margin-top:6px;padding:10px 11px;border:1px solid rgba(148,163,184,.22);border-radius:10px;background:rgba(2,6,23,.45);color:inherit;font:inherit;resize:vertical}
.profile-edit-actions{display:flex;justify-content:flex-end;gap:8px}
@media(max-width:600px){.social-profile-card{width:min(94vw,520px)}.profile-v3-stats{gap:6px}.profile-v3-stats>div{padding:10px 5px}.profile-v3-badge{font-size:11px}}

/* Sesine V3.1 - Oda Rolleri */
.role-badge.manager{background:rgba(59,130,246,.15);border-color:rgba(59,130,246,.32);color:#bfdbfe}
#userActionModal .modal-card{max-width:430px}
#actionUserRole{margin-top:-6px;color:#94a3b8}
#toggleManagerBtn,#toggleModeratorBtn{width:100%;margin-bottom:8px}

/* Sesine V3.2 - Oda Etkinlikleri ve Planlama */
.events-section{margin:18px 0;padding:20px;border-radius:22px}.events-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.events-head h2{margin:4px 0 0}.events-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.event-card{padding:16px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.035);display:flex;flex-direction:column;gap:10px}.event-card.live{box-shadow:0 0 0 1px rgba(255,90,120,.2) inset;background:rgba(255,80,110,.05)}.event-card-head,.event-meta,.event-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.event-state{font-size:11px;font-weight:800;letter-spacing:.04em}.event-room{font-size:12px;opacity:.7}.event-card h3{margin:0;font-size:17px}.event-card p{margin:0;opacity:.75;min-height:38px}.event-meta{font-size:12px;opacity:.72;flex-wrap:wrap}.event-actions{margin-top:auto;align-items:stretch}.event-actions .primary-btn,.event-actions .manage-btn{width:auto;flex:1}.manage-btn.compact,.primary-btn.compact,.leave-btn.compact{padding:8px 10px;min-height:34px;font-size:12px}.event-reminder-btn.active{outline:1px solid rgba(120,190,255,.55)}.room-event-chip{display:flex;flex-direction:column;gap:3px;margin:10px 0;padding:9px 10px;border-radius:12px;background:rgba(110,150,255,.09);border:1px solid rgba(150,180,255,.12);font-size:12px}.room-event-chip.live{background:rgba(255,80,110,.08);border-color:rgba(255,90,120,.18)}.room-event-chip span{opacity:.8}.current-room-event{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;padding:9px 12px;border-radius:12px;background:rgba(120,160,255,.08);border:1px solid rgba(150,180,255,.12);font-size:12px}.current-room-event span{opacity:.72}.event-manager-modal{width:min(760px,calc(100vw - 28px));max-height:88vh;overflow:auto}.event-editor{margin:18px 0;padding:16px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}.event-editor h3{margin:0 0 12px}.event-form-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:12px}.event-editor-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.event-list-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:18px 0 10px}.event-list-title span{font-size:12px;opacity:.6}.room-events-list{display:flex;flex-direction:column;gap:10px}.room-event-row{display:flex;justify-content:space-between;gap:14px;padding:14px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.075)}.room-event-row.cancelled{opacity:.52}.room-event-main{min-width:0}.room-event-title-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.room-event-title-line span{font-size:11px;opacity:.7}.room-event-main p{margin:6px 0;opacity:.75}.room-event-main small{opacity:.62}.room-event-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.event-empty{padding:18px;text-align:center;opacity:.65;border:1px dashed rgba(255,255,255,.12);border-radius:14px}
@media(max-width:900px){.events-list{grid-template-columns:1fr}}@media(max-width:620px){.events-section{padding:14px}.events-head{align-items:flex-start}.event-actions{flex-direction:column}.event-form-grid{grid-template-columns:1fr}.room-event-row{flex-direction:column}.room-event-actions{justify-content:flex-start}.event-editor-actions{flex-direction:column}.event-editor-actions button{width:100%}.current-room-event{align-items:flex-start;flex-direction:column;gap:3px}}


/* Sesine V3.2.1 - Etkinlik modal UI hotfix */
.event-description-field{width:100%}
.event-description-label{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}
.event-description-label small{font-size:12px;font-weight:600;opacity:.62}
#eventDescription{
  display:block;
  width:100%;
  min-width:100%;
  max-width:100%;
  min-height:104px;
  box-sizing:border-box;
  resize:vertical;
  padding:14px 16px;
  border-radius:14px;
  font:inherit;
  line-height:1.45;
  color:inherit;
  background:rgba(7,16,35,.72);
  border:1px solid rgba(140,170,230,.18);
}
#eventDescription:focus{outline:none;border-color:rgba(120,145,255,.65)}
.room-event-actions{
  display:grid;
  grid-template-columns:repeat(3,112px);
  align-items:center;
  justify-content:end;
  gap:8px;
}
.room-event-actions .manage-btn.compact,
.room-event-actions .leave-btn.compact{
  width:112px;
  height:38px;
  min-height:38px;
  padding:0 10px;
  margin:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  line-height:1;
  border-radius:12px;
}
.room-event-actions .leave-btn.compact{position:static;transform:none}
@media(max-width:620px){
  .room-event-actions{display:grid;grid-template-columns:1fr;justify-content:stretch;width:100%}
  .room-event-actions .manage-btn.compact,
  .room-event-actions .leave-btn.compact{width:100%}
}


/* Sesine V3.2.2 - Etkinlik düzenleme buton hizası */
.event-editor-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  width:100%;
  margin-top:14px;
}
.event-editor-actions #eventCancelEditBtn,
.event-editor-actions #eventSaveBtn{
  width:100%;
  min-width:0;
  height:52px;
  min-height:52px;
  margin:0;
  padding:0 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  border-radius:14px;
  font-weight:800;
  line-height:1;
}
.event-editor-actions #eventSaveBtn:only-child,
.event-editor-actions #eventSaveBtn:first-child:last-child{
  grid-column:1 / -1;
}
.event-editor-actions #eventCancelEditBtn.hidden + #eventSaveBtn{
  grid-column:1 / -1;
}
@media(max-width:620px){
  .event-editor-actions{
    grid-template-columns:1fr;
  }
  .event-editor-actions #eventCancelEditBtn,
  .event-editor-actions #eventSaveBtn{
    grid-column:1;
  }
}


/* Sesine V3.2.3 - Oda yönetimi / Odadan Çık ayrımı */
.room-leave-zone{
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid rgba(148,163,184,.16);
}
.room-leave-zone .leave-btn,
.room-leave-zone #leaveRoomBtn{
  width:100%;
  min-height:46px;
  margin:0;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  box-sizing:border-box;
  font-weight:800;
  letter-spacing:.01em;
  background:rgba(120,30,55,.16);
  border:1px solid rgba(255,95,125,.28);
  color:#ff8098;
}
.room-leave-zone .leave-btn:hover,
.room-leave-zone #leaveRoomBtn:hover{
  background:rgba(150,35,65,.22);
  border-color:rgba(255,110,140,.42);
}


/* Sesine V3.2.4 - Oda kullanıcı kartı kompakt görünüm */
.speaker-card{
  min-height:0;
  padding:16px 18px;
  border-radius:18px;
}
.speaker-card .speaker-avatar,
.speaker-card .avatar,
.speaker-card [class*="speaker-avatar"]{
  width:58px;
  height:58px;
  min-width:58px;
  min-height:58px;
}
.speaker-card .speaker-name,
.speaker-card .speaker-name-row,
.speaker-card .speaker-user{
  margin-top:8px;
}
.speaker-card .speaker-status,
.speaker-card .mic-status{
  margin-top:5px;
}
.speaker-card .speaker-role,
.speaker-card .role-badge{
  vertical-align:middle;
}
.speaker-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
}
.speakers-grid{
  align-items:start;
}
@media(min-width:700px){
  .speakers-grid{
    grid-auto-rows:auto;
  }
  .speaker-card{
    height:auto;
    min-height:150px;
    max-height:180px;
  }
}
@media(max-width:699px){
  .speaker-card{
    min-height:138px;
    padding:14px;
  }
}


/* Sesine V3.2.5 - Tek kullanıcı oda kartı kesin hizalama */
.speakers-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,220px));
  justify-content:center;
  align-items:start;
  gap:14px;
}
.speakers-grid .speaker-card{
  width:220px;
  min-width:220px;
  max-width:220px;
  min-height:148px;
  height:148px;
  padding:14px 16px;
  margin:0 auto;
  border-radius:18px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  overflow:visible;
}
.speakers-grid .speaker-card .speaker-avatar,
.speakers-grid .speaker-card .avatar,
.speakers-grid .speaker-card [class*="speaker-avatar"]{
  width:56px !important;
  height:56px !important;
  min-width:56px !important;
  min-height:56px !important;
  margin:0 auto 2px !important;
  flex:0 0 56px;
}
.speakers-grid .speaker-card .speaker-name,
.speakers-grid .speaker-card .speaker-name-row,
.speakers-grid .speaker-card .speaker-user{
  margin:0 !important;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  line-height:1.15;
  text-align:center;
  max-width:100%;
}
.speakers-grid .speaker-card .speaker-status,
.speakers-grid .speaker-card .mic-status{
  margin:0 !important;
  line-height:1.2;
  text-align:center;
}
.speakers-grid .speaker-card .speaker-role,
.speakers-grid .speaker-card .role-badge{
  position:static !important;
  transform:none !important;
  margin:0 !important;
  flex:0 0 auto;
}
@media(max-width:620px){
  .speakers-grid{
    grid-template-columns:1fr;
    justify-items:center;
  }
  .speakers-grid .speaker-card{
    width:min(220px,100%);
    min-width:0;
    max-width:220px;
  }
}


/* Sesine V3.2.6 - Tek kullanıcı kartı kesin düzeltme */
/* Doğru selector .speaker-grid: önceki hotfixte yanlışlıkla .speakers-grid kullanılmıştı. */
.speaker-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,220px)) !important;
  justify-content:center !important;
  align-content:start !important;
  align-items:start !important;
  gap:14px !important;
  padding:24px 18px !important;
}
.speaker-grid .speaker-card{
  width:220px !important;
  min-width:220px !important;
  max-width:220px !important;
  height:164px !important;
  min-height:164px !important;
  max-height:164px !important;
  margin:0 auto !important;
  padding:16px !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  overflow:visible !important;
}
.speaker-grid .speaker-avatar-wrap{
  width:60px !important;
  height:60px !important;
  min-width:60px !important;
  min-height:60px !important;
  padding:3px !important;
  margin:0 0 3px !important;
  flex:0 0 60px !important;
}
.speaker-grid .speaker-avatar{
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  box-sizing:border-box !important;
}
.speaker-grid .speaker-card > strong{
  margin:2px 0 0 !important;
  line-height:1.2 !important;
  text-align:center !important;
  max-width:100% !important;
}
.speaker-grid .speaker-card > small{
  margin:0 !important;
  line-height:1.2 !important;
  text-align:center !important;
}
.speaker-grid .speaker-card-actions{
  margin-top:4px !important;
  min-height:0 !important;
}
.speaker-grid .role-badge{
  position:static !important;
  transform:none !important;
  display:inline-flex !important;
  vertical-align:middle !important;
  margin-left:5px !important;
}
@media(max-width:620px){
  .speaker-grid{
    grid-template-columns:minmax(0,220px) !important;
    padding:18px 10px !important;
  }
  .speaker-grid .speaker-card{
    width:220px !important;
    min-width:0 !important;
    max-width:100% !important;
  }
}


/* Sesine V3.2.7 - Kullanıcı kartları yeniden tasarım */
.speaker-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(260px,300px)) !important;
  justify-content:center !important;
  align-items:start !important;
  align-content:start !important;
  gap:18px !important;
  padding:28px 22px !important;
}

.speaker-grid .speaker-card{
  position:relative !important;
  width:100% !important;
  min-width:0 !important;
  max-width:300px !important;
  height:auto !important;
  min-height:236px !important;
  max-height:none !important;
  margin:0 !important;
  padding:22px 18px 18px !important;
  border-radius:22px !important;
  border:1px solid rgba(120,145,205,.20) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(71,112,255,.08), transparent 45%),
    linear-gradient(180deg, rgba(17,27,48,.96), rgba(10,17,31,.96)) !important;
  box-shadow:0 12px 32px rgba(0,0,0,.12) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  overflow:visible !important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease !important;
}

.speaker-grid .speaker-card:hover{
  transform:translateY(-2px);
  border-color:rgba(105,145,255,.38) !important;
  box-shadow:0 16px 38px rgba(0,0,0,.18) !important;
}

.speaker-grid .speaker-card.speaking{
  border-color:rgba(65,210,160,.52) !important;
  box-shadow:0 0 0 1px rgba(65,210,160,.14),0 16px 38px rgba(0,0,0,.18) !important;
}

.speaker-grid .speaker-avatar-wrap{
  width:88px !important;
  height:88px !important;
  min-width:88px !important;
  min-height:88px !important;
  flex:0 0 88px !important;
  padding:4px !important;
  margin:2px 0 4px !important;
  border-radius:50% !important;
  background:linear-gradient(135deg,rgba(91,126,255,.72),rgba(123,80,255,.58)) !important;
  box-shadow:0 0 0 5px rgba(79,121,255,.07) !important;
}

.speaker-grid .speaker-card.speaking .speaker-avatar-wrap{
  background:linear-gradient(135deg,#43dfa2,#76dfff) !important;
  box-shadow:0 0 0 5px rgba(79,224,164,.09),0 0 30px rgba(79,224,164,.16) !important;
  transform:none !important;
}

.speaker-grid .speaker-avatar{
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  box-sizing:border-box !important;
  border-radius:50% !important;
  background:#17233b !important;
  border:3px solid rgba(8,14,27,.95) !important;
  font-size:32px !important;
}

.speaker-grid .speaker-card > strong{
  margin:2px 0 0 !important;
  padding:0 !important;
  font-size:15px !important;
  font-weight:900 !important;
  line-height:1.25 !important;
  color:var(--text) !important;
  text-align:center !important;
  max-width:100% !important;
}

.speaker-grid .speaker-card > small{
  margin:0 0 3px !important;
  padding:7px 12px !important;
  min-height:30px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:12px !important;
  line-height:1 !important;
  color:#aab4c9 !important;
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.06) !important;
}

.speaker-grid .speaker-card.speaking > small{
  color:#59e7ae !important;
  background:rgba(31,150,104,.12) !important;
  border-color:rgba(61,210,151,.16) !important;
}

.speaker-grid .role-badge{
  position:static !important;
  transform:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:20px !important;
  margin-left:6px !important;
  padding:3px 7px !important;
  border-radius:999px !important;
  font-size:9px !important;
  line-height:1 !important;
  letter-spacing:.04em !important;
  vertical-align:middle !important;
}

.speaker-grid .speaker-card-actions{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:8px !important;
  margin-top:auto !important;
  padding-top:8px !important;
  min-height:0 !important;
}

.speaker-grid .speaker-card-actions:empty{
  display:none !important;
}

.speaker-grid .speaker-card-actions .participant-manage-btn,
.speaker-grid .speaker-card-actions .speaker-profile-btn,
.speaker-grid .speaker-card-actions .speaker-report-btn{
  width:100% !important;
  min-width:0 !important;
  height:38px !important;
  min-height:38px !important;
  margin:0 !important;
  padding:0 9px !important;
  border-radius:11px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  box-sizing:border-box !important;
  font-size:11px !important;
  font-weight:800 !important;
  line-height:1 !important;
  border:1px solid rgba(123,149,210,.18) !important;
  background:rgba(255,255,255,.045) !important;
  color:#d5dcf0 !important;
  cursor:pointer !important;
}

.speaker-grid .speaker-card-actions .participant-manage-btn:hover,
.speaker-grid .speaker-card-actions .speaker-profile-btn:hover{
  background:rgba(84,110,190,.13) !important;
  border-color:rgba(112,145,255,.28) !important;
}

.speaker-grid .speaker-card-actions .speaker-report-btn{
  color:#ff91a7 !important;
  border-color:rgba(255,102,132,.16) !important;
  background:rgba(120,32,52,.10) !important;
}

.speaker-grid .speaker-card-actions .speaker-report-btn:hover{
  background:rgba(150,40,65,.15) !important;
  border-color:rgba(255,102,132,.28) !important;
}

@media(max-width:980px){
  .speaker-grid{
    grid-template-columns:repeat(2,minmax(220px,1fr)) !important;
    padding:22px 16px !important;
  }
  .speaker-grid .speaker-card{
    max-width:none !important;
  }
}

@media(max-width:620px){
  .speaker-grid{
    grid-template-columns:1fr !important;
    gap:12px !important;
    padding:16px 10px !important;
  }
  .speaker-grid .speaker-card{
    width:100% !important;
    max-width:none !important;
    min-height:220px !important;
  }
  .speaker-grid .speaker-card-actions{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}


/* Sesine V3.2.10 - Profil kartları yeni görünüm */
.speaker-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(270px,310px)) !important;
  justify-content:center !important;
  gap:20px !important;
  padding:30px 20px !important;
}

.speaker-grid .speaker-card{
  position:relative !important;
  width:100% !important;
  max-width:310px !important;
  min-height:248px !important;
  padding:24px 20px 18px !important;
  border-radius:24px !important;
  border:1px solid rgba(112,145,215,.22) !important;
  background:
    radial-gradient(circle at 50% -10%,rgba(69,113,255,.14),transparent 42%),
    linear-gradient(180deg,rgba(16,27,49,.98),rgba(9,16,30,.98)) !important;
  box-shadow:
    0 18px 45px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.025) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  overflow:hidden !important;
}

.speaker-grid .speaker-card::before{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(90,135,255,.55),transparent);
  opacity:.65;
}

.speaker-grid .speaker-card.speaking{
  border-color:rgba(54,214,157,.48) !important;
  box-shadow:
    0 0 0 1px rgba(54,214,157,.09),
    0 18px 45px rgba(0,0,0,.20) !important;
}

.speaker-grid .speaker-avatar-wrap{
  width:92px !important;
  height:92px !important;
  min-width:92px !important;
  min-height:92px !important;
  flex:0 0 92px !important;
  padding:4px !important;
  margin:2px 0 5px !important;
  border-radius:50% !important;
  background:linear-gradient(135deg,rgba(69,117,255,.95),rgba(116,79,255,.78)) !important;
  box-shadow:
    0 0 0 5px rgba(82,122,255,.07),
    0 10px 26px rgba(0,0,0,.20) !important;
}

.speaker-grid .speaker-card.speaking .speaker-avatar-wrap{
  background:linear-gradient(135deg,#43dfa2,#74dfff) !important;
  box-shadow:
    0 0 0 5px rgba(67,223,162,.08),
    0 0 30px rgba(67,223,162,.18) !important;
}

.speaker-grid .speaker-avatar{
  border:3px solid #0b1425 !important;
  font-size:34px !important;
}

.speaker-grid .speaker-card > strong{
  margin:3px 0 0 !important;
  font-size:16px !important;
  font-weight:900 !important;
  letter-spacing:-.01em !important;
}

.speaker-grid .role-badge{
  min-height:21px !important;
  padding:4px 8px !important;
  margin-left:6px !important;
  border-radius:999px !important;
  font-size:9px !important;
  font-weight:900 !important;
  letter-spacing:.05em !important;
}

.speaker-grid .role-badge.owner,
.speaker-grid .role-badge.sahip{
  color:#ffd66b !important;
  background:rgba(143,101,15,.18) !important;
  border:1px solid rgba(255,207,83,.22) !important;
}

.speaker-grid .role-badge.root{
  color:#e7d6ff !important;
  background:rgba(124,73,194,.20) !important;
  border:1px solid rgba(171,116,245,.28) !important;
}

.speaker-grid .speaker-card > small{
  margin:2px 0 8px !important;
  padding:8px 13px !important;
  min-height:32px !important;
  border-radius:999px !important;
  color:#aeb8cc !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.065) !important;
  font-size:12px !important;
}

.speaker-grid .speaker-card.speaking > small{
  color:#5ce9b1 !important;
  background:rgba(34,156,108,.13) !important;
  border-color:rgba(73,219,163,.18) !important;
}

.speaker-grid .speaker-card-actions{
  width:100% !important;
  margin-top:auto !important;
  padding-top:10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
}

.speaker-grid .speaker-card-actions:empty{
  display:none !important;
}

.speaker-grid .speaker-card-actions .participant-manage-btn,
.speaker-grid .speaker-card-actions .speaker-profile-btn{
  flex:1 1 0 !important;
  width:auto !important;
  min-width:0 !important;
  height:42px !important;
  min-height:42px !important;
  padding:0 14px !important;
  border-radius:12px !important;
  border:1px solid rgba(119,151,220,.22) !important;
  background:linear-gradient(180deg,rgba(30,44,75,.72),rgba(19,30,54,.82)) !important;
  color:#e4e9f7 !important;
  font-size:11px !important;
  font-weight:850 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
}

.speaker-grid .speaker-card-actions .participant-manage-btn:hover,
.speaker-grid .speaker-card-actions .speaker-profile-btn:hover{
  background:linear-gradient(180deg,rgba(43,61,101,.82),rgba(25,38,67,.90)) !important;
  border-color:rgba(116,151,255,.34) !important;
}

.speaker-grid .speaker-card-actions .participant-manage-btn::before{
  content:"⚙";
  margin-right:4px;
}

.speaker-grid .speaker-card-actions .speaker-profile-btn::before{
  content:"👤";
  margin-right:4px;
  font-size:11px;
}

/* Şikâyet artık kartta yok; profil ekranından yapılır. */
.speaker-grid .speaker-report-btn{display:none !important}

@media(max-width:980px){
  .speaker-grid{
    grid-template-columns:repeat(2,minmax(230px,1fr)) !important;
  }
  .speaker-grid .speaker-card{max-width:none !important}
}

@media(max-width:620px){
  .speaker-grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
    padding:16px 10px !important;
  }
  .speaker-grid .speaker-card{
    max-width:none !important;
    min-height:232px !important;
  }
}


/* Sesine V3.2.11 - Kart ikon ve ROOT denge düzeltmesi */
.speaker-grid .speaker-card-actions .participant-manage-btn::before,
.speaker-grid .speaker-card-actions .speaker-profile-btn::before{
  content:none !important;
  display:none !important;
}

.speaker-grid .root-card-actions{
  display:flex !important;
  width:100% !important;
  margin-top:auto !important;
  padding-top:10px !important;
}

.speaker-grid .root-card-status{
  width:100%;
  min-height:42px;
  padding:0 14px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  color:#d9c8ff;
  font-size:11px;
  font-weight:850;
  letter-spacing:.01em;
  background:linear-gradient(180deg,rgba(88,59,132,.20),rgba(47,32,74,.24));
  border:1px solid rgba(164,117,235,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

@media(max-width:620px){
  .speaker-grid .root-card-status{
    min-height:42px;
  }
}


/* Sesine V3.2.12 - Üst profil kısayolu + oda içi kendi profil erişimi */
.top-profile-btn{
  width:42px;
  height:42px;
  min-width:42px;
  padding:0;
  margin:0;
  border-radius:13px;
  border:1px solid rgba(120,150,215,.20);
  background:linear-gradient(180deg,rgba(28,42,70,.78),rgba(15,25,45,.88));
  display:grid;
  place-items:center;
  cursor:pointer;
  overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.top-profile-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(102,145,255,.42);
  background:linear-gradient(180deg,rgba(38,56,92,.86),rgba(20,32,57,.92));
}
.top-profile-btn.hidden{display:none!important}
.top-profile-avatar{
  width:32px;
  height:32px;
  border-radius:50%;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:#17233b;
  font-size:18px;
  line-height:1;
}
.top-profile-avatar .avatar-photo{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:50%;
}
.speaker-avatar-wrap.profile-clickable,
.profile-clickable-name{
  cursor:pointer;
}
.speaker-avatar-wrap.profile-clickable:hover{
  filter:brightness(1.08);
}
@media(max-width:620px){
  .top-profile-btn{
    width:38px;
    height:38px;
    min-width:38px;
    border-radius:12px;
  }
  .top-profile-avatar{
    width:29px;
    height:29px;
    font-size:17px;
  }
}


/* Sesine V3.2.13 - Yatay profesyonel profil kartları */
.speaker-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:stretch !important;
  align-content:start !important;
  justify-content:stretch !important;
  padding:26px 20px !important;
}

.speaker-grid .speaker-card{
  position:relative !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  min-height:190px !important;
  height:auto !important;
  margin:0 !important;
  padding:20px !important;
  box-sizing:border-box !important;

  display:grid !important;
  grid-template-columns:96px minmax(0,1fr) !important;
  grid-template-rows:auto auto 1fr auto !important;
  grid-template-areas:
    "avatar name"
    "avatar mic"
    "avatar spacer"
    "actions actions" !important;
  column-gap:18px !important;
  row-gap:7px !important;

  align-items:center !important;
  justify-items:stretch !important;
  text-align:left !important;

  border-radius:24px !important;
  border:1px solid rgba(111,146,218,.22) !important;
  background:
    radial-gradient(circle at 12% 16%,rgba(63,109,255,.13),transparent 34%),
    linear-gradient(180deg,rgba(16,27,49,.98),rgba(9,16,30,.98)) !important;
  box-shadow:
    0 16px 40px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.025) !important;
  overflow:hidden !important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease !important;
}

.speaker-grid .speaker-card::before{
  content:"";
  position:absolute;
  left:20px;
  right:20px;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(90,135,255,.58),transparent);
  opacity:.72;
}

.speaker-grid .speaker-card:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(103,145,255,.38) !important;
  box-shadow:0 20px 46px rgba(0,0,0,.22) !important;
}

.speaker-grid .speaker-card.speaking{
  border-color:rgba(62,214,160,.50) !important;
  box-shadow:
    0 0 0 1px rgba(62,214,160,.08),
    0 20px 46px rgba(0,0,0,.22) !important;
}

.speaker-grid .speaker-avatar-wrap{
  grid-area:avatar !important;
  width:92px !important;
  height:92px !important;
  min-width:92px !important;
  min-height:92px !important;
  flex:none !important;
  padding:4px !important;
  margin:0 !important;
  align-self:start !important;
  justify-self:center !important;
  border-radius:50% !important;
  background:linear-gradient(135deg,rgba(69,117,255,.95),rgba(116,79,255,.78)) !important;
  box-shadow:
    0 0 0 5px rgba(82,122,255,.07),
    0 10px 26px rgba(0,0,0,.20) !important;
}

.speaker-grid .speaker-card.speaking .speaker-avatar-wrap{
  background:linear-gradient(135deg,#43dfa2,#74dfff) !important;
  box-shadow:
    0 0 0 5px rgba(67,223,162,.08),
    0 0 30px rgba(67,223,162,.18) !important;
  transform:none !important;
}

.speaker-grid .speaker-avatar{
  width:100% !important;
  height:100% !important;
  box-sizing:border-box !important;
  border:3px solid #0b1425 !important;
  border-radius:50% !important;
  font-size:34px !important;
}

.speaker-grid .speaker-card > strong{
  grid-area:name !important;
  margin:0 !important;
  padding:0 !important;
  align-self:end !important;
  justify-self:start !important;
  max-width:100% !important;
  font-size:17px !important;
  font-weight:900 !important;
  line-height:1.25 !important;
  text-align:left !important;
  letter-spacing:-.01em !important;
}

.speaker-grid .speaker-card > small{
  grid-area:mic !important;
  justify-self:start !important;
  align-self:start !important;
  margin:0 !important;
  padding:8px 13px !important;
  min-height:32px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  font-size:12px !important;
  line-height:1 !important;
  color:#aeb8cc !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.065) !important;
}

.speaker-grid .speaker-card.speaking > small{
  color:#5ce9b1 !important;
  background:rgba(34,156,108,.13) !important;
  border-color:rgba(73,219,163,.18) !important;
}

.speaker-grid .raised-hand-badge{
  position:absolute !important;
  right:16px !important;
  top:15px !important;
  margin:0 !important;
}

.speaker-grid .speaker-card-actions{
  grid-area:actions !important;
  width:100% !important;
  margin:10px 0 0 !important;
  padding:12px 0 0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:stretch !important;
  gap:10px !important;
  border-top:1px solid rgba(128,150,195,.11) !important;
  min-height:55px !important;
  box-sizing:border-box !important;
}

.speaker-grid .speaker-card-actions .participant-manage-btn,
.speaker-grid .speaker-card-actions .speaker-profile-btn{
  flex:1 1 0 !important;
  width:auto !important;
  min-width:0 !important;
  height:42px !important;
  min-height:42px !important;
  margin:0 !important;
  padding:0 14px !important;
  border-radius:12px !important;
  border:1px solid rgba(119,151,220,.22) !important;
  background:linear-gradient(180deg,rgba(30,44,75,.72),rgba(19,30,54,.82)) !important;
  color:#e4e9f7 !important;
  font-size:11px !important;
  font-weight:850 !important;
  box-sizing:border-box !important;
}

.speaker-grid .speaker-card-actions .participant-manage-btn:hover,
.speaker-grid .speaker-card-actions .speaker-profile-btn:hover{
  background:linear-gradient(180deg,rgba(43,61,101,.82),rgba(25,38,67,.90)) !important;
  border-color:rgba(116,151,255,.34) !important;
}

.speaker-grid .root-card-status,
.speaker-grid .self-card-status{
  width:100% !important;
  min-height:42px !important;
  padding:0 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:12px !important;
  box-sizing:border-box !important;
  font-size:11px !important;
  font-weight:850 !important;
  letter-spacing:.01em !important;
}

.speaker-grid .root-card-status{
  color:#d9c8ff !important;
  background:linear-gradient(180deg,rgba(88,59,132,.20),rgba(47,32,74,.24)) !important;
  border:1px solid rgba(164,117,235,.22) !important;
}

.speaker-grid .self-card-status{
  color:#b8c6e6 !important;
  background:linear-gradient(180deg,rgba(39,56,88,.24),rgba(26,39,65,.28)) !important;
  border:1px solid rgba(116,146,205,.17) !important;
}

.speaker-grid .role-badge{
  position:static !important;
  transform:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:21px !important;
  margin-left:7px !important;
  padding:4px 8px !important;
  border-radius:999px !important;
  font-size:9px !important;
  line-height:1 !important;
  vertical-align:middle !important;
}

@media(max-width:920px){
  .speaker-grid{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:620px){
  .speaker-grid{
    grid-template-columns:1fr !important;
    gap:13px !important;
    padding:15px 10px !important;
  }

  .speaker-grid .speaker-card{
    min-height:174px !important;
    padding:16px !important;
    grid-template-columns:76px minmax(0,1fr) !important;
    column-gap:14px !important;
    border-radius:20px !important;
  }

  .speaker-grid .speaker-avatar-wrap{
    width:72px !important;
    height:72px !important;
    min-width:72px !important;
    min-height:72px !important;
  }

  .speaker-grid .speaker-avatar{
    font-size:28px !important;
  }

  .speaker-grid .speaker-card > strong{
    font-size:15px !important;
  }

  .speaker-grid .speaker-card-actions{
    margin-top:6px !important;
    padding-top:10px !important;
  }
}


/* Sesine V3.2.14 - Yatay kart son boşluk rötuşu */
.speaker-grid .speaker-card{
  min-height:168px !important;
  padding:18px 20px 15px !important;
  grid-template-rows:auto auto 0 auto !important;
  row-gap:5px !important;
}

.speaker-grid .speaker-avatar-wrap{
  align-self:center !important;
}

.speaker-grid .speaker-card > strong{
  align-self:end !important;
}

.speaker-grid .speaker-card > small{
  margin-bottom:0 !important;
}

.speaker-grid .speaker-card-actions{
  margin-top:4px !important;
  padding-top:10px !important;
  min-height:52px !important;
}

/* ROOT / kendi profil bilgi bandını üst bölüme yaklaştır */
.speaker-grid .root-card-actions,
.speaker-grid .speaker-card-actions:has(.self-card-status){
  margin-top:4px !important;
}

@media(max-width:620px){
  .speaker-grid .speaker-card{
    min-height:158px !important;
    padding:15px !important;
    grid-template-rows:auto auto 0 auto !important;
  }
  .speaker-grid .speaker-card-actions{
    margin-top:3px !important;
    padding-top:9px !important;
  }
}


/* Sesine V3.3.0 - Arama ve Keşfet */
.discover-panel{margin:18px 0;padding:20px;border-radius:22px}
.discover-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.discover-head h2{margin:4px 0 0}
.discover-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
.discover-search-box{min-height:46px;display:flex;align-items:center;gap:9px;padding:0 12px;border-radius:14px;border:1px solid rgba(125,153,214,.16);background:rgba(7,15,30,.55)}
.discover-search-box>span{font-size:20px;opacity:.6}
.discover-search-box input{flex:1;min-width:0;border:0!important;outline:0!important;background:transparent!important;color:var(--text);font:inherit}
.discover-search-box button{width:28px;height:28px;border:0;border-radius:8px;background:rgba(255,255,255,.06);color:var(--muted);cursor:pointer}
.discover-mode{display:flex;gap:6px;padding:4px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}
.discover-mode button{min-height:36px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-weight:800;cursor:pointer}
.discover-mode button.active{background:rgba(89,114,214,.17);color:var(--text)}
.discover-filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:12px}
.discover-filter{min-height:34px;padding:0 11px;border-radius:10px;border:1px solid rgba(126,151,205,.12);background:rgba(255,255,255,.028);color:var(--muted);font-size:11px;font-weight:800;cursor:pointer}
.discover-filter:hover,.discover-filter.active{color:var(--text);background:rgba(89,115,218,.14);border-color:rgba(108,143,255,.25)}
.discover-filter.category.active{color:#cfdaff}
.discover-filter-separator{width:1px;height:24px;background:rgba(255,255,255,.09);margin:0 2px}
.discover-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.discover-room-card,.discover-user-card{border:1px solid rgba(117,146,205,.13);background:linear-gradient(180deg,rgba(19,30,52,.70),rgba(12,20,36,.72));border-radius:16px;padding:14px}
.discover-room-top{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center}
.discover-room-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(91,119,220,.10);font-size:20px}
.discover-room-main{min-width:0;display:flex;flex-direction:column;gap:3px}.discover-room-main>span{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.discover-room-name{display:flex;align-items:center;gap:6px;min-width:0}.discover-room-name strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discover-room-name span{color:#ffd76b}
.discover-room-count{font-size:11px;color:var(--muted);white-space:nowrap}
.discover-room-meta{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.discover-room-meta span{font-size:10px;padding:5px 7px;border-radius:8px;background:rgba(255,255,255,.035);color:var(--muted)}
.discover-room-actions{display:flex;gap:8px}.discover-room-actions>*{flex:1}
.discover-user-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto auto;gap:10px;align-items:center}
.discover-user-avatar{width:46px;height:46px;padding:0;border-radius:50%;border:1px solid rgba(120,150,220,.18);background:#17233b;color:var(--text);display:grid;place-items:center;overflow:hidden;font-size:22px;cursor:pointer}
.discover-user-avatar .avatar-photo{width:100%;height:100%;object-fit:cover}
.discover-user-main{display:flex;flex-direction:column;gap:3px;min-width:0}.discover-user-main strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discover-user-main span{font-size:11px;color:var(--muted)}
.discover-user-card .presence-dot{position:static}
.discover-empty,.discover-loading{grid-column:1/-1;padding:24px;text-align:center;border:1px dashed rgba(255,255,255,.10);border-radius:14px;color:var(--muted)}
.discover-empty{display:flex;flex-direction:column;gap:5px}.discover-empty strong{color:var(--text)}
@media(max-width:800px){.discover-results{grid-template-columns:1fr}.discover-search-row{grid-template-columns:1fr}.discover-mode{width:100%}.discover-mode button{flex:1}}
@media(max-width:620px){.discover-panel{padding:14px}.discover-head{align-items:flex-start}.discover-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.discover-filter{white-space:nowrap;flex:0 0 auto}.discover-filter-separator{flex:0 0 1px}.discover-user-card{grid-template-columns:42px minmax(0,1fr) auto}.discover-user-card .presence-dot{display:none}.discover-user-card .manage-btn{padding:0 9px}}


/* Sesine V3.3.1 - Keşfet kartı kompakt görünüm */
.discover-results{
  grid-template-columns:repeat(2,minmax(0,520px)) !important;
  justify-content:center !important;
  gap:14px !important;
}

.discover-room-card{
  width:100% !important;
  max-width:520px !important;
  min-width:0 !important;
  margin:0 auto !important;
  padding:14px !important;
  box-sizing:border-box !important;
}

.discover-room-actions{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  align-items:stretch !important;
}

.discover-room-actions .manage-btn,
.discover-room-actions .primary-btn{
  width:100% !important;
  min-width:0 !important;
  height:42px !important;
  min-height:42px !important;
  margin:0 !important;
  padding:0 12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  border-radius:12px !important;
  line-height:1 !important;
}

@media(max-width:1100px){
  .discover-results{
    grid-template-columns:minmax(0,520px) !important;
  }
}

@media(max-width:620px){
  .discover-results{
    grid-template-columns:1fr !important;
  }

  .discover-room-card{
    max-width:none !important;
  }

  .discover-room-actions{
    grid-template-columns:1fr 1fr !important;
  }
}


/* Sesine V3.3.2 - Keşfet kartı daha dar + sola hizalı */
.discover-results{
  grid-template-columns:repeat(2,minmax(0,460px)) !important;
  justify-content:start !important;
  align-items:start !important;
  gap:14px !important;
}

.discover-room-card{
  width:100% !important;
  max-width:460px !important;
  min-width:0 !important;
  margin:0 !important;
}

@media(max-width:1050px){
  .discover-results{
    grid-template-columns:minmax(0,460px) !important;
    justify-content:start !important;
  }
}

@media(max-width:620px){
  .discover-results{
    grid-template-columns:1fr !important;
    justify-content:stretch !important;
  }

  .discover-room-card{
    max-width:none !important;
    width:100% !important;
  }
}


/* Sesine V3.4.0 - Gelişmiş Bildirim Merkezi */
.notification-panel{width:min(520px,calc(100vw - 24px))!important;max-height:min(78vh,720px)!important;overflow:hidden!important;display:flex;flex-direction:column}
.notification-head-v34{display:flex;align-items:center;justify-content:space-between;gap:12px}
.notification-settings-btn{width:36px;height:36px;min-width:36px;border-radius:10px!important;display:grid;place-items:center;padding:0!important;font-size:15px}
.notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.notification-view-tabs,.notification-bulk-actions{display:flex;align-items:center;gap:6px}
.notification-view-tabs button,.notification-bulk-actions button,.notification-category-tabs button{border:1px solid rgba(121,148,208,.13);background:rgba(255,255,255,.03);color:var(--muted);border-radius:9px;min-height:30px;padding:0 9px;font-size:10px;font-weight:800;cursor:pointer}
.notification-view-tabs button.active,.notification-category-tabs button.active{color:var(--text);background:rgba(92,117,220,.16);border-color:rgba(108,143,255,.25)}
.notification-category-tabs{display:flex;gap:6px;overflow-x:auto;padding:9px 12px 7px;scrollbar-width:thin}
.notification-category-tabs button{white-space:nowrap;flex:0 0 auto}
.notification-list{overflow:auto;min-height:90px}
.notification-item{position:relative;padding-right:42px!important}
.notification-delete-btn{position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;width:26px!important;height:26px!important;min-width:26px!important;border-radius:8px!important;padding:0!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.06)!important;color:var(--muted)!important;opacity:.65}
.notification-delete-btn:hover{opacity:1;color:#ff91a8!important;border-color:rgba(255,105,135,.20)!important;background:rgba(135,35,55,.12)!important}
.notification-settings-modal{width:min(560px,calc(100vw - 28px))}
.notification-pref-list{display:flex;flex-direction:column;gap:9px;margin:18px 0}
.notification-pref-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;border-radius:13px;border:1px solid rgba(117,146,205,.12);background:rgba(255,255,255,.028);cursor:pointer}
.notification-pref-row>span{display:flex;flex-direction:column;gap:3px}.notification-pref-row b{font-size:13px}.notification-pref-row small{color:var(--muted);font-size:11px}
.notification-pref-row input{appearance:none;width:42px;height:24px;min-width:42px;border-radius:999px;background:#27334c;border:1px solid rgba(255,255,255,.08);position:relative;cursor:pointer;transition:.18s ease}
.notification-pref-row input::after{content:"";position:absolute;width:18px;height:18px;left:2px;top:2px;border-radius:50%;background:#8f9bb2;transition:.18s ease}
.notification-pref-row input:checked{background:linear-gradient(90deg,#516cff,#8d5cff);border-color:transparent}
.notification-pref-row input:checked::after{left:20px;background:white}
@media(max-width:620px){.notification-toolbar{align-items:stretch;flex-direction:column}.notification-view-tabs,.notification-bulk-actions{width:100%}.notification-view-tabs button,.notification-bulk-actions button{flex:1}.notification-panel{right:8px!important;left:8px!important;width:auto!important}.notification-pref-row{padding:12px}.notification-pref-row small{max-width:220px}}


/* Sesine V3.4.1 - Bildirim kategori ışıkları */
.notification-category-tabs button{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.notification-category-dot{
  width:7px;
  height:7px;
  min-width:7px;
  border-radius:50%;
  display:inline-block;
  background:#7c8cff;
  box-shadow:
    0 0 0 3px rgba(124,140,255,.10),
    0 0 10px rgba(124,140,255,.85);
  animation:notificationCategoryPulse 1.8s ease-in-out infinite;
}
.notification-category-dot.hidden{display:none!important}
.notification-category-tabs button.has-unread{
  border-color:rgba(124,140,255,.28);
}
.notification-category-tabs button.has-unread[data-notification-category="dm"] .notification-category-dot{
  background:#8b9cff;
  box-shadow:0 0 0 3px rgba(139,156,255,.10),0 0 10px rgba(139,156,255,.9);
}
.notification-category-tabs button.has-unread[data-notification-category="friends"] .notification-category-dot{
  background:#ffbf5c;
  box-shadow:0 0 0 3px rgba(255,191,92,.10),0 0 10px rgba(255,191,92,.9);
}
.notification-category-tabs button.has-unread[data-notification-category="room_invites"] .notification-category-dot{
  background:#a86cff;
  box-shadow:0 0 0 3px rgba(168,108,255,.10),0 0 10px rgba(168,108,255,.9);
}
.notification-category-tabs button.has-unread[data-notification-category="events"] .notification-category-dot{
  background:#ff7f95;
  box-shadow:0 0 0 3px rgba(255,127,149,.10),0 0 10px rgba(255,127,149,.9);
}
.notification-category-tabs button.has-unread[data-notification-category="system"] .notification-category-dot{
  background:#ffd15c;
  box-shadow:0 0 0 3px rgba(255,209,92,.10),0 0 10px rgba(255,209,92,.9);
}
.notification-category-tabs button.has-unread[data-notification-category="moderation"] .notification-category-dot{
  background:#5fcfff;
  box-shadow:0 0 0 3px rgba(95,207,255,.10),0 0 10px rgba(95,207,255,.9);
}
@keyframes notificationCategoryPulse{
  0%,100%{opacity:.65;transform:scale(.92)}
  50%{opacity:1;transform:scale(1.08)}
}


/* Sesine V3.4.3 - Bildirim silme X kesin fix
   Dış bildirim öğesi artık button değil; iç içe button HTML hatası kaldırıldı. */
.notification-list{
  position:relative !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}
.notification-item{
  position:relative !important;
  display:flex !important;
  width:100% !important;
  box-sizing:border-box !important;
  padding-right:48px !important;
  cursor:pointer !important;
}
.notification-item .notification-delete-btn{
  position:absolute !important;
  top:50% !important;
  right:10px !important;
  left:auto !important;
  bottom:auto !important;
  transform:translateY(-50%) !important;
  z-index:5 !important;
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  min-height:28px !important;
  margin:0 !important;
}
.notification-category-tabs,
.notification-toolbar{
  position:relative !important;
  z-index:10 !important;
}
@media(max-width:620px){
  .notification-item{padding-right:44px !important}
  .notification-item .notification-delete-btn{right:8px !important}
}

/* Sesine V3.5.2 - Hesap güvenliği */
.account-security-box{margin-top:16px;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(8,15,31,.38)}
.account-security-head,.account-session-item{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-security-head{margin-bottom:10px}
.account-security-head>div,.account-session-item>div{display:flex;flex-direction:column;gap:3px;text-align:left}.account-sessions-list{display:grid;gap:8px}
.account-session-item{padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.025)}
.account-session-item strong{font-size:13px}.account-session-item span{font-size:11px;opacity:.72}.account-session-item.current{border-color:rgba(120,139,255,.35)}
.account-security-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}#changePasswordBox{margin-top:10px}
@media(max-width:620px){.account-security-actions{grid-template-columns:1fr}}

/* Sesine V3.6.1 - WebRTC bağlantı kalitesi */
.connection-quality{display:inline-flex;align-items:flex-end;gap:2px;margin-left:6px;padding:3px 7px;border:1px solid rgba(255,255,255,.08);border-radius:999px;font-size:10px;line-height:1;color:rgba(255,255,255,.78);vertical-align:middle}
.connection-quality i{display:block;width:2px;border-radius:2px;background:currentColor;opacity:.9}.connection-quality i:nth-child(1){height:4px}.connection-quality i:nth-child(2){height:7px}.connection-quality i:nth-child(3){height:10px}
.connection-quality.good{color:#65d995;background:rgba(48,180,108,.08)}.connection-quality.medium{color:#f3c969;background:rgba(211,164,51,.08)}.connection-quality.poor{color:#ff7b8e;background:rgba(224,71,93,.08)}
.connection-quality span{margin-left:2px}@media(max-width:620px){.connection-quality{padding:3px 5px}.connection-quality span{display:none}}

/* Sesine V3.6.2 - self-healing WebRTC */
.connection-quality.recovering{color:#79b8ff;background:rgba(61,137,230,.10);border-color:rgba(121,184,255,.22)}
.connection-quality.recovering i{animation:sesine-reconnect-bars .9s ease-in-out infinite alternate}
.connection-quality.recovering i:nth-child(2){animation-delay:.12s}.connection-quality.recovering i:nth-child(3){animation-delay:.24s}
@keyframes sesine-reconnect-bars{from{opacity:.28;transform:scaleY(.55)}to{opacity:1;transform:scaleY(1)}}


/* Sesine V3.6.3 - Adaptive Voice */
.adaptive-voice-badge{display:inline-flex;align-items:center;margin-left:4px;padding:3px 6px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.02em;border:1px solid rgba(255,255,255,.08);vertical-align:middle}
.adaptive-voice-badge.hd{color:#73e4a6;background:rgba(49,180,110,.09)}
.adaptive-voice-badge.balanced{color:#ffd777;background:rgba(210,163,48,.09)}
.adaptive-voice-badge.saving{color:#ff9ca9;background:rgba(219,73,94,.09)}
@media(max-width:620px){.adaptive-voice-badge{font-size:8px;padding:3px 5px}}

/* Sesine V3.6.4 - ROOT Ses Diagnostik */
.voice-diagnostics-modal{width:min(760px,94vw);max-height:86vh;overflow:auto}.voice-diagnostics-body{display:grid;gap:12px;margin-top:14px}.voice-diag-card{padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.025)}.voice-diag-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.diag-quality{font-size:10px;font-weight:800;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.06)}.diag-quality.good{color:#72e3a4}.diag-quality.medium{color:#ffd46d}.diag-quality.poor{color:#ff8f9e}.voice-diag-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.voice-diag-grid>div{padding:9px;border-radius:11px;background:rgba(255,255,255,.035);min-width:0}.voice-diag-grid small{display:block;font-size:9px;opacity:.58;margin-bottom:4px}.voice-diag-grid b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.diag-empty{padding:22px;text-align:center;opacity:.62}@media(max-width:620px){.voice-diag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}