/* Toplantı modülü: liste ve arşiv açık temada, canlı oda koyu sahnede */
#toplv{min-height:calc(100dvh - var(--hdrh));background:var(--bg);color:var(--ink)}
#toplv .wrap{max-width:1100px;margin:0 auto;padding:22px 16px 90px}
#toplv h1{font-size:2.1rem;text-transform:uppercase;letter-spacing:.01em}
#toplv h2{font-size:1.25rem;text-transform:uppercase;letter-spacing:.04em;margin:26px 0 10px}
#toplv .phd{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
#toplv .phd .grow{margin-right:auto;min-width:0}
#toplv .sub{color:var(--muted);font-size:.92rem}
#toplv .mlist{display:grid;gap:8px}
#toplv .mrow{display:grid;grid-template-columns:86px 1fr auto;gap:14px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);background:var(--bg)}
#toplv a.mrow:hover{border-color:var(--brand)}
#toplv .mrow .d{font-family:var(--f-cond);font-weight:700;text-transform:uppercase;line-height:1.05;text-align:center;border-right:1px solid var(--line);padding-right:10px}
#toplv .mrow .d b{display:block;font-size:1.7rem}
#toplv .mrow .d span{font-size:.78rem;color:var(--muted);letter-spacing:.06em}
#toplv .mrow .t{min-width:0}
#toplv .mrow .t b{font-family:var(--f-cond);font-size:1.25rem;text-transform:uppercase;letter-spacing:.02em;display:block;line-height:1.15}
#toplv .mrow .t span{font-size:.86rem;color:var(--muted)}
#toplv .tag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:var(--surface);color:var(--muted)}
#toplv .tag.live{background:var(--bad);color:#fff}
#toplv .tag.u-Hücum{background:var(--o);color:#fff}#toplv .tag.u-Savunma{background:var(--d);color:#fff}#toplv .tag.u-Özel{background:var(--k);color:#fff}
#toplv .livecard{display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:var(--night);color:#fff;border-radius:14px;padding:16px 18px;margin-top:16px}
#toplv .livecard b{font-family:var(--f-cond);font-size:1.5rem;text-transform:uppercase;display:block}
#toplv .livecard .grow{margin-right:auto}
#toplv .dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--bad);margin-right:6px;animation:mpulse 1.4s infinite}
@keyframes mpulse{50%{opacity:.35}}
#toplv .tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0 12px}
#toplv .tools input,#toplv .tools select{border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:6px 10px}
#toplv .empty{color:var(--muted);padding:18px 4px}
#toplv .mgrid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:22px;margin-top:10px}
@media (max-width:860px){#toplv .mgrid{grid-template-columns:1fr}}
#toplv .box{border:1px solid var(--line);border-radius:12px;padding:14px 16px}
#toplv .box h3{font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;display:flex;justify-content:space-between;gap:8px}
#toplv .box+.box{margin-top:14px}
#toplv .note{white-space:pre-wrap;line-height:1.55}
#toplv .ag{list-style:none;margin:0;padding:0;display:grid;gap:6px}
#toplv .ag li{display:flex;gap:10px;align-items:center}
#toplv .ag .kk{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:1px 7px;border-radius:4px;background:var(--surface2);color:var(--muted);flex:none}
#toplv .ag a{color:var(--ink)}
#toplv .ppl{display:flex;flex-wrap:wrap;gap:6px}
#toplv .ppl span{background:var(--surface);border-radius:999px;padding:3px 10px;font-size:.86rem}
#toplv textarea.inp{min-height:110px;resize:vertical;font:inherit;line-height:1.5}
#toplv .files{display:grid;gap:6px}
#toplv .files a{color:var(--ink)}
#toplv .pick{max-height:300px;overflow:auto;border:1px solid var(--line);border-radius:8px;padding:6px 10px;display:grid;gap:2px}
#toplv .pick label{display:flex;gap:8px;align-items:center;font-weight:400;font-size:.92rem;padding:3px 0}
#toplv .pick .ph{font-family:var(--f-cond);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:var(--muted);margin-top:6px}

/* canlı oda */
#toplv.room{background:var(--stage);color:var(--stage-ink)}
.mroom{display:flex;flex-direction:column;height:calc(100dvh - var(--hdrh))}
.mtop{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 14px;border-bottom:1px solid var(--stage-line)}
.mtop .ttl{font-family:var(--f-cond);font-weight:800;font-size:1.3rem;text-transform:uppercase;letter-spacing:.02em;margin-right:auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mtop .st{font-size:.82rem;color:var(--stage-muted)}
.mb{appearance:none;border:0;background:var(--stage2);color:var(--stage-ink);height:34px;padding:0 12px;border-radius:8px;cursor:pointer;font:600 .86rem var(--f-body);display:inline-flex;align-items:center;gap:6px;text-decoration:none;white-space:nowrap}
.mb:hover{background:var(--stage-line)}
.mb.on{background:#fff;color:#111}
.mb.red{background:var(--band);color:#fff}
.mb.yel{background:var(--mark);color:#141210}
.mb:disabled{opacity:.4;cursor:not-allowed}
.mb svg{width:18px;height:18px}
.mbody{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 320px}
.mcol{display:flex;flex-direction:column;min-width:0;min-height:0}
.mstage{position:relative;flex:1;min-height:200px;background:#000;overflow:hidden}
.mstage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.mstage .msvg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0b0d0f}
.mstage .msvg svg{width:100%;height:100%}
.mstage canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}
.mstage.drawing canvas{cursor:crosshair}
.mstage.ptr canvas{cursor:none}
.mempty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:var(--stage-muted);padding:20px}
.mempty b{display:block;font-family:var(--f-cond);font-size:1.6rem;text-transform:uppercase;color:var(--stage-ink)}
.mbadge{position:absolute;left:12px;top:10px;display:flex;gap:6px;font-family:var(--f-cond);font-weight:700;letter-spacing:.05em;text-transform:uppercase;pointer-events:none}
.mbadge span{background:rgba(0,0,0,.65);padding:3px 8px;border-radius:5px}
.mbadge .n{background:var(--band)}
.mctl{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 12px;border-top:1px solid var(--stage-line)}
.mctl .time{font-variant-numeric:tabular-nums;font-size:.84rem;color:var(--stage-muted);padding:0 6px}
.mctl .sp{flex:1}
.mctl input[type=range]{accent-color:var(--band)}
.mseg{display:inline-flex;background:var(--stage2);border-radius:8px;padding:2px}
.mseg button{appearance:none;border:0;background:none;color:var(--stage-muted);height:30px;padding:0 9px;border-radius:6px;cursor:pointer;font:700 .86rem var(--f-cond);letter-spacing:.04em;text-transform:uppercase}
.mseg button[aria-pressed="true"]{background:#fff;color:#111}
.mseg button:disabled{opacity:.35}
.msw{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}
.msw[aria-pressed="true"]{border-color:#fff}
.mside{border-left:1px solid var(--stage-line);display:flex;flex-direction:column;min-height:0}
.mtabs{display:flex;border-bottom:1px solid var(--stage-line)}
.mtabs button{flex:1;appearance:none;border:0;background:none;color:var(--stage-muted);padding:10px 4px;cursor:pointer;font:700 .86rem var(--f-cond);letter-spacing:.06em;text-transform:uppercase;border-bottom:2px solid transparent}
.mtabs button[aria-pressed="true"]{color:#fff;border-bottom-color:var(--band)}
.mpane{flex:1;overflow:auto;padding:10px}
.mag{display:grid;gap:4px}
.mag .gh{font-family:var(--f-cond);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;color:var(--stage-muted);margin:10px 4px 2px}
.mag button{appearance:none;border:0;background:transparent;color:var(--stage-ink);text-align:left;padding:7px 9px;border-radius:7px;cursor:pointer;font:inherit;font-size:.9rem;display:flex;gap:8px;align-items:center;width:100%}
.mag button:hover{background:var(--stage2)}
.mag button[aria-current="true"]{background:var(--stage2);box-shadow:inset 3px 0 0 var(--band)}
.mag button:disabled{cursor:default;opacity:.85}
.mag .k{font-size:.66rem;font-weight:700;letter-spacing:.08em;padding:1px 6px;border-radius:3px;background:#2c2930;color:var(--stage-muted);flex:none}
.mppl{display:grid;gap:4px}
.mppl div{display:flex;gap:8px;align-items:center;padding:6px 8px;border-radius:7px;background:var(--stage2);font-size:.9rem}
.mppl .hand{margin-left:auto;background:var(--mark);color:#141210;border-radius:999px;font-size:.75rem;font-weight:700;padding:1px 8px}
.mppl .me{color:var(--stage-muted);font-size:.78rem}
.mppl .pr{background:var(--band);color:#fff;border-radius:4px;font-size:.68rem;font-weight:700;padding:1px 6px;letter-spacing:.06em}
.mpane textarea{width:100%;min-height:140px;background:var(--stage2);color:var(--stage-ink);border:1px solid var(--stage-line);border-radius:8px;padding:8px;font:inherit;font-size:.9rem;resize:vertical}
.mpane label{display:grid;gap:4px;font-size:.8rem;color:var(--stage-muted);margin-bottom:10px;font-weight:600}
.mpane .ro{white-space:pre-wrap;font-size:.92rem;line-height:1.5;background:var(--stage2);border-radius:8px;padding:8px 10px;min-height:40px}
.mhint{font-size:.8rem;color:var(--stage-muted);padding:4px}
@media (max-width:900px){
  .mroom{height:auto;min-height:calc(100dvh - var(--hdrh))}
  .mbody{grid-template-columns:1fr}
  .mstage{flex:none;aspect-ratio:16/9}
  .mside{border-left:0;border-top:1px solid var(--stage-line);min-height:320px}
}

.mseekw{position:relative;flex:1;min-width:120px;display:flex;align-items:center}
.mseekw input{flex:1;min-width:0}
#mmarks{position:absolute;left:6px;right:6px;top:-3px;height:6px;pointer-events:none}
#mmarks i{position:absolute;top:0;width:5px;height:7px;margin-left:-2px;border-radius:2px;background:var(--mark)}