/* toplanti.css — web toplantı paneli (Plan 6 T9; js/toplanti/ekran-toplanti.mjs). Kaynak: design/web_toplanti-showcase/v01-sekmeli-sahne.html
   (wt1) `wt-*` sınıfları, kabuk-ihtiyaci.md. Renk YALNIZ takma adlardan (tasarim-adlari.css → --t-*); ham renk YOK (test/renk-kapisi.test.mjs).
   Görünürlük `hidden` özelliğiyle: aşağıdaki `[hidden]` kuralı sınıf `display`ini ezer. */
.wt-kok{ display:contents; }
.wt-kok [hidden]{ display:none !important; }
.wt-kok :focus-visible{ outline:2px solid var(--primary-deep); outline-offset:2px; }
.wt-pane{ background:var(--app-bg); }
.wt-kaydir{ flex:1; min-height:0; overflow:hidden; display:flex; flex-direction:column; }
.liste.wt-liste{ background:var(--sheet); }
.wt-kok .sohbet{ background:var(--app-bg); }

/* Fluent 3D emoji görselleri (img/fluent/*.png; MIT). Boyut kutusuna göre. */
.wt-emo-img{ width:1em; height:1em; display:block; }

/* Anahtar (açma/kapama) — dolu yeşil YOK: soft zemin + tint çerçeve */
.wt-anahtar{ position:relative; flex:none; width:44px; height:26px; padding:0; border-radius:var(--r-pill); border:1.5px solid var(--line); background:var(--line-soft); }
.wt-anahtar::after{ content:""; position:absolute; top:2.5px; left:2.5px; width:18px; height:18px; border-radius:50%; background:var(--sub); box-shadow:var(--shadow-sm); }
.wt-anahtar[aria-checked="true"]{ background:var(--primary-soft); border-color:var(--primary-tint); }
.wt-anahtar[aria-checked="true"]::after{ left:20.5px; background:var(--primary-deep); }

/* Etiketli alan + girdi */
.wt-alan{ display:flex; flex-direction:column; gap:6px; min-width:0; }
.wt-etiket{ display:flex; align-items:center; gap:8px; font-size:var(--fs-cap); font-weight:var(--fw-bold); color:var(--sub); }
.wt-etiket .ops{ color:var(--muted); font-weight:var(--fw-semi); }
.wt-girdi{ display:flex; align-items:center; gap:10px; min-height:44px; padding:0 14px; border-radius:var(--r-md); background:var(--sheet); border:1.5px solid var(--line); box-shadow:var(--shadow-sm); color:var(--muted); min-width:0; }
.wt-girdi input{ flex:1; min-width:0; border:0; outline:0; background:transparent; padding:0; height:40px; color:var(--ink); font-family:inherit; font-size:var(--fs-body); font-weight:var(--fw-semi); text-overflow:ellipsis; }
.wt-girdi input::placeholder{ color:var(--muted); font-weight:var(--fw-reg); opacity:1; }
.wt-girdi:focus-within{ border-color:var(--primary-tint); box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-tint) 45%, transparent); background:var(--sheet); }

/* Emoji karo */
.wt-emo{ width:40px; height:40px; flex:none; border-radius:12px; display:grid; place-items:center; font-size:22px; line-height:1; background:var(--primary-soft); box-shadow:var(--shadow-ic); }
.wt-emo--altin{ background:var(--gold-soft); } .wt-emo--not{ background:var(--note-soft); } .wt-emo--sheet{ background:var(--sheet); border:1px solid var(--line); }
.wt-emo--buyuk{ width:64px; height:64px; border-radius:20px; font-size:34px; }

