:root{--ana:#2998FF;--ana-koyu:#1270CC;--ana-zemin:rgba(41, 152, 255, 0.1);--metin:#203040;--metin-soluk:rgba(32, 48, 64, 0.72);--zemin:#F6F7F7;--kart:#FFFFFF;--kenar:rgba(32, 48, 64, 0.1);--notr-zemin:rgba(32, 48, 64, 0.08);--tamam:#299D76;--tamam-yazi:#1D7A5C;--tamam-zemin:rgba(41, 157, 118, 0.1);--sorun:#F23F3F;--sorun-yazi:#C42B2B;--sorun-zemin:rgba(242, 63, 63, 0.1);--uyari:#FF9500;--uyari-yazi:#9A5800;--uyari-zemin:rgba(255, 149, 0, 0.12);--kose-kart:18px;--kose-orta:10px;--kose-kucuk:8px;--kose-hap:200px;--kose-talep-rozeti:15px;--yazi-aile:"Noto Sans", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--yazi-boyut:14px;--yazi-kart-baslik:18px;--yuk-ust:60px;--yuk-kontrol:40px;--yuk-hucre:32px;--gen-menu:200px;--gen-ad-sutunu:220px;--gen-hucre:52px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--zemin);color:var(--metin);font:400 var(--yazi-boyut)/1.45 var(--yazi-aile)}
a{color:inherit;text-decoration:none}
button,input{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--ana-koyu);outline-offset:2px}
h1,h2,h3,p{margin:0}

/* Sayfa iskeleti */
.iskelet{display:grid;grid-template-columns:var(--gen-menu) minmax(0,1fr);grid-template-rows:var(--yuk-ust) minmax(0,1fr);min-height:100vh}
.ust-cubuk{grid-column:1 / -1;display:flex;align-items:center;gap:var(--yuk-kontrol);height:var(--yuk-ust);padding:0 20px;background:var(--kart);border-bottom:1px solid var(--kenar)}
.marka{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;width:calc(var(--gen-menu) - 20px)}
.marka-isaret{width:22px;height:22px;border-radius:7px;background:var(--ana);position:relative}
.marka-isaret::after{content:"";position:absolute;left:6px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--kart)}
.ust-ara{flex:1;max-width:420px;height:36px;padding:0 14px;border:1px solid var(--kenar);border-radius:var(--kose-hap);background:var(--zemin)}
.ust-bosluk{flex:1}
.ust-etiket{font-size:12px;font-weight:600;color:var(--uyari-yazi);background:var(--uyari-zemin);padding:4px 10px;border-radius:var(--kose-hap);white-space:nowrap}
.avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--ana-zemin);color:var(--ana-koyu);font-size:11px;font-weight:700}
.kenar-menu{display:flex;flex-direction:column;gap:4px;padding:12px 8px;background:var(--kart);border-right:1px solid var(--kenar)}
.menu-satir{display:flex;align-items:center;gap:10px;height:var(--yuk-kontrol);padding:0 12px;border-radius:var(--kose-orta);font-weight:500;white-space:nowrap}
.menu-satir:hover{background:var(--notr-zemin)}
.menu-satir.secili{background:var(--ana-zemin);color:var(--ana-koyu);font-weight:700}
.menu-nokta{width:8px;height:8px;flex:none;border-radius:2px;background:currentColor;opacity:.55}
.icerik{min-width:0;padding:24px 28px 40px}
.sayfa-baslik{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:16px}
.sayfa-baslik h1{font-size:24px;font-weight:700}
.sayfa-baslik .bosluk{flex:1}
.alt-not{margin-top:24px;font-size:12px;color:var(--metin-soluk)}

/* Kart */
.kart{background:var(--kart);border:1px solid var(--kenar);border-radius:var(--kose-kart);padding:20px}
.kart-baslik{font-size:var(--yazi-kart-baslik);font-weight:700;margin-bottom:12px}
.soluk{color:var(--metin-soluk)}

