/* ==========================================================================
 * hizlimusavir/hm.css — HIZLIMÜŞAVİR GÖRÜNÜŞÜ (30.10.2026; taslak _mockup/hizli_musavir/taslak.html 3. sürüm)
 * KULLANAN : hizlimusavir/index.php (karşılama + giriş), hizlimusavir/panel.php (uygulama kabuğu).
 * DÜZEN    : defter kâğıdı çizgili karşılama (.hero) + giriş kartı; uygulamada yan menü (.yanmenu) + içerik (.icerik):
 *            bugün bakılacaklar, vergi takvimi, özet şeridi, mükellef tablosu, ayrıntı çekmecesi.
 * TEMA     : renkler yalnız :root değişkenlerinde; koyu tema prefers-color-scheme ile (kart/zemin/yazı değişkenleri).
 * YAZI     : Bricolage Grotesque (başlık), IBM Plex Sans (gövde), IBM Plex Mono (sayı) — Google Fonts, yedek sistem yazıları.
 * DİKKAT   : Semantik renkler (yeşil/kırmızı/amber) vurgu rengi (petrol) değildir; durum için kullanılır.
 * ========================================================================== */
:root{
  --zemin:#edf1f0; --yuzey:#ffffff; --yuzey2:#f5f8f7; --murekkep:#11272b; --soluk:#536769; --silik:#8c9ea0; --cizgi:#d9e2e1; --cizgi2:#e9efee;
  --marka:#0f4c4f; --marka-fg:#ffffff; --marka-z:#e0eeed; --pirinc:#a86f12; --pirinc-z:#faf0dc;
  --yesil:#16733f; --yesil-z:#e3f3e9; --kirmizi:#b3222b; --kirmizi-z:#fbe8e9; --amber:#9a5a06; --amber-z:#fcf1dd;
  --hero:#0f393c; --hero-fg:#e9f4f2; --hero-soluk:#a9c6c3; --hero-cizgi:rgba(233,244,242,.07); --hero-kenar:rgba(232,120,110,.45);
  --golge:0 1px 2px rgba(16,38,42,.06),0 10px 30px -12px rgba(16,38,42,.18);
  --f-baslik:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;
  --f-govde:"IBM Plex Sans","Segoe UI",system-ui,-apple-system,sans-serif;
  --f-sayi:"IBM Plex Mono",ui-monospace,Consolas,monospace;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){:root{
  --zemin:#0a1416; --yuzey:#111e21; --yuzey2:#162528; --murekkep:#e3eeed; --soluk:#9cb1b2; --silik:#62797b; --cizgi:#223538; --cizgi2:#1b2c2f;
  --marka:#5cc2bd; --marka-fg:#052022; --marka-z:#133236; --pirinc:#e2b25a; --pirinc-z:#33280f;
  --yesil:#4fd88a; --yesil-z:#0f2e1d; --kirmizi:#f4878d; --kirmizi-z:#3a1619; --amber:#f5bd45; --amber-z:#382a0c;
  --hero:#0d2a2d; --hero-fg:#e9f4f2; --hero-soluk:#93b3b0; --hero-cizgi:rgba(233,244,242,.06); --hero-kenar:rgba(244,135,141,.4);
  --golge:0 1px 2px rgba(0,0,0,.3),0 12px 32px -14px rgba(0,0,0,.6); color-scheme:dark}}

*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--zemin);color:var(--murekkep);font-family:var(--f-govde);font-size:14px;line-height:1.5}
h1,h2,h3,h4{font-family:var(--f-baslik);margin:0;text-wrap:balance;letter-spacing:-.01em}
p{margin:0}
a{color:var(--marka)}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--marka);outline-offset:2px}
[hidden]{display:none!important}
.sayi{font-family:var(--f-sayi);font-variant-numeric:tabular-nums}
.etiket{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--soluk);font-weight:600}
.soluk{color:var(--soluk)} .silik{color:var(--silik)}