/* Güvenlik seçenekleri (kapı bilgi kartı + ekran paylaşımı anahtarı) */
.wt-guvenlik{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.wt-secenek{ display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:var(--r-md); background:var(--card-bg); border:1px solid var(--line); box-shadow:var(--shadow-sm), var(--shadow-ic); min-width:0; }
.wt-secenek .govde{ flex:1; min-width:0; }
.wt-secenek .ad{ font-size:var(--fs-sub); font-weight:var(--fw-x); line-height:1.25; }
.wt-secenek .ac{ font-size:var(--fs-cap); color:var(--sub); line-height:1.3; }

/* Cihaz seçici */
.wt-cihazlar{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px; }
.wt-sec{ display:flex; align-items:center; gap:10px; min-height:54px; padding:6px 12px; border-radius:var(--r-md); background:var(--sheet); border:1.5px solid var(--line); box-shadow:var(--shadow-sm); min-width:0; }
.wt-sec > .ik{ color:var(--primary-deep); width:20px; height:20px; }
.wt-sec .govde{ flex:1; min-width:0; }
.wt-sec .et{ font-size:var(--fs-micro); font-weight:var(--fw-bold); color:var(--muted); line-height:1.2; }
.wt-sec select{ display:block; width:100%; border:0; outline:0; padding:0; background:transparent; color:var(--ink); font-family:inherit; font-size:var(--fs-sub); font-weight:var(--fw-semi); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.3; -webkit-appearance:none; appearance:none; cursor:pointer; }
.wt-sec select option{ background:var(--sheet); color:var(--ink); }
.wt-sec .oku{ color:var(--muted); width:16px; height:16px; }
.wt-sec:focus-within{ border-color:var(--primary-tint); }

/* Kamera önizleme */
.wt-onizleme{ position:relative; width:100%; aspect-ratio:16/9; border-radius:var(--r-lg); overflow:hidden; background:var(--chat-bg); border:1px solid var(--line); box-shadow:var(--shadow-md); }
.wt-video{ position:absolute; inset:0; }
.wt-video-el{ width:100%; height:100%; object-fit:cover; object-position:50% 22%; display:block; transform:scaleX(-1); background:var(--fixed-ink); }
.wt-video::after{ content:""; position:absolute; inset:auto 0 0 0; height:44%; background:linear-gradient(to top, color-mix(in srgb, var(--fixed-black) 62%, transparent), transparent); }
.wt-ust{ position:absolute; left:12px; right:12px; top:12px; display:flex; justify-content:space-between; align-items:center; gap:8px; }
.wt-koyu-etiket{ display:inline-flex; align-items:center; gap:6px; height:26px; padding:0 10px; border-radius:var(--r-pill); background:color-mix(in srgb, var(--fixed-black) 50%, transparent); color:var(--fixed-white); font-size:var(--fs-micro); font-weight:var(--fw-bold); }
.wt-alt{ position:absolute; left:12px; right:12px; bottom:12px; display:flex; align-items:center; gap:10px; }
.wt-alt .bosluk{ flex:1; }
.wt-kontrol{ width:44px; height:44px; flex:none; border-radius:50%; display:grid; place-items:center; padding:0; border:1.5px solid color-mix(in srgb, var(--fixed-white) 38%, transparent); background:color-mix(in srgb, var(--fixed-black) 50%, transparent); color:var(--fixed-white); }
.wt-kontrol .ik{ width:22px; height:22px; }
.wt-kontrol.kapali{ background:var(--danger-soft); border-color:color-mix(in srgb, var(--danger-ink) 40%, transparent); color:var(--on-danger-soft); }
.wt-seviye-hap{ display:inline-flex; align-items:center; gap:10px; height:36px; padding:0 14px; border-radius:var(--r-pill); background:color-mix(in srgb, var(--fixed-black) 50%, transparent); color:var(--fixed-white); font-size:var(--fs-cap); font-weight:var(--fw-semi); }
.wt-seviye{ display:inline-flex; align-items:center; gap:3px; height:20px; }
.wt-seviye i{ width:4px; border-radius:2px; background:color-mix(in srgb, var(--fixed-white) 38%, transparent); display:block; }
.wt-seviye i.a{ background:var(--presence-online); }
.wt-seviye i:nth-child(1){ height:6px; } .wt-seviye i:nth-child(2){ height:11px; } .wt-seviye i:nth-child(3){ height:15px; } .wt-seviye i:nth-child(4){ height:9px; }
.wt-seviye i:nth-child(5){ height:18px; } .wt-seviye i:nth-child(6){ height:12px; } .wt-seviye i:nth-child(7){ height:7px; } .wt-seviye i:nth-child(8){ height:16px; }
.wt-seviye i:nth-child(9){ height:10px; } .wt-seviye i:nth-child(10){ height:14px; } .wt-seviye i:nth-child(11){ height:8px; } .wt-seviye i:nth-child(12){ height:17px; }
.wt-seviye i:nth-child(13){ height:11px; } .wt-seviye i:nth-child(14){ height:6px; }
.wt-kamerayok{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; text-align:center; padding:20px 28px; background:var(--sheet-2); }
.wt-kamerayok h3{ margin:4px 0 0; font-size:var(--fs-h2); font-weight:var(--fw-x); }
.wt-kamerayok p{ margin:0; font-size:var(--fs-sub); color:var(--sub); max-width:420px; line-height:1.4; }
.wt-kamerayok .eylemler{ display:flex; gap:10px; margin-top:4px; }
.wt-kamerayok .iki{ position:relative; }
.wt-kamerayok .iki .engel{ position:absolute; right:-10px; bottom:-8px; width:30px; height:30px; border-radius:50%; display:grid; place-items:center; font-size:16px; background:var(--danger-soft); box-shadow:0 0 0 3px var(--sheet-2); }

/* Bağlantı çubuğu (…#k= ipucu; gerçek anahtar HİÇ yok) */
.wt-link{ display:flex; align-items:center; gap:10px; min-height:48px; padding:6px 8px 6px 14px; border-radius:var(--r-md); background:var(--sheet-2); border:1.5px dashed var(--line); min-width:0; }
.wt-link > .ik{ color:var(--primary-deep); width:18px; height:18px; }
.wt-link .adres{ flex:1; min-width:0; font-size:var(--fs-sub); font-weight:var(--fw-bold); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; letter-spacing:.1px; }
.wt-link .sir{ color:var(--muted); font-weight:var(--fw-semi); letter-spacing:.5px; }
.wt-link .btn{ flex:none; }
.wt-sir-not{ display:flex; align-items:flex-start; gap:8px; font-size:var(--fs-cap); color:var(--sub); line-height:1.35; }
.wt-sir-not .ik{ width:16px; height:16px; color:var(--primary-deep); margin-top:1px; }
.wt-sir-not code{ font-size:var(--fs-cap); background:var(--line-soft); padding:1px 6px; border-radius:6px; color:var(--ink); font-family:var(--font-mono); }

/* Eylem satırı */
.wt-eylem{ display:flex; align-items:center; gap:10px; justify-content:flex-end; flex-wrap:wrap; }
.wt-kok .btn .kbd{ min-width:20px; height:20px; padding:0 5px; margin-left:2px; box-shadow:none; }
.wt-kok .btn--birincil .kbd{ border-color:var(--primary-tint); color:var(--on-primary-soft); background:var(--sheet); }

/* Başlatılıyor: statik yay (animasyon kapalı — kural W6) */
.wt-yay{ width:52px; height:52px; border-radius:50%; flex:none; background:conic-gradient(var(--primary) 0 32%, var(--line) 32% 100%);
  -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 6px), var(--fixed-black) calc(100% - 5px)); mask:radial-gradient(farthest-side, transparent calc(100% - 6px), var(--fixed-black) calc(100% - 5px)); }
