/* ═══════════════════════════════════════════════════════════════════
   NOTLAR ve RANDEVULAR (10 Ağustos 2026 — saha cilası)

   Renk: MAVİ = not (ileriye dair olan) · SARI = randevu (gündem) ·
   turkuaz = çalışma. Altın kitabın ve mührün, buraya girmez.

   Bölüm başlıkları YAPIŞKANDIR: yüz notlu bir listede tekrar düğmesi
   kaybolmasın diye üst bara yapışır ve düğmesini yanında götürür.
   Ekranın altına yüzen düğme KONMAZ: orası BAŞLAT'ın yeri.
   ═══════════════════════════════════════════════════════════════════ */
:root{--srm-mavi:#4a7fb5;--srm-acik:#bcd9f5;--srm-sari:#ffce5c;--srm-kirmizi:#ff8a80}

/* 🔴 10 Ağu — SESSİZ HATA, iki kez yandık.
   "Gizle" işareti (`hidden`) bir elemana konduğunda tarayıcı onu gizler; AMA
   biz o elemana `display:flex` yazdıysak bizim yazdığımız kazanır ve eleman
   gizlenmiş gibi DAVRANIR ama EKRANDA DURUR. Not satırı tam bunu yaptı:
   kodda "gizli" yazıyordu, öğrencide görünüyordu. (Aynı tuzak kimlik
   seçicisinde de yaşanmıştı — bkz. pilot kapısı.)
   Bu satır kuralı geri koyar: gizle dendiyse gizlenir, tartışma bitti.
   ⚠️ Bir kutuya `display` yazarken bunu SİLME. */
[hidden]{display:none !important}

/* kronometredeki satırlar */
.srm-satir{display:flex;align-items:center;gap:9px;width:100%;padding:9px 12px;margin:0 0 10px;
 border-radius:12px;font-size:.83em;text-align:left;cursor:pointer;font-family:inherit;
 background:rgba(74,127,181,.07);border:1px solid rgba(74,127,181,.24);color:var(--srm-acik)}
.srm-satir .ad{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.srm-satir .sag{margin-left:auto;color:var(--srm-mavi)}
.srm-satir svg{flex:0 0 auto}

.srm-gundem{border-radius:13px;padding:11px 12px;margin:0 0 10px;
 background:rgba(255,206,92,.07);border:1px solid rgba(255,206,92,.26)}
.srm-gundem .bas{font-size:.79em;color:var(--srm-sari);font-weight:600}
.srm-gundem .adet{color:#5f6b80;font-weight:400}
.srm-gundem .konu{font-size:.86em;font-weight:600;margin:7px 0 3px}
.srm-gundem .konu b{color:var(--srm-sari)}
.srm-gundem .mt{font-size:.76em;color:#94a3b8;line-height:1.45;margin-bottom:9px}
.srm-gundem .dug{display:flex;gap:6px}
.srm-gundem .dug button{flex:1;padding:8px 0;border-radius:9px;font-size:.71em;font-family:inherit;cursor:pointer;
 background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:#94a3b8}
.srm-gundem .dug button:first-child{background:rgba(255,206,92,.18);border-color:rgba(255,206,92,.45);
 color:var(--srm-sari);font-weight:700}

/* yazma çubuğu (+ gündem oluşturma kabı aynı katmanda yaşar) */
#srm-yaz,#srm-ran,#srm-gkur{position:fixed;inset:0;z-index:10060}
#srm-yaz[hidden],#srm-ran[hidden],#srm-gkur[hidden]{display:none}
.srm-perde{position:absolute;inset:0;background:rgba(6,10,20,.45)}
.srm-cubuk,.srm-ran-panel{position:absolute;left:0;right:0;bottom:0;max-width:560px;margin:0 auto;
 background:rgba(17,25,42,.985);border-top:1px solid rgba(255,255,255,.12);border-radius:18px 18px 0 0;
 padding:11px 12px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -16px 44px rgba(0,0,0,.5)}
.srm-ran-panel{left:8px;right:8px;bottom:8px;border-radius:18px;border:1px solid rgba(255,206,92,.28);padding:14px 13px}
.srm-bas{display:flex;align-items:baseline;gap:8px;margin-bottom:9px}
.srm-bas b{font-size:.85em}
.srm-bas .x{margin-left:auto;background:none;border:none;color:#64748b;font-size:1em;cursor:pointer}
.srm-sat{display:flex;align-items:flex-end;gap:8px}
#srm-metin{flex:1;min-height:42px;max-height:116px;resize:none;overflow-y:auto;border-radius:21px;
 background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);padding:11px 15px;
 font-size:.92em;color:#e8edf6;font-family:inherit;line-height:1.45}
#srm-metin::placeholder{color:#5f6b80}
#srm-metin:focus{outline:none;border-color:rgba(74,127,181,.5)}
.yuv{flex:0 0 auto;width:42px;height:42px;border-radius:50%;border:none;cursor:pointer;
 display:flex;align-items:center;justify-content:center;font-size:1.05em}
.yuv.ana{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#08111f}
.yuv.hat{background:rgba(255,206,92,.12);border:1px solid rgba(255,206,92,.35);color:var(--srm-sari)}
.yuv.hat.dolu{background:rgba(255,206,92,.24);border-color:var(--srm-sari)}
.srm-uyari{margin-bottom:9px;padding:8px 11px;border-radius:12px;font-size:.76em;line-height:1.5;
 background:rgba(212,175,106,.07);border:1px solid rgba(212,175,106,.24);color:#cbb488}

/* randevu paneli */
.srm-ran-panel h4{margin:0 0 3px;font-size:.9em;color:var(--srm-sari)}
.srm-ran-panel .ac{font-size:.73em;color:#5f6b80;line-height:1.5;margin-bottom:12px}
/* Amaç düğmeleri. gün/hafta/ay çarkı ve +/− SÖKÜLDÜ (10 Ağu):
   öğrenci "kaç gün sonra" diye hesap yapmıyor, aklındaki şey bir TARİH. */
.srm-ran-panel .amac{display:flex;gap:6px;margin-bottom:11px}
.srm-ran-panel .amac button{flex:1;padding:9px 0;border-radius:11px;font-size:.72em;
 font-family:inherit;cursor:pointer;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.09);color:#94a3b8}
/* 🔴 10 Ağu saha: amaç seçilince veri değişiyor ama düğme SEÇİLİ GÖRÜNMÜYORDU.
   Sebep bir yarış değil, ÖNCELİKTİ: üstteki kural (iki sınıf + eleman adı)
   düz `.aktif` kuralından ağır bastığı için rengi geri eziyordu. Seçili hâli
   aynı ağırlıkta yazınca kapandı.
   ⚠️ Kural: bir düğmenin "seçili" tarifi, sıradan hâlinden HAFİF olamaz. */
.srm-ran-panel .amac button.aktif{background:rgba(255,206,92,.18);border-color:rgba(255,206,92,.55);
 color:var(--srm-sari);font-weight:700;box-shadow:0 0 0 1px rgba(255,206,92,.3)}

/* Tarih + kısayollar TEK SATIR: "ne zaman?" tek soru, tek satırda cevaplanır.
   Takvim gerekirse hemen altında açılır. */
.srm-tarih-satir{display:flex;gap:5px;align-items:stretch;margin-bottom:9px}
.tkv-ac{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:center;gap:6px;
 padding:9px 8px;border-radius:11px;cursor:pointer;font-family:inherit;
 background:rgba(255,206,92,.09);border:1px solid rgba(255,206,92,.32);color:var(--srm-sari)}
.tkv-ac b{font-size:.76em;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tkv-ac svg{flex:0 0 auto}
.tkv-ac.acik{background:rgba(255,206,92,.18);border-color:var(--srm-sari)}
.tkv-kisa{flex:0 0 auto;padding:9px 7px;border-radius:11px;font-size:.64em;cursor:pointer;font-family:inherit;
 white-space:nowrap;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.09);color:#94a3b8}
.tkv-kisa.aktif{background:rgba(255,206,92,.14);border-color:rgba(255,206,92,.4);color:var(--srm-sari);font-weight:600}

/* KENDİ TAKVİMİMİZ — telefonun yıl listesi yok; geçmiş sönük ve DOKUNULAMAZ.
   Geçmişe randevu verilemez; verilemeyen günü göstermek "olabilir" demektir. */
.tkv{border-radius:14px;padding:10px 9px 9px;margin-bottom:10px;
 background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.1)}
.tkv-ust{display:flex;align-items:center;gap:8px;margin-bottom:9px}
.tkv-ust b{flex:1;text-align:center;font-size:.82em;font-weight:700}
.tkv-ok{width:30px;height:30px;border-radius:9px;flex:0 0 auto;cursor:pointer;font-family:inherit;font-size:1em;
 background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#94a3b8}
.tkv-ok:disabled{opacity:.25;cursor:default}
.tkv-hafta,.tkv-izgara{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.tkv-hafta span{text-align:center;font-size:.58em;color:#5f6b80;letter-spacing:.3px;padding-bottom:4px}
.tkv-gun{aspect-ratio:1;border-radius:9px;cursor:pointer;font-family:inherit;font-size:.74em;padding:0;
 background:rgba(255,255,255,.03);border:1px solid transparent;color:#e2e8f0;font-variant-numeric:tabular-nums}
.tkv-gun.kapali{opacity:.2;cursor:default;background:none}
.tkv-gun.bugun{border-color:rgba(255,255,255,.3)}
.tkv-gun.secili{background:linear-gradient(135deg,#ffd984,#f0b429);color:#221a08;font-weight:800;border-color:transparent}
.tkv-gun:not(.kapali):not(.secili):hover{background:rgba(255,206,92,.14)}
.tkv-bos{aspect-ratio:1}
.srm-ran-panel .ozet{font-size:.76em;color:#94a3b8;line-height:1.5;border-left:2px solid rgba(255,206,92,.45);
 padding-left:10px;margin-bottom:12px}
.srm-ran-panel .ozet b{color:var(--srm-sari)}
.srm-dug{display:flex;gap:8px;margin-top:12px}
.bt{flex:1;border:none;border-radius:13px;padding:12px 0;font-weight:700;font-size:.88em;font-family:inherit;cursor:pointer}
.bt.ana{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#08111f}
.bt.don{background:rgba(255,255,255,.07);color:#e2e8f0;border:1px solid rgba(255,255,255,.12)}

/* NOTLARIM tam ekranı */
.srm-tam{position:fixed;inset:0;z-index:10055;background:#0a0e1a;display:flex;flex-direction:column;
 opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease;color:#e2e8f0}
.srm-tam.acik{opacity:1;visibility:visible;pointer-events:auto}
@media (prefers-reduced-motion:reduce){.srm-tam{transition:none}}
.srm-ust{display:flex;align-items:center;gap:10px;padding:16px 15px 11px;flex:0 0 auto;
 border-bottom:1px solid rgba(255,255,255,.07);background:rgba(12,18,32,.96);z-index:3}
.srm-ust h3{margin:0;font-size:1em;font-weight:700}
.srm-ust .alt{font-size:.65em;color:#5f6b80;letter-spacing:.5px;text-transform:uppercase;margin-top:2px}
.srm-ust .yer{flex:1;min-width:0}
.yuv-k{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
 display:flex;align-items:center;justify-content:center;color:#94a3b8;flex:0 0 auto;cursor:pointer;font-size:.95em}
.srm-akis{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 15px 30px}
@media (min-width:768px){.srm-akis,.srm-ust{max-width:600px;margin:0 auto;width:100%}}

/* TEKRAR DÜĞMESİ ÜST BARDA (10 Ağu, seçenek A): eskiden bölüm başlığının
   içindeydi ve başlık, düğmeyi görünür tutmak için YAPIŞKANDI. Gündem ayrı
   ekrana taşınınca Notlarım tek bölüme indi; düğme üst bara çıktı ve zaten
   hep görünür — yapışkan başlığa gerek kalmadı, ekran sadeleşti. */
/* ALTIN = İLERLET (7 Eyl 2026, kullanıcı kararı). Eski hâl mavi-camgöbeği
   degradeydi; "ileri götüren düğme" her ekranda başka renkteydi. Ölçü
   `dugme.css`ten gelir — burada yalnız boy ve yerleşim. */
.srm-ust .cip{flex:0 0 auto;font-size:.58em;font-weight:700;padding:8px 10px;border-radius:16px;
 background:var(--ss-eylem-dolgu,rgba(212,175,106,.16));
 border:1px solid var(--ss-eylem-cizgi,rgba(212,175,106,.48));
 color:var(--ss-eylem-yazi,#E8D5A8);
 font-family:inherit;cursor:pointer;white-space:nowrap;letter-spacing:.2px}
.srm-ust .cip:hover{background:var(--ss-eylem-dolgu-koyu,rgba(212,175,106,.26))}

/* GÜNDEMİM — randevular GÜNE göre öbeklenir; tek soruları "ne zaman?" */
.srm-gun-basi{display:flex;align-items:center;gap:8px;margin:16px 0 7px;
 font-size:.67em;letter-spacing:.6px;text-transform:uppercase;color:var(--srm-sari);font-weight:700}
.srm-gun-basi:first-child{margin-top:8px}
.srm-gun-basi u{text-decoration:none;margin-left:auto;color:#5f6b80;font-weight:400;
 letter-spacing:0;text-transform:none}
.srm-gun-basi.gec{color:var(--srm-kirmizi)}
/* profildeki sarı kapı — bugün iş varsa kendini belli eder */
.hs-kapi.srm-gundem-kapi.bugun-var,
.hs-dug.srm-gundem-kapi.bugun-var{background:rgba(255,206,92,.09);
 border-color:rgba(255,206,92,.35);color:var(--srm-sari)}
.srm-sat{display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:12px;margin-bottom:6px;
 background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);cursor:pointer;position:relative}
.srm-sat .bilgi{flex:1;min-width:0}
.srm-sat .kad{font-size:.83em;font-weight:600}
.srm-sat .kalt{font-size:.69em;color:#5f6b80;margin-top:3px}
.srm-sat .say{font-size:.69em;color:var(--srm-acik);font-weight:600;flex:0 0 auto}
.srm-sat .ok{color:#5f6b80;flex:0 0 auto}
.srm-sat.hat{background:rgba(255,206,92,.07);border-color:rgba(255,206,92,.26)}
.srm-sat.hat .say{color:var(--srm-sari)}
.srm-sat .zil{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;
 background:rgba(255,206,92,.1);border:1px solid rgba(255,206,92,.3);color:var(--srm-sari);font-size:.75em;flex:0 0 auto}
.srm-not{border-radius:13px;padding:11px 12px;margin-bottom:7px;position:relative;
 background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.srm-not .mt{font-size:.83em;line-height:1.5}
.srm-not .alt{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:.69em;color:#5f6b80}
/* Üç nokta düğmesi: içindeki noktalar ÇİZİM, metin değil — '⋯' yuvarlağın
   içinde ezilip "elips içinde elips" gibi görünüyordu (10 Ağu saha). */
.nokta-yer{margin-left:auto;position:relative;flex:0 0 auto;display:flex}
.nokta{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;
 color:#7c8aa3;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.03);cursor:pointer;padding:0}
.nokta:hover{color:#cbd5e1;background:rgba(255,255,255,.07)}
.srm-bos{font-size:.82em;color:#5f6b80;line-height:1.6;padding:14px 2px}

/* Menü DÜĞMENİN ALTINA hizalanır; ekranın dibindeyse yukarı açılır. */
.srm-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:20;width:190px;border-radius:14px;padding:5px;
 background:rgba(20,29,48,.99);border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 34px rgba(0,0,0,.55)}
.srm-menu.yukari{top:auto;bottom:calc(100% + 6px)}
.srm-menu button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:11px;
 border-radius:10px;font-size:.8em;cursor:pointer;background:none;border:none;color:#e2e8f0;font-family:inherit}
.srm-menu button:hover{background:rgba(255,255,255,.06)}
.srm-menu button span{width:16px;text-align:center;flex:0 0 auto}
.srm-menu .sil{color:var(--srm-kirmizi)}

/* slayt */
#srm-slayt{position:fixed;inset:0;z-index:10070;background:#0a0e1a;display:flex;flex-direction:column;
 padding:16px 15px 14px;color:#e8edf6}
.s-ust{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.s-ust .orta{flex:1;text-align:center;min-width:0}
.s-ust .orta b{display:block;font-size:.86em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.s-ust .orta span{font-size:.62em;color:#5f6b80;letter-spacing:.5px}
.s-ust .sag{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.s-kar{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
 color:#94a3b8;cursor:pointer;font-size:.8em}
.s-kar.acik{background:rgba(74,127,181,.22);border-color:var(--srm-mavi);color:var(--srm-acik)}
.kyron{width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#fff6dd,#f0cf87 42%,#c69a45);
 box-shadow:0 0 10px rgba(240,207,135,.45)}
.s-ust time{font-family:ui-monospace,monospace;font-size:.86em;color:#94a3b8;font-variant-numeric:tabular-nums}
.s-nokta{display:flex;gap:4px;margin:13px 0 0;flex:0 0 auto}
.s-nokta i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.09)}
.s-nokta i.gecti{background:rgba(120,170,220,.55)}
.s-nokta i.simdi{background:var(--srm-acik)}
.s-sahne{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0}
.s-kart{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);border-radius:20px;
 padding:20px 18px;display:flex;flex-direction:column;gap:12px;max-height:100%;overflow-y:auto}
.s-kart .et{font-size:.66em;letter-spacing:.8px;color:var(--srm-acik)}
.s-kart .mt{margin:0;font-size:clamp(1.02rem,4.2vw,1.2rem);line-height:1.6}
.s-alt{flex:0 0 auto;display:flex;flex-direction:column;gap:12px;margin-top:16px}
.s-hiz{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:11px 13px 9px}
.s-hiz .st{display:flex;align-items:baseline;font-size:.66em;color:#5f6b80;letter-spacing:.6px;text-transform:uppercase}
.s-hiz .st b{margin-left:auto;font-size:1.15em;color:var(--srm-acik);text-transform:none;letter-spacing:0}
.s-hiz input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:22px;background:transparent;margin:0;cursor:pointer}
.s-hiz input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:3px;
 background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(74,127,181,.55) 55%,#00f2fe)}
.s-hiz input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;
 margin-top:-7px;border:none;background:radial-gradient(circle at 50% 40%,#fff6dd,#f0cf87 42%,#c69a45);
 box-shadow:0 0 10px rgba(240,207,135,.5)}
.s-hiz input[type=range]::-moz-range-track{height:4px;border-radius:3px;background:rgba(74,127,181,.5)}
.s-hiz input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;border:none;
 background:radial-gradient(circle at 50% 40%,#fff6dd,#f0cf87 42%,#c69a45)}
.s-hiz .uc{display:flex;justify-content:space-between;font-size:.62em;color:#5f6b80}
.s-dug{display:flex;gap:9px}
.s-dug button{flex:1;border-radius:14px;padding:14px 0;font-size:.9em;font-weight:700;font-family:inherit;
 cursor:pointer;border:1px solid transparent}
.s-dug .tekrar-bak{background:rgba(255,206,92,.1);border-color:rgba(255,206,92,.32);color:var(--srm-sari)}
.s-dug .anladim{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#08111f}
.s-ozet{position:absolute;inset:0;background:rgba(10,14,26,.97);padding:22px 18px 16px;
 display:flex;flex-direction:column;gap:13px}
.s-ozet h2{margin:0;font-size:1.05em}
.s-ozet .olcu{display:flex;gap:9px}
.s-ozet .olcu div{flex:1;text-align:center;padding:13px 4px;border-radius:14px;
 background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1)}
.s-ozet .olcu b{display:block;font-size:1.3em;font-variant-numeric:tabular-nums}
.s-ozet .olcu span{font-size:.62em;color:#5f6b80}
.s-kayit{padding:11px 12px;border-radius:13px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09)}
.s-kayit .ust{font-size:.63em;color:#5f6b80;letter-spacing:.4px}
.s-kayit .deg{font-size:.85em;font-weight:600;margin-top:3px}
.s-ozet .s-dug{margin-top:auto}
/* ═══ DURAK 8 (22 Ağu 2026) — zaman yolu · raf · çipler · gündem oluştur ═══ */

/* sarı şeritte çizilmiş çan + "seçildi" hâli (randevu artık kayıtla kapanır) */
.srm-gundem .bas svg{vertical-align:-2px;margin-right:2px}
.srm-gundem .bas.secildi{color:#8fd6a8;font-weight:500;line-height:1.5}

/* üst bardaki "+ GÜNDEM" — sarı aile: gündem işi, çalışma değil */
.srm-ust .cip.sari{background:rgba(255,206,92,.14);color:var(--srm-sari);
 border:1px solid rgba(255,206,92,.4)}

/* katman geçişi: derine inerken sağdan, dönerken soldan süzülür.
   Kısa ve tek yönlü — çalışan hiçbir şeyi bölmez (hareket kuralı). */
@keyframes srm-kay-ileri{from{opacity:.25;transform:translateX(26px)}to{opacity:1;transform:none}}
@keyframes srm-kay-geri{from{opacity:.25;transform:translateX(-26px)}to{opacity:1;transform:none}}
.srm-akis.kay-ileri{animation:srm-kay-ileri .22s ease}
.srm-akis.kay-geri{animation:srm-kay-geri .22s ease}
@media (prefers-reduced-motion:reduce){.srm-akis.kay-ileri,.srm-akis.kay-geri{animation:none}}

/* ders çipleri: katman değiştirmeden ders değiştirme */
.srm-cipler{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;
 padding:10px 1px 4px;margin-bottom:6px;scrollbar-width:none}
.srm-cipler::-webkit-scrollbar{display:none}
.dcip{flex:0 0 auto;padding:6px 11px;border-radius:999px;font-size:.7em;font-family:inherit;cursor:pointer;
 background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:#94a3b8;white-space:nowrap}
.dcip.aktif{background:rgba(74,127,181,.2);border-color:var(--srm-mavi);color:var(--srm-acik);font-weight:600}

/* satırlardaki mini çan (randevusu olan ders/konu) */
.zilmini svg{vertical-align:-2px}

/* ── GÜNDEMİM = ZAMAN YOLU ── */
.srm-yol{position:relative;padding:10px 0 4px 24px}
.srm-yol::before{content:'';position:absolute;left:9px;top:14px;bottom:10px;width:2px;
 background:linear-gradient(180deg,rgba(255,138,128,.5),rgba(255,206,92,.55) 22%,rgba(74,127,181,.35) 60%,rgba(74,127,181,.12))}
.srm-yol-obek{position:relative;margin-bottom:8px}
.srm-yol-obek .dugum{position:absolute;left:-24px;top:2px;width:20px;height:20px;border-radius:50%;
 display:flex;align-items:center;justify-content:center;background:#0a0e1a;border:2px solid rgba(74,127,181,.5);z-index:1}
.srm-yol-obek .dugum i{width:7px;height:7px;border-radius:50%;background:var(--srm-mavi)}
.srm-yol-obek.gec .dugum{border-color:rgba(255,138,128,.65)}
.srm-yol-obek.gec .dugum i{background:var(--srm-kirmizi)}
.srm-yol-obek.bugun .dugum{border-color:var(--srm-sari);box-shadow:0 0 10px rgba(255,206,92,.35)}
.srm-yol-obek.bugun .dugum i{background:var(--srm-sari)}
.obek-bas{display:flex;align-items:baseline;gap:8px;margin:0 0 7px 6px;
 font-size:.67em;letter-spacing:.6px;text-transform:uppercase;color:#94a3b8;font-weight:700}
.srm-yol-obek.gec .obek-bas{color:var(--srm-kirmizi)}
.srm-yol-obek.bugun .obek-bas{color:var(--srm-sari)}
.obek-bas u{text-decoration:none;margin-left:auto;color:#5f6b80;font-weight:400;
 letter-spacing:0;text-transform:none}
.srm-yol .srm-sat{margin-left:6px}
/* vakti gelmiş kart: düğmeleri içinde taşır */
.srm-sat.hat.genis{display:block;cursor:default}
.srm-sat.hat.genis .ustsat{display:flex;align-items:center;gap:9px}
.srm-sat.hat.genis .kad em{font-style:normal;color:var(--srm-sari);font-weight:700}
.srm-yol-obek.gec .srm-sat.hat{background:rgba(255,138,128,.05);border-color:rgba(255,138,128,.24)}
.srm-yol-obek.gec .srm-sat.hat .say{color:var(--srm-kirmizi)}
.srm-sat.hat .islem{display:flex;gap:6px;margin-top:9px}
.srm-sat.hat .islem button{flex:1;padding:8px 0;border-radius:9px;font-size:.68em;font-family:inherit;cursor:pointer;
 background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:#94a3b8}
.srm-sat.hat .islem button.ana{background:rgba(255,206,92,.16);border-color:rgba(255,206,92,.45);
 color:var(--srm-sari);font-weight:700}

/* boş gündem: anlatır VE kapı açar (Durak 8 kararı: gündem nottan ayrı kurulur) */
.srm-gnd-bos{display:flex;flex-direction:column;align-items:center;text-align:center;padding:44px 12px 0}
.srm-gnd-bos svg{opacity:.5;margin-bottom:14px}
.srm-gnd-bos h4{margin:0 0 8px;font-size:.95em;font-weight:700;color:var(--srm-acik)}
.srm-gnd-bos p{margin:0 0 18px;font-size:.78em;line-height:1.65;color:#94a3b8;max-width:26ch}
.srm-gnd-bos button{width:100%;padding:12px 0;border-radius:12px;font-family:inherit;font-size:.8em;cursor:pointer}
.srm-gnd-bos .ana{background:rgba(255,206,92,.14);border:1px solid rgba(255,206,92,.4);
 color:var(--srm-sari);font-weight:700;margin-bottom:8px}
.srm-gnd-bos .ikincil{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);color:#94a3b8}
.srm-gnd-bos .anlatim{margin-top:14px;font-size:.74em;line-height:1.7;color:#94a3b8;text-align:left;
 padding:12px 13px;border-radius:12px;background:rgba(74,127,181,.07);border:1px solid rgba(74,127,181,.22)}

/* ── KAPANANLAR RAFI — kapatılan not silinmez, burada durur ── */
.srm-raf-bas{display:flex;align-items:center;gap:8px;width:100%;margin:18px 0 9px;padding:0 1px;
 background:none;border:none;font-family:inherit;cursor:pointer;color:#5f6b80}
.srm-raf-bas b{font-size:.68em;letter-spacing:.5px;text-transform:uppercase;font-weight:700}
.srm-raf-bas span{font-size:.66em}
.srm-raf-bas i{flex:1;height:1px;background:rgba(255,255,255,.07)}
.srm-not.kapali{opacity:.68;border-style:dashed}
.srm-not.kapali .mt{color:#94a3b8}
.geri-ac{padding:5px 11px;border-radius:8px;font-size:.94em;font-family:inherit;cursor:pointer;
 background:rgba(74,127,181,.12);border:1px solid rgba(74,127,181,.32);color:var(--srm-acik)}
.raf-sil{margin-left:auto;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;
 background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.09);cursor:pointer;padding:0}
.srm-bos.ince{padding:4px 2px 0;font-size:.74em}

/* menüde sonucun tek kelimelik özeti (rafta durur / geri dönmez) */
.srm-menu button small{margin-left:auto;font-size:.78em;color:#5f6b80;font-weight:400}
.srm-menu button span svg{vertical-align:-2px}

/* çubuktaki bekleyen randevu çipi */
.srm-bekleyen{display:flex;align-items:center;gap:7px;margin:0 2px 8px;padding:7px 10px;
 border-radius:10px;background:rgba(255,206,92,.08);border:1px solid rgba(255,206,92,.28);
 font-size:.74em;color:var(--srm-sari)}
.srm-bekleyen span{flex:1;min-width:0;font-weight:600}
.srm-bekleyen button{flex:0 0 auto;background:none;border:none;color:#94a3b8;cursor:pointer;
 font-family:inherit;font-size:.95em;padding:2px 4px}
.srm-satir .hat.dolu, .yuv.hat.dolu{background:rgba(255,206,92,.2);border-color:var(--srm-sari)}

/* ── GÜNDEM OLUŞTUR: ders → konu seçici ── */
.gk-panel h4{margin:0 0 3px}
.gk-panel .ac{margin-bottom:10px}
.gk-ara{width:100%;margin:0 0 9px;padding:10px 12px;border-radius:11px;font-family:inherit;font-size:.85em;
 background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:#e8edf6}
.gk-ara:focus{outline:none;border-color:var(--srm-mavi)}
.gk-liste{max-height:46vh;overflow-y:auto;-webkit-overflow-scrolling:touch;margin-bottom:10px}
.gk-sat{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:12px;margin-bottom:6px;
 border-radius:12px;font-size:.84em;font-weight:600;font-family:inherit;cursor:pointer;color:#e2e8f0;
 background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09)}
.gk-sat .ok{margin-left:auto;color:#5f6b80}
.gk-bos{font-size:.8em;color:#5f6b80;padding:14px 4px;line-height:1.6}

button:focus-visible{outline:2px solid var(--srm-acik);outline-offset:2px}