/* ---- düğme, alan ---- */
.dgm{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--cizgi);background:var(--yuzey);border-radius:9px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;text-decoration:none;color:var(--murekkep);transition:border-color .15s}
.dgm:hover{border-color:var(--marka)}
.dgm.ana{background:var(--marka);border-color:var(--marka);color:var(--marka-fg)}
.dgm.ana:hover{filter:brightness(1.08)}
.dgm.tehlike{color:var(--kirmizi)}
.dgm.genis{padding:11px 16px;font-size:14px;width:100%}
.dgm.kucuk{padding:5px 10px;font-size:12px;border-radius:7px}
.dgm[disabled]{opacity:.55;cursor:default}
.alan{display:grid;gap:5px}
.alan label{font-size:12.5px;color:var(--soluk);font-weight:500}
.kutu{border:1px solid var(--cizgi);border-radius:9px;padding:10px 12px;background:var(--yuzey2);color:var(--murekkep);font:inherit;width:100%}
.kutu:focus{outline:2px solid var(--marka);outline-offset:0;border-color:transparent}
select.kutu{padding:8px 10px}
.not{border-radius:10px;padding:10px 12px;font-size:13px;display:grid;gap:3px}
.not.kirmizi{background:var(--kirmizi-z);color:var(--kirmizi)} .not.yesil{background:var(--yesil-z);color:var(--yesil)}
.not.amber{background:var(--amber-z);color:var(--amber)} .not.marka{background:var(--marka-z);color:var(--marka)}
.hap{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap}
.hap.marka{background:var(--marka-z);color:var(--marka)} .hap.gri{background:var(--yuzey2);color:var(--soluk);border:1px solid var(--cizgi)}
.hap.yesil{background:var(--yesil-z);color:var(--yesil)} .hap.kirmizi{background:var(--kirmizi-z);color:var(--kirmizi)} .hap.amber{background:var(--amber-z);color:var(--amber)}
.bos{color:var(--silik);font-size:12px}

/* ---- karşılama (index.php) ---- */
.karsilama{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);min-height:100vh}
/* Dar ekranda giriş formu önce (telefondan gelen müşavir girmek ister), tanıtım altta */
@media (max-width:860px){.karsilama{grid-template-columns:minmax(0,1fr);min-height:0}.giris-taraf{order:-1}}
.hero{position:relative;background:var(--hero);color:var(--hero-fg);padding:48px 48px 36px 72px;display:grid;align-content:space-between;gap:32px;overflow:hidden;
  background-image:repeating-linear-gradient(to bottom,transparent 0 31px,var(--hero-cizgi) 31px 32px)}
.hero::before{content:"";position:absolute;top:0;bottom:0;left:44px;width:1px;background:var(--hero-kenar)}
.hero::after{content:"";position:absolute;top:0;bottom:0;left:48px;width:1px;background:var(--hero-kenar)}
@media (max-width:520px){.hero{padding:32px 20px 28px 36px}.hero::before{left:18px}.hero::after{left:22px}}
.logo-satir{display:flex;align-items:center;gap:10px;font-family:var(--f-baslik);font-weight:700;font-size:17px}
.logo{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--hero-fg);color:var(--hero);font-family:var(--f-baslik);font-weight:800;font-size:15px;letter-spacing:-.04em;flex:none}
.hero h1{font-size:clamp(30px,4.2vw,48px);line-height:1.05;font-weight:800;letter-spacing:-.025em;max-width:14ch}
.hero h1 em{font-style:normal;color:var(--pirinc)}
.hero .alt{color:var(--hero-soluk);max-width:46ch;font-size:15px}
.fis{background:rgba(233,244,242,.06);border:1px solid rgba(233,244,242,.14);border-radius:10px;padding:12px 14px;display:grid;gap:8px;max-width:440px}
.fis-etiket{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--hero-soluk);font-weight:600}
.fis-satir{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;font-size:13px}
.fis-satir .ad{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:8px}
.fis-satir .sayi{color:var(--hero-soluk);font-size:12px}
.fis .nokta.k{background:#f4878d}.fis .nokta.a{background:#f5bd45}.fis .nokta.y{background:#4fd88a}
.kanit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;border-top:1px solid var(--hero-cizgi);padding-top:18px}
@media (max-width:520px){.kanit{grid-template-columns:1fr}}
.kanit b{display:block;font-family:var(--f-baslik);font-size:15px;margin-bottom:2px}
.kanit span{font-size:12.5px;color:var(--hero-soluk)}
.giris-taraf{padding:48px 44px;display:grid;align-content:center;gap:16px;background:var(--yuzey)}
@media (max-width:520px){.giris-taraf{padding:28px 20px}}
.giris-kutu{width:100%;max-width:400px;margin:0 auto;display:grid;gap:14px}
.giris-kutu h2{font-size:22px}
.kucuk-not{font-size:12.5px;color:var(--soluk);text-align:center}
.kucuk-not a{font-weight:600;text-decoration:none}
.davet-not{display:flex;gap:12px;align-items:center;border:1px dashed var(--pirinc);background:var(--pirinc-z);border-radius:10px;padding:10px 12px;font-size:13px}
.davet-not b{color:var(--pirinc);font-family:var(--f-baslik);font-size:15px;white-space:nowrap}