.wt-yay--k{ width:18px; height:18px; -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 3px), var(--fixed-black) calc(100% - 2.5px)); mask:radial-gradient(farthest-side, transparent calc(100% - 3px), var(--fixed-black) calc(100% - 2.5px)); }
.wt-perde{ position:absolute; inset:0; z-index:25; display:grid; place-items:center; background:color-mix(in srgb, var(--app-bg) 84%, transparent); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); }
.wt-baslatma{ width:430px; max-width:calc(100% - 40px); display:flex; flex-direction:column; align-items:center; gap:12px; text-align:center; padding:28px 28px 22px; border-radius:var(--r-xl); background:var(--sheet); border:1px solid var(--line); box-shadow:var(--shadow-lg), var(--shadow-ic); }
.wt-baslatma h2{ margin:6px 0 0; font-size:var(--fs-h1); font-weight:var(--fw-x); }
.wt-baslatma p{ margin:0; color:var(--sub); font-size:var(--fs-sub); }
.wt-adimlar{ list-style:none; margin:6px 0 4px; padding:0; width:100%; display:flex; flex-direction:column; gap:8px; text-align:left; }
.wt-adimlar li{ display:flex; align-items:center; gap:10px; font-size:var(--fs-sub); font-weight:var(--fw-semi); color:var(--sub); }
.wt-adimlar .nokta{ width:22px; height:22px; border-radius:50%; flex:none; display:grid; place-items:center; border:1.5px dashed var(--line); color:var(--muted); }
.wt-adimlar .bitti{ color:var(--ink); } .wt-adimlar .bitti .nokta{ border:1.5px solid var(--primary-tint); background:var(--primary-soft); color:var(--primary-deep); }
.wt-adimlar .nokta .ik{ width:14px; height:14px; }
.wt-adimlar .not{ margin-left:auto; font-size:var(--fs-micro); color:var(--muted); font-weight:var(--fw-semi); }

