/* memuryolu web · 1.1.0 · Takvim (22 Ekim 2026; memuryolu-takvim-handoff/tasarim/web-takvim.css'e birebir; liste yeniden düzeni B1 23 Eki 2026).
   Renk yalnız app.css :root token'larından (hex yok; tests/test_tasarim_tokenlari.py). Kırılma 900 px (liste yan sütunu 800 px). */
.gorunmez{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.w-takvim{display:flex;flex-direction:column;gap:20px;min-width:0}
/* olay türleri (mobille aynı): başvuru mavi · geç tereyağı · sınav nane · sonuç lila · tercih kahve · belge nötr */
.ol-basvuru{--ol-z:var(--tur-sozlesmeli-zemin);--ol-y:var(--tur-sozlesmeli-metin)}
.ol-gec{--ol-z:var(--uyari-zemin);--ol-y:var(--uyari-metin)}
.ol-sinav{--ol-z:var(--uygun-zemin);--ol-y:var(--uygun-metin)}
.ol-sonuc{--ol-z:var(--tur-akademik-zemin);--ol-y:var(--tur-akademik-metin)}
.ol-tercih{--ol-z:var(--renk-kahve);--ol-y:var(--renk-kahve-yazi)}
.ol-belge{--ol-z:var(--notr-zemin);--ol-y:var(--ikincil)}
.olay{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:999px;background:var(--ol-z);color:var(--ol-y);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.olay::before{content:"";width:6px;height:6px;border-radius:999px;background:currentColor}
.rozet{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.r-yakin,.r-degisti{background:var(--uyari-zemin);color:var(--uyari-metin)}
.r-bugun{background:var(--acil-zemin);color:var(--acil)}
.r-notr{background:var(--notr-zemin);color:var(--ikincil)}
/* ---- /takvim liste (B1, 23 Eki 2026): tek sütun başlık, kontrol satırı, kartlar + adım kutuları, tamamlananlar, yan sütun ---- */
main.ekran-kap:has(> #takvim-sayfa){max-width:calc(1240px + 2 * var(--t-yan,28px))}
.w-bant-ic{max-width:calc(1240px + 2 * var(--t-yan,28px))}/* üst bant iç kabı liste kabıyla aynı hizada (A3) */
.w-bas .w-devlet{margin:0}.w-bas .w-pill{margin-top:0}
.w-h1{margin:0 0 10px;font-size:clamp(34px,4.4vw,52px);font-weight:800;letter-spacing:-.035em;line-height:1.08;color:var(--metin)}
.w-h1-detay{margin:10px 0 0;font-size:34px;letter-spacing:-.03em}
.w-devlet{margin:12px 0 0;font-size:13.5px;line-height:1.5;color:var(--ikincil);max-width:640px}
/* katlanır pill (details/summary; JS'siz çalışır): bilgi düğmesi 34 px, tamamlananlar 42 px */
.w-katla{display:block;max-width:640px;width:100%}
.w-katla summary::-webkit-details-marker{display:none}.w-pill{list-style:none;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px 0 12px;margin-top:10px;border-radius:999px;background:var(--yuzey);border:1px solid var(--kenar);font-size:13px;font-weight:700;color:var(--metin);cursor:pointer;user-select:none;white-space:nowrap}
.w-pill:hover{border-color:var(--kart-kenar-hover)}.w-pill.buyuk{height:42px;padding:0 16px 0 14px;margin-top:0;font-size:14px}
.w-i{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:999px;border:1.5px solid currentColor;font-style:normal;font-size:10px;font-weight:800;line-height:1;color:var(--aksan)}
.w-ok{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .15s;color:var(--ucuncul)}
details[open]>summary .w-ok{transform:translateY(2px) rotate(225deg)}
.w-bilgi-kutu{margin-top:10px;max-width:640px;background:var(--yuzey);border:1px solid var(--kenar);border-radius:14px;padding:13px 16px;font-size:13.5px;line-height:1.55;color:var(--ikincil)}
.w-kutu{display:flex;gap:10px;align-items:flex-start;border-radius:var(--r-kutu);padding:12px 14px;font-size:14px;line-height:1.5;background:var(--notr-zemin);color:var(--ikincil)}
.w-kutu b{color:var(--metin)}.w-kutu.sari{background:var(--uyari-zemin);color:var(--uyari-metin)}
.w-kutu.sari a{color:inherit;font-weight:800}.w-kutu.nane{background:var(--aksan-zemin);color:var(--aksan-koyu)}
/* kontrol satırı */
.w-arac{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.w-segment{display:inline-grid;grid-auto-flow:column;gap:3px;padding:3px;background:var(--segment);border-radius:var(--r-buton)}
.w-segment a,.w-segment button{height:38px;border:0;border-radius:var(--r-kucuk);background:none;font:inherit;font-size:14px;font-weight:600;color:var(--ikincil);padding:0 14px;display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;white-space:nowrap;cursor:pointer}
.w-segment .on{background:var(--beyaz);color:var(--metin);font-weight:700;box-shadow:var(--golge)}
.w-arac-sag{margin-left:auto;display:flex;align-items:center;gap:14px}/* sonuç sayısı + Sırala (7, 23 Eki 2026 gece) */
.w-sira{display:flex}
#takvim-govde{display:flex;flex-direction:column;gap:20px}/* kontrol satırı ↔ liste */
.w-sonuc{margin:0;font-size:14px;line-height:1.4;color:var(--ikincil);white-space:nowrap}.w-sonuc b{color:var(--metin);font-weight:800}/* İlanlar `.sonuc-sayisi` ile aynı */
/* aile seçici (details + listbox; JS: dış tıklama, Esc, ok tuşları) */
.w-secici{position:relative}
.w-secici summary::-webkit-details-marker{display:none}.w-secici-dugme{list-style:none;display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 14px;border-radius:13px;border:1px solid var(--kenar-inp);background:var(--beyaz);cursor:pointer;user-select:none;font-size:14px;white-space:nowrap}
.w-secici-dugme:hover{border-color:var(--kart-kenar-hover)}.w-secici-etiket{color:var(--ucuncul);font-weight:600}.w-secici-deger{font-weight:800;color:var(--metin)}
.w-secici-sayi{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:999px;background:var(--notr-zemin);color:var(--ikincil);font-size:11.5px;font-weight:800}
.w-secici.dolu .w-secici-dugme{border-color:var(--aksan);background:var(--nane-acik)}
.w-secici[open] .w-secici-dugme{border-color:var(--aksan);box-shadow:var(--halka)}
.w-secici-liste{position:absolute;left:0;top:calc(100% + 6px);z-index:30;width:260px;padding:6px;border-radius:16px;background:var(--beyaz);border:1px solid var(--kenar);box-shadow:var(--golge-yuzen);display:flex;flex-direction:column;gap:2px}
.w-secenek{display:flex;align-items:center;gap:10px;height:40px;padding:0 10px;border-radius:10px;font-size:14px;font-weight:600;color:var(--metin);text-decoration:none}
.w-secenek:hover{text-decoration:none;background:var(--sat-hover)}.w-secenek span{flex:1}.w-secenek small{font-size:12px;font-weight:700;color:var(--ucuncul)}
.w-radyo{width:16px;height:16px;border-radius:999px;border:1.5px solid var(--kenar-hover);flex:none;display:grid;place-items:center}
.w-secenek.secili{background:var(--nane-acik);font-weight:800}.w-secenek.secili .w-radyo{border-color:var(--aksan)}
.w-secenek.secili .w-radyo::after{content:"";width:8px;height:8px;border-radius:999px;background:var(--aksan)}
.w-secenek.soluk{color:var(--pasif);cursor:not-allowed}.w-secenek.soluk:hover{background:none}
/* düzen */
.w-duzen{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.w-ana{flex:999 1 480px;min-width:0;display:flex;flex-direction:column;gap:16px}
.w-yan{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:14px}
@media (min-width:800px){.w-yan{position:sticky;top:96px;max-height:calc(100vh - 112px);overflow-y:auto}}
/* kartlar */
.w-kartlar{display:flex;flex-direction:column;gap:12px}
.w-kart{background:var(--beyaz);border:1px solid var(--kenar);border-radius:20px;padding:18px 20px 16px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--golge-kart);transition:border-color .15s}
.w-kart:hover{border-color:var(--kart-kenar-hover)}.w-kart-bas{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}
.w-kart-ad{flex:1 1 240px;min-width:0}
.w-kart-ad h2{margin:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:17.5px;font-weight:800;line-height:1.3;letter-spacing:-.01em}
.w-kart-ad h2 a{color:var(--metin);text-decoration:none}.w-kart-ad h2 a:hover{color:var(--aksan);text-decoration:none}
.w-kart-alt{margin:3px 0 0;font-size:13.5px;color:var(--ikincil-acik);line-height:1.4}
.w-durum{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap;letter-spacing:.01em}
.w-durum.acik{background:var(--uygun-zemin);color:var(--uygun-metin)}.w-durum.notr{background:var(--hayir-zemin);color:var(--hayir-metin)}
.w-takip{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 12px;border-radius:var(--r-kucuk);border:1px solid var(--kenar-inp);background:var(--beyaz);font:inherit;font-weight:700;font-size:13px;color:var(--metin);white-space:nowrap;text-decoration:none;cursor:pointer}
.w-takip:hover{text-decoration:none;border-color:var(--kart-kenar-hover)}.w-takip .ik{width:16px;height:16px}.w-takip .kilit{color:var(--ucuncul);display:inline-flex}
.w-takip.takipte{background:var(--uygun-zemin);border-color:transparent;color:var(--uygun-metin)}.w-takip.duruyor{background:var(--notr-zemin);border-color:transparent;color:var(--ikincil)}
.w-takip.genis{width:100%;height:52px;justify-content:center;font-size:16px;background:var(--aksan);color:var(--beyaz);border:0;box-shadow:var(--golge-btn)}
.w-takip.genis.takipte{background:var(--uygun-zemin);color:var(--uygun-metin);box-shadow:none}.w-takip.genis.duruyor{background:var(--notr-zemin);color:var(--ikincil);box-shadow:none}
.w-tamam{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;background:var(--hayir-zemin);color:var(--hayir-metin);font-size:12px;font-weight:800;white-space:nowrap}
/* adım kutuları: geçmiş · açık · sıradaki · ileride */
.w-adimlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:6px}
/* dar kartta kutular 3+1 değil 2×2 (kapsayıcı sorgusu: 4 kutu < 578 px, 3 kutu < 432 px) */
.w-kart{container-type:inline-size}
@container (max-width:577px){.w-adimlar[data-n="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (max-width:431px){.w-adimlar[data-n="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}}
.w-adim{display:flex;flex-direction:column;gap:3px;padding:10px 12px 12px;border-radius:14px;border:1px solid transparent;min-width:0}
.w-adim-cizgi{display:block;height:4px;border-radius:99px;background:var(--kenar);margin-bottom:6px}
.w-adim.gecmis .w-adim-cizgi{background:var(--tk-gecmis-cizgi)}.w-adim.acik .w-adim-cizgi{background:var(--aksan)}.w-adim.siradaki .w-adim-cizgi{background:var(--amber)}
.w-adim.acik{background:var(--nane-acik);border-color:var(--tk-nane-kenar)}.w-adim.siradaki{background:var(--kart-alt-zemin);border-color:var(--tk-siradaki-kenar)}
.w-adim-ad{font-size:11.5px;font-weight:800;letter-spacing:.08em;color:var(--ucuncul)}.w-adim.acik .w-adim-ad{color:var(--aksan-koyu)}
.w-adim-tarih{font-size:15px;font-weight:800;color:var(--metin);font-variant-numeric:tabular-nums;line-height:1.3}
.w-adim.gecmis .w-adim-tarih{color:var(--tk-cizili);text-decoration:line-through;font-weight:700}.w-adim-tarih.yok{color:var(--tk-bos-tarih)}
.w-adim-alt{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap;min-height:22px}
.w-adim-meta{font-size:12.5px;color:var(--ucuncul);font-variant-numeric:tabular-nums}
.w-kalan{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap;margin-left:auto}
.w-kalan.bitti{padding:0;background:none;color:var(--ucuncul);font-weight:700}.w-kalan.acil{background:var(--acil-zemin);color:var(--acil)}
.w-kalan.uyari{background:var(--uyari-zemin);color:var(--uyari-metin)}.w-kalan.nane{background:var(--uygun-zemin);color:var(--uygun-metin)}.w-kalan.gri{background:var(--hayir-zemin);color:var(--hayir-metin)}
/* boş durum, tamamlananlar */
.w-bos{border:1px dashed var(--kenar-kesik);border-radius:20px;padding:28px 20px;text-align:center;font-size:15px;color:var(--govde);background:var(--yuzey)}
.w-bos p{margin:0}.w-bos .ikincil{margin-top:6px;font-size:13.5px;color:var(--ucuncul)}.w-bos a{display:inline-block;margin-top:10px;font-weight:700;color:var(--aksan)}
.w-sayi-pill{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:999px;background:var(--notr-zemin);color:var(--ikincil);font-size:11.5px;font-weight:800}
.w-tamam-liste{margin-top:10px;background:var(--beyaz);border:1px solid var(--kenar);border-radius:20px;overflow:hidden}
.w-tamam-satir{display:flex;align-items:center;gap:12px;padding:12px 18px;border-top:1px solid var(--satir-cizgi)}
.w-tamam-satir:first-child{border-top:0}.w-tamam-satir .m{flex:1;min-width:0;font-size:15px;font-weight:700;line-height:1.35}
.w-tamam-satir .m a{color:var(--metin);text-decoration:none}.w-tamam-satir .m a:hover{color:var(--aksan);text-decoration:none}
.w-tamam-satir .m small{display:block;font-size:12.5px;font-weight:500;color:var(--ucuncul)}
.w-tamam-satir .t{font-size:13px;color:var(--ucuncul);white-space:nowrap;font-variant-numeric:tabular-nums}
/* yan sütun */
.w-yan-kart{background:var(--beyaz);border:1px solid var(--kenar);border-radius:20px;padding:16px}
.w-yan-kart h2{margin:0 0 8px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:15px;font-weight:800}
.w-tumu{font-size:13px;font-weight:700;color:var(--aksan);text-decoration:none;white-space:nowrap}.w-tumu:hover{text-decoration:underline}
.w-yakl{display:flex;gap:12px;align-items:center;padding:9px 0;border-top:1px solid var(--satir-cizgi);text-decoration:none;color:var(--metin)}
.w-yakl:first-of-type{border-top:0}.w-yakl:hover{text-decoration:none}
.w-yaprak{width:46px;flex:none;border:1px solid var(--kenar);border-radius:12px;text-align:center;overflow:hidden;line-height:1.1;background:var(--beyaz)}
.w-yaprak i{display:block;background:var(--aksan);color:var(--beyaz);font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.08em;padding:3px 0}
.w-yaprak b{display:block;font-size:18px;font-weight:800;padding:4px 0 5px;color:var(--metin)}
.w-yaprak.bugun i,.w-yaprak.yakin i{background:var(--uyari-zemin);color:var(--uyari-metin)}
.w-yakl-m{flex:1;min-width:0}.w-yakl-m b{display:block;font-size:14px;font-weight:700;line-height:1.3}
.w-yakl-m span{font-size:12.5px;color:var(--ucuncul)}
.w-yakl-kalan.bugun,.w-yakl-kalan.yakin{color:var(--acil);font-weight:800}
.w-kapi{background:var(--koyu);color:var(--beyaz);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:10px}
.w-kapi h2{margin:0;font-size:17px;font-weight:800;letter-spacing:-.01em;color:var(--beyaz)}.w-kapi p{margin:0;color:var(--koyu-silik);font-size:14px;line-height:1.5}.w-kapi small{color:var(--koyu-silik);font-size:12.5px}
.w-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 16px;border-radius:var(--r-buton);border:0;background:var(--aksan);color:var(--beyaz);text-decoration:none;font:inherit;font-weight:700;white-space:nowrap;box-shadow:var(--golge-btn);cursor:pointer}
.w-btn:hover{text-decoration:none;background:var(--aksan-koyu);color:var(--beyaz)}.w-btn.ikincil{background:var(--beyaz);color:var(--metin);border:1px solid var(--kenar-btn2);box-shadow:none}
.w-btn.ikincil:hover{background:var(--beyaz);color:var(--metin);border-color:var(--kenar-hover)}.w-btn.amber{background:var(--amber);color:var(--murekkep);box-shadow:none}
.w-btn.amber:hover{background:var(--altin-acik);color:var(--murekkep)}.w-btn.genis{width:100%;height:52px;font-size:16px}.w-btn .ik{width:18px;height:18px}
.w-not{font-size:12.5px;color:var(--ucuncul);margin:4px 0 0;line-height:1.5}.w-beyan-metin{font-size:12px;font-weight:500}
/* sınav detayı */
.w-kirinti{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13.5px;color:var(--ucuncul)}
.w-kirinti a{color:var(--ikincil);text-decoration:none;font-weight:600}
.w-aile{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;background:var(--uygun-zemin);color:var(--uygun-metin);font-size:11px;font-weight:800;letter-spacing:.08em}
.w-yil{display:inline-flex;align-items:center;height:24px;padding:0 9px;margin-left:6px;border-radius:999px;background:var(--notr-zemin);color:var(--ikincil);font-size:11px;font-weight:800;letter-spacing:.08em}
.w-alt-baslik{margin:6px 0 0;color:var(--ikincil);font-size:15px}
.w-degisti{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--r-kutu);background:var(--uyari-zemin);color:var(--uyari-metin);font-size:14px;font-weight:600}
.w-degisti b{color:var(--metin)}
.w-degisti .zaman{margin-left:auto;font-size:12.5px;white-space:nowrap}
.w-sayim{display:flex;align-items:center;gap:20px;padding:20px 22px;border-radius:var(--r-kart-buyuk);background:var(--koyu);color:var(--beyaz)}
.w-kemer{position:relative;width:84px;height:100px;border-radius:42px 42px 12px 12px;background:var(--amber);color:var(--murekkep);display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;padding-top:8px}
.w-kemer::before{content:"";position:absolute;inset:5px;border-radius:37px 37px 8px 8px;border:1.5px solid var(--koyu-panel)}
.w-kemer b{font-size:44px;font-weight:800;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.w-kemer b.bugun{font-size:15px;letter-spacing:.06em}
.w-kemer span{font-size:11px;font-weight:800;letter-spacing:.1em;margin-top:3px}
.w-kemer.kucuk{width:64px;height:78px;border-radius:32px 32px 10px 10px;padding-top:6px}
.w-kemer.kucuk b{font-size:30px}
.w-kemer.kucuk b.bugun{font-size:11px}
.w-sayim h2{margin:0;font-size:22px;font-weight:800;letter-spacing:-.01em;color:var(--beyaz)}
.w-sayim p{margin:4px 0 0;color:var(--koyu-silik);font-size:14.5px}
.w-sayim p b{color:var(--beyaz)}
.w-bolum{margin:4px 0 0;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--aksan)}
.w-asamalar{background:var(--beyaz);border:1px solid var(--kenar);border-radius:18px;padding:6px 0;overflow:hidden}
.w-asama{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) auto;column-gap:14px;align-items:start;padding:12px 18px}
.w-asama::before{content:"";position:absolute;left:31px;top:0;bottom:0;width:2px;background:var(--kenar)}
.w-asama:first-child::before{top:26px}
.w-asama:last-child::before{bottom:auto;height:26px}
.w-nokta{position:relative;z-index:1;width:28px;height:28px;border-radius:999px;background:var(--ol-z);color:var(--ol-y);display:grid;place-items:center;box-shadow:0 0 0 3px var(--beyaz);font-size:13px;font-weight:800}
.w-ic-dolu{width:8px;height:8px;border-radius:999px;background:currentColor}
.w-ic-bos{width:8px;height:8px;border-radius:999px;border:2px solid currentColor}
.w-asama .ad{font-weight:700;font-size:15px}
.w-asama .tarih{font-size:13.5px;color:var(--ikincil);font-variant-numeric:tabular-nums}
.w-asama .yan{font-size:12.5px;font-weight:700;color:var(--ucuncul);white-space:nowrap;padding-top:3px}
.w-asama.gecti .ad,.w-asama.gecti .tarih,.w-asama.acik .ad,.w-asama.acik .tarih{color:var(--ucuncul)}
.w-asama.gecti .tarih{text-decoration:line-through}
.w-asama.siradaki{background:var(--nane-acik)}
.w-asama.vurgu{background:var(--nane-acik);box-shadow:inset 3px 0 0 var(--aksan)} /* bildirimden gelen aşama (30 Eki 2026) */
.w-takip-karti.vurgu{border-color:var(--aksan);box-shadow:0 0 0 2px var(--aksan-zemin)}
.w-bugun{display:flex;flex-direction:column;gap:8px}
.w-asama.siradaki .w-nokta{box-shadow:0 0 0 3px var(--nane-acik),0 0 0 5px var(--ol-y)}
.w-hap{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;background:var(--aksan);color:var(--beyaz);font-size:12px;font-weight:800}
.w-liste{background:var(--beyaz);border:1px solid var(--kenar);border-radius:var(--r-kart);overflow:hidden}
.w-satir{display:flex;align-items:center;gap:12px;min-height:60px;padding:10px 16px;border-top:1px solid var(--kenar);color:var(--metin);text-decoration:none}
.w-satir:first-child{border-top:0}
.w-satir:hover{text-decoration:none;background:var(--sat-hover)}
.w-satir .m{flex:1;min-width:0;font-weight:700;font-size:14.5px;line-height:1.35}
.w-satir .m small{display:block;font-weight:500;font-size:12.5px;color:var(--ucuncul)}
.w-satir .dis{color:var(--aksan);flex:none;display:inline-flex}
.w-satir .dis .ik{width:18px;height:18px}
.w-satir .t{width:46px;flex:none;text-align:center;font-size:11.5px;font-weight:800;color:var(--ucuncul);line-height:1.2}
.w-satir .t b{display:block;font-size:18px;color:var(--metin)}
.w-takip-kart{background:var(--beyaz);border:1px solid var(--kenar);border-radius:var(--r-buyuk);padding:18px;display:flex;flex-direction:column;gap:10px}
.w-takip-kart h2{margin:0;font-size:17px;font-weight:800}
.w-takip-kart p{margin:0;color:var(--ikincil);font-size:14px}
.w-kopru{display:flex;gap:14px;align-items:center;padding:18px;border-radius:var(--r-buyuk);background:var(--aksan);color:var(--beyaz);text-decoration:none}
.w-kopru:hover{text-decoration:none;color:var(--beyaz)}
/* takvim sayfalarında kart sprite'ı (kart.css) yüklü değil: ikon tabanı burada */
.ik{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.w-kopru .kemer .ik{width:26px;height:26px}
.w-kopru .kemer{width:54px;height:66px;border-radius:27px 27px 9px 9px;background:rgba(255,255,255,.16);color:#fff;display:grid;place-items:center;flex:none}
.w-kopru .m{display:flex;flex-direction:column;gap:4px;min-width:0}
.w-kopru .e{align-self:flex-start;height:22px;padding:0 9px;border-radius:999px;background:var(--amber);color:var(--murekkep);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;display:inline-flex;align-items:center}
.w-kopru b{font-size:17px}
.w-kopru span.alt{font-size:14px;opacity:.9;color:inherit}
.w-kopru .cta{font-weight:800}
/* takip penceresi (dialog) */
.w-dialog{border:0;border-radius:var(--r-buyuk);padding:0;width:min(520px,calc(100% - 32px));box-shadow:var(--golge-buyuk);background:var(--beyaz)}
.w-dialog::backdrop{background:var(--ortu-zemin)}
.w-dialog:not([open]){display:none}
.w-takip-form{display:flex;flex-direction:column;gap:12px;padding:16px 18px 18px}
.w-panel-bas{display:flex;align-items:center;gap:8px}
.w-panel-bas h2{margin:0;flex:1;font-size:17px;font-weight:800}
.w-ikon{width:44px;height:44px;border-radius:var(--r-buton);display:grid;place-items:center;color:var(--metin);border:0;background:none;padding:0;cursor:pointer;font-size:18px}
.w-anahtar-satir{display:flex;align-items:center;gap:12px;min-height:60px;padding:8px 16px;border-top:1px solid var(--kenar);cursor:pointer}
.w-anahtar-satir:first-child{border-top:0}
.w-anahtar-satir .m{flex:1;min-width:0;font-size:15px;font-weight:600;line-height:1.35}
.w-anahtar-satir .m small{display:block;font-size:12.5px;font-weight:500;color:var(--ucuncul)}
.w-anahtar-satir.gecti .m{color:var(--ucuncul)}
.w-anahtar{width:44px;height:26px;accent-color:var(--aksan);flex:none;cursor:pointer}
.w-anahtar:disabled{opacity:.45;cursor:default}
.w-sabit-acik{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:999px;background:var(--uygun-zemin);color:var(--uygun-metin);font-size:12.5px;font-weight:800;white-space:nowrap;flex:none}
.w-panel-alt{display:flex;justify-content:center;gap:8px;padding:6px 0 0;border-top:1px solid var(--kenar)}
.w-dikey{flex-direction:column;align-items:stretch;padding-top:12px}
.w-metin-dugme{border:0;background:none;font:inherit;font-size:13.5px;font-weight:700;color:var(--aksan);height:44px;padding:0 4px;cursor:pointer}
.w-metin-dugme.amber{color:var(--amber)}
#takvim-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:40;width:min(560px,calc(100% - 32px))}
.w-toast{display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 8px 8px 16px;border-radius:var(--r-kutu);background:var(--koyu);color:var(--beyaz);font-size:14px;font-weight:600;box-shadow:var(--golge-yuzen)}
.w-toast span{flex:1}
.w-toast a{color:var(--amber)}
/* Takibim */
.w-takibim{max-width:720px}
.w-uyelik{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-kart);text-decoration:none;font-size:13.5px;font-weight:600;line-height:1.4}
.w-uyelik b{display:block;font-size:15px;font-weight:800;color:var(--metin)}
.w-uyelik span{display:block}
.w-uyelik.aktif{background:var(--aksan-zemin);color:var(--uygun-metin)}
.w-uyelik.deneme{background:var(--uyari-zemin);color:var(--uyari-metin)}
.w-uyelik.bitti{background:var(--notr-zemin);color:var(--ikincil);flex-direction:column;align-items:stretch;padding:14px}
.w-uyelik:hover{text-decoration:none}
.w-takip-kartlar{display:flex;flex-direction:column;gap:12px}
.w-takip-karti{display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:var(--r-kart-yeni);background:var(--beyaz);border:1px solid var(--kenar);color:var(--metin);text-decoration:none}
.w-takip-karti:hover{text-decoration:none;border-color:var(--kenar-hover)}
.w-takip-karti .ust{display:flex;align-items:center;gap:8px}
.w-takip-karti .ad{flex:1;min-width:0;font-size:16px;font-weight:800;line-height:1.3}
.w-takip-karti .sayac{display:flex;align-items:center;gap:14px}
.w-takip-karti .m b{display:block;font-size:17px;font-weight:800;line-height:1.3}
.w-takip-karti .m span{display:block;font-size:13.5px;color:var(--ikincil)}
.w-takip-karti .alt{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid var(--kenar);font-size:13px;font-weight:700;color:var(--uygun-metin)}
.w-takip-karti .alt .ik{width:16px;height:16px}
.w-takip-karti .alt .ok{margin-left:auto}
.w-takip-karti.duruyor{background:var(--bilgi-kutu-zemin)}
.w-takip-karti.duruyor .w-kemer{background:var(--notr-zemin);color:var(--ikincil)}
.w-takip-karti.duruyor .alt{color:var(--ikincil)}
.w-oneri{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:var(--r-kart-yeni);background:var(--tereyagi)}
.w-oneri.beyaz{background:var(--beyaz);border:1px solid var(--kenar)}
.w-oneri .neden{margin:0;font-size:13.5px;font-weight:600;color:var(--ikincil)}
.w-oneri .satir{display:flex;align-items:center;gap:12px}
.w-oneri .ad{flex:1;min-width:0;font-size:16px;font-weight:800;line-height:1.3}
.w-oneri .ad small{display:block;font-size:13px;font-weight:600;color:var(--ikincil)}
/* zil paneli */
.w-panel-yer{position:relative}
.w-panel{position:absolute;right:28px;top:4px;width:400px;max-width:calc(100% - 32px);background:var(--beyaz);border:1px solid var(--kenar);border-radius:var(--r-buyuk);box-shadow:var(--golge-gorsel);overflow:hidden;z-index:35;display:flex;flex-direction:column}
.w-panel .w-panel-bas{padding:14px 16px 10px}
.w-panel .w-segment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 16px 8px}
.w-sayi{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--uyari-zemin);color:var(--uyari-metin);font-size:11.5px;font-weight:800}
.w-gun{margin:0;padding:10px 16px 6px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ucuncul)}
.w-panel-liste{max-height:60vh;overflow-y:auto}
.w-bd{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-top:1px solid var(--kenar);color:var(--metin);text-decoration:none}
.w-bd:hover{text-decoration:none;background:var(--sat-hover)}
.w-bd .i{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:none;background:var(--ol-z);color:var(--ol-y);font-size:16px}
.w-bd .m{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;line-height:1.4}
.w-bd .m b{font-size:14.5px}
.w-bd .m span{font-size:13px;color:var(--ikincil)}
.w-bd .m .kaynak{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ucuncul)}
.w-bd .y{display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-size:12px;color:var(--ucuncul);white-space:nowrap}
.w-bd .o{width:9px;height:9px;border-radius:999px;background:var(--amber)}
.w-bd.okundu .m b{font-weight:600}
.w-panel-bos{display:flex;flex-direction:column;gap:6px;padding:20px 16px;font-size:14px;color:var(--ikincil)}
.w-panel .w-panel-alt{padding:6px 16px 10px}
.w-panel .w-panel-alt a{font-weight:700;padding:12px 0}
.ust-zil[aria-expanded=true]{color:var(--aksan-koyu);background:var(--aksan-zemin)}
/* telefon */
@media (max-width:900px){
  .w-bas{padding-top:4px}
  .w-h1-detay{font-size:26px}
  .w-arac-sag{margin-left:0;width:100%;justify-content:space-between}/* dar ekran: sağ grup alt satırda, sayı solda Sırala sağda */
  .w-kart{padding:16px 16px 14px}
  .w-secici-liste{width:min(260px,calc(100vw - 32px))}
  .w-sayim{gap:14px;padding:16px}
  .w-kemer{width:68px;height:84px}
  .w-kemer b{font-size:36px}
  .w-sayim h2{font-size:19px}
  .w-panel{position:static;width:auto;max-width:none;border:0;border-radius:0;box-shadow:none}
}
@media (prefers-reduced-motion:reduce){.w-dialog,.w-toast{transition:none;animation:none}}
.w-panel-tam .w-panel{position:static;width:auto;max-width:none}
.w-panel-tam .zil-kapat{display:none}