/* ---- uygulama kabuğu (panel.php) ---- */
.kabuk{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}
.yanmenu{background:var(--yuzey2);border-right:1px solid var(--cizgi);padding:18px 12px;display:grid;align-content:start;gap:4px;position:sticky;top:0;height:100vh;overflow:auto}
.yanmenu .logo-satir{padding:0 8px 16px}
.yanmenu .logo{background:var(--marka);color:var(--marka-fg);width:30px;height:30px;font-size:13px}
.mn{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:var(--soluk);font-weight:500;font-size:13.5px;text-decoration:none}
.mn svg{width:16px;height:16px;flex:none}
.mn:hover{background:var(--yuzey)}
.mn.aktif{background:var(--yuzey);color:var(--murekkep);box-shadow:0 1px 2px rgba(16,38,42,.08);font-weight:600}
.mn .say{margin-left:auto;font-family:var(--f-sayi);font-size:11px;background:var(--kirmizi-z);color:var(--kirmizi);border-radius:999px;padding:0 7px}
.mn.yakinda{opacity:.6;cursor:default} .mn.yakinda .say{background:var(--yuzey);color:var(--silik);border:1px solid var(--cizgi);font-family:var(--f-govde)}
.mn-grup{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--silik);font-weight:600;padding:14px 10px 4px}
.yanmenu .alt{margin-top:18px;padding:12px 10px;border-top:1px solid var(--cizgi);display:grid;gap:10px;font-size:12.5px}
.ajan{display:flex;align-items:center;gap:8px}
.nokta{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--silik);flex:none}
.ajan.bagli .nokta{background:var(--yesil);box-shadow:0 0 0 3px var(--yesil-z)}
.bayim{display:grid;gap:1px;border:1px solid var(--cizgi);border-radius:9px;padding:8px 10px;background:var(--yuzey)}
.bayim b{font-size:13px} .bayim .tel{font-family:var(--f-sayi);font-size:11.5px;color:var(--soluk)}
/* Dar ekran: yan menü üstte tek satır, yana kayan şerit. NEDEN burada (yukarıda değil): .yanmenu .alt kuralından SONRA gelmeli, yoksa ezilir. */
@media (max-width:980px){
  .kabuk{grid-template-columns:minmax(0,1fr)}
  .yanmenu{position:static;height:auto;display:flex;flex-wrap:nowrap;overflow-x:auto;gap:4px;padding:8px 12px;border-right:0;border-bottom:1px solid var(--cizgi)}
  .yanmenu .alt,.yanmenu .mn-grup,.yanmenu .mn.yakinda{display:none}
  .yanmenu .logo-satir{padding:0 8px 0 0}
  .mn{white-space:nowrap}
}
/* NEDEN minmax(0,1fr) + çocuklarda min-width:0: tablonun en küçük genişliği (700px) içerik sütununu telefonda ekrandan taşırmasın */
.icerik>*{min-width:0}
.icerik{grid-template-columns:minmax(0,1fr);padding:22px 26px 40px;display:grid;gap:20px;align-content:start;min-width:0;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
@media (min-width:981px){.icerik{padding-left:26px;padding-right:26px}}
.ust-serit{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center}
.selam h1{font-size:22px}
.selam p{color:var(--soluk);font-size:13.5px}
.arac{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ara{display:flex;align-items:center;gap:8px;border:1px solid var(--cizgi);border-radius:9px;padding:0 10px;background:var(--yuzey2);color:var(--silik);font-size:13px;min-width:220px}
.ara input{border:0;background:transparent;color:var(--murekkep);font:inherit;padding:8px 0;outline:0;width:100%}
.parca{display:inline-flex;border:1px solid var(--cizgi);border-radius:9px;overflow:hidden;background:var(--yuzey2)}
.parca button{border:0;background:transparent;padding:7px 12px;font-size:12.5px;font-weight:600;color:var(--soluk);cursor:pointer}
.parca button[aria-pressed="true"]{background:var(--yuzey);color:var(--murekkep);box-shadow:inset 0 0 0 1px var(--cizgi)}

.ust-izgara{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px}
@media (max-width:900px){.ust-izgara{grid-template-columns:minmax(0,1fr)}}
.panel{border:1px solid var(--cizgi);border-radius:12px;background:var(--yuzey);padding:14px 16px;display:grid;gap:10px;align-content:start;min-width:0}
.panel-bas{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.panel-bas h2{font-size:15px}
.panel-bas small{color:var(--silik);font-size:12px}
.gundem{display:grid;gap:2px}
.gs{display:grid;grid-template-columns:4px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 6px 8px 0;border-radius:8px}
.gs:hover{background:var(--yuzey2)}
.gs .serit{align-self:stretch;border-radius:4px;background:var(--marka)}
.gs.k .serit{background:var(--kirmizi)} .gs.a .serit{background:var(--amber)}
.gs b{font-weight:600;display:block;font-size:13.5px}
.gs span{color:var(--soluk);font-size:12.5px}
.takvim{display:grid;gap:8px}
.tg{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center}
.tarih{border:1px solid var(--cizgi);border-radius:9px;text-align:center;padding:4px 0;line-height:1.1;background:var(--yuzey2)}
.tarih b{display:block;font-family:var(--f-baslik);font-size:19px}
.tarih span{font-size:10.5px;color:var(--soluk);text-transform:uppercase;letter-spacing:.06em}
.tg .ne b{display:block;font-size:13.5px;font-weight:600}
.kalan{font-family:var(--f-sayi);font-size:12px;border-radius:999px;padding:2px 9px;background:var(--yuzey2);color:var(--soluk);white-space:nowrap}
.kalan.yakin{background:var(--amber-z);color:var(--amber)} .kalan.gecti{background:var(--kirmizi-z);color:var(--kirmizi)}

.ozet{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--cizgi);border-radius:12px;background:var(--yuzey);overflow:hidden}
@media (max-width:720px){.ozet{grid-template-columns:repeat(2,minmax(0,1fr))}}
.oz{padding:12px 16px;display:grid;gap:2px;border-right:1px solid var(--cizgi2)}
.oz:last-child{border-right:0}
@media (max-width:720px){.oz:nth-child(2){border-right:0}.oz:nth-child(-n+2){border-bottom:1px solid var(--cizgi2)}}
.oz span{font-size:12px;color:var(--soluk)}
.oz b{font-family:var(--f-baslik);font-size:24px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.oz small{font-size:11.5px;color:var(--silik)}
.oz.dikkat b{color:var(--kirmizi)} .oz.uyar b{color:var(--amber)}

.liste-izgara{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;align-items:start}
@media (max-width:1150px){.liste-izgara{grid-template-columns:minmax(0,1fr)}}
.liste{border:1px solid var(--cizgi);border-radius:12px;background:var(--yuzey);overflow:hidden;min-width:0}
.liste-ust{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid var(--cizgi2)}
.cipler{display:flex;gap:6px;flex-wrap:wrap}
.cip{border:1px solid var(--cizgi);background:var(--yuzey);border-radius:999px;padding:3px 11px;font-size:12.5px;color:var(--soluk);cursor:pointer;font-weight:500}
.cip .sayi{font-size:11.5px;margin-left:3px;color:var(--silik)}
.cip[aria-pressed="true"]{background:var(--murekkep);color:var(--zemin);border-color:var(--murekkep)}
.cip[aria-pressed="true"] .sayi{color:var(--zemin);opacity:.7}
.kaydir{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:13px}
.liste table{min-width:660px}
.liste th,.liste td{padding-left:10px;padding-right:10px}
.liste td:last-child{padding-right:12px}
td.kontrol-hucre{white-space:nowrap}
th{font-size:11px;letter-spacing:.06em;text-transform:uppercase;text-align:left;color:var(--silik);font-weight:600;padding:9px 12px;white-space:nowrap;border-bottom:1px solid var(--cizgi2)}
th.s,td.s{text-align:right}
td{padding:10px 12px;border-bottom:1px solid var(--cizgi2);vertical-align:middle}
#mkGovde tr{cursor:pointer;transition:background .12s}
#mkGovde tr:hover{background:var(--yuzey2)}
#mkGovde tr[aria-selected="true"]{background:var(--marka-z)}
tbody tr:last-child td{border-bottom:0}
.mk{display:flex;align-items:center;gap:10px;min-width:0}
.bas-harf{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-family:var(--f-baslik);font-weight:700;font-size:12.5px;flex:none;background:var(--yuzey2);border:1px solid var(--cizgi);color:var(--soluk)}
.bas-harf.hb{background:var(--marka);border-color:var(--marka);color:var(--marka-fg)}
.mk b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}
.mk small{font-family:var(--f-sayi);font-size:11px;color:var(--silik);white-space:nowrap}
.oran{display:grid;gap:3px;min-width:76px}
.oran .cubuk{display:flex;height:6px;border-radius:6px;overflow:hidden;background:var(--cizgi2)}
.oran .cubuk i:first-child{background:var(--pirinc)} .oran .cubuk i:last-child{background:var(--marka)}
.oran small{font-family:var(--f-sayi);font-size:11px;color:var(--soluk)}
.liste-alt{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:9px 12px;border-top:1px solid var(--cizgi2);font-size:12px;color:var(--silik)}
.lejant{display:flex;gap:12px} .lejant i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px}

.cekmece{border:1px solid var(--cizgi);border-radius:12px;background:var(--yuzey);overflow:hidden;min-width:0;position:sticky;top:16px}
@media (max-width:1150px){.cekmece{position:static}}
.ck-bas{padding:16px;display:grid;gap:10px;border-bottom:1px solid var(--cizgi2)}
.ck-bas .mk b{font-size:15px;white-space:normal;max-width:none}
.ck-dgm{display:flex;gap:8px;flex-wrap:wrap}
.ck-dgm .dgm.ana{flex:1}
.ck-govde{padding:14px 16px;display:grid;gap:14px}
.ck-govde h3{margin:0;font-family:var(--f-govde);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--silik);font-weight:600}
.grafik svg{width:100%;height:auto;display:block}
.grafik text{font-family:var(--f-sayi);font-size:10px;fill:var(--silik)}
.grafik .deger{fill:var(--murekkep);font-size:10.5px}
.eksik{display:grid;gap:6px}
.ek{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:8px 10px;border:1px solid var(--cizgi2);border-radius:9px;font-size:12.5px}
.ek b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ek .sayi{font-size:12px;text-align:right}
.ek small{grid-column:1/-1;font-family:var(--f-sayi);font-size:10.5px;color:var(--silik);overflow-wrap:anywhere}
.ck-bos{font-size:12.5px;color:var(--soluk);padding:10px;border:1px dashed var(--cizgi);border-radius:9px}
.ck-bos.iyi{border-style:solid;border-color:var(--yesil);color:var(--yesil);background:var(--yesil-z)}
.kontor{display:grid;gap:4px}
.kontor-ust{display:flex;align-items:baseline;gap:8px}
.kontor-ust b{font-size:20px}
.kontor-ust span{font-size:12px;color:var(--soluk)}
.ilerleme{height:4px;border-radius:4px;background:var(--cizgi2);overflow:hidden}
.ilerleme i{display:block;height:100%;background:var(--marka);border-radius:4px}
.sonraki{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.sonraki div{border:1px dashed var(--cizgi);border-radius:9px;padding:8px;text-align:center;font-size:11.5px;color:var(--silik)}
.sonraki b{display:block;font-size:12.5px;color:var(--soluk);font-weight:600}

/* ---- pencere (mükellef ekle, ilet, bağlantı) ---- */
.perde{position:fixed;inset:0;background:rgba(5,20,22,.45);display:grid;place-items:center;padding:16px;z-index:50}
.pencere{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:14px;box-shadow:var(--golge);width:100%;max-width:460px;max-height:calc(100vh - 32px);overflow:auto}
.pencere-bas{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--cizgi2)}
.pencere-bas h2{font-size:16px}
.pencere-govde{padding:16px;display:grid;gap:12px}
.pencere-alt{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--cizgi2)}
.kapat{border:0;background:transparent;font-size:20px;line-height:1;cursor:pointer;color:var(--soluk)}
.sagtik{position:fixed;z-index:60;border:1px solid var(--cizgi);border-radius:9px;background:var(--yuzey);box-shadow:var(--golge);padding:4px;display:grid;min-width:190px;font-size:13px}
.sagtik button{border:0;background:transparent;text-align:left;padding:7px 12px;border-radius:6px;cursor:pointer}
.sagtik button:hover{background:var(--marka-z);color:var(--marka)}
.sagtik hr{border:0;border-top:1px solid var(--cizgi);margin:3px 0}
.bildiri{position:fixed;right:16px;bottom:16px;z-index:70;display:grid;gap:8px}
.bildiri div{background:var(--murekkep);color:var(--zemin);border-radius:10px;padding:10px 14px;font-size:13px;box-shadow:var(--golge);max-width:360px}
.bildiri div.hata{background:var(--kirmizi);color:#fff}

/* ---- personel / hesap ---- */
.ps-liste{display:grid;gap:8px}
.ps{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border:1px solid var(--cizgi2);border-radius:10px}
.ps b{display:block;font-size:13.5px} .ps span{font-size:12px;color:var(--soluk)}
.form-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.secim-liste{max-height:220px;overflow:auto;border:1px solid var(--cizgi);border-radius:9px;padding:6px 10px;display:grid;gap:4px;font-size:13px}
.secim-liste label{display:flex;gap:8px;align-items:center}
.davet-kod{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px dashed var(--marka);background:var(--marka-z);border-radius:10px;padding:8px 12px}
.davet-kod code{font-family:var(--f-sayi);font-size:12.5px;color:var(--marka);word-break:break-all}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}