/* Üst şeritler (hata) */
.wt-seritler{ display:flex; flex-direction:column; gap:8px; }
.wt-seritler .serit{ margin:0; align-items:center; }
.wt-seritler .serit .btn{ flex:none; }

/* ---- wt1 · Sekmeli sahne yerleşimi ---- */
.wt-kok .wt-sekmeler{ display:flex; gap:2px; padding:0 12px; border-bottom:1px solid var(--line); flex:none; margin-bottom:10px; } /* wt1: sekmelerin altında 10px boşluk (her üç sekmede) */
.wt-kok .wt-sekmeler button{ height:44px; padding:0 14px; border:0; background:transparent; color:var(--sub); font-family:inherit; font-weight:var(--fw-bold); font-size:var(--fs-sub); border-bottom:3px solid transparent; margin-bottom:-1px; display:flex; align-items:center; gap:6px; }
.wt-kok .wt-sekmeler button[aria-selected="true"]{ color:var(--on-primary-soft); border-bottom-color:var(--primary-deep); }
.wt-kok .wt-form{ padding:14px 16px 12px; gap:14px; display:flex; flex-direction:column; min-height:0; }
.wt-kok .wt-hazirlik{ flex:1; min-height:0; overflow:hidden; padding:22px 32px 18px; display:flex; }
.wt-kok .wt-detay-kap{ flex:1; min-height:0; overflow:hidden; padding:22px 32px 18px; }
.wt-sohbet-ust{ flex:none; }
.wt-orta{ width:100%; max-width:704px; margin:0 auto; display:flex; flex-direction:column; gap:14px; }