/* Sekmeler */
.sekmeler{display:flex;flex-wrap:wrap;gap:4px 24px;margin-bottom:16px;border-bottom:1px solid var(--kenar)}
.sekme{display:inline-flex;align-items:center;gap:8px;padding:10px 2px;margin-bottom:-1px;border-bottom:3px solid transparent;font-weight:600;color:var(--metin-soluk)}
.sekme:hover{color:var(--metin)}
.sekme.etkin{color:var(--ana-koyu);font-weight:700;border-bottom-color:var(--ana)}

/* Hap düğme */
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--yuk-kontrol);padding:0 18px;border:1px solid var(--kenar);border-radius:var(--kose-hap);background:var(--kart);color:var(--ana-koyu);font-weight:600;cursor:pointer;white-space:nowrap}
.dugme:hover{background:var(--ana-zemin)}
.dugme.birincil{background:var(--ana-koyu);border-color:var(--ana-koyu);color:#fff}
.dugme.birincil:hover{filter:brightness(1.08)}
.dugme.tehlike{color:var(--sorun-yazi)}
.dugme.tehlike:hover{background:var(--sorun-zemin)}
.dugme:disabled{opacity:.45;cursor:not-allowed}
.sayac{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:var(--kose-talep-rozeti);background:var(--uyari-zemin);color:var(--uyari-yazi);font-size:12px;font-weight:700}
.dugme.birincil .sayac{background:rgba(255,255,255,.25);color:#fff}

/* Rozet (durum yazısı her zaman vardır) */
.rozet{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:var(--kose-hap);background:var(--notr-zemin);color:var(--metin);font-size:12px;font-weight:600;white-space:nowrap}
.rozet::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.rozet.icerde,.rozet.onayli{background:var(--tamam-zemin);color:var(--tamam-yazi)}
.rozet.sorun,.rozet.reddedildi{background:var(--sorun-zemin);color:var(--sorun-yazi)}
.rozet.bekliyor{background:var(--uyari-zemin);color:var(--uyari-yazi);border-radius:var(--kose-talep-rozeti)}
.rozet.yok{background:transparent;color:var(--metin-soluk);box-shadow:inset 0 0 0 1px var(--kenar)}
.rozet-sayi{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--kose-hap);background:var(--sorun);color:#fff;font-size:11px;font-weight:700}

/* Tablo: ad sütunu yapışkan, geniş tablo yatay kayar */
.tablo-kap{overflow-x:auto;border:1px solid var(--kenar);border-radius:var(--kose-kart);background:var(--kart)}
.tablo{width:100%;border-collapse:separate;border-spacing:0}
.tablo th,.tablo td{padding:10px 14px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--kenar);background:var(--kart)}
.tablo thead th{font-weight:600;color:var(--metin-soluk);font-size:13px}
.tablo tbody tr:last-child td,.tablo tbody tr:last-child th{border-bottom:0}
.tablo .yapisik{position:sticky;left:0;z-index:1;box-shadow:1px 0 0 var(--kenar)}
.tablo .sag{text-align:right}
.tablo .orta{text-align:center}
.tablo tbody th{font-weight:500}
.kisi{display:inline-flex;align-items:center;gap:10px}

/* Zaman hücresi (32 px yükseklik, 8 px köşe) */
.hucre{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:var(--gen-hucre);height:var(--yuk-hucre);padding:0 8px;border-radius:var(--kose-kucuk);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.hucre.bos{color:var(--metin-soluk);font-weight:400}
.hucre.tamam{background:var(--tamam-zemin);color:var(--tamam-yazi)}
.hucre.tamam.gece{background:var(--tamam-yazi);color:#fff}
.hucre.sorun{background:var(--sorun-zemin);color:var(--sorun-yazi);box-shadow:inset 0 0 0 1px var(--sorun)}
.hucre.sorun::before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:var(--sorun);color:#fff;font-size:10px;font-weight:700}
.ay-simge{display:inline-block;width:10px;height:10px;border-radius:50%;box-shadow:inset -3px -1px 0 0 currentColor}

/* Dar ekran: kenar menü üstte yatay şerit olur */
@media (max-width:800px){
  .iskelet{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--yuk-ust) auto minmax(0,1fr)}
  .kenar-menu{flex-direction:row;overflow-x:auto;padding:6px 8px;border-right:0;border-bottom:1px solid var(--kenar)}
  .ust-cubuk{gap:12px;padding:0 14px}
  .marka{width:auto}
  .ust-ara,.ust-bosluk{display:none}
  .ust-etiket{margin-left:auto}
  .icerik{padding:16px 14px 32px}
  .sayfa-baslik h1{font-size:20px}
}

/* Sunucu sayfaları: formlar, giriş kartı, iletiler, üst çubuk öğeleri */
.atla{position:absolute;left:-9999px;top:0;background:var(--kart);padding:8px 12px;z-index:10}
.atla:focus{left:8px;top:8px}
.ust-cubuk{flex-wrap:nowrap}
.ust-form{display:inline-flex;align-items:center;gap:6px;margin:0}
.ust-form select{height:34px;padding:0 10px;border:1px solid var(--kenar);border-radius:var(--kose-hap);background:var(--kart)}
.ust-sag{display:flex;align-items:center;gap:14px;margin-left:auto}
.dil-dugmeleri{display:inline-flex;gap:2px}
.dil-dugme{height:28px;min-width:34px;padding:0 8px;border:1px solid transparent;border-radius:var(--kose-hap);background:transparent;font-weight:600;cursor:pointer;color:var(--metin-soluk)}
.dil-dugme:hover{background:var(--notr-zemin)}
.dil-dugme[aria-current="true"]{background:var(--ana-zemin);color:var(--ana-koyu)}
.kullanici-menu{display:flex;align-items:center;gap:10px}
.kullanici-ad{font-weight:600;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.baglanti-dugme{border:0;background:transparent;color:var(--ana-koyu);font-weight:600;cursor:pointer;padding:4px 6px;border-radius:var(--kose-kucuk);text-decoration:none}
.baglanti-dugme:hover{background:var(--ana-zemin)}
.iletisim{margin:0 0 16px;padding:12px 16px;border-radius:var(--kose-orta);border:1px solid var(--kenar);background:var(--kart);font-weight:500}
.iletisim.tamam{background:var(--tamam-zemin);color:var(--tamam-yazi);border-color:var(--tamam)}
.iletisim.hata{background:var(--sorun-zemin);color:var(--sorun-yazi);border-color:var(--sorun)}
.iletisim.bilgi{background:var(--ana-zemin);color:var(--ana-koyu);border-color:var(--ana)}
.form{display:flex;flex-direction:column;gap:14px;max-width:520px}
.form.yatay{flex-direction:row;flex-wrap:wrap;align-items:flex-end;max-width:none}
.alan{display:flex;flex-direction:column;gap:6px}
.alan label,.alan .etiket{font-weight:600}
.alan .ipucu{font-size:12px;color:var(--metin-soluk)}
.alan input[type=text],.alan input[type=email],.alan input[type=password],.alan input[type=number],.alan input[type=search],.alan select,.alan textarea{height:var(--yuk-kontrol);padding:0 14px;border:1px solid var(--kenar);border-radius:var(--kose-orta);background:var(--kart);width:100%}
.alan textarea{height:auto;padding:10px 14px;min-height:80px}
.alan.onay{flex-direction:row;align-items:center;gap:10px}
.alan.onay input{width:18px;height:18px}
.form-dugmeler{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.satir-form{display:inline;margin:0}
.giris-kap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 16px;background:var(--zemin)}
.giris-kart{width:100%;max-width:420px}
.giris-kart h1{font-size:22px;margin-bottom:16px}
.giris-ust{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:420px}
.anahtar-kutu{display:block;padding:12px 14px;border-radius:var(--kose-orta);background:var(--notr-zemin);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;overflow-wrap:anywhere;user-select:all}
.tablo td.metin-uzun{white-space:normal;min-width:180px}
.bos-durum-kutu{padding:24px;text-align:center;color:var(--metin-soluk)}
.bosluk-ust{margin-top:16px}
.izgara-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
@media(max-width:800px){.kullanici-ad{display:none}.ust-cubuk{overflow-x:auto;gap:12px}.ust-sag{gap:8px}}
.cubuk-pist{position:relative;height:10px;border-radius:5px;background:var(--notr-zemin);overflow:hidden}
.cubuk-dolgu{position:absolute;left:0;top:0;bottom:0;border-radius:5px;background:var(--ana)}


/* ── giriş-çıkış: ortak ── */
[hidden]{display:none!important}
.gc-arac{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:16px}
.gc-arac form{display:contents}
.gc-gezinme{display:inline-flex;align-items:center;gap:10px;font-weight:700}
.gc-ok{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--kenar);border-radius:50%;background:var(--kart);color:var(--ana-koyu);font-weight:700}
.gc-ok.pasif{opacity:.4;pointer-events:none}
.gc-arama{flex:1;min-width:160px;max-width:300px;height:var(--yuk-kontrol);padding:0 16px;border:1px solid var(--kenar);border-radius:var(--kose-hap);background:var(--kart)}
.gc-secim{height:var(--yuk-kontrol);padding:0 14px;border:1px solid var(--kenar);border-radius:var(--kose-hap);background:var(--kart)}
.gc-kutular{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}
.gc-kutu-etiket{color:var(--metin-soluk);font-weight:600}
.gc-kutu-deger{margin-top:4px;font-size:32px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}
.gc-kutu.icerde .gc-kutu-deger{color:var(--tamam-yazi)}
.gc-sube-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.gc-sube-kart{padding:16px;border:1px solid var(--kenar);border-radius:var(--kose-orta)}
.gc-sube-kart.bos{background:var(--zemin)}
.gc-sube-ust{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.gc-sube-ust h3{font-size:16px;font-weight:700}
.gc-sube-gelen{margin-top:2px;font-size:13px;color:var(--metin-soluk)}
.gc-kisiler{display:flex;flex-direction:column;gap:10px;margin:12px 0 0;padding:0;list-style:none}
.gc-kisiler li{display:flex;align-items:center;gap:10px}
.gc-kisi-metin{display:flex;flex-direction:column;min-width:0;flex:1}
.gc-kisi-ad{font-weight:600;overflow:hidden;text-overflow:ellipsis}
.gc-kisi-alt{font-size:12px;color:var(--metin-soluk)}
.gc-etiket{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:var(--kose-hap);background:var(--notr-zemin);font-size:11px;font-weight:600;white-space:nowrap}
.gc-baslik{margin:0 0 12px;font-size:var(--yazi-kart-baslik);font-weight:700}
.gc-uyari{margin:0 0 16px;padding:12px 16px;border-radius:var(--kose-orta);background:var(--uyari-zemin);color:var(--uyari-yazi);font-weight:500}
.gc-bos{padding:20px;text-align:center;color:var(--metin-soluk)}
.gc-sayi{font-variant-numeric:tabular-nums}
.gc-form-satir{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.gc-form-genis{max-width:640px}

/* ── Aktivite ── */
.gc-gun-baslik{margin:20px 0 8px;font-size:13px;font-weight:700;color:var(--metin-soluk);text-transform:uppercase;letter-spacing:.04em}
.gc-akis{margin:0;padding:0;list-style:none;border:1px solid var(--kenar);border-radius:var(--kose-kart);background:var(--kart)}
.gc-akis li{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--kenar)}
.gc-akis li:last-child{border-bottom:0}
.gc-akis time{flex:none;width:48px;font-variant-numeric:tabular-nums;color:var(--metin-soluk);font-weight:600}
.gc-akis .gc-metin{flex:1;min-width:0;overflow-wrap:anywhere}
.gc-sayfalama{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}
.gc-cubuk-satir{display:grid;grid-template-columns:110px minmax(0,1fr) 40px;align-items:center;gap:12px;padding:6px 0}
.gc-cubuk-satir .sayi{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}

/* ── Çalışan telefonu (375 px öncelikli) ── */
.gc-tel{max-width:640px}
.gc-giris-kart{display:flex;flex-direction:column;gap:12px}
.gc-durum{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-weight:600}
.gc-buyuk{display:flex;align-items:center;justify-content:center;width:100%;min-height:64px;padding:0 20px;border:0;border-radius:var(--kose-kart);background:var(--ana-koyu);color:#fff;font-size:20px;font-weight:700;cursor:pointer}
.gc-buyuk.cikis{background:var(--sorun-yazi)}
.gc-buyuk:disabled{opacity:.45;cursor:not-allowed}
.gc-giris-kart select{width:100%;min-height:52px;padding:0 14px;border:1px solid var(--kenar);border-radius:var(--kose-orta);background:var(--kart);font-size:16px}
.gc-gun-grup{margin:0 0 12px}
.gc-gun-grup h3{display:flex;justify-content:space-between;gap:8px;margin:0 0 6px;font-size:15px;font-weight:700}
.gc-kayit{display:flex;flex-direction:column;gap:6px;padding:12px 14px;margin-bottom:6px;border:1px solid var(--kenar);border-radius:var(--kose-orta);background:var(--kart)}
.gc-kayit-ust{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;font-weight:600;font-variant-numeric:tabular-nums}
.gc-kayit-alt{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13px;color:var(--metin-soluk)}
.gc-kayit a.gc-baglanti{color:var(--ana-koyu);font-weight:700;display:inline-flex;align-items:center;min-height:36px}
.gc-ozet{display:flex;flex-wrap:wrap;gap:8px 24px;margin-bottom:12px}
.gc-ozet strong{display:block;font-size:22px;font-variant-numeric:tabular-nums}

/* ── Kiosk (tam ekran, dokunmatik) ── */
.gc-kiosk{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:auto minmax(0,1fr);gap:16px;padding:16px;background:var(--zemin)}
.gc-kiosk-ust{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.gc-kiosk-ust .gc-sube-adi{font-size:22px;font-weight:700}
.gc-kiosk-ust .gc-saat{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}
.gc-kiosk-ust .gc-bosluk{flex:1}
.gc-kiosk-dil{display:inline-flex;gap:4px;margin:0}
.gc-kiosk-dil button{height:40px;min-width:48px;border:1px solid var(--kenar);border-radius:var(--kose-hap);background:var(--kart);font-weight:700;cursor:pointer}
.gc-kiosk-dil button[aria-current="true"]{background:var(--ana-zemin);color:var(--ana-koyu)}
.gc-kiosk-ana{min-width:0}
.gc-kiosk-yan{align-self:start}
.gc-kisi-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-top:12px}
.gc-kisi-dugme{display:flex;align-items:center;gap:12px;min-height:68px;padding:12px 16px;border:1px solid var(--kenar);border-radius:var(--kose-kart);background:var(--kart);font-size:18px;font-weight:600;text-decoration:none}
.gc-kisi-dugme:hover{background:var(--ana-zemin)}
.gc-kisi-dugme .gc-nokta{flex:none;width:12px;height:12px;border-radius:50%;background:var(--notr-zemin)}
.gc-kisi-dugme.icerde .gc-nokta{background:var(--tamam)}
.gc-kiosk-ara{width:100%;max-width:420px;height:52px;padding:0 18px;border:1px solid var(--kenar);border-radius:var(--kose-hap);background:var(--kart);font-size:18px}
.gc-pin-kap{max-width:380px;margin:0 auto;text-align:center}
.gc-pin-ad{margin:8px 0 4px;font-size:28px;font-weight:700}
.gc-pin-girdi{width:100%;height:68px;margin:12px 0;padding:0 16px;border:1px solid var(--kenar);border-radius:var(--kose-kart);background:var(--kart);font-size:34px;text-align:center;letter-spacing:.3em}
.gc-tuslar{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:8px 0 16px}
.js .gc-tuslar{display:grid}
.gc-tus{height:76px;border:1px solid var(--kenar);border-radius:var(--kose-kart);background:var(--kart);font-size:30px;font-weight:700;cursor:pointer;touch-action:manipulation}
.gc-tus:active{background:var(--ana-zemin)}
.gc-tus.kucuk{font-size:18px}
.gc-pin-kap .gc-buyuk{margin-top:4px}
.gc-pin-geri{display:inline-block;margin-top:16px;padding:12px 20px;font-weight:700;color:var(--ana-koyu)}
.gc-sonuc{max-width:560px;margin:8vh auto 0;text-align:center}
.gc-sonuc h1{font-size:40px;margin:12px 0}
.gc-sonuc.giris h1{color:var(--tamam-yazi)}
.gc-sonuc.cikis h1{color:var(--ana-koyu)}
.gc-sonuc .gc-sonuc-ad{font-size:30px;font-weight:700}
.gc-sonuc .gc-sonuc-bilgi{margin:6px 0;font-size:20px;color:var(--metin-soluk)}
.gc-sonuc .soluk{margin:18px 0 12px;font-size:16px}
@media (max-width:800px){
  .gc-kiosk{grid-template-columns:minmax(0,1fr)}
  .gc-kutu-deger{font-size:26px}
  .gc-cubuk-satir{grid-template-columns:84px minmax(0,1fr) 34px}
}


/* Kullanıcılar */
.kul-suzgec{max-width:none}
.kul-arac{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0}
.kul-arac select{height:var(--yuk-kontrol);padding:0 12px;border:1px solid var(--kenar);border-radius:var(--kose-orta);background:var(--kart)}
.kul-sec{width:36px;text-align:center}
.kul-menu{position:relative;display:inline-block}
.kul-menu>summary{list-style:none;cursor:pointer}
.kul-menu>summary::-webkit-details-marker{display:none}
.kul-menu-liste{position:absolute;right:0;top:calc(100% + 6px);z-index:5;min-width:200px;display:flex;flex-direction:column;background:var(--kart);border:1px solid var(--kenar);border-radius:var(--kose-orta);box-shadow:0 6px 18px rgba(0,0,0,.12);padding:6px}
.kul-menu-liste a{padding:10px 12px;border-radius:var(--kose-kucuk);color:var(--metin);font-weight:600}
.kul-menu-liste a:hover{background:var(--ana-zemin)}
.kul-form{max-width:760px}
.kul-alanlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.kul-grup{border:1px solid var(--kenar);border-radius:var(--kose-orta);padding:10px 14px;display:flex;flex-wrap:wrap;gap:8px 18px}
.kul-grup legend{padding:0 6px}
.kul-secenek{display:inline-flex;align-items:center;gap:6px;font-weight:500}
.kul-ozet{display:grid;gap:8px;margin:0}
.kul-ozet-satir{display:flex;gap:12px}
.kul-ozet-satir dt{min-width:160px;font-weight:600;color:var(--metin-soluk)}
.kul-ozet-satir dd{margin:0}
.kul-ust{margin:-6px 0 12px}
.dugme[aria-disabled="true"]{opacity:.45;cursor:not-allowed}


/* Zaman saati yönetimi */
.zy-arac{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px;margin-bottom:16px}
.zy-arac .alan{min-width:150px}
.zy-arac .alan select,.zy-arac .alan input{height:var(--yuk-kontrol)}
.zy-gezinme{display:inline-flex;align-items:center;gap:10px;font-weight:700;min-height:var(--yuk-kontrol)}
.zy-ok{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--kenar);border-radius:50%;background:var(--kart);color:var(--ana-koyu);font-weight:700}
.zy-ok:hover{background:var(--ana-zemin)}
.zy-ust-toplam{display:flex;flex-wrap:wrap;gap:12px 40px;margin-bottom:16px}
.zy-oge{display:flex;flex-direction:column;gap:2px}
.zy-oge-etiket{font-size:13px;font-weight:600;color:var(--metin-soluk)}
.zy-oge-deger{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}
.zy-oge-deger.sorun{color:var(--sorun-yazi)}
.zy-oge-deger.tamam{color:var(--tamam-yazi)}
.zy-aciklama{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-bottom:12px;font-size:13px;color:var(--metin-soluk)}
.zy-aciklama-oge{display:inline-flex;align-items:center;gap:8px}
.zy-cizelge th.zy-hafta{text-align:center;color:var(--metin);border-left:1px solid var(--kenar)}
.zy-cizelge th.zy-gun{padding:6px 3px;text-align:center;font-size:12px}
.zy-gun span{display:block}
.zy-cizelge td.zy-gun-hucre{padding:6px 3px;text-align:center}
.zy-cizelge .zy-hafta-ilk{border-left:1px solid var(--kenar)}
.zy-cizelge .zy-hafta-sonu{background:rgba(32,48,64,.035)}
.zy-cizelge .zy-ad{min-width:var(--gen-ad-sutunu)}
.zy-kisi-ad{display:flex;flex-direction:column;min-width:0}
.zy-kisi-ad a{font-weight:600;color:var(--ana-koyu)}
.zy-kisi-ad a:hover{text-decoration:underline}
.zy-alt{font-size:12px;color:var(--metin-soluk)}
.zy-norm{display:block;font-size:12px;font-weight:600}
.zy-norm.fazla{color:var(--uyari-yazi)}
.zy-norm.eksik{color:var(--sorun-yazi)}
.zy-norm.esit{color:var(--tamam-yazi)}
.zy-bos{padding:24px;text-align:center;color:var(--metin-soluk)}
.zy-secim-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px 16px;margin:8px 0 16px}
.zy-secim{display:flex;align-items:center;gap:8px}
.zy-uyari{margin:0 0 16px;padding:12px 16px;border-radius:var(--kose-orta);background:var(--uyari-zemin);color:var(--uyari-yazi);font-weight:600}
.zy-dugmeler{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}

/* Tek çalışan çizelgesi */
.zy-durum{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:16px}
.zy-durum-satir{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:8px}
.zy-form-satir{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 14px}
.zy-form-satir .alan{min-width:130px}
.zy-form-satir .alan.genis{flex:1;min-width:220px}
.zy-not-form{display:flex;gap:6px;align-items:center}
.zy-not-form input[type=text]{height:34px;padding:0 10px;border:1px solid var(--kenar);border-radius:var(--kose-orta);min-width:160px;max-width:260px}
.zy-ayrinti td{background:var(--zemin);padding:6px 14px 12px;white-space:normal}
.zy-ayrinti details{margin:6px 0}
.zy-ayrinti summary{cursor:pointer;font-weight:600;color:var(--ana-koyu)}
.zy-iz-liste{margin:8px 0 0;padding-left:18px}
.zy-iz-liste li{margin:4px 0;overflow-wrap:anywhere}
.zy-gun-toplam{font-weight:700;font-variant-numeric:tabular-nums}

/* Talepler */
.zy-talep-ust{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;margin-bottom:16px;border-bottom:1px solid var(--kenar)}
.zy-talep-ust .araclar{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto;padding-bottom:6px}
.zy-talep-izgara{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;align-items:start}
.zy-liste{padding:12px}
.zy-liste .zy-ara{display:flex;gap:6px;margin-bottom:8px}
.zy-liste .zy-ara input{flex:1;min-width:0;height:34px;padding:0 12px;border:1px solid var(--kenar);border-radius:var(--kose-hap)}
.zy-grup{margin:12px 8px 6px;font-size:12px;font-weight:700;color:var(--metin-soluk);text-transform:uppercase;letter-spacing:.04em}
.zy-satir{display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--kose-orta)}
.zy-satir:hover{background:var(--notr-zemin)}
.zy-satir.secili{background:var(--ana-zemin);box-shadow:inset 0 0 0 1px var(--ana)}
.zy-satir-metin{display:flex;flex-direction:column;min-width:0;flex:1}
.zy-detay-ust{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px}
.zy-detay-ust .avatar{width:40px;height:40px;font-size:13px}
.zy-detay-ad{font-size:var(--yazi-kart-baslik);font-weight:700}
.zy-sag{margin-left:auto}
.zy-yan-yana{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:12px}
.zy-zaman-kart h3{margin-bottom:10px;font-size:15px;font-weight:700}
.zy-zaman-kart dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0}
.zy-zaman-kart dt{color:var(--metin-soluk)}
.zy-zaman-kart dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}
.zy-zaman-kart.eksik{background:var(--zemin);border-style:dashed}
.zy-farkli{padding:1px 8px;border-radius:6px;background:var(--uyari-zemin);color:var(--uyari-yazi)}
.zy-fark-satiri{display:flex;flex-wrap:wrap;gap:6px 20px;margin-bottom:16px;font-size:13px;color:var(--metin-soluk)}
.zy-fark-satiri strong{color:var(--metin)}
.zy-neden{margin-bottom:16px;padding:14px 16px;border-radius:var(--kose-orta);background:var(--zemin);overflow-wrap:anywhere}
.zy-neden h4{margin:0 0 4px;font-size:13px;color:var(--metin-soluk)}
.zy-cizgi{margin-bottom:16px}
.zy-cizgi-satir{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:12px;margin:8px 0}
.zy-cizgi-etiket{font-size:13px;font-weight:600}
.zy-pist{position:relative;height:var(--yuk-hucre);border-radius:var(--kose-kucuk);background:var(--notr-zemin)}
.zy-cubuk{position:absolute;top:4px;bottom:4px;min-width:4px;border-radius:6px;background:var(--metin-soluk)}
.zy-cubuk.sonra{background:var(--ana-koyu)}
.zy-cubuk.devam{border-top-right-radius:0;border-bottom-right-radius:0}
.zy-cizgi-not{margin-left:116px;font-size:12px;color:var(--metin-soluk)}
.zy-cizgi-bos{font-size:13px;color:var(--metin-soluk)}
.zy-cetvel{position:relative;height:18px}
.zy-cetvel-isaret{position:absolute;top:0;transform:translateX(-50%);font-size:11px;color:var(--metin-soluk);font-variant-numeric:tabular-nums}
.zy-cetvel-isaret:first-child{transform:none}
.zy-cetvel-isaret:last-child{transform:translateX(-100%)}
.zy-karar{display:flex;flex-direction:column;gap:10px}
.zy-karar-dugmeler{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.zy-karar-bilgi{padding:12px 16px;border-radius:var(--kose-orta);background:var(--zemin);overflow-wrap:anywhere}
@media(max-width:800px){
  .zy-talep-izgara{grid-template-columns:minmax(0,1fr)}
  .zy-talep-ust .araclar{margin-left:0}
  .zy-yan-yana{gap:8px}
  .zy-cizgi-satir{grid-template-columns:78px minmax(0,1fr);gap:8px}
  .zy-cizgi-not{margin-left:86px}
}