/* ---- Task 10 · Katıl + Toplantılar (wt1 sınıfları; planlı toplantı YOK) ---- */
.wt-katil-pane, .wt-girdi-ikon, .wt-cozum-kap{ display:contents; }
.wt-kok .wt-kaydir.wt-kaydirilir{ overflow-y:auto; }
.wt-girdi .ik{ color:var(--muted); width:18px; height:18px; flex:none; }
.wt-girdi--gecerli{ border-color:var(--primary-tint); } .wt-girdi--gecerli .ik{ color:var(--primary-deep); }
.wt-girdi--hata{ border-color:color-mix(in srgb, var(--danger-ink) 50%, transparent); background:var(--danger-soft); } .wt-girdi--hata input, .wt-girdi--hata .ik{ color:var(--on-danger-soft); }
.wt-girdi--uyari{ border-color:var(--gold-line); background:var(--gold-soft); } .wt-girdi--uyari input, .wt-girdi--uyari .ik{ color:var(--gold-ink); }
.wt-girdi .sag{ margin-left:auto; flex:none; display:inline-flex; align-items:center; gap:8px; }
.wt-katil{ display:flex; flex-direction:column; gap:8px; }
.wt-not{ display:flex; align-items:flex-start; gap:8px; font-size:var(--fs-cap); line-height:1.35; color:var(--sub); }
.wt-not .ik{ width:16px; height:16px; margin-top:1px; flex:none; }
.wt-not--hata{ color:var(--danger-ink); }
.wt-not--uyari{ color:var(--gold-ink); }
.wt-not b{ font-weight:var(--fw-x); }
.wt-cozum{ display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:var(--r-md); background:var(--card-bg); border:1px solid var(--primary-tint); box-shadow:var(--shadow-sm), var(--shadow-ic); }
.wt-cozum .govde{ flex:1; min-width:0; } .wt-cozum .ad{ font-weight:var(--fw-x); font-size:var(--fs-body); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wt-cozum .alt{ font-size:var(--fs-cap); color:var(--sub); display:flex; gap:6px; align-items:center; flex-wrap:wrap; }
.wt-gecmis{ display:flex; flex-direction:column; gap:4px; }
.wt-davet-not{ font-size:var(--fs-cap); color:var(--sub); display:flex; gap:8px; align-items:flex-start; line-height:1.35; }
.wt-davet-not .ik{ width:16px; height:16px; color:var(--primary-deep); margin-top:1px; flex:none; }
.wt-eylem .sol{ margin-right:auto; display:inline-flex; align-items:center; gap:8px; color:var(--muted); font-size:var(--fs-cap); font-weight:var(--fw-semi); }

/* Sekme sayacı (Toplantılar) */
.wt-kok .wt-sekmeler .say{ font-size:var(--fs-micro); font-weight:var(--fw-x); padding:0 7px; height:20px; border-radius:var(--r-pill); background:var(--line-soft); display:inline-grid; place-items:center; }
.wt-kok .wt-sekmeler button[aria-selected="true"] .say{ background:var(--primary-soft); color:var(--on-primary-soft); }

/* Şu an canlı kartları */
.wt-canli-alan{ flex:none; }
.wt-canli{ display:flex; flex-direction:column; gap:10px; padding:14px; margin:0 12px 10px; border-radius:var(--r-lg); background:var(--primary-soft); border:1px solid var(--primary-tint); box-shadow:var(--shadow-ic), var(--shadow-sm); color:var(--on-primary-soft); flex:none; }
.wt-canli .ust{ display:flex; align-items:center; gap:8px; font-size:var(--fs-micro); font-weight:var(--fw-x); letter-spacing:.4px; text-transform:uppercase; }
.wt-canli .ad{ font-size:var(--fs-h3); font-weight:var(--fw-x); color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wt-canli .alt{ font-size:var(--fs-cap); color:var(--on-primary-soft); display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.wt-canli .eylemler{ display:flex; gap:8px; }
.wt-canli-nokta{ width:10px; height:10px; border-radius:50%; background:var(--presence-online); flex:none; box-shadow:0 0 0 3px color-mix(in srgb, var(--presence-online) 28%, transparent); }

/* Toplantı satırları */
.wt-bolum-ad{ display:flex; align-items:center; gap:8px; padding:12px 22px 6px; font-size:var(--fs-micro); font-weight:var(--fw-x); letter-spacing:.5px; text-transform:uppercase; color:var(--muted); flex:none; }
.wt-bolum-ad .say{ margin-left:auto; letter-spacing:0; }
.wt-satir{ display:flex; align-items:flex-start; gap:12px; padding:10px 12px; margin:0 8px; border-radius:var(--r-md); position:relative; flex:none; }
.wt-satir + .wt-satir::before{ content:""; position:absolute; left:76px; right:0; top:0; height:1px; background:var(--line-soft); }
.wt-zaman{ width:52px; flex:none; text-align:center; padding-top:1px; }
.wt-zaman b{ display:block; font-size:var(--fs-h3); font-weight:var(--fw-x); line-height:1.15; font-variant-numeric:tabular-nums; }
.wt-zaman small{ display:block; font-size:var(--fs-micro); font-weight:var(--fw-bold); color:var(--muted); line-height:1.2; }
.wt-satir .govde{ flex:1; min-width:0; display:flex; flex-direction:column; gap:4px; }
.wt-satir .ad{ font-size:var(--fs-body); font-weight:var(--fw-bold); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.3; }
.wt-satir .meta-satiri{ display:flex; align-items:center; gap:8px; min-width:0; font-size:var(--fs-cap); color:var(--sub); }
.wt-satir .meta-satiri .yaz{ flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wt-gecmis .wt-satir{ margin:0 -4px; }
.wt-etiket-hap{ display:inline-flex; align-items:center; gap:5px; height:22px; padding:0 8px; border-radius:var(--r-pill); font-size:var(--fs-micro); font-weight:var(--fw-bold); background:var(--line-soft); color:var(--sub); flex:none; }
.wt-etiket-hap .ik{ width:13px; height:13px; }
.wt-etiket-hap--yesil{ background:var(--primary-soft); color:var(--on-primary-soft); }

/* Boş durum (sağ bölme) */
.wt-bos{ flex:1; display:flex; align-items:center; justify-content:center; padding:24px; }
.wt-detay-kap > .wt-bos{ height:100%; }
.wt-bos .bos{ align-items:center; text-align:center; }
.wt-bos .bos .gorsel{ width:104px; height:104px; font-size:54px; }
.wt-bos .bos .gorsel .wt-emo-img{ width:54px; height:54px; }
.wt-bos .eylemler{ display:flex; gap:10px; flex-wrap:wrap; justify-content:center; margin-top:4px; }

/* Oda sahnesi (Plan 6 T11; js/toplanti/oda-sahnesi.mjs): çapraz kökenli iframe + devir perdesi + kapı bildirimi.
   `kap` pozisyonlu (.app) olmalı. Küçültülünce iframe SÖKÜLMEZ/`hidden` OLMAZ (medya kısılmasın): kap inert + ekran dışı. */
.wt-sahne{ position:absolute; inset:0; z-index:30; display:flex; background:var(--app-bg); }
.wt-sahne[hidden], .wt-kapi-bildirim[hidden]{ display:none !important; }
.wt-sahne--devir{ background:transparent; pointer-events:none; }
.wt-sahne--devir .wt-sahne-perde{ pointer-events:auto; }
.wt-sahne--kucuk{ position:fixed; inset-inline-start:-200vw; inset-block-start:0; inset-inline-end:auto; inline-size:100vw; block-size:100vh; }
.wt-sahne-cerceve-kap{ flex:1; min-width:0; display:flex; }
.wt-sahne-cerceve{ flex:1; inline-size:100%; block-size:100%; border:0; background:var(--app-bg); }
.wt-sahne-perde{ position:absolute; inset:0; display:contents; }
.wt-sahne-perde .perde{ z-index:31; }
.wt-sahne-perde .modal .ust{ display:flex; gap:16px; align-items:center; }
.wt-sahne-perde .modal ul{ margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:8px; font-size:var(--fs-sub); color:var(--sub); }
.wt-sahne-perde .modal li{ display:flex; gap:10px; align-items:flex-start; line-height:1.35; }
.wt-sahne-perde .modal li .ik{ width:16px; height:16px; color:var(--primary-deep); margin-top:2px; flex:none; }
.wt-devir-e2e{ margin-bottom:8px; }
.wt-sahne-perde .modal .eylemler .btn:focus-visible{ outline:2px solid var(--primary-deep); outline-offset:2px; }
.wt-sahne-perde .modal .eylemler .kbd{ margin-inline-start:6px; }

/* Aktarım şeması (devir perdesi başlığı) */
.wt-sema{ width:132px; height:86px; border-radius:10px; background:var(--line-soft); border:1px solid var(--line); position:relative; overflow:hidden; flex:none; box-shadow:var(--shadow-ic); }
.wt-sema .sk{ position:absolute; left:0; right:0; top:0; height:13px; background:var(--line); display:flex; gap:3px; padding:3px 5px 0; }
.wt-sema .sk i{ width:34px; height:10px; border-radius:3px 3px 0 0; background:var(--sheet-2); display:block; }
.wt-sema .sk i.on{ background:var(--primary-soft); }
.wt-sema .ic{ position:absolute; inset:13px 0 0 0; display:flex; }
.wt-sema .s-ray{ width:14px; background:var(--sheet-2); border-right:1px solid var(--line); }
.wt-sema .s-liste{ width:34px; background:var(--sheet); border-right:1px solid var(--line); }
.wt-sema .s-pane{ flex:1; background:var(--app-bg); }
.wt-sema .s-oda{ position:absolute; background:var(--fixed-ink); border-radius:4px; display:grid; grid-template-columns:1fr 1fr; gap:2px; padding:3px; }
.wt-sema .s-oda b{ background:color-mix(in srgb, var(--fixed-white) 22%, var(--fixed-ink)); border-radius:2px; display:block; }
.wt-sema .s-oda--tam{ inset:0; border-radius:0; }

/* Kapıda bekleyenler bildirimi (oda küçükken) */
.wt-kapi-bildirim{ position:fixed; z-index:40; inset-inline-end:20px; inset-block-start:98px; inline-size:400px; max-inline-size:calc(100vw - 40px); padding:14px; border-radius:var(--r-lg); background:var(--card-bg); border:1px solid var(--gold-line); box-shadow:var(--shadow-lg), var(--shadow-ic); display:flex; flex-direction:column; gap:12px; }
.wt-kapi-bildirim .ust{ display:flex; gap:12px; align-items:flex-start; }
.wt-kapi-bildirim .govde{ flex:1; min-width:0; }
.wt-kapi-bildirim .baslik{ font-size:var(--fs-body); font-weight:var(--fw-x); }
.wt-kapi-bildirim .alt{ font-size:var(--fs-cap); color:var(--sub); line-height:1.35; }
.wt-kapi-bildirim .kimler{ display:flex; align-items:center; gap:10px; padding:8px 10px; border-radius:var(--r-md); background:var(--gold-soft); color:var(--gold-ink); font-size:var(--fs-cap); font-weight:var(--fw-bold); }
.wt-kapi-bildirim .kimler .av{ box-shadow:0 0 0 2px var(--gold-soft); margin-inline-start:-8px; }
.wt-kapi-bildirim .kimler .av:first-child{ margin-inline-start:0; }
.wt-kapi-bildirim .eylemler{ display:flex; gap:8px; justify-content:flex-end; }
.wt-kapi-bildirim :focus-visible{ outline:2px solid var(--primary-deep); outline-offset:2px; }

/* Davet seçici (Plan 6 T12; wt1 "Kimleri çağırıyorsun?"; js/toplanti/davet.mjs). Renk YALNIZ takma adlardan. */
.wt-davet-alan{ flex:0 1 auto; min-height:0; } /* BÜYÜMEZ (wt1: not listenin hemen altında); sığmazsa küçülür, liste kendi içinde kayar */
.wt-etiket .sag{ margin-inline-start:auto; display:inline-flex; align-items:center; gap:8px; font-weight:var(--fw-semi); color:var(--muted); }
.wt-davet-sayac{ white-space:nowrap; }
.wt-girdi--kucuk{ min-height:38px; padding:0 12px; }
.wt-girdi--kucuk input{ height:34px; font-size:var(--fs-sub); }
.wt-davet-liste{ display:flex; flex-direction:column; gap:2px; margin:0 -8px; flex:1 1 auto; min-height:0; overflow-y:auto; }
.wt-davet-liste[aria-disabled="true"]{ opacity:.6; }
.wt-kisi{ display:flex; align-items:center; gap:12px; padding:7px 12px; min-height:52px; border-radius:var(--r-md); position:relative; cursor:pointer; flex:none; }
.wt-kisi .govde{ flex:1; min-width:0; }
.wt-kisi .ad{ font-weight:var(--fw-bold); font-size:var(--fs-body); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wt-kisi .alt{ font-size:var(--fs-cap); color:var(--sub); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:flex; align-items:center; gap:6px; }
.wt-kisi.secili{ background:var(--line-soft); }
.wt-kisi--kucuk{ min-height:46px; padding:5px 10px; }
.wt-kisi--kucuk .ad{ font-size:var(--fs-sub); }
.wt-tik{ width:24px; height:24px; flex:none; border-radius:50%; border:1.5px solid var(--line); display:grid; place-items:center; color:transparent; background:var(--sheet); }
.wt-tik .ik{ width:15px; height:15px; }
.secili > .wt-tik{ background:var(--primary-soft); border-color:var(--primary-tint); color:var(--primary-deep); box-shadow:var(--shadow-ic); }
.wt-yigin{ display:inline-flex; align-items:center; flex:none; }
.wt-yigin .av{ box-shadow:0 0 0 2px var(--sheet); margin-inline-start:-8px; }
.wt-yigin .av:first-child{ margin-inline-start:0; }
.wt-fazla{ margin-inline-start:-8px; height:24px; min-width:24px; padding:0 6px; border-radius:var(--r-pill); display:grid; place-items:center; background:var(--line-soft); color:var(--sub); font-size:var(--fs-micro); font-weight:var(--fw-x); box-shadow:0 0 0 2px var(--sheet); }
/* Davet bos/durum notlari: `.wt-not` (Katıl notu) sınıfını PAYLAŞMAZ — paylaşırsa axe hedef yolu `.wt-not` benzersiz olmaktan çıkar ve W228 istisna yolu eşleşmez. */
.wt-davet-bos, .wt-davet-durum{ display:flex; align-items:flex-start; gap:8px; font-size:var(--fs-cap); line-height:1.35; color:var(--sub); }
.wt-davet-bos .ik, .wt-davet-durum .ik{ width:16px; height:16px; margin-top:1px; flex:none; }
.wt-davet-durum{ font-weight:var(--fw-semi); }
.wt-davet-durum--hata{ color:var(--danger-ink); }

/* Kabuk ana düzeninde panel (Plan 6 T13): `paneBagla` panelini yalnız `.sohbet` hücresine verir; wt1'in İKİ sütunu (liste + hazırlık) bu sarmalda taşınır
   ve panel açıkken Plan 3 sohbet listesi sütunu gizlenir (ray + panel; ana-duzen.mjs değişmez, K14). Yerleşim yalnız CSS (`:has`). */
/* ★ Plan 3 `.liste` YALNIZ sohbet listesi için gizlenir; bağlantı/geçmiş/güncelleme/kilit ŞERİTLERİ (`.liste-serit|-gecmis|-guncelleme|-kilit`, ana-duzen.mjs)
   toplantı rotasında da görünür kalır (W229: çevrimdışıyken şerit kaybolmasın). `.liste` bu rotada ray'in yanında, panelin ÜSTÜNDE tam genişlikte bir şerit
   kabına dönüşür (satır 1; ray iki satırı kaplar, panel satır 2); şerit yoksa yüksekliği 0'dır. */
.app:has(> .sohbet > .wt-pane-sarmal){ grid-template-columns:var(--ray-w) minmax(0,1fr); grid-template-rows:auto minmax(0,1fr); }
.app:has(> .sohbet > .wt-pane-sarmal) > .ray{ grid-row:1 / span 2; }
.app:has(> .sohbet > .wt-pane-sarmal) > .liste{ display:flex; grid-column:2; grid-row:1; border-right:0; background:transparent; }
.app:has(> .sohbet > .wt-pane-sarmal) > .liste > :not(.liste-serit):not(.liste-gecmis):not(.liste-guncelleme):not(.liste-kilit){ display:none; }
.app:has(> .sohbet > .wt-pane-sarmal) > .sohbet{ grid-column:2; grid-row:2; }
.app > .sohbet > .wt-pane-sarmal{ flex:1; min-width:0; min-height:0; display:grid; grid-template-columns:var(--liste-w) minmax(0,1fr); }
.app--dar > .sohbet > .wt-pane-sarmal{ grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,45%) minmax(0,1fr); }