/* Astra Grup arayüz v2 — tasarım tokenları ve bileşen stilleri.
   Kaynak: docs/superpowers/specs/2026-09-14-arayuz-v2-demo.html (onaylı demo). Sınıf adları ve değerler demodan birebir alınır.
   Uygulamanın tek stil dosyasıdır (kapsamlı .razor.css yalnız hata şeridi ve yeniden bağlanma penceresinde). */

:root{
  --zemin:#F2F4F6; --yuzey:#FFFFFF; --yuzey-2:#F8F9FB; --cizgi:#E3E7EB; --cizgi-2:#EEF1F4;
  --metin:#1C2430; --metin-2:#4A5563; --soluk:#7A8594;
  --ana:#0F6E69; --ana-koyu:#0B5550; --ana-acik:#E3F2F1; --ana-metin:#FFFFFF;
  --basari:#1A7F4B; --basari-acik:#E5F4EC; --uyari:#A86400; --uyari-acik:#FDF1DE;
  --tehlike:#C0392B; --tehlike-acik:#FBE9E7; --bilgi:#2560A8; --bilgi-acik:#E6EEF8;
  --aside:#161D26; --aside-2:#1D2631; --aside-metin:#CBD5E1; --aside-parlak:#FFFFFF; --aside-cizgi:#243040;
  --golge:0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.06);
  --golge-2:0 12px 32px rgba(16,24,40,.14);
  --yaricap:8px;
  --font:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --zemin:#0F141A; --yuzey:#171E26; --yuzey-2:#1B232C; --cizgi:#27313C; --cizgi-2:#212A34;
    --metin:#E6EAEE; --metin-2:#B3BCC6; --soluk:#8591A0;
    --ana:#3FB2AA; --ana-koyu:#5CC4BC; --ana-acik:#15302E; --ana-metin:#08201E;
    --basari:#4CC08A; --basari-acik:#15301F; --uyari:#E0A34A; --uyari-acik:#352812;
    --tehlike:#EF7A6C; --tehlike-acik:#3A1D19; --bilgi:#6FA3E6; --bilgi-acik:#172A40;
    --aside:#0B1015; --aside-2:#121922; --aside-metin:#C2CDDA; --aside-cizgi:#1C2530;
    --golge:0 1px 2px rgba(0,0,0,.3); --golge-2:0 12px 32px rgba(0,0,0,.5);
  }
}
:root[data-theme="dark"]{
  --zemin:#0F141A; --yuzey:#171E26; --yuzey-2:#1B232C; --cizgi:#27313C; --cizgi-2:#212A34;
  --metin:#E6EAEE; --metin-2:#B3BCC6; --soluk:#8591A0;
  --ana:#3FB2AA; --ana-koyu:#5CC4BC; --ana-acik:#15302E; --ana-metin:#08201E;
  --basari:#4CC08A; --basari-acik:#15301F; --uyari:#E0A34A; --uyari-acik:#352812;
  --tehlike:#EF7A6C; --tehlike-acik:#3A1D19; --bilgi:#6FA3E6; --bilgi-acik:#172A40;
  --aside:#0B1015; --aside-2:#121922; --aside-metin:#C2CDDA; --aside-cizgi:#1C2530;
  --golge:0 1px 2px rgba(0,0,0,.3); --golge-2:0 12px 32px rgba(0,0,0,.5);
}
/* Temel sıfırlama: öğelerin tarayıcı varsayılan boşlukları ve kenarlıkları yoktur; bileşen kuralları boşluğu ve kenarlığı açıkça verir.
   Ekranlar bu temel üzerinde tasarlandı (arayüz v2 boyunca yüklü olan eski kütüphane sıfırlamasıyla aynı). */
*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0;border-width:0;border-style:solid;-webkit-tap-highlight-color:transparent}
b,strong{font-weight:700}
html,body{height:100%}
body{font-family:var(--font);color:var(--metin);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1:focus{outline:none}
/* Uygulama kabuğunda ince kaydırma çubukları (sayfa, yan menü, tablo, çekmece) */
html:has([data-erp-kabuk]),[data-erp-kabuk] *{scrollbar-color:#c4c4c4 transparent;scrollbar-width:thin}
body:has([data-erp-kabuk]){background:var(--zemin)}
.erp-kabuk{background:var(--zemin);color:var(--metin);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--ana);text-decoration:none}
:focus-visible{outline:2px solid var(--ana);outline-offset:2px}
.ikon{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ikon.k{width:15px;height:15px}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.gorsel-gizli{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ===== Çerçeve ===== */
.cerceve{display:grid;grid-template-columns:264px 1fr;min-height:100vh}
.cerceve.dar{grid-template-columns:72px 1fr}
aside.menu{background:var(--aside);color:var(--aside-metin);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;overflow:hidden;z-index:30}
.marka{height:64px;display:flex;align-items:center;gap:10px;padding:0 20px;border-bottom:1px solid var(--aside-cizgi)}
.marka-logo{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#1C8C85,#0F5F5C);display:grid;place-items:center;color:#fff;font-weight:700;font-size:15px;flex:none}
.marka-ad{color:#fff;font-weight:600;font-size:17px;letter-spacing:.2px;white-space:nowrap}
.marka-ad small{display:block;font-size:11px;color:var(--aside-metin);font-weight:500;letter-spacing:.4px}
.daralt-dugme{margin-left:auto;background:none;border:0;color:var(--aside-metin);cursor:pointer;padding:6px;border-radius:6px}
.daralt-dugme:hover{background:var(--aside-2);color:#fff}
.sirket-secici{margin:14px 14px 6px;padding:10px 12px;background:var(--aside-2);border:1px solid var(--aside-cizgi);border-radius:8px;display:flex;align-items:center;gap:10px;cursor:pointer;color:#dfe5ea}
.sirket-secici .kucuk{font-size:11px;color:var(--aside-metin);display:block;line-height:1.2}
.sirket-secici b{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:170px}
.sirket-secici.yonetim-rozet{cursor:default}
.menu-kaydir{overflow-y:auto;flex:1;padding:4px 10px 16px}
.menu-ara{margin:8px 14px 4px;display:flex;align-items:center;gap:8px;height:36px;padding:0 10px;border-radius:8px;background:var(--aside-2);border:1px solid var(--aside-cizgi);color:var(--aside-metin)}
.menu-ara:focus-within{border-color:#3FB2AA;color:#fff}
.menu-ara input{flex:1;min-width:0;border:0;background:none;outline:none;color:#fff;font-size:13px}
.menu-ara input::placeholder{color:#8B98A8}
.menu-ara kbd{font-family:var(--mono);font-size:11px;border:1px solid var(--aside-cizgi);border-radius:4px;padding:0 5px;color:#8B98A8}
.menu-oge mark{background:rgba(63,178,170,.28);color:#fff;border-radius:3px;padding:0 1px}
.menu-bos{padding:14px 12px;font-size:13px;color:#8B98A8}
.cerceve.dar .menu-ara{display:none}
.menu-baslik{font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:600;color:#93A1B2;padding:16px 12px 6px;white-space:nowrap}
.menu-oge{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:7px;color:var(--aside-metin);font-weight:500;cursor:pointer;white-space:nowrap;position:relative;border:0;background:none;width:100%;text-align:left}
.menu-oge:hover{color:#fff;background:var(--aside-2)}
.menu-oge.aktif{color:#fff;background:var(--aside-2)}
.menu-oge.aktif::before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:#3FB2AA}
.menu-oge .ok{margin-left:auto;transition:transform .2s}
.menu-oge.acik .ok{transform:rotate(90deg)}
.alt-menu{display:none;padding:2px 0 6px 30px}
.alt-menu.acik{display:block}
.alt-menu .menu-oge{padding:7px 12px;font-size:13.5px}
.alt-menu .menu-oge::after{content:"";width:5px;height:5px;border-radius:50%;background:#6B7A8C;position:absolute;left:0}
.alt-menu .menu-oge.aktif::after{background:#3FB2AA}
.alt-menu .menu-oge.aktif::before{display:none}
.menu-grup-baslik{display:flex;align-items:center;gap:8px;width:100%;border:0;background:none;cursor:pointer;text-align:left}
.menu-grup-baslik:hover{color:#E2E8F0}
.menu-grup-baslik:focus-visible{outline:2px solid #3FB2AA;outline-offset:-2px;border-radius:6px}
.menu-grup-baslik:disabled{cursor:default}
.menu-grup-baslik .ok{margin-left:auto;opacity:.55;transition:transform .2s}
.menu-grup-baslik.acik .ok{transform:rotate(90deg)}
.menu-grup{display:none}
.menu-grup.acik{display:block}
.cerceve.dar .menu-grup{display:block}
.rozet-menu{margin-left:auto;background:#2B3746;color:#cfd7df;font-size:11px;padding:1px 7px;border-radius:10px}
.menu-alt{border-top:1px solid var(--aside-cizgi);padding:12px 20px;font-size:12px;color:#8492A3;white-space:nowrap}
.cerceve.dar .marka-ad,.cerceve.dar .sirket-secici>span,.cerceve.dar .menu-baslik,.cerceve.dar .menu-oge span,.cerceve.dar .ok,.cerceve.dar .rozet-menu,.cerceve.dar .alt-menu,.cerceve.dar .menu-alt{display:none}
.cerceve.dar .sirket-secici{justify-content:center}
.cerceve.dar .menu-oge{justify-content:center}
.cerceve.dar .marka{padding:0;justify-content:center}
.cerceve.dar .marka .marka-logo{display:none}
.cerceve.dar .daralt-dugme{margin:0}
.cerceve.dar .daralt-dugme .ikon{transform:rotate(180deg)}

.ana{min-width:0;display:flex;flex-direction:column}
header.ust{height:64px;background:var(--yuzey);border-bottom:1px solid var(--cizgi);display:flex;align-items:center;gap:12px;padding:0 24px;position:sticky;top:0;z-index:20}
.mobil-menu{display:none;background:none;border:0;padding:6px;cursor:pointer;color:var(--metin-2)}
.arama{flex:0 1 420px;display:flex;align-items:center;gap:8px;background:var(--yuzey-2);border:1px solid var(--cizgi);border-radius:8px;padding:0 12px;height:38px;color:var(--soluk)}
.arama input{border:0;background:none;outline:none;flex:1;min-width:0;color:var(--metin)}
.arama kbd{font-family:var(--mono);font-size:11px;border:1px solid var(--cizgi);border-radius:4px;padding:0 5px;color:var(--soluk)}
.ust-sag{margin-left:auto;display:flex;align-items:center;gap:6px}
.ikon-dugme{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;border:0;background:none;color:var(--metin-2);cursor:pointer;position:relative}
.ikon-dugme:hover{background:var(--yuzey-2);color:var(--metin)}
.ikon-dugme:disabled{opacity:.55;cursor:not-allowed}
.nokta{position:absolute;top:8px;right:9px;width:8px;height:8px;border-radius:50%;background:var(--tehlike);border:2px solid var(--yuzey)}
.kullanici{display:flex;align-items:center;gap:10px;padding:4px 6px 4px 4px;border-radius:8px;cursor:pointer;margin-left:6px;border:0;background:none;text-align:left;color:var(--metin)}
.kullanici:hover{background:var(--yuzey-2)}
.kullanici:disabled{cursor:default}
.avatar{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;font-weight:600;font-size:13px;background:var(--ana-acik);color:var(--ana);flex:none}
.kullanici small{display:block;color:var(--soluk);font-size:12px;line-height:1.1}
.kullanici b{font-weight:600;font-size:13px;line-height:1.2}
.kullanici-bilgi{padding:8px 10px 4px}
.kullanici-bilgi b{display:block;font-weight:600}
.kullanici-bilgi small{color:var(--soluk)}
.bildirim-bos{padding:18px 12px;text-align:center;color:var(--soluk);font-size:13px}
.bildirim-bos b{display:block;color:var(--metin);font-weight:600;margin-bottom:2px}

/* Kabuk gövdesi: sayfalar ActionBar ile başlar ve kendi .icerik alanını kullanır; ActionBar'sız sayfalar (ör. 404) gövde dolgusunu
   buradan alır. */
.sayfa-govde{display:flex;flex-direction:column;min-width:0;flex:1}
.sayfa-govde:not(:has(> .arac-cubugu)){padding:24px}
.kabuk-seritler{padding:16px 24px 0;display:flex;flex-direction:column;gap:10px}
.kabuk-seritler:empty{display:none}

/* Action bar (toolbar) */
.arac-cubugu{background:var(--yuzey);border-bottom:1px solid var(--cizgi);padding:14px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.sayfa-baslik h1{margin:0;font-size:19px;font-weight:600;letter-spacing:-.1px}
.kirinti{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--soluk);margin-top:2px;flex-wrap:wrap}
.kirinti a{color:var(--soluk)} .kirinti a:hover{color:var(--ana)}
.kirinti .ayrac{width:4px;height:4px;border-radius:50%;background:var(--cizgi)}
.arac-eylemler{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.icerik{padding:24px;display:flex;flex-direction:column;gap:20px;min-width:0}

/* Butonlar */
.btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:8px;border:1px solid transparent;font-weight:500;cursor:pointer;white-space:nowrap;font-size:13.5px;transition:background .15s,border-color .15s,color .15s;text-decoration:none}
.btn.kucuk{height:32px;padding:0 10px;font-size:13px}
.btn-ana{background:var(--ana);color:var(--ana-metin)} .btn-ana:hover{background:var(--ana-koyu)}
.btn-acik{background:var(--ana-acik);color:var(--ana)} .btn-acik:hover{filter:brightness(.97)}
.btn-cizgi{background:var(--yuzey);border-color:var(--cizgi);color:var(--metin-2)} .btn-cizgi:hover{border-color:var(--soluk);color:var(--metin)}
.btn-hayalet{background:none;color:var(--metin-2)} .btn-hayalet:hover{background:var(--yuzey-2);color:var(--metin)}
.btn-tehlike{background:var(--tehlike-acik);color:var(--tehlike)}
.btn:disabled,.btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed}
.btn-grup{display:inline-flex}
.btn-grup .btn{border-radius:0} .btn-grup .btn:first-child{border-radius:8px 0 0 8px} .btn-grup .btn:last-child{border-radius:0 8px 8px 0;margin-left:-1px}
.donen{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:don .7s linear infinite;flex:none}
@keyframes don{to{transform:rotate(360deg)}}

/* Kartlar */
.kart{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:10px;box-shadow:var(--golge);min-width:0}
.kart-bas{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--cizgi-2);min-height:60px;flex-wrap:wrap}
.kart-bas h2,.kart-bas h3{margin:0;font-size:15px;font-weight:600}
.kart-bas p{margin:0;color:var(--soluk);font-size:12.5px}
.kart-bas .sag{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.kart-govde{padding:20px}
.kart-alt{padding:14px 20px;border-top:1px solid var(--cizgi-2);display:flex;align-items:center;gap:10px;flex-wrap:wrap}

/* Formlar */
.form-izgara{display:grid;grid-template-columns:repeat(12,1fr);gap:16px 20px}
.s1{grid-column:span 1}.s2{grid-column:span 2}.s3{grid-column:span 3}.s4{grid-column:span 4}.s5{grid-column:span 5}.s6{grid-column:span 6}.s7{grid-column:span 7}.s8{grid-column:span 8}.s9{grid-column:span 9}.s10{grid-column:span 10}.s11{grid-column:span 11}.s12{grid-column:span 12}
.alan label.etiket,.alan .etiket{display:block;font-size:13px;font-weight:500;color:var(--metin-2);margin-bottom:6px}
.alan .etiket .zorunlu{color:var(--tehlike);margin-left:2px}
.giris{width:100%;height:40px;border:1px solid var(--cizgi);background:var(--yuzey);border-radius:8px;padding:0 12px;outline:none;transition:border-color .15s,box-shadow .15s;color:var(--metin)}
textarea.giris{height:auto;min-height:88px;padding:10px 12px;resize:vertical}
.giris::placeholder{color:var(--soluk)}
.giris:hover{border-color:#C5CDD5}
.giris:focus{border-color:var(--ana);box-shadow:0 0 0 3px color-mix(in srgb,var(--ana) 18%,transparent)}
.giris.hata{border-color:var(--tehlike)} .giris.hata:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--tehlike) 18%,transparent)}
.giris:disabled{background:var(--yuzey-2);color:var(--soluk)}
.giris.sag-yasli{text-align:right}
.yardim{font-size:12px;color:var(--soluk);margin-top:5px}
.yardim.hata{color:var(--tehlike)}
.giris-grup{display:flex;align-items:stretch}
.giris-grup .ek{display:grid;place-items:center;padding:0 12px;border:1px solid var(--cizgi);background:var(--yuzey-2);color:var(--soluk);font-size:13px}
.giris-grup .ek:first-child{border-radius:8px 0 0 8px;border-right:0}
.giris-grup .ek:last-child{border-radius:0 8px 8px 0;border-left:0}
.giris-grup .giris{border-radius:0} .giris-grup .giris:first-child{border-radius:8px 0 0 8px} .giris-grup .giris:last-child{border-radius:0 8px 8px 0}
.giris-grup .ek:first-child + .giris:last-child{border-radius:0 8px 8px 0}
.form-bolum{grid-column:span 12;display:flex;align-items:center;gap:10px;margin-top:6px;font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:var(--soluk);font-weight:600}
.form-bolum::after{content:"";flex:1;height:1px;background:var(--cizgi-2)}

/* Özel select */
.secim{position:relative}
.secim-dugme{width:100%;height:40px;display:flex;align-items:center;gap:8px;border:1px solid var(--cizgi);background:var(--yuzey);border-radius:8px;padding:0 10px 0 12px;cursor:pointer;text-align:left;color:var(--metin)}
.secim-dugme:hover{border-color:#C5CDD5}
.secim.acik .secim-dugme{border-color:var(--ana);box-shadow:0 0 0 3px color-mix(in srgb,var(--ana) 18%,transparent)}
.secim-dugme[aria-disabled="true"],.secim-dugme:disabled{background:var(--yuzey-2);color:var(--soluk);cursor:not-allowed}
.secim.hata .secim-dugme{border-color:var(--tehlike)}
.secim-dugme .deger{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.secim-dugme .deger.bos{color:var(--soluk)}
.secim-dugme .deger small{color:var(--soluk)}
.secim-dugme .etiketler{flex:1;display:flex;gap:4px;overflow:hidden}
.cip{display:inline-flex;align-items:center;gap:4px;background:var(--ana-acik);color:var(--ana);border-radius:5px;padding:1px 4px 1px 8px;font-size:12px;white-space:nowrap}
.cip:not(:has(button)){padding:1px 8px}
.cip button{border:0;background:none;color:inherit;cursor:pointer;padding:0 2px;line-height:1;opacity:.7}
.secim-panel{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--yuzey);border:1px solid var(--cizgi);border-radius:10px;box-shadow:var(--golge-2);z-index:60;display:none;overflow:hidden}
.secim.acik .secim-panel{display:block}
.secim.yukari .secim-panel{top:auto;bottom:calc(100% + 6px)}
.secim-ara{padding:8px}
.secim-ara{border-bottom:1px solid var(--cizgi-2)}
.secim-ara .giris{height:34px}
.secim-liste{max-height:230px;overflow:auto;padding:6px}
.secim-grup{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--soluk);padding:8px 8px 4px}
.secenek{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;cursor:pointer}
.secenek:hover,.secenek.odak{background:var(--yuzey-2)}
.secenek.secili{color:var(--ana);font-weight:500}
.secenek[aria-disabled="true"]{opacity:.5;cursor:not-allowed}
.secenek .aciklama{margin-left:auto;color:var(--soluk);font-size:12px}
.secenek .kutu{width:16px;height:16px;border:1.5px solid var(--cizgi);border-radius:4px;display:grid;place-items:center;flex:none}
.secenek.secili .kutu{background:var(--ana);border-color:var(--ana);color:#fff}
.secim-sonuc-yok{padding:10px;color:var(--soluk)}

/* Checkbox, switch, radio kartı */
.onay{display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none}
.onay input{appearance:none;width:18px;height:18px;border:1.5px solid var(--cizgi);border-radius:5px;background:var(--yuzey);display:grid;place-items:center;margin:0;cursor:pointer;flex:none}
.onay input:checked{background:var(--ana);border-color:var(--ana)}
.onay input:checked::after{content:"";width:9px;height:5px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}
.onay input:indeterminate{background:var(--ana);border-color:var(--ana)}
.onay input:indeterminate::after{content:"";width:8px;height:2px;background:#fff}
.onay input:disabled{opacity:.55;cursor:not-allowed}
.anahtar{display:inline-flex;align-items:center;gap:10px;cursor:pointer}
.anahtar input{appearance:none;width:38px;height:22px;border-radius:11px;background:var(--cizgi);position:relative;margin:0;cursor:pointer;transition:background .2s;flex:none}
.anahtar input::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:left .2s}
.anahtar input:checked{background:var(--ana)} .anahtar input:checked::after{left:19px}
.anahtar input:disabled{opacity:.55;cursor:not-allowed}
.radyo-kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.radyo-kart{border:1px solid var(--cizgi);border-radius:9px;padding:12px 14px;cursor:pointer;display:flex;gap:10px;align-items:flex-start;background:var(--yuzey)}
.radyo-kart input{margin-top:3px;accent-color:var(--ana)}
.radyo-kart b{display:block;font-weight:600;font-size:13.5px}
.radyo-kart small{color:var(--soluk)}
.radyo-kart:has(input:checked){border-color:var(--ana);background:var(--ana-acik)}
.radyo-kart:has(input:disabled){opacity:.6;cursor:not-allowed}

/* Filtre */
.filtre-kart .kart-govde{padding:16px 20px}
.filtre-satir{display:grid;grid-template-columns:var(--filtre-sutunlari,2fr 1fr 1fr 1fr auto);gap:12px;align-items:end}
.filtre-dugmeler{display:flex;gap:8px}
.filtre-gelismis{display:none;margin-top:14px;padding-top:14px;border-top:1px dashed var(--cizgi)}
.filtre-gelismis.acik{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.aktif-filtreler{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:12px;font-size:12.5px;color:var(--soluk)}

/* Tablo */
.tablo-sar{overflow-x:auto}
table.veri{width:100%;border-collapse:collapse;min-width:880px}
table.veri th{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--soluk);text-align:left;padding:10px 14px;background:var(--yuzey-2);border-bottom:1px solid var(--cizgi);white-space:nowrap;position:sticky;top:0}
table.veri th.sirala{cursor:pointer} table.veri th.sirala:hover{color:var(--metin)}
table.veri th.sirala button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
table.veri th .sirala-ok{opacity:.8}
table.veri td{padding:11px 14px;border-bottom:1px solid var(--cizgi-2);vertical-align:middle}
table.veri tbody tr.tiklanir{cursor:pointer}
table.veri tbody tr:hover{background:var(--yuzey-2)}
table.veri tbody tr.secili{background:var(--ana-acik)}
table.veri .sag{text-align:right}
table.veri td.tablo-bos{text-align:center;padding:40px;color:var(--soluk)}
table.veri tbody tr.tablo-bos-satir:hover{background:none}
.unvan b{display:block;font-weight:500;color:var(--metin)}
.unvan a{color:inherit}
.unvan small{color:var(--soluk);font-size:12px}
.hucre-kisi{display:flex;align-items:center;gap:10px}
.borc{color:var(--tehlike)} .alacak{color:var(--basari)}
.durum{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:3px 9px;border-radius:20px;white-space:nowrap}
.durum::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.d-basari{background:var(--basari-acik);color:var(--basari)} .d-uyari{background:var(--uyari-acik);color:var(--uyari)}
.d-ana{background:var(--ana-acik);color:var(--ana)} .d-tehlike{background:var(--tehlike-acik);color:var(--tehlike)} .d-bilgi{background:var(--bilgi-acik);color:var(--bilgi)} .d-notr{background:var(--yuzey-2);color:var(--metin-2)}
.etiket-kutu{display:inline-block;font-size:11.5px;padding:2px 7px;border-radius:5px;border:1px solid var(--cizgi);color:var(--metin-2);background:var(--yuzey)}
.toplu-cubuk{display:none;align-items:center;gap:10px;padding:10px 20px;background:var(--ana-acik);border-bottom:1px solid var(--cizgi-2);color:var(--ana);font-weight:500;flex-wrap:wrap}
.toplu-cubuk.acik{display:flex}
.sayfalama{display:flex;align-items:center;gap:4px;margin-left:auto}
.sayfa{min-width:32px;height:32px;border-radius:7px;border:0;background:none;cursor:pointer;color:var(--metin-2)}
.sayfa:hover{background:var(--yuzey-2)} .sayfa.aktif{background:var(--ana);color:var(--ana-metin);font-weight:600}
.sayfa:disabled{opacity:.4;cursor:not-allowed}
.sayfa-bosluk{color:var(--soluk);padding:0 4px}
.sayfa-bilgi{color:var(--soluk);font-size:13px}
.satir-menu{position:relative;display:inline-block}

/* Açılır menü */
.acilir{position:absolute;right:0;top:calc(100% + 4px);background:var(--yuzey);border:1px solid var(--cizgi);border-radius:10px;box-shadow:var(--golge-2);min-width:200px;padding:6px;z-index:70;display:none}
.acilir.acik{display:block}
.acilir.sol{right:auto;left:0}
.acilir button,.acilir a{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;padding:8px 10px;border:0;background:none;border-radius:6px;cursor:pointer;text-align:left;color:var(--metin-2);text-decoration:none}
.acilir button:hover,.acilir a:hover{background:var(--yuzey-2);color:var(--metin)}
.acilir button:disabled{opacity:.5;cursor:not-allowed}
.acilir hr{border:0;border-top:1px solid var(--cizgi-2);margin:6px 0}
.acilir .tehlike{color:var(--tehlike)}
.acilir form{margin:0}

/* Özet kutucuk */
.ozetler{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ozet{padding:16px 18px;display:flex;gap:14px;align-items:center}
.ozet .simge{width:42px;height:42px;border-radius:9px;display:grid;place-items:center;flex:none}
.ozet small{color:var(--soluk);font-size:12.5px;display:block}
.ozet b{font-size:19px;font-weight:600;letter-spacing:-.2px}
.ozet .degisim{font-size:12px;margin-left:6px}
.ozet .ozet-aciklama{color:var(--soluk);font-size:12px;display:block;margin-top:1px}
.r-ana{background:var(--ana-acik);color:var(--ana)} .r-basari{background:var(--basari-acik);color:var(--basari)}
.r-uyari{background:var(--uyari-acik);color:var(--uyari)} .r-tehlike{background:var(--tehlike-acik);color:var(--tehlike)}
.r-bilgi{background:var(--bilgi-acik);color:var(--bilgi)} .r-notr{background:var(--yuzey-2);color:var(--metin-2)}

/* Detay */
.detay-bas{padding:20px 24px;display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}
.detay-avatar{width:64px;height:64px;border-radius:12px;display:grid;place-items:center;font-size:22px;font-weight:600;background:var(--ana-acik);color:var(--ana);flex:none}
.detay-kimlik{min-width:0}
.detay-kimlik h2{margin:0;font-size:20px;font-weight:600;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.detay-meta{display:flex;gap:18px;flex-wrap:wrap;color:var(--soluk);font-size:13px;margin-top:6px}
.detay-meta span{display:inline-flex;align-items:center;gap:6px}
.detay-sayilar{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.sayi-kutu{border:1px dashed var(--cizgi);border-radius:8px;padding:8px 14px;min-width:140px}
.sayi-kutu b{display:block;font-size:16px;font-family:var(--mono);font-weight:500}
.sayi-kutu small{color:var(--soluk);font-size:12px}
.detay-eylem{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.detay-sekme{display:flex;gap:4px;padding:0 24px;border-top:1px solid var(--cizgi-2);overflow-x:auto}
.detay-sekme button,.detay-sekme a{border:0;background:none;padding:14px 12px;color:var(--soluk);font-weight:500;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;text-decoration:none}
.detay-sekme button.aktif,.detay-sekme a.aktif{color:var(--ana);border-color:var(--ana)}
.detay-izgara{display:grid;grid-template-columns:250px 1fr;gap:20px;align-items:start}
.bolumler{display:flex;flex-direction:column;gap:20px;min-width:0}
.ic-menu{padding:8px;position:sticky;top:84px}
.ic-menu button,.ic-menu a{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;padding:10px 12px;border:0;background:none;border-radius:7px;color:var(--metin-2);cursor:pointer;text-align:left;font-weight:500;text-decoration:none}
.ic-menu button:hover,.ic-menu a:hover{background:var(--yuzey-2);color:var(--metin)}
.ic-menu button.aktif,.ic-menu a.aktif{background:var(--ana-acik);color:var(--ana)}
.ic-menu .say{margin-left:auto;font-size:11.5px;background:var(--yuzey-2);color:var(--soluk);border-radius:10px;padding:0 7px}
.ic-menu .aktif .say{background:var(--yuzey);color:var(--ana)}
.ic-menu hr{border:0;border-top:1px solid var(--cizgi-2);margin:8px 4px}
.sekmeler{display:flex;gap:2px;background:var(--yuzey-2);padding:4px;border-radius:9px;border:1px solid var(--cizgi-2);width:fit-content;max-width:100%;overflow-x:auto}
.sekmeler button,.sekmeler a{border:0;background:none;padding:6px 14px;border-radius:6px;cursor:pointer;color:var(--metin-2);font-weight:500;font-size:13px;white-space:nowrap;text-decoration:none}
.sekmeler button.aktif,.sekmeler a.aktif{background:var(--yuzey);color:var(--metin);box-shadow:var(--golge)}
.sekmeler-cizgi{display:flex;gap:4px;border-bottom:1px solid var(--cizgi-2);overflow-x:auto}
.sekmeler-cizgi button,.sekmeler-cizgi a{border:0;background:none;padding:12px 12px;color:var(--soluk);font-weight:500;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.sekmeler-cizgi button.aktif,.sekmeler-cizgi a.aktif{color:var(--ana);border-color:var(--ana)}
.sekme-say{font-size:11.5px;background:var(--yuzey-2);color:var(--soluk);border-radius:10px;padding:0 7px}
.yapiskan-alt{position:sticky;bottom:0;background:color-mix(in srgb,var(--yuzey) 92%,transparent);backdrop-filter:blur(6px);border-top:1px solid var(--cizgi);padding:12px 20px;display:flex;gap:10px;justify-content:flex-end;border-radius:0 0 10px 10px;flex-wrap:wrap}
.yapiskan-alt .yapiskan-bilgi{margin-right:auto;color:var(--soluk);font-size:12.5px;align-self:center}
.bilgi-listesi{display:grid;grid-template-columns:160px 1fr;gap:10px 16px;font-size:13.5px}
.bilgi-listesi dt{color:var(--soluk)} .bilgi-listesi dd{margin:0;font-weight:500}
.zaman-cizelgesi{list-style:none;margin:0;padding:0}
.zaman-cizelgesi li{display:grid;grid-template-columns:18px 1fr auto;gap:12px;padding-bottom:16px;position:relative}
.zaman-cizelgesi li::before{content:"";position:absolute;left:8px;top:18px;bottom:0;width:1px;background:var(--cizgi)}
.zaman-cizelgesi li:last-child::before{display:none}
.zaman-cizelgesi .top{width:17px;height:17px;border-radius:50%;border:3px solid var(--yuzey);box-shadow:0 0 0 1px var(--cizgi);margin-top:2px}
.zaman-cizelgesi .top.r-ana{background:var(--ana)} .zaman-cizelgesi .top.r-basari{background:var(--basari)}
.zaman-cizelgesi .top.r-uyari{background:var(--uyari)} .zaman-cizelgesi .top.r-tehlike{background:var(--tehlike)}
.zaman-cizelgesi .top.r-bilgi{background:var(--bilgi)} .zaman-cizelgesi .top.r-notr{background:var(--soluk)}
.zaman-cizelgesi small{color:var(--soluk)}
.zaman-cizelgesi .zaman{white-space:nowrap}
.uyari-kutu{display:flex;gap:12px;padding:12px 14px;border-radius:9px;border:1px solid;align-items:flex-start}
.uyari-kutu b{display:block}
.u-uyari{background:var(--uyari-acik);border-color:color-mix(in srgb,var(--uyari) 35%,transparent);color:var(--uyari)}
.u-bilgi{background:var(--bilgi-acik);border-color:color-mix(in srgb,var(--bilgi) 35%,transparent);color:var(--bilgi)}
.u-tehlike{background:var(--tehlike-acik);border-color:color-mix(in srgb,var(--tehlike) 35%,transparent);color:var(--tehlike)}
.u-basari{background:var(--basari-acik);border-color:color-mix(in srgb,var(--basari) 35%,transparent);color:var(--basari)}
.u-uyari p,.u-bilgi p,.u-tehlike p,.u-basari p{margin:2px 0 0;color:var(--metin-2)}
.uyari-kutu .uyari-govde{min-width:0}

/* Boş durum ve iskelet */
.bos-durum{text-align:center;padding:56px 20px;color:var(--soluk)}
.bos-durum .avatar{margin:0 auto 12px;width:48px;height:48px}
.bos-durum b,.bos-durum :is(h1,h2,h3){display:block;color:var(--metin);font-size:15px;font-weight:600;margin:0}
.bos-durum p{margin:6px 0 0}
.bos-durum .bos-eylemler{margin-top:16px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.iskelet{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,var(--cizgi-2) 25%,var(--yuzey-2) 50%,var(--cizgi-2) 75%);background-size:200% 100%;animation:iskelet 1.2s ease-in-out infinite}
.iskelet+.iskelet{margin-top:10px}
.iskelet.daire{border-radius:50%}
@keyframes iskelet{from{background-position:200% 0}to{background-position:-200% 0}}

/* Modal ve drawer (yalnız açıkken çizilir; giriş animasyonu anahtar karelerle) */
.ortu{position:fixed;inset:0;background:rgba(10,16,24,.48);z-index:90;display:none;opacity:0;transition:opacity .2s}
.ortu.acik{display:block;opacity:1;animation:ortu-gir .2s ease}
.modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-48%);width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 48px);background:var(--yuzey);border-radius:12px;box-shadow:var(--golge-2);z-index:100;display:none;flex-direction:column;opacity:0;transition:opacity .2s,transform .2s}
.modal.acik{display:flex;opacity:1;transform:translate(-50%,-50%);animation:modal-gir .2s ease}
.modal:focus,.cekmece:focus{outline:none}
.modal-bas,.cekmece-bas{display:flex;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid var(--cizgi-2)}
.modal-bas h3,.cekmece-bas h3{margin:0;font-size:16px;font-weight:600}
.modal-bas p,.cekmece-bas p{margin:0;color:var(--soluk);font-size:12.5px}
.modal-bas .ikon-dugme,.cekmece-bas .ikon-dugme{margin-left:auto}
.modal-govde{padding:20px 22px;overflow:auto}
.modal-alt{padding:14px 22px;border-top:1px solid var(--cizgi-2);display:flex;gap:10px;justify-content:flex-end;align-items:center}
.modal-alt .adim-yazi{margin-right:auto;color:var(--soluk);font-size:12.5px}
.adimlar{display:flex;gap:0;padding:14px 22px;border-bottom:1px solid var(--cizgi-2);overflow-x:auto;list-style:none;margin:0}
.adim{display:flex;align-items:center;gap:10px;color:var(--soluk);font-size:13px;white-space:nowrap;flex:1}
.adim .no{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;border:1px solid var(--cizgi);font-weight:600;font-size:13px;flex:none}
.adim.aktif{color:var(--metin);font-weight:500} .adim.aktif .no{background:var(--ana);border-color:var(--ana);color:var(--ana-metin)}
.adim.tamam .no{background:var(--ana-acik);border-color:transparent;color:var(--ana)}
.adim:not(:last-child)::after{content:"";flex:1;height:1px;background:var(--cizgi);margin:0 12px;min-width:16px}
.cekmece{position:fixed;top:0;right:0;height:100vh;width:min(480px,100vw);background:var(--yuzey);box-shadow:var(--golge-2);z-index:100;display:flex;flex-direction:column;transform:translateX(105%);transition:transform .25s ease}
.cekmece.acik{transform:none;animation:cekmece-gir .25s ease}
.cekmece-govde{padding:20px 22px;overflow:auto;flex:1;display:flex;flex-direction:column;gap:16px}
.cekmece-alt{padding:14px 22px;border-top:1px solid var(--cizgi-2);display:flex;gap:10px}
.cekmece-alt .btn-ana{margin-left:auto}
@keyframes ortu-gir{from{opacity:0}}
@keyframes modal-gir{from{opacity:0;transform:translate(-50%,-48%)}}
@keyframes cekmece-gir{from{transform:translateX(105%)}}

/* Bildirim */
.bildirimler{position:fixed;right:20px;bottom:20px;z-index:120;display:flex;flex-direction:column;gap:10px}
.bildirim{background:var(--yuzey);border:1px solid var(--cizgi);border-left:4px solid var(--basari);border-radius:9px;box-shadow:var(--golge-2);padding:12px 16px;min-width:280px;max-width:360px;display:flex;gap:10px;align-items:flex-start;animation:gir .25s ease;color:var(--metin)}
.bildirim.bilgi{border-left-color:var(--bilgi)} .bildirim.hata{border-left-color:var(--tehlike)}
.bildirim .bildirim-ikon{color:var(--basari)} .bildirim.bilgi .bildirim-ikon{color:var(--bilgi)} .bildirim.hata .bildirim-ikon{color:var(--tehlike)}
.bildirim b{display:block;font-weight:600}
.bildirim small{color:var(--soluk)}
.bildirim .bildirim-govde{flex:1;min-width:0}
.bildirim .ikon-dugme{width:24px;height:24px;margin:-2px -6px 0 0}
@keyframes gir{from{transform:translateY(8px);opacity:0}}
@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}

/* Panel */
.panel-izgara{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px;align-items:start}
.hizli-eylemler{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}
.hizli-eylemler a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:var(--metin-2);border:1px solid var(--cizgi-2)}
.hizli-eylemler a:hover{background:var(--yuzey-2);color:var(--metin);border-color:var(--cizgi)}
.hizli-eylemler a .ok{margin-left:auto;color:var(--soluk)}
.hizli-eylemler a small{display:block;color:var(--soluk);font-size:12px}

/* Firma ekranları */
.davet-sirketleri{display:flex;flex-direction:column;gap:10px}
.davet-sirket{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--cizgi-2);border-radius:9px;background:var(--yuzey-2)}
.davet-sirket .alan .etiket{display:none}
@media (max-width:560px){.davet-sirket{grid-template-columns:1fr}}
.izin-matrisi{display:flex;flex-direction:column;gap:16px}
.izin-grubu{border:1px solid var(--cizgi-2);border-radius:9px;overflow:hidden}
.izin-grup-bas{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--yuzey-2);border-bottom:1px solid var(--cizgi-2)}
.izin-grup-bas b{font-weight:600}
.izin-grup-bas .sekme-say{margin-left:auto}
.izin-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2px;padding:8px}
.izin{display:flex;gap:10px;align-items:flex-start;padding:8px 8px;border-radius:7px;cursor:pointer}
.izin:hover{background:var(--yuzey-2)}
.izin.verilemez{cursor:not-allowed}
.izin .onay{margin-top:1px}
.izin-metin{display:flex;flex-direction:column;min-width:0}
.izin-metin small{color:var(--soluk);font-size:11.5px}
.izin-metin .izin-uyari{color:var(--uyari)}
.bilgi-listesi dd.mono{font-family:var(--mono)}
.denetim-kayit{display:inline-block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;color:var(--metin-2);font-size:12.5px}
.denetim-kayit-tam{word-break:break-all}
.fark-ozet{margin:18px 0 8px;color:var(--soluk);font-size:12.5px}
table.veri.fark-tablosu{min-width:0}
table.veri.fark-tablosu th{position:static}
table.veri.fark-tablosu td{vertical-align:top;word-break:break-word}
table.veri.fark-tablosu .fark-alan{font-weight:500;white-space:nowrap}
table.veri.fark-tablosu tr.degisen td{background:var(--uyari-acik)}
table.veri.fark-tablosu tr.degisen .fark-eski{color:var(--tehlike);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--tehlike) 45%,transparent)}
table.veri.fark-tablosu tr.degisen .fark-yeni{color:var(--basari);font-weight:500}
table.veri.fark-tablosu tr.degisen .fark-bos{color:var(--soluk);text-decoration:none;font-weight:400}
table.veri td.tek-satir,table.veri th.tek-satir{white-space:nowrap}
@media (max-width:560px){.yapiskan-alt .yapiskan-bilgi{flex-basis:100%;margin-right:0}}
.sirket-pasif-bilgi{display:block;color:var(--soluk);font-size:12px;margin-top:4px;white-space:normal;max-width:340px}

/* Tanımlar ve kurlar */
.tablo-arama{width:min(280px,100%)}
.tablo-arama .giris{height:36px}
.kur-arac{width:180px}
.kur-arac .giris{height:38px}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .giris{color-scheme:dark}}
:root[data-theme="dark"] .giris{color-scheme:dark}
.ozetler.uc{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1180px){.ozetler.uc{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){.ozetler.uc{grid-template-columns:1fr}.kur-arac{width:100%}}
@media (max-width:560px){.kart-bas .sag:has(.tablo-arama){margin-left:0;width:100%}.tablo-arama{width:100%}}

/* Yönetim ekranları */
.limit-dolu{color:var(--tehlike);font-weight:600}
.kiraci-durum{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.cekmece-alt [data-islem-gonder]{margin-left:auto}

/* Cari ekranları */
.detay-serit{padding:0 24px 20px}
@media (max-width:860px){.izgara-bosluk{display:none}}
.yardim.dogru{color:var(--basari)}
.cari-roller{display:flex;gap:20px;flex-wrap:wrap;min-height:40px;align-items:center}
.cari-roller .alan{margin:0}
.cari-rozetler{display:inline-flex;gap:6px;flex-wrap:wrap;align-items:center}
.cari-etiketler{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}
.cari-etiketler .cip{font-size:11.5px}
.cari-mukerrer{display:flex;flex-direction:column;gap:2px}
.cari-mukerrer a{color:inherit;font-weight:600;text-decoration:underline}
.cari-kartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.cari-alt-kart{border:1px solid var(--cizgi);border-radius:9px;padding:12px 14px 14px 16px;display:flex;flex-direction:column;gap:6px;background:var(--yuzey);min-width:0}
.cari-alt-kart-bas{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:32px}
.cari-alt-kart-bas b{font-weight:600}
.cari-alt-kart-bas .satir-menu{margin-left:auto}
.cari-alt-kart p{margin:0;color:var(--metin-2);font-size:13px;overflow-wrap:anywhere}
.cari-alt-kart small{color:var(--soluk);font-size:12.5px;overflow-wrap:anywhere}
.cari-alt-kart .mono{overflow-wrap:anywhere}
.cari-tanim-bolum{display:flex;flex-direction:column;gap:10px}
.cari-tanim-bolum h4{margin:0;font-size:14px;font-weight:600}
.cari-tanim-satirlar{display:flex;flex-direction:column;gap:6px}
.cari-tanim-satir{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 12px;border:1px solid var(--cizgi-2);border-radius:8px;background:var(--yuzey-2);flex-wrap:wrap}
.cari-tanim-satir .ad{flex:1;min-width:0;overflow-wrap:anywhere}
.cari-tanim-satir small{color:var(--soluk);font-size:12px;white-space:nowrap}
.cari-tanim-satir.onay-bekliyor{border-color:color-mix(in srgb,var(--tehlike) 35%,transparent);background:var(--tehlike-acik)}
.cari-tanim-form{display:grid;grid-template-columns:minmax(0,1fr) 96px auto;gap:8px;align-items:end;padding:10px 12px;border:1px dashed var(--cizgi);border-radius:9px}
.cari-tanim-form.etiket-formu{grid-template-columns:minmax(0,1fr) auto}
.cari-tanim-form .form-eylem{display:flex;gap:6px}
.renk-secici{display:flex;gap:6px;flex-wrap:wrap;grid-column:1/-1}
.renk-secici button.cip{border:1px solid transparent;cursor:pointer;padding:3px 10px;font:inherit;font-size:12px}
.renk-secici button.cip[aria-checked="true"]{border-color:currentColor;font-weight:600}
@media (max-width:560px){.cari-tanim-form,.cari-tanim-form.etiket-formu{grid-template-columns:1fr}}
/* Ortak etiketler (Ayarlar › Etiketler). 8'li palet: altı semantik .r-* sınıfı + Mor ve Pembe (koyu temada ayrı tonlar). */
.r-mor{background:#F1EAFB;color:#6D3FB5} .r-pembe{background:#FCE8F1;color:#B0306F}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .r-mor{background:#2A2040;color:#B99AF0} :root:not([data-theme="light"]) .r-pembe{background:#3A1B2B;color:#EE8FBC}}
:root[data-theme="dark"] .r-mor{background:#2A2040;color:#B99AF0} :root[data-theme="dark"] .r-pembe{background:#3A1B2B;color:#EE8FBC}
.etiket-araclar{display:flex;gap:12px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;padding:12px 20px;border-bottom:1px solid var(--cizgi-2)}
.etiket-araclar .alan{margin:0;flex:0 1 280px;min-width:0}
.etiket-araclar .sekmeler{max-width:100%;overflow-x:auto}
.etiket-kapsamlar{display:flex;gap:4px;flex-wrap:wrap}
.etiket-aciklama{color:var(--metin-2);font-size:12.5px}
.renk-kutulari{display:flex;gap:8px;flex-wrap:wrap}
.renk-kutulari button{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--cizgi);background:var(--yuzey);border-radius:8px;padding:4px 10px 4px 4px;font:inherit;font-size:12.5px;color:var(--metin);cursor:pointer}
.renk-kutulari button .kutu{display:grid;place-items:center;width:28px;height:22px;border-radius:5px;font-size:11px;font-weight:600}
.renk-kutulari button[aria-checked="true"]{border-color:var(--ana);box-shadow:0 0 0 2px var(--ana-acik);font-weight:600}
.renk-kutulari button:disabled{opacity:.55;cursor:not-allowed}
.kapsam-secimi{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px 16px}
.etiket-onizleme{display:flex;align-items:center;gap:8px;margin-top:14px}
table.veri.durum-tablosu{min-width:0}
table.veri.durum-tablosu th{position:static;width:34%;min-width:180px;background:none;text-transform:none;letter-spacing:0;font-size:13.5px;font-weight:500;color:var(--metin-2);border-bottom:1px solid var(--cizgi-2);white-space:normal}
table.veri.durum-tablosu tbody tr:last-child th,table.veri.durum-tablosu tbody tr:last-child td{border-bottom:0}
table.veri.durum-tablosu .durum-hata{word-break:break-word}
.form-karti{max-width:880px}
.form-karti-govde{display:flex;flex-direction:column;gap:16px}
.kart-alt .sag-yasli-dugme{margin-left:auto}
.giris-grup .giris-grup-dugme{height:40px;border-radius:0 8px 8px 0;margin-left:-1px}

/* Etkileşim bekleniyor (EtkilesimBekleyici): devre bağlanana kadar sayfanın üstünde ince çubuk; düzeni kaydırmaz */
.etkilesim-bekleniyor{position:fixed;top:0;left:0;right:0;height:3px;z-index:200;overflow:hidden;background:color-mix(in srgb,var(--ana) 18%,transparent)}
.etkilesim-bekleniyor span{position:absolute;top:0;bottom:0;left:-35%;width:35%;background:var(--ana);animation:etkilesim-bekle 1.1s ease-in-out infinite}
@keyframes etkilesim-bekle{to{left:100%}}
/* Belirsiz onay kutusu JS'siz (data-belirsiz): grup toplu seçimi */
.onay input[data-belirsiz="true"]:not(:checked){background:var(--ana);border-color:var(--ana)}
.onay input[data-belirsiz="true"]:not(:checked)::after{content:"";width:8px;height:2px;background:#fff}

/* Belgeler bölümü (Components/Ortak/BelgelerBolumu): bırakma alanı InputFile'ı kaplar (JS yok), liste satırları */
label.btn.devre-disi{opacity:.55;cursor:not-allowed}
.belge-birak{position:relative;margin:16px 20px 0;border:1.5px dashed var(--cizgi);border-radius:var(--yaricap);background:var(--yuzey-2);transition:border-color .15s,background .15s}
.belge-birak:hover,.belge-birak.uzerinde,.belge-birak:focus-within{border-color:var(--ana);background:var(--ana-acik)}
.belge-birak.devre-disi{opacity:.7}
.belge-birak.devre-disi:hover{border-color:var(--cizgi);background:var(--yuzey-2)}
.belge-birak input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}
.belge-birak input[type=file]:disabled{cursor:not-allowed}
.belge-birak-metin{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 16px;text-align:center;color:var(--metin-2);font-size:13.5px}
.belge-birak-metin .ikon{color:var(--ana)}
.belge-birak-metin small{color:var(--soluk);font-size:12px}
.belge-birak-metin:has(.donen){flex-direction:row;justify-content:center}
.belge-ilerleme{height:3px;margin:0 16px 12px;border-radius:2px;background:var(--cizgi-2);overflow:hidden}
.belge-ilerleme span{display:block;height:100%;background:var(--ana);transition:width .2s}
.belge-listesi{list-style:none;margin:8px 0 0;padding:0 0 8px}
.belge-listesi li{display:flex;align-items:center;gap:12px;padding:10px 20px;border-top:1px solid var(--cizgi-2)}
.belge-listesi li:first-child{border-top:0}
.belge-ikon{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:8px;background:var(--ana-acik);color:var(--ana)}
.belge-bilgi{min-width:0;flex:1}
.belge-bilgi .belge-ad{display:block;font-weight:500;color:var(--metin);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.belge-bilgi .belge-ad:hover{color:var(--ana);text-decoration:underline}
.belge-bilgi small{display:block;color:var(--soluk);font-size:12px}
.belge-bilgi p{margin:2px 0 0;color:var(--metin-2);font-size:12.5px}
.belge-eylem{display:flex;gap:4px;flex:none}

.gizli{display:none!important}

/* ===== Yazdırma =====
   Baskı sayfası (Components/Yazdirma/BelgeBaskisi) tema bağımsızdır: her zaman beyaz kâğıt, sabit koyu metin; yalnız vurgu rengi şablondan
   (--baski-vurgu). Editör ve galeri (Ayarlar/Bolumler/YazdirmaSablonlariAyari) uygulama tema değişkenlerini kullanır. */
.baski-cerceve{max-width:100%}
.baski-kucuk .baski-sayfa{zoom:var(--baski-olcek,1);pointer-events:none}
.baski-sayfa{--baski-metin:#1B1F24;--baski-soluk:#5F6B78;--baski-cizgi:#D5DAE0;--baski-zemin:#F4F6F8;
  background:#fff;color:var(--baski-metin);color-scheme:light;font:9pt/1.45 "IBM Plex Sans",Arial,sans-serif;font-variant-numeric:tabular-nums;
  width:210mm;min-height:297mm;padding:12mm;margin:0 auto;box-shadow:0 1px 3px rgba(16,24,40,.12),0 8px 24px rgba(16,24,40,.08);
  display:flex;flex-direction:column;gap:5mm;-webkit-print-color-adjust:exact;print-color-adjust:exact;text-align:left}
.baski-sayfa.a4.yatay{width:297mm;min-height:210mm}
.baski-sayfa.a5{width:148mm;min-height:210mm;padding:9mm;font-size:7.8pt;gap:4mm}
.baski-sayfa.a5.yatay{width:210mm;min-height:148mm}
.baski-sayfa b{font-weight:600}
.baski-sayfa .sayi{font-variant-numeric:tabular-nums;white-space:nowrap}
.baski-ust{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:6mm;padding-bottom:4mm;border-bottom:2px solid var(--baski-vurgu)}
.baski-ust.logo-orta{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.baski-logo{margin-bottom:2.5mm}
.baski-logo img{display:block;max-height:18mm;max-width:55mm;object-fit:contain}
.baski-logo.orta{grid-column:1/-1;display:flex;justify-content:center;margin-bottom:0}
.baski-logo.sag{display:flex;justify-content:flex-end}
.baski-sirket{display:flex;flex-direction:column;gap:.6mm;min-width:0}
.baski-sirket span{color:var(--baski-soluk)}
.baski-unvan{font-size:1.2em;color:var(--baski-metin)}
.baski-kimlik{display:flex;flex-direction:column;align-items:flex-end;text-align:right;min-width:0}
.baski-baslik{margin:0 0 2.5mm;font-size:var(--baski-baslik,18pt);line-height:1.15;font-weight:700;letter-spacing:.3px;color:var(--baski-vurgu)}
.baski-bilgi{display:grid;grid-template-columns:auto auto;gap:.5mm 4mm;margin:0}
.baski-bilgi dt{color:var(--baski-soluk)}
.baski-bilgi dd{margin:0;font-weight:500;text-align:right}
.baski-taraflar{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:5mm}
.baski-taraf{display:flex;flex-direction:column;gap:.6mm;padding:3mm 3.5mm;border:1px solid var(--baski-cizgi);border-left:3px solid var(--baski-vurgu);border-radius:1.5mm;min-width:0}
.baski-taraf small,.baski-ibanlar small,.baski-imza small{font-size:.8em;text-transform:uppercase;letter-spacing:.6px;color:var(--baski-soluk)}
.baski-taraf span{color:var(--baski-metin)}
.baski-bakiye b{margin-left:1mm}
.baski-tablo{width:100%;border-collapse:collapse}
.baski-tablo th{background:var(--baski-vurgu);color:#fff;font-weight:600;text-align:left;padding:1.6mm 2mm;font-size:.92em;white-space:nowrap}
.baski-tablo td{padding:1.6mm 2mm;border-bottom:1px solid var(--baski-cizgi);vertical-align:top}
.baski-tablo tbody tr:nth-child(even) td{background:var(--baski-zemin)}
.baski-tablo .sag{text-align:right}
.baski-tablo tr{break-inside:avoid}
.baski-tablo thead{display:table-header-group}
.baski-dip{display:flex;gap:6mm;align-items:flex-start;break-inside:avoid}
.baski-dip-sol{flex:1;min-width:0;display:flex;flex-direction:column;gap:2.5mm}
.baski-yaziyla,.baski-not,.baski-sabit-not{margin:0}
.baski-yaziyla{padding:2mm 3mm;background:var(--baski-zemin);border-radius:1.5mm}
.baski-not{color:var(--baski-soluk)}
.baski-sabit-not{padding-top:3mm;border-top:1px solid var(--baski-cizgi);color:var(--baski-soluk);white-space:pre-line}
.baski-ibanlar{display:flex;flex-direction:column;gap:.6mm}
.baski-toplamlar{border-collapse:collapse;min-width:62mm;margin-left:auto}
.baski-toplamlar th{text-align:left;font-weight:400;color:var(--baski-soluk);padding:1mm 3mm 1mm 0;white-space:nowrap}
.baski-toplamlar th small{font-size:.85em}
.baski-toplamlar td{text-align:right;padding:1mm 0}
.baski-toplamlar tr.genel th,.baski-toplamlar tr.genel td{border-top:2px solid var(--baski-vurgu);padding-top:1.8mm;font-size:1.18em;font-weight:700;color:var(--baski-metin)}
.baski-toplamlar tr.tl th,.baski-toplamlar tr.tl td{font-size:.95em}
.baski-altbilgi{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:6mm;padding-top:4mm}
.baski-imzalar{display:flex;gap:6mm}
.baski-imza{width:48mm;min-height:24mm;border:1px dashed var(--baski-cizgi);border-radius:1.5mm;padding:2mm;display:flex;flex-direction:column;align-items:center;gap:1mm}
.baski-imza img{max-width:100%;max-height:22mm;object-fit:contain}
.baski-sayfa-no{margin-left:auto;color:var(--baski-soluk);font-size:.85em}
/* Baskı satır türleri (teklif): bölüm başlığı, açıklama, bölüm ara toplamı, isteğe bağlı kalemler, satır görseli, geçerlilik ve şartlar */
.baski-tablo tr.baski-bolum td{background:var(--baski-zemin)!important;font-weight:700;color:var(--baski-vurgu);border-bottom:1.5px solid var(--baski-vurgu);padding-top:2.4mm}
.baski-tablo tr.baski-aciklama td{background:#fff!important;font-style:italic;color:var(--baski-soluk)}
.baski-tablo tr.baski-ara-toplam td{background:#fff!important;text-align:right;border-bottom:1px solid var(--baski-cizgi)}
.baski-tablo tr.baski-ara-toplam td span{color:var(--baski-soluk);margin-right:4mm}
.baski-satir-ad{display:flex;align-items:center;gap:2mm}
.baski-satir-gorsel{width:48px;height:48px;object-fit:contain;border:1px solid var(--baski-cizgi);border-radius:1mm;flex:none;background:#fff}
.baski-opsiyonel{display:flex;flex-direction:column;gap:2mm;break-inside:avoid}
.baski-opsiyonel-bas{display:flex;align-items:baseline;gap:3mm}
.baski-opsiyonel-bas small{color:var(--baski-soluk)}
.baski-opsiyonel .baski-tablo th{background:var(--baski-soluk)}
.baski-gecerlilik{margin:0;padding:2mm 3mm;border-left:3px solid var(--baski-vurgu);background:var(--baski-zemin)}
.baski-sartlar small{font-size:.8em;text-transform:uppercase;letter-spacing:.6px;color:var(--baski-soluk)}
.baski-sartlar p{margin:.5mm 0 0;white-space:pre-line}

.yazdirma-ust{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}
.yazdirma-ust .alan{width:min(320px,100%)}
.yazdirma-ust .yardim{margin:0 0 10px}
.yazdirma-galeri{display:grid;grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:16px;margin-top:18px}
.yazdirma-kart{display:flex;flex-direction:column;border:1px solid var(--cizgi);border-radius:10px;background:var(--yuzey);overflow:hidden;min-width:0}
.yazdirma-kart.varsayilan{border-color:var(--ana);box-shadow:0 0 0 1px var(--ana)}
.yazdirma-kucuk{display:flex;justify-content:center;align-items:flex-start;height:236px;overflow:hidden;background:var(--yuzey-2);border-bottom:1px solid var(--cizgi-2);padding:12px 0 0;cursor:pointer;width:100%}
.yazdirma-kucuk:hover{background:var(--ana-acik)}
.yazdirma-kucuk .baski-sayfa{box-shadow:0 1px 4px rgba(16,24,40,.18)}
.yazdirma-kart-bilgi{padding:10px 12px 4px;display:flex;flex-direction:column;gap:6px;min-width:0}
.yazdirma-kart-bilgi b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yazdirma-rozetler{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.yazdirma-kart-eylem{display:flex;gap:2px;flex-wrap:wrap;padding:4px 8px 8px;margin-top:auto}
.yazdirma-editor{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start}
.yazdirma-onizleme{position:sticky;top:12px;background:var(--yuzey-2);border:1px solid var(--cizgi);border-radius:10px;padding:18px;overflow:auto;max-height:calc(100vh - 140px)}
.yazdirma-onizleme-bas{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:var(--soluk);font-size:12.5px;flex-wrap:wrap}
.yazdirma-onizleme-bas .btn{margin-left:auto}
.yazdirma-panel{display:flex;flex-direction:column;gap:14px}
.yazdirma-grup{display:flex;flex-direction:column;gap:10px}
.yazdirma-grup>h4{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:var(--soluk);font-weight:600;display:flex;align-items:center;gap:10px}
.yazdirma-grup>h4::after{content:"";flex:1;height:1px;background:var(--cizgi-2)}
.yazdirma-anahtarlar{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}
.yazdirma-anahtarlar .anahtar{font-size:13px;gap:8px}
.yazdirma-secenek{display:flex;flex-direction:column;gap:6px}
.yazdirma-secenek>span{font-size:13px;font-weight:500;color:var(--metin-2)}
.yazdirma-renkler{display:flex;gap:8px;flex-wrap:wrap}
.yazdirma-renk{width:30px;height:30px;border-radius:8px;border:2px solid var(--yuzey);box-shadow:0 0 0 1px var(--cizgi);cursor:pointer;display:grid;place-items:center;color:#fff}
.yazdirma-renk[aria-checked="true"]{box-shadow:0 0 0 2px var(--metin)}
.yazdirma-renk:disabled{cursor:not-allowed;opacity:.6}
.yazdirma-kolonlar{list-style:none;margin:0;padding:0;border:1px solid var(--cizgi-2);border-radius:9px;overflow:hidden}
.yazdirma-kolonlar li{display:flex;align-items:center;gap:8px;padding:4px 6px 4px 10px;border-top:1px solid var(--cizgi-2)}
.yazdirma-kolonlar li:first-child{border-top:0}
.yazdirma-kolonlar li.gizli-kolon .onay span{color:var(--soluk)}
.yazdirma-kolonlar .onay{flex:1;font-size:13px}
.yazdirma-yukle{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.yazdirma-yukle-onizleme{width:72px;height:44px;border:1px solid var(--cizgi);border-radius:8px;background:#fff;display:grid;place-items:center;overflow:hidden}
.yazdirma-yukle-onizleme img{max-width:100%;max-height:100%;object-fit:contain}
.yazdirma-yukle label.btn{position:relative;overflow:hidden}
.yazdirma-yukle label.btn input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}
.ikon.yukari{transform:rotate(180deg)}
@media (max-width:1180px){.yazdirma-editor{grid-template-columns:1fr}.yazdirma-onizleme{position:static;max-height:none}}
@media (max-width:560px){.yazdirma-anahtarlar{grid-template-columns:1fr}}
/* Baskı: yalnız .baski-yazdir sayfası basılır. Atası olmayan her öğe gizlenir, ataları düz bloğa indirgenir (kabuk ızgarası, kaydırma alanı,
   gölge ve dolgu baskıya taşınmaz); @page boyutu BelgeBaskisi'nin kendi <style> kuralından gelir. */
@media print{
  html,body{background:#fff!important;height:auto!important}
  body:has(.baski-yazdir) *:not(:has(.baski-yazdir)):not(.baski-yazdir):not(.baski-yazdir *){display:none!important}
  body:has(.baski-yazdir) *:has(.baski-yazdir){display:block!important;position:static!important;margin:0!important;padding:0!important;border:0!important;
    box-shadow:none!important;background:none!important;overflow:visible!important;height:auto!important;min-height:0!important;max-height:none!important;
    width:auto!important;max-width:none!important;transform:none!important;zoom:1!important}
  .baski-yazdir{width:auto!important;min-height:0!important;padding:0!important;margin:0!important;box-shadow:none!important;zoom:1!important}
  .baski-yazdir .baski-sayfa-no{display:none}
}

/* Duyarlı */
@media (max-width:1180px){
  .ozetler{grid-template-columns:repeat(2,1fr)}
  .filtre-satir{grid-template-columns:1fr 1fr}
  .filtre-satir .filtre-dugmeler{grid-column:span 2}
  .filtre-gelismis.acik{grid-template-columns:1fr 1fr}
  .detay-izgara{grid-template-columns:1fr}
  .ic-menu{position:static;display:flex;overflow-x:auto;gap:4px}
  .ic-menu button,.ic-menu a{width:auto;white-space:nowrap}
  .ic-menu hr{display:none}
  .panel-izgara{grid-template-columns:1fr}
}
@media (max-width:860px){
  .cerceve,.cerceve.dar{grid-template-columns:1fr}
  aside.menu{position:fixed;left:0;top:0;width:280px;transform:translateX(-105%);transition:transform .25s}
  .cerceve.mobil-acik aside.menu{transform:none;box-shadow:var(--golge-2)}
  .cerceve.dar .marka-ad,.cerceve.dar .sirket-secici>span,.cerceve.dar .menu-baslik,.cerceve.dar .menu-oge span,.cerceve.dar .ok,.cerceve.dar .rozet-menu,.cerceve.dar .menu-alt{display:revert}
  .cerceve.dar .menu-ara{display:flex}
  .cerceve.dar .menu-grup:not(.acik){display:none}
  .mobil-menu{display:grid}
  .daralt-dugme{display:none}
  header.ust{padding:0 16px}
  .arama{display:none}
  .kullanici .isim{display:none}
  .arac-cubugu{padding:12px 16px}
  .icerik{padding:16px}
  .sayfa-govde:not(:has(> .arac-cubugu)){padding:16px}
  .kabuk-seritler{padding:12px 16px 0}
  .s1,.s2,.s3,.s4,.s5,.s6,.s7,.s8,.s9,.s10,.s11{grid-column:span 12}
  .ozetler{grid-template-columns:1fr}
  .filtre-satir,.filtre-gelismis.acik{grid-template-columns:1fr}
  .filtre-satir .filtre-dugmeler{grid-column:auto}
  .bilgi-listesi{grid-template-columns:1fr}
  .detay-eylem{margin-left:0}
  .bildirimler{left:16px;right:16px}
  .bildirim{min-width:0;max-width:none}
}

/* ===== Ayarlar kabuğu (tasarım 2026-09-15 §5.1): solda gruplu iç menü + arama, sağda bölüm; ≤860 px'te menü yerine seçim kutusu ===== */
.ayar-izgara{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;align-items:start}
.ayar-menu{padding:8px;position:sticky;top:84px;max-height:calc(100vh - 104px);overflow:auto}
.ayar-ara{display:flex;align-items:center;gap:8px;height:36px;padding:0 10px;margin:2px 2px 4px;border:1px solid var(--cizgi);border-radius:8px;background:var(--yuzey-2);color:var(--soluk)}
.ayar-ara:focus-within{border-color:var(--ana);color:var(--metin)}
.ayar-ara input{flex:1;min-width:0;border:0;background:none;outline:none;color:var(--metin);font-size:13px}
.ayar-ara input::placeholder{color:var(--soluk)}
.ayar-menu-baslik{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--soluk);padding:14px 12px 6px}
.ayar-menu a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:7px;color:var(--metin-2);font-weight:500;text-decoration:none}
.ayar-menu a:hover{background:var(--yuzey-2);color:var(--metin)}
.ayar-menu a.aktif{background:var(--ana-acik);color:var(--ana)}
.ayar-menu-bos{padding:14px 12px;font-size:13px;color:var(--soluk)}
.ayar-mobil-secim{display:none}
.ayar-icerik{display:flex;flex-direction:column;gap:20px;min-width:0}
.ayar-aciklama{margin:0;color:var(--soluk);font-size:13.5px}
.ayar-eylemler{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}
/* Bölüm içindeki detay sayfası (ör. Şirket bilgileri) iki iç menüyle sıkışmasın: kendi iç menüsü yatay kayar. */
@media (max-width:1440px){
  .ayar-icerik .detay-izgara{grid-template-columns:1fr}
  .ayar-icerik .ic-menu{position:static;display:flex;overflow-x:auto;gap:4px}
  .ayar-icerik .ic-menu button,.ayar-icerik .ic-menu a{width:auto;white-space:nowrap}
  .ayar-icerik .ic-menu hr{display:none}
}
@media (max-width:860px){
  .ayar-izgara{grid-template-columns:1fr;gap:16px}
  .ayar-menu{display:none}
  .ayar-mobil-secim{display:block}
}

/* ===== Rapor merkezi (Modül 7) ===== */
.rapor-oge{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:0;border-radius:7px;background:none;color:var(--metin-2);font:inherit;font-weight:500;text-align:left;cursor:pointer}
.rapor-oge:hover{background:var(--yuzey-2);color:var(--metin)}
.rapor-oge.aktif{background:var(--ana-acik);color:var(--ana)}
.rapor-oge:disabled{opacity:.6;cursor:default}
table.veri.rapor-tablo{min-width:0}
table.veri.rapor-tablo tfoot td{font-weight:600;background:var(--yuzey-2);border-top:1px solid var(--cizgi)}

/* ===== Hesap sayfaları (bölünmüş ekran, statik SSR) ===== */
body:has(.hesap-ekran){background:var(--zemin)}
.hesap-ekran{display:grid;grid-template-columns:minmax(380px,5fr) 7fr;min-height:100vh}
.hesap-marka{background:var(--aside);color:var(--aside-metin);display:flex;flex-direction:column;gap:32px;padding:32px 48px;border-right:1px solid var(--aside-cizgi);position:sticky;top:0;height:100vh;overflow:auto}
.hesap-marka-bas{display:flex;align-items:center;gap:10px}
.hesap-marka-govde{margin-block:auto;max-width:460px}
.hesap-mesaj{margin:0;color:#fff;font-size:30px;line-height:1.25;font-weight:600;letter-spacing:-.4px}
.hesap-alt-mesaj{margin:14px 0 0;font-size:15px;line-height:1.55;color:var(--aside-metin)}
.hesap-maddeler{list-style:none;margin:32px 0 0;padding:0;display:flex;flex-direction:column;gap:18px}
.hesap-maddeler li{display:flex;gap:14px;align-items:flex-start}
.hesap-madde-simge{width:38px;height:38px;border-radius:9px;background:var(--aside-2);border:1px solid var(--aside-cizgi);display:grid;place-items:center;color:#3FB2AA;flex:none}
.hesap-madde-metin b{display:block;color:#fff;font-weight:600;font-size:14px}
.hesap-madde-metin small{display:block;font-size:13px;line-height:1.45;margin-top:2px}
.hesap-marka-alt{font-size:12px;color:#5E6B7A}
.hesap-govde{display:flex;align-items:center;justify-content:center;padding:40px 24px;min-width:0}
.hesap-kart{width:100%;max-width:460px;padding:32px}
.hesap-kart:has(.hesap-izgara){max-width:540px}
.hesap-baslik{margin-bottom:22px}
.hesap-baslik h1{margin:0;font-size:22px;font-weight:600;letter-spacing:-.2px}
.hesap-baslik p{margin:4px 0 0;color:var(--soluk)}
.hesap-form{display:flex;flex-direction:column;gap:16px}
.hesap-ekran a:not(.btn){font-weight:500}
.hesap-ekran a:not(.btn):hover{text-decoration:underline}
.hesap-form .giris.invalid{border-color:var(--tehlike)}
.hesap-form .validation-message{font-size:12px;color:var(--tehlike);margin-top:5px}
.hesap-form fieldset{border:0;margin:0;padding:0;min-width:0}
.hesap-izgara{gap:16px}
.hesap-satir{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13.5px}
.hesap-satir-sag{margin-left:auto}
.hesap-dugme{width:100%;justify-content:center;height:42px}
.hesap-uyari{margin-bottom:16px}
.hesap-metin{margin:0 0 16px;color:var(--metin-2)}
.hesap-alt{margin:20px 0 0;font-size:13.5px;color:var(--metin-2)}
.hesap-baglantilar{display:flex;flex-direction:column;gap:6px}
.hesap-sirketler{display:flex;flex-direction:column;gap:10px}
.hesap-sirketler .radyo-kart small{display:block;margin-top:2px}
.hesap-bos-durum{padding:24px 0 8px}
@media (max-width:860px){
  .hesap-ekran{grid-template-columns:1fr}
  .hesap-marka{display:none}
  .hesap-govde{align-items:flex-start;padding:24px 16px}
  .hesap-kart{padding:24px 20px}
}
@media (max-width:560px){.hesap-izgara .s6{grid-column:span 12}}
/* ===== Tanıtım sitesi, KVKK, 404 ve hata (statik SSR, uygulama kabuğu yok) =====
   Aynı tokenlar ve IBM Plex; açık/koyu tema html[data-theme] + prefers-color-scheme ile. Ağır efekt/degrade kullanılmaz. */
body:has(.site){background:var(--zemin)}
.site{background:var(--zemin);color:var(--metin);min-height:100vh;font:15px/1.6 var(--font);-webkit-font-smoothing:antialiased;display:flex;flex-direction:column}
.site :where(a:not(.btn):hover){text-decoration:underline}
.site h1,.site h2,.site h3{font-family:var(--font);font-weight:600;margin:0;letter-spacing:-.3px;color:var(--metin)}
.site main{flex:1}
.site-govde{max-width:1100px;margin:0 auto;padding-inline:16px;width:100%}
.site-ustbilgi{border-bottom:1px solid var(--cizgi);background:var(--yuzey)}
.site-ustbilgi-ic{display:flex;align-items:center;justify-content:space-between;padding-block:14px;flex-wrap:wrap;gap:12px}
.site :where(a.site-marka){display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:19px;color:var(--metin);text-decoration:none}
.site-nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.site :where(.site-nav>a:not(.site-buton)){color:var(--metin-2);font-weight:500}
.site :where(.site-nav>a:not(.site-buton):hover){color:var(--ana);text-decoration:none}
.site-buton{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 18px;border-radius:8px;font-weight:500;border:1px solid transparent;white-space:nowrap}
.site :where(a.site-buton:hover){text-decoration:none}
.site :where(.site-buton-birincil){background:var(--ana);color:var(--ana-metin)}
.site :where(.site-buton-birincil:hover){background:var(--ana-koyu)}
.site :where(.site-buton-ikincil){background:var(--yuzey);color:var(--metin-2);border-color:var(--cizgi)}
.site :where(.site-buton-ikincil:hover){border-color:var(--soluk);color:var(--metin)}
.site-kahraman{padding-block:72px 56px;text-align:center}
.site-kahraman h1{font-size:clamp(1.9rem,4.2vw,2.9rem);line-height:1.18;max-width:820px;margin-inline:auto;font-weight:600;letter-spacing:-.8px}
.site-kahraman-alt{max-width:640px;margin:20px auto 0;color:var(--metin-2);font-size:1.0625rem}
.site-kahraman-eylemler{display:flex;justify-content:center;gap:12px;margin-top:28px;flex-wrap:wrap}
.site-ozellikler{padding-block:32px 72px}
.site-ozellikler h2{font-size:1.5rem;text-align:center;margin-bottom:28px}
.site-ozellik-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.site-ozellik-karti{position:relative;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:10px;box-shadow:var(--golge);padding:20px}
.site-ozellik-karti h3{font-size:1.0625rem;margin-bottom:8px;letter-spacing:-.1px}
.site-ozellik-karti:has(.site-etiket-yakinda) h3{padding-right:76px}
.site-ozellik-karti p{color:var(--metin-2);margin:0;font-size:.9375rem}
.site-etiket-yakinda{position:absolute;top:16px;right:16px;font-size:12px;font-weight:500;color:var(--uyari);background:var(--uyari-acik);border-radius:20px;padding:2px 10px}
.site-altbilgi{border-top:1px solid var(--cizgi);background:var(--yuzey)}
.site-altbilgi-ic{display:flex;justify-content:space-between;padding-block:18px;color:var(--soluk);font-size:.875rem;flex-wrap:wrap;gap:8px}
.site-belge{padding-block:48px;max-width:760px}
.site-belge h1{font-size:2rem;margin-bottom:6px}
.site-belge-surum{color:var(--soluk);font-size:.875rem;margin:0 0 20px}
.site-belge>p:not(.site-belge-surum){margin:0 0 14px}
.site-belge .uyari-kutu{margin-bottom:20px}
.site-bos{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px}
.site-bos .bos-durum{width:min(520px,100%)}
.site-bos .bos-durum h1{font-size:22px}
.site-istek-kimligi{margin:14px 0 0;color:var(--soluk);font-size:12.5px}
@media (max-width:480px){
  .site-kahraman{padding-block:48px 40px}
  .site-kahraman-eylemler{flex-direction:column;align-items:stretch}
  .site-altbilgi-ic{flex-direction:column;text-align:center}
}
/* ===== Stok ekranları (tasarım 2026-09-15 §7): liste, kart formu, kart, fişler, kategoriler ve depolar ===== */
.ozetler.stok-ozetler{grid-template-columns:repeat(5,minmax(0,1fr))}
.stok-birim,.stok-kdv-ibare{display:block;color:var(--soluk);font-size:11.5px;line-height:1.2}
.stok-soluk{color:var(--soluk)}
.stok-uyari-metin{color:var(--uyari)}
.kart-alt.stok-alt-serit{gap:18px;font-size:13px;color:var(--metin-2)}
.stok-alt-serit .stok-alt-deger{margin-left:auto;display:inline-flex;gap:8px;align-items:baseline}
.stok-alt-serit .stok-alt-deger b{font-size:14px;color:var(--metin)}
.sayi-kutu.stok-kritik b{color:var(--uyari)}
td.stok-fis-aciklama{max-width:320px;overflow-wrap:anywhere;color:var(--metin-2)}
/* Kart formu */
.stok-form-hata{margin-bottom:16px}
.stok-fiyat-satir{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,120px) minmax(0,130px) minmax(0,1fr);gap:8px 16px;align-items:end}
.stok-fiyat-satir .alan{margin:0;min-width:0}
.stok-fiyat-satir .anahtar{height:40px}
.stok-karsi-deger{grid-column:1/-1;color:var(--soluk);font-size:12.5px;font-variant-numeric:tabular-nums}
.stok-kar{font-size:13px;font-weight:500;font-variant-numeric:tabular-nums}
.stok-katlanir-dugmeler{display:flex;gap:8px;flex-wrap:wrap}
.stok-katlanir{border:1px dashed var(--cizgi);border-radius:9px;padding:12px 14px 16px;display:flex;flex-direction:column;gap:12px}
.stok-katlanir-bas{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.stok-katlanir-bas b{font-weight:600;font-size:13.5px}
.stok-katlanir-bas small{color:var(--soluk);font-size:12px;flex:1;min-width:200px}
.stok-satir-tablo{width:100%;border-collapse:collapse;min-width:620px}
.stok-satir-tablo th{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--soluk);text-align:left;padding:6px 8px;border-bottom:1px solid var(--cizgi);white-space:nowrap}
.stok-satir-tablo td{padding:6px 8px;border-bottom:1px solid var(--cizgi-2);vertical-align:top}
.stok-satir-tablo .alan{margin:0}
.stok-satir-tablo .sag{text-align:right}
.stok-satir-tablo .orta{text-align:center;vertical-align:middle}
.stok-satir-tablo td.genis{min-width:220px}
.stok-satir-tablo td.orta-genis{min-width:160px;width:190px}
.stok-satir-tablo td.dar{min-width:130px;width:170px}
.stok-satir-tablo td.islem{width:44px;vertical-align:middle}
.stok-satir-tablo tr.ana-satir td{vertical-align:middle;height:52px;background:var(--yuzey-2)}
.stok-satir-tablo tr.ana-satir small{color:var(--soluk);font-size:12px}
.stok-satir-tablo td.mono,.stok-satir-tablo td.tutar{vertical-align:middle;font-variant-numeric:tabular-nums}
.stok-birim-cumle{vertical-align:middle!important;color:var(--metin-2);font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}
.stok-birim-cumle small{display:block;color:var(--soluk);font-size:11.5px}
.stok-radyo{width:16px;height:16px;accent-color:var(--ana);cursor:pointer}
.stok-radyo:disabled{cursor:not-allowed}
.stok-satir-eylem{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}
.stok-satir-eylem .yardim{margin:0}
.stok-form-bilgi{margin-top:12px}
/* Stok kartı hareketleri */
.kart-govde.stok-hareket-filtre{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) auto;gap:12px;align-items:end;padding:14px 20px;border-bottom:1px solid var(--cizgi-2)}
.stok-hareket-filtre .alan{margin:0}
/* Stok fişi */
.stok-fis-satirlar-bas{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;padding:14px 20px 8px;border-top:1px solid var(--cizgi-2)}
.stok-fis-satirlar-bas h3{margin:0;font-size:15px;font-weight:600}
.stok-fis-satirlar-bas small{color:var(--soluk);font-size:12.5px}
.stok-fis-tablo{min-width:900px}
.stok-fis-tablo th:first-child,.stok-fis-tablo td:first-child{padding-left:20px}
.stok-fis-tablo th:last-child,.stok-fis-tablo td:last-child{padding-right:20px}
.stok-fis-tablo td.sira{width:44px;color:var(--soluk);vertical-align:middle}
.stok-fis-tablo td.urun{min-width:280px}
.stok-fis-tablo td.birim{min-width:130px;width:160px}
.stok-fis-tablo td.aciklama{min-width:160px}
.stok-fis-tablo td.tutar{min-width:110px;white-space:nowrap}
.stok-satir-uyari{display:flex;align-items:center;gap:6px;margin-top:4px;color:var(--uyari);font-size:12px}
.stok-fis-alt{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 20px 16px}
.stok-fis-ozet{margin-left:auto;display:flex;gap:18px;flex-wrap:wrap;color:var(--metin-2);font-size:13px}
.stok-fis-ozet b{color:var(--metin)}
table.veri.stok-eksi-tablo{min-width:600px}
table.veri.stok-eksi-tablo th{position:static}
/* Kategoriler ve depolar çekmecesi */
.stok-tanim-bas{display:flex;align-items:center;gap:10px}
.stok-tanim-bas h4{margin:0;font-size:14px;font-weight:600}
.stok-tanim-bas .btn{margin-left:auto}
.cari-tanim-form.stok-kategori-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}
.cari-tanim-satir.stok-kategori-satir{margin-left:var(--stok-girinti,0)}
.stok-agac-cizgi{color:var(--soluk);margin-right:4px}
.stok-cekmece-tablo{border:1px solid var(--cizgi-2);border-radius:9px;overflow:hidden}
.stok-cekmece-tablo table.veri th{position:static}
/* Stok sayımı, transfer, hareketler ve envanter (stok 2. parti, karar A1–A15) */
.sayim-ust{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 24px;align-items:start}
.sayim-arac{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;padding:14px 20px 10px;border-top:1px solid var(--cizgi-2)}
.sayim-arac .alan{margin:0}
.sayim-barkod{flex:1 1 300px;min-width:220px;display:flex;flex-direction:column;gap:4px}
.sayim-barkod label{font-size:12.5px;font-weight:500;color:var(--metin-2)}
.sayim-barkod input{font-family:var(--mono)}
.sayim-barkod small{color:var(--soluk);font-size:12px;min-height:16px}
.sayim-barkod small.hata{color:var(--tehlike)}
.sayim-arac-sag{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-left:auto}
.sayim-dosya{position:relative;overflow:hidden}
.sayim-dosya input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}
.sayim-tablo{min-width:1120px}
.sayim-tablo td.urun{min-width:240px}
.sayim-tablo td.urun small{display:block;color:var(--soluk);font-size:11.5px}
.sayim-tablo td.dar{min-width:120px;width:140px}
.sayim-tablo td.neden{min-width:160px;width:180px}
.sayim-tablo td.sayi{vertical-align:middle;white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right}
.sayim-tablo tr.sayilmadi td.sira{color:var(--soluk)}
.sayim-tablo tr.sayildi td.sira{color:var(--basari);font-weight:600}
.sayim-kdv{display:flex;align-items:center;gap:4px;margin-top:4px;color:var(--uyari);font-size:11.5px}
.sayim-sayfalama{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 20px;color:var(--soluk);font-size:13px}
.sayim-uyari-listesi{display:flex;flex-direction:column;gap:12px}
.sayim-uyari-listesi ul{margin:4px 0 0;padding-left:18px;max-height:180px;overflow:auto;font-size:12.5px}
.sayim-baski-secenekler{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:12px}
.sayim-baski-onizleme{background:var(--yuzey-2);border:1px solid var(--cizgi);border-radius:10px;padding:16px;max-height:62vh;overflow:auto}
.sayim-baski{color:#111;font-size:11px;line-height:1.3}
.sayim-baski-sayfa{background:#fff;width:190mm;max-width:100%;margin:0 auto 16px;padding:10mm;box-shadow:0 1px 4px rgba(16,24,40,.18);box-sizing:border-box}
.sayim-baski-bas{display:flex;justify-content:space-between;gap:16px;border-bottom:2px solid #111;padding-bottom:6px;margin-bottom:8px}
.sayim-baski-bas h1{font-size:16px;margin:2px 0;color:#111}
.sayim-baski-bas small{color:#555}
.sayim-baski-bas dl{display:grid;grid-template-columns:auto auto;gap:2px 10px;margin:0}
.sayim-baski-bas dt{color:#555} .sayim-baski-bas dd{margin:0;font-weight:600}
.sayim-baski table{width:100%;border-collapse:collapse}
.sayim-baski th,.sayim-baski td{border:1px solid #999;padding:3px 5px;text-align:left;vertical-align:middle;height:21px;color:#111}
.sayim-baski th{background:#f0f0f0;font-size:10px}
.sayim-baski .sag{text-align:right} .sayim-baski .sira{width:34px;text-align:right} .sayim-baski .sayilan{width:72px} .sayim-baski .not{width:90px}
.sayim-baski .mono{font-family:var(--mono)}
.sayim-baski-imzalar{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.sayim-baski-imzalar div{border-top:1px solid #111;padding-top:4px;min-height:52px;display:flex;flex-direction:column}
.sayim-baski-imzalar small{color:#555}
@media print{
  .sayim-baski-sayfa{box-shadow:none!important;margin:0!important;width:auto!important;padding:0!important;break-after:page;page-break-after:always}
  .sayim-baski-sayfa:last-child{break-after:auto;page-break-after:auto}
  .sayim-baski-secenekler{display:none!important}
}
@media (max-width:860px){.sayim-ust{grid-template-columns:1fr}}

@media (max-width:1180px){
  .ozetler.stok-ozetler{grid-template-columns:repeat(3,minmax(0,1fr))}
  .kart-govde.stok-hareket-filtre{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .ozetler.stok-ozetler{grid-template-columns:1fr 1fr}
  .stok-fiyat-satir{grid-template-columns:1fr 1fr}
  .kart-govde.stok-hareket-filtre{grid-template-columns:1fr}
  .stok-alt-serit .stok-alt-deger{margin-left:0}
  .stok-fis-ozet{margin-left:0}
}
@media (max-width:560px){
  .ozetler.stok-ozetler{grid-template-columns:1fr}
  .stok-fiyat-satir{grid-template-columns:1fr}
  .cari-tanim-form.stok-kategori-form{grid-template-columns:1fr}
  .cari-tanim-satir.stok-kategori-satir{margin-left:calc(var(--stok-girinti,0) / 2)}
}

/* ===== Ticari belgeler (belge zinciri Parti 1): fatura, iade, irsaliye — liste, form, satır ızgarası, dip toplam, kart ===== */
.ticari-liste-aciklama{display:block;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.etiket-kutu.ticari-ebelge-etiket{font-size:10.5px;padding:1px 6px;color:var(--soluk)}
.stok-alt-serit .ticari-alt-toplamlar{gap:18px;flex-wrap:wrap}
.ozet-baglanti{display:inline-block;margin-top:4px;font-size:12px;color:var(--ana)}

/* Form */
.ticari-form .kart-govde .form-izgara{row-gap:14px}
.ticari-cari-ozet{min-width:0}
.ticari-cari-ozet p{margin:0;color:var(--metin-2);font-size:13px;overflow-wrap:anywhere}
.ticari-cari-ozet small{color:var(--soluk);font-size:12px}
.ticari-cari-ozet small a{color:var(--ana)}
.btn-grup.ticari-vade-gunleri{display:flex;width:100%;height:40px}
.btn-grup.ticari-vade-gunleri .btn{flex:1;justify-content:center;height:40px;padding:0 6px}
.ticari-bolum-ipucu small{color:var(--soluk);font-size:12.5px}
.ticari-stok-davranisi{padding:14px 20px 0}
.ticari-stok-davranisi .alan{margin:0}
.ticari-kesin-panel{display:flex;align-items:center;gap:16px;padding:14px 20px;flex-wrap:wrap;border-color:color-mix(in srgb,var(--basari) 45%,var(--cizgi));background:color-mix(in srgb,var(--basari-acik) 55%,var(--yuzey))}
.ticari-kesin-bas{display:flex;align-items:center;gap:12px;min-width:0}
.ticari-kesin-bas .avatar{background:var(--basari);color:#fff;width:38px;height:38px}
.ticari-kesin-bas b{display:block;font-weight:600;font-size:15px}
.ticari-kesin-bas small{color:var(--metin-2);font-size:12.5px}
.ticari-kesin-eylemler{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ticari-dip{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,440px);gap:20px;align-items:start}
.ticari-on-uyarilar{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.ticari-on-uyari{display:block}
.ticari-on-uyari+.ticari-on-uyari{margin-top:4px}

/* Satır ızgarası: geniş ekranda tam genişlik, dar ekranda yatay kayar */
.ticari-izgara-hata{padding:12px 20px 0}
.ticari-izgara-sar{border-top:1px solid var(--cizgi-2)}
.ticari-izgara{width:100%;border-collapse:collapse;min-width:1180px;font-variant-numeric:tabular-nums}
.ticari-izgara th{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--soluk);text-align:left;padding:8px 6px;border-bottom:1px solid var(--cizgi);white-space:nowrap;background:var(--yuzey-2)}
.ticari-izgara th.sag{text-align:right}
.ticari-izgara th:first-child,.ticari-izgara td:first-child{padding-left:20px}
.ticari-izgara th:last-child,.ticari-izgara td:last-child{padding-right:16px}
.ticari-izgara td{padding:6px;border-bottom:1px solid var(--cizgi-2);vertical-align:top}
.ticari-izgara .alan{margin:0}
.ticari-izgara .giris,.ticari-izgara .secim-dugme{height:36px}
.ticari-izgara .giris-grup .ek{padding:0 8px}
.ticari-izgara td.sira{width:40px;color:var(--soluk);vertical-align:middle}
.ticari-izgara td.urun{min-width:260px;width:24%}
.ticari-izgara td.aciklama{min-width:140px}
.ticari-izgara td.miktar{width:110px;min-width:100px}
.ticari-izgara td.birim{width:120px;min-width:110px}
.ticari-izgara td.depo{width:140px;min-width:120px}
.ticari-izgara td.fiyat{width:150px;min-width:130px}
.ticari-izgara td.iskonto{width:90px;min-width:84px}
.ticari-izgara td.kdv{width:96px;min-width:88px}
.ticari-izgara td.tutar{width:130px;white-space:nowrap;vertical-align:middle;font-family:var(--mono);color:var(--metin)}
.ticari-izgara td.islem{width:44px;white-space:nowrap;vertical-align:middle}
.ticari-izgara tr.genisletildi td{border-bottom-color:transparent;background:var(--yuzey-2)}
.ticari-izgara tr.aciklama-satiri td{background:color-mix(in srgb,var(--yuzey-2) 60%,var(--yuzey))}
.ticari-izgara tr.aciklama-satiri .giris{font-style:italic}
.ticari-izgara tr:focus-within td{background:color-mix(in srgb,var(--ana-acik) 45%,var(--yuzey))}
.ticari-satir-ek td{background:var(--yuzey-2);padding-top:0;padding-bottom:12px}
.ticari-satir-ek-alanlar{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:flex-end}
.ticari-satir-ek-alanlar .alan{margin:0;min-width:120px}
.ticari-ek-iskonto{display:grid;grid-template-columns:96px 130px;gap:6px;align-items:end}
.alan.ticari-ek-tevkifat{min-width:260px;max-width:340px}
.ticari-ek-eylemler{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}
.ticari-ek-eylemler kbd{font-family:var(--mono);font-size:10.5px;border:1px solid var(--cizgi);border-radius:4px;padding:0 4px;color:var(--soluk)}
.ticari-satir-ipucu{display:flex;align-items:center;gap:5px;margin-top:4px;color:var(--soluk);font-size:11.5px;line-height:1.3}
.ticari-satir-ipucu.uyari{color:var(--uyari)}
.ticari-satir-ipucu.borc{color:var(--tehlike)}
.ticari-satir-ipucu.kampanya{color:var(--ana);font-weight:500}
.ticari-kaynak-rozet{display:inline-flex;align-items:center;gap:5px;margin-top:5px;padding:1px 8px;border-radius:5px;background:var(--bilgi-acik);color:var(--bilgi);font-size:11.5px;font-family:var(--mono);white-space:nowrap}
.ticari-izgara-alt{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 20px 16px}
.ticari-klavye-ipucu{color:var(--soluk);font-size:12px}
.ticari-izgara-ozet{margin-left:auto;display:flex;gap:18px;flex-wrap:wrap;color:var(--metin-2);font-size:13px}
.ticari-izgara-ozet b{color:var(--metin)}

/* Dip toplam bloğu */
.ticari-dip-toplam table{width:100%;border-collapse:collapse;font-size:13.5px;font-variant-numeric:tabular-nums}
.ticari-dip-toplam th{text-align:left;font-weight:400;color:var(--metin-2);padding:6px 0}
.ticari-dip-toplam th small{color:var(--soluk);font-size:11.5px}
.ticari-dip-toplam td{text-align:right;padding:6px 0 6px 12px;white-space:nowrap;color:var(--metin)}
.ticari-dip-toplam tr.giris-satiri th{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ticari-dip-toplam tr.ara th,.ticari-dip-toplam tr.ara td{border-top:1px dashed var(--cizgi);font-weight:500}
.ticari-dip-toplam tr.genel th,.ticari-dip-toplam tr.genel td{border-top:1px solid var(--cizgi);padding-top:10px;font-size:16px;font-weight:600;color:var(--metin)}
.ticari-dip-toplam tr.odenecek th,.ticari-dip-toplam tr.odenecek td{font-weight:600;color:var(--ana)}
.ticari-dip-toplam tr.tl th,.ticari-dip-toplam tr.tl td{color:var(--soluk);font-size:12.5px}
.ticari-dip-toplam tr.soluk th,.ticari-dip-toplam tr.soluk td{color:var(--soluk);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--soluk) 50%,transparent)}
.ticari-dip-giris{display:inline-grid;grid-template-columns:78px 120px;gap:6px;margin-left:auto}
.ticari-dip-giris:has(> :only-child){grid-template-columns:130px}
.ticari-dip-giris .alan{margin:0}
.ticari-dip-giris .giris,.ticari-dip-giris .secim-dugme{height:32px}
.ticari-yaziyla{margin:10px 0 0;padding-top:10px;border-top:1px dashed var(--cizgi-2);color:var(--metin-2);font-size:12.5px;font-style:italic}

/* Onay diyaloğu */
.ticari-onay-gruplar{display:flex;flex-direction:column;gap:12px}
.ticari-onay-grup{border:1px solid color-mix(in srgb,var(--uyari) 35%,var(--cizgi));border-radius:9px;padding:12px 14px;background:color-mix(in srgb,var(--uyari-acik) 45%,var(--yuzey))}
.ticari-onay-grup.engelleyici{border-color:color-mix(in srgb,var(--tehlike) 40%,var(--cizgi));background:color-mix(in srgb,var(--tehlike-acik) 45%,var(--yuzey))}
.ticari-onay-bas{display:flex;align-items:center;gap:8px;color:var(--uyari)}
.ticari-onay-grup.engelleyici .ticari-onay-bas{color:var(--tehlike)}
.ticari-onay-bas b{color:var(--metin);font-weight:600}
.ticari-onay-bas .durum{margin-left:auto}
.ticari-onay-grup p{margin:6px 0 0;color:var(--metin-2);font-size:13px}
.ticari-onay-ayrinti{margin:6px 0 0;padding-left:18px;color:var(--metin-2);font-size:12.5px}
table.veri.ticari-onay-tablo{min-width:480px;margin-top:8px;background:var(--yuzey)}
table.veri.ticari-onay-tablo th{position:static}

/* Satır seçim çekmeceleri (irsaliye aktar, iade) */
.ticari-secim-ust{display:flex;align-items:center;gap:8px;color:var(--metin-2);font-size:13px}
.ticari-secim-ust span{margin-right:auto}
.ticari-secim-grup{border:1px solid var(--cizgi-2);border-radius:9px;overflow:hidden}
.ticari-secim-grup-bas{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--yuzey-2);border-bottom:1px solid var(--cizgi-2);font-size:13px}
.ticari-secim-grup-bas small{color:var(--soluk)}
.ticari-secim-grup-bas span{margin-left:auto;font-family:var(--mono);font-size:12px}
.ticari-secim-tablo{width:100%;border-collapse:collapse}
.ticari-secim-tablo td{padding:8px 10px;border-bottom:1px solid var(--cizgi-2);vertical-align:middle}
.ticari-secim-tablo tr:last-child td{border-bottom:0}
.ticari-secim-tablo tr.secili td{background:var(--ana-acik)}
.ticari-secim-tablo td.onay-hucre{width:36px}
.ticari-secim-tablo td.miktar{width:170px}
.ticari-secim-tablo .alan{margin:0}
.ticari-secim-tablo .giris{height:34px}

/* Yazdırma */
.ticari-yazdir-ust{width:min(320px,100%);margin-bottom:14px}
.ticari-yazdir-onizleme{display:flex;justify-content:center;background:var(--yuzey-2);border:1px solid var(--cizgi-2);border-radius:9px;padding:16px;overflow:auto}

/* Kart */
.ticari-zincir{padding:16px 20px 20px;display:flex;flex-direction:column;gap:14px}
.ticari-zincir-dugum{border:1px solid var(--cizgi);border-radius:9px;padding:10px 14px;width:fit-content;max-width:100%}
.ticari-zincir-dugum.aktif{border-color:var(--ana);background:var(--ana-acik)}
.ticari-zincir-dugum small{display:block;color:var(--soluk);font-size:11.5px}
.ticari-zincir-dugum b{font-weight:600}
.ticari-zincir-grup{border-left:2px solid var(--cizgi);padding-left:14px;display:flex;flex-direction:column;gap:6px}
.ticari-zincir-baslik{font-size:11.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--soluk);font-weight:600}
table.veri.ticari-zincir-tablo{min-width:560px}
table.veri.ticari-zincir-tablo th{position:static}
table.veri.ticari-kart-satirlar{min-width:1020px}
table.veri.ticari-kart-satirlar td small{display:block;font-size:11.5px}
table.veri.ticari-kart-satirlar tr.aciklama-satiri td{background:var(--yuzey-2);color:var(--metin-2)}
.ticari-kart-dip{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:24px;padding:18px 20px 20px;border-top:1px solid var(--cizgi-2);align-items:start}
.ticari-kart-notlar{display:flex;flex-direction:column;gap:12px;min-width:0}
.ticari-kart-notlar small{color:var(--soluk);font-size:12px}
.ticari-kart-notlar p{margin:2px 0 0;white-space:pre-line;overflow-wrap:anywhere}
.ticari-stok-not{display:flex;align-items:center;gap:6px;margin:0 0 8px;color:var(--metin-2);font-size:13px}
table.veri.ticari-stok-tablo,table.veri.ticari-kapama-tablo{min-width:560px}
table.veri.ticari-kapama-tablo th{position:static}
table.veri.ticari-kapama-tablo td.miktar{width:190px}
table.veri.ticari-kapama-tablo .alan{margin:0}

/* Teklif (Parti 2): ızgara genişlemesi (bölüm başlığı, ara toplam, isteğe bağlı kalem, görsel, maliyet/kâr), kart ve listeler */
.ticari-izgara.maliyetli{min-width:1400px}
.ticari-izgara td.maliyet,.ticari-izgara td.kar{width:110px;white-space:nowrap;vertical-align:middle;font-family:var(--mono);color:var(--metin-2)}
.ticari-izgara td.kar.borc{color:var(--tehlike)}
.ticari-izgara tr.opsiyonel td{background:color-mix(in srgb,var(--yuzey-2) 40%,var(--yuzey))}
.ticari-izgara tr.opsiyonel td>*{opacity:.62}
.ticari-izgara tr.opsiyonel:focus-within td>*{opacity:1}
.ticari-izgara tr.bolum-basligi-satiri td{background:color-mix(in srgb,var(--ana-acik) 55%,var(--yuzey))}
.ticari-izgara tr.bolum-basligi-satiri .giris{font-style:normal;font-weight:600}
tr.ticari-bolum-toplam td{background:var(--yuzey-2);font-weight:600;color:var(--metin);border-top:1px dashed var(--cizgi)}
.ticari-izgara tr.ticari-bolum-toplam td{padding-top:8px;padding-bottom:8px}
.ticari-satir-etiketler{display:flex;align-items:center;gap:6px;margin-top:5px}
.ticari-satir-gorsel{width:32px;height:32px;object-fit:cover;border-radius:6px;border:1px solid var(--cizgi-2);background:var(--yuzey);flex:none}
.ticari-satir-gorsel.kapali{opacity:.4;filter:grayscale(1)}
.ticari-opsiyonel-etiket{background:var(--uyari-acik);color:var(--uyari)}
.teklif-potansiyel-etiket{background:var(--bilgi-acik);color:var(--bilgi)}
.teklif-rev-etiket{margin-left:6px;font-family:var(--mono)}
.ticari-dip-toplam tr.opsiyonel th,.ticari-dip-toplam tr.opsiyonel td{color:var(--soluk);font-style:italic}
.ticari-dip-toplam tr.maliyet th,.ticari-dip-toplam tr.maliyet td{color:var(--metin-2);font-size:12.5px}
.ticari-dip-toplam tr.maliyet:not(.kar) th,.ticari-dip-toplam tr.maliyet:not(.kar) td{border-top:1px dashed var(--cizgi-2)}
.ticari-dip-toplam tr.maliyet.kar td{color:var(--basari);font-weight:600}
.ticari-dip-toplam tr.maliyet.kar.borc td{color:var(--tehlike)}
table.veri.ticari-kart-satirlar tr.bolum-basligi-satiri td{background:var(--ana-acik);color:var(--metin)}
table.veri.ticari-kart-satirlar tr.opsiyonel td{opacity:.68}
.teklif-satir-urun{display:flex;gap:10px;align-items:flex-start}
.ticari-secim-tablo tr.opsiyonel td{opacity:.78}

@media (max-width:1180px){
  .ticari-dip,.ticari-kart-dip{grid-template-columns:1fr}
}
@media (max-width:860px){
  .ticari-kesin-eylemler{margin-left:0}
  .ticari-izgara-ozet{margin-left:0}
  .ticari-stok-davranisi{padding:12px 16px 0}
  .ticari-izgara-alt{padding:12px 16px 14px}
  .ticari-izgara th:first-child,.ticari-izgara td:first-child{padding-left:12px}
  .ticari-ek-eylemler{margin-left:0}
  .ticari-dip-giris{grid-template-columns:78px minmax(0,1fr)}
}

/* ===== Belge gönderimi (Components/Ticari/BelgeGonderModali, BelgeGonderimGecmisiBolumu) ===== */
.gonder-form{display:flex;flex-direction:column;gap:12px}
.gonder-form textarea.giris{height:auto;padding:8px 12px;line-height:1.5}
.gonder-secenekler{display:flex;gap:18px;flex-wrap:wrap}
.gonder-baglanti{display:flex;gap:8px;align-items:center}
.gonder-baglanti .giris{flex:1;min-width:0}
.gonder-alt{display:flex;gap:8px;align-items:center;width:100%;flex-wrap:wrap}
.gonder-alt .gonder-bosluk{flex:1}
.gonderim-tablo{min-width:640px}
.gonderim-alt-baslik{display:block;margin:14px 16px 6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--soluk)}

/* ===== Çevrimiçi belge (/b/{token}, Components/CevrimiciBelge) =====
   Herkese açık statik SSR sayfa: üstte şirket ve belge, altta yazdırma şablonuyla baskı görünümü (tema bağımsız beyaz kâğıt). */
.cevrimici-belge{min-height:100vh;background:var(--zemin);color:var(--metin);font-family:var(--font)}
.cevrimici-belge-ust{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px 16px;flex-wrap:wrap;padding:12px 24px;background:var(--yuzey);border-bottom:1px solid var(--cizgi);box-shadow:var(--golge)}
.cevrimici-belge-marka{display:flex;align-items:center;gap:12px;min-width:0}
.cevrimici-belge-marka b{display:block;font-size:15px;font-weight:600}
.cevrimici-belge-marka small{display:block;color:var(--soluk);font-size:12.5px}
.cevrimici-belge-logo{display:block;max-height:40px;max-width:120px;object-fit:contain;background:#fff;border-radius:4px}
.cevrimici-belge-eylem{display:flex;align-items:center;gap:12px}
.cevrimici-belge-tutar{font-weight:600;font-size:15px}
.cevrimici-belge-govde{max-width:calc(210mm + 32px);margin:0 auto;padding:24px 16px 48px;display:flex;flex-direction:column;gap:16px}
.cevrimici-belge-yanit{padding:20px}
.cevrimici-belge-yanit h2{margin:0 0 4px;font-size:16px;font-weight:600}
.cevrimici-belge-form{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.cevrimici-belge-form textarea.giris{height:auto;padding:8px 12px;line-height:1.5}
.cevrimici-belge-dugmeler{display:flex;gap:8px;flex-wrap:wrap}
.cevrimici-belge-soluk{color:var(--soluk);margin:0}
.cevrimici-belge-baski{overflow-x:auto;padding-bottom:4px}
.cevrimici-belge-dar{max-width:480px;margin:0 auto;padding:64px 16px}
.cevrimici-belge-kart{padding:28px;display:flex;flex-direction:column;gap:12px}
.cevrimici-belge-kart h1{margin:0;font-size:20px;font-weight:600}
@media (max-width:860px){
  .cevrimici-belge-ust{position:static;padding:12px 16px}
  .cevrimici-belge-baski .baski-sayfa{zoom:.55}
}

/* ---- Sipariş (belge zinciri Parti 3): ilerleme çubukları, termin sütunu, kalan/gecikme ---- */
.ticari-izgara td.termin{width:150px;min-width:140px}
.siparis-ilerleme{display:flex;align-items:center;gap:8px;min-width:120px}
.siparis-ilerleme-cubuk{flex:1;height:6px;border-radius:3px;background:var(--cizgi-2);overflow:hidden}
.siparis-ilerleme-cubuk span{display:block;height:100%;background:var(--ana);transition:width .2s}
.siparis-ilerleme.tamam .siparis-ilerleme-cubuk span{background:var(--basari)}
.siparis-ilerleme small{min-width:38px;text-align:right;font-family:var(--mono);color:var(--metin-2)}
.siparis-ilerleme.bos small{color:var(--soluk)}
.siparis-ozet-cubuklar{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px 28px}
.siparis-ozet-cubuklar .etiket{display:block;margin-bottom:6px;font-size:12px;color:var(--metin-2)}
.siparis-stok-ipucu b{font-family:var(--mono);font-weight:600}

/* ===== Finans (Parti A): kasa/banka kartı, tahsilat-ödeme formu, dağıtım tablosu, kapama ekranı ===== */
.finans-form .stok-form-hata{margin-bottom:14px}
.finans-kur-eylem{display:flex;flex-direction:column;justify-content:flex-end;gap:4px}
.finans-kur-eylem .yardim{margin:0}
.finans-tarih-filtre{display:flex;gap:10px;flex-wrap:wrap;align-items:end}
.finans-tarih-filtre .alan{margin:0;min-width:150px}
.finans-ipucu{margin:10px 0 6px;color:var(--soluk);font-size:12.5px}

/* Yön cümlesi (cari virman "borçlandırılır / alacaklandırılır", hesap virmanı akışı) */
.finans-yon-cumlesi{margin:14px 0 0;color:var(--metin-2);font-size:13px}
.finans-yon-kutusu{margin-top:16px;padding:12px 14px;border:1px solid var(--cizgi);border-radius:8px;background:var(--yuzey-2)}
.finans-yon-kutusu p{margin:0 0 4px;font-size:13.5px}
.finans-yon-kutusu small{color:var(--soluk);font-size:12.5px}

/* Valör aktarım önerileri kutusu (banka listesi) */
.finans-valor-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.finans-valor-liste li{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13.5px}
.finans-valor-liste li>span:first-child{flex:1;min-width:220px}
.finans-valor-liste small{display:block;color:var(--soluk);font-size:12px}

/* Dağıtım tablosu (tahsilat/ödeme ve dekont formu) */
.finans-form-dagitim{border-top:1px solid var(--cizgi-2)}
.finans-dagitim-bas{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;padding:14px 20px 8px}
.finans-dagitim-bas h3{margin:0;font-size:15px;font-weight:600}
.finans-dagitim-bas small{color:var(--soluk);font-size:12.5px}
.finans-dagitim-eylem{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.finans-dagitim-bos{padding:0 20px 8px}
table.veri.finans-dagitim-tablo{min-width:760px}
table.veri.finans-dagitim-tablo th{position:static}
table.veri.finans-dagitim-tablo td.dar{width:190px}
table.veri.finans-dagitim-tablo .alan{margin:0}
table.veri.finans-dagitim-tablo small{display:block;color:var(--soluk);font-size:11.5px}
table.veri.finans-dagitim-tablo tr.secili td{background:var(--ana-acik)}
.finans-dagitim-doviz{margin:10px 20px 0;border:1px solid var(--cizgi);border-radius:8px;padding:10px 12px}
.finans-dagitim-doviz>summary{cursor:pointer;font-size:13.5px;font-weight:500}
.finans-dagitim-ipucu{margin:8px 0;color:var(--soluk);font-size:12.5px}
.finans-dagitim-alt{display:flex;gap:20px;flex-wrap:wrap;padding:12px 20px 16px;color:var(--metin-2);font-size:13px}
.finans-dagitim-alt b{color:var(--metin)}
.finans-dagitim-alt small{display:block;color:var(--soluk);font-size:11.5px}

/* Açılış fişi kalemleri */
.finans-acilis-tablo{min-width:1100px}
.finans-acilis-tablo th:first-child,.finans-acilis-tablo td:first-child{padding-left:20px}
.finans-acilis-tablo th:last-child,.finans-acilis-tablo td:last-child{padding-right:20px}
.finans-acilis-tablo td.dar{min-width:120px;width:150px}
.finans-acilis-tablo small{display:block;color:var(--soluk);font-size:11.5px}

/* Kapama ekranı: solda borç, sağda alacak */
.finans-kapama-izgara{display:grid;grid-template-columns:1fr 1fr;gap:16px}
table.veri.finans-kapama-tablo{min-width:520px}
table.veri.finans-kapama-tablo th{position:static}
table.veri.finans-kapama-tablo td.dar{width:170px}
table.veri.finans-kapama-tablo .alan{margin:0}
table.veri.finans-kapama-tablo tr.secili td{background:var(--ana-acik)}
.finans-kapama-eylem{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--metin-2)}
.finans-kapama-eylem b{color:var(--metin)}
.finans-kapama-eylem .btn{margin-left:auto}
.finans-kapama-eylem .btn~.btn{margin-left:0}
@media (max-width:1180px){
  .finans-kapama-izgara{grid-template-columns:1fr}
}

/* ---- Finans parti B: çek/senet, bordro ---- */
.kiymetli-kovalar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}
.kiymetli-kova{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;border:1px solid var(--cizgi);border-left:4px solid var(--soluk);
  border-radius:var(--yaricap);background:var(--yuzey);box-shadow:var(--golge);color:var(--metin);font:inherit;text-align:left;cursor:pointer}
.kiymetli-kova:hover{background:var(--yuzey-2)}
.kiymetli-kova:disabled{cursor:default}
.kiymetli-kova.secili{outline:2px solid var(--ana);outline-offset:-1px;background:var(--ana-acik)}
.kiymetli-kova.k-tehlike{border-left-color:var(--tehlike)} .kiymetli-kova.k-uyari{border-left-color:var(--uyari)}
.kiymetli-kova.k-bilgi{border-left-color:var(--bilgi)} .kiymetli-kova.k-ana{border-left-color:var(--ana)} .kiymetli-kova.k-basari{border-left-color:var(--basari)}
.kiymetli-kova-ad{font-size:12.5px;color:var(--soluk)}
.kiymetli-kova b{font-size:16px}
.kiymetli-kova small{font-size:12px;color:var(--metin-2)}
.kiymetli-menu-oge{display:flex;flex-direction:column;gap:2px}
.kiymetli-menu-oge small{font-size:11.5px;color:var(--soluk);white-space:normal;max-width:280px}
.kiymetli-secim-toplam{font-size:13px;color:var(--metin-2)}
.finans-form-kiymetli{border-top:1px solid var(--cizgi-2)}
.kiymetli-blok{padding:14px 20px 16px}
.kiymetli-blok-bas{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.kiymetli-blok-bas>div{flex:1;min-width:240px}
.kiymetli-blok-bas h3{margin:0;font-size:15px;font-weight:600}
.kiymetli-blok-bas small{color:var(--soluk);font-size:12.5px}
.kiymetli-blok-uyari{margin:10px 0}
.kiymetli-etiket{display:block;font-size:12.5px;font-weight:500;color:var(--metin-2);margin-bottom:6px}
.kiymetli-son-ibraz .durum,.kiymetli-form-doviz b{display:inline-block;margin-top:4px}
.kiymetli-taksit-onizleme{margin-top:12px;max-width:520px}
.kiymetli-taksit-onizleme h4{margin:0 0 6px;font-size:13.5px;font-weight:600}
table.veri.kiymetli-kucuk-tablo th{position:static}
.kiymetli-tarihce-baglanti{display:flex;gap:12px;flex-wrap:wrap;font-size:12.5px;margin-top:2px}
.kiymetli-karekod{word-break:break-all;font-size:12px}
.kiymetli-kalemler{border-top:1px solid var(--cizgi-2)}
.kiymetli-kalemler table.veri.finans-dagitim-tablo tr.kiymetli-uygunsuz td{background:var(--tehlike-acik)}
.kiymetli-kalemler .unvan small.borc{color:var(--tehlike)}
.kiymetli-kapamalar{border-top:1px solid var(--cizgi-2);padding:14px 20px 12px}
.kiymetli-kapamalar table.veri{min-width:560px}
.kiymetli-kapamalar table.veri th{position:static}
.kiymetli-kapamalar tr.secili td{background:var(--ana-acik)}
.kiymetli-ekle-arama{display:flex;gap:10px;align-items:flex-end;margin-bottom:12px}
.kiymetli-ekle-arama .alan{flex:1;margin:0}
.kiymetli-ekle-liste{max-height:52vh;overflow:auto}
.kiymetli-ekle-liste table.veri th{position:sticky;top:0}
.kiymetli-ekle-liste tr.secili td{background:var(--ana-acik)}
.kiymetli-ekle-liste small{display:block}
.kiymetli-baski-cari{margin:6px 0 10px;font-size:11px}
.kiymetli-baski table{width:100%;border-collapse:collapse}
.kiymetli-baski th,.kiymetli-baski td{border:1px solid #bbb;padding:3px 5px;text-align:left}
.kiymetli-baski tfoot th{background:#f7f7f7}
.kiymetli-baski-yazi{margin:8px 0 0;font-size:11px}
@media (max-width:1180px){.kiymetli-kovalar{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.kiymetli-kovalar{grid-template-columns:1fr 1fr}}

/* ---- Finans parti C: kur/vade farkı, yaşlandırma, değerleme ---- */
.soluk{color:var(--soluk)}
table.veri.fark-tablo tr.fark-grup td{background:var(--yuzey-2);border-bottom:1px solid var(--cizgi);padding-top:8px;padding-bottom:8px}
table.veri.fark-tablo tr.secili td{background:var(--ana-acik)}
.fark-grup-bas{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.fark-grup-bas small{flex-basis:100%;font-size:12px}
.fark-grup-toplam{margin-left:auto;font-weight:600}
.fark-sayfalama{display:flex;align-items:center;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.fark-sayfalama>span{margin-right:auto;font-size:13px}
.fark-bagla-arac{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-bottom:12px}
.fark-bagla-arac .alan{flex:1;min-width:180px;margin:0}
.fark-bagla-liste{max-height:46vh;overflow:auto;margin-bottom:12px}
.fark-bagla-liste table.veri th{position:sticky;top:0}
.fark-bagla-liste tr.secili td{background:var(--ana-acik)}
table.veri.yas-tablo{min-width:1280px}
table.veri.yas-tablo thead tr:first-child th{position:static}
table.veri.yas-tablo thead tr:nth-child(2) th{position:static;font-size:11px}
table.veri.yas-tablo th.yas-grup-bas{text-align:center;border-left:1px solid var(--cizgi)}
table.veri.yas-tablo .yas-toplam{background:var(--yuzey-2)}
table.veri.yas-tablo tfoot th,table.veri.yas-tablo tfoot td{border-top:2px solid var(--cizgi);font-weight:600}
.yas-hucre{color:inherit;text-decoration:none}
.yas-hucre:hover{text-decoration:underline}
.yas-kova-satiri{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;margin-top:12px}
.yas-kova-bas{display:flex;flex-direction:column;min-width:140px}
.yas-kova-bas small{color:var(--soluk);font-size:12px}
.yas-kovalar{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}
.yas-kova{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border:1px solid var(--cizgi);border-left:4px solid var(--soluk);
  border-radius:var(--yaricap);background:var(--yuzey)}
.yas-kova span{font-size:12px;color:var(--soluk)}
.yas-kova small{font-size:11.5px;color:var(--metin-2)}
.yas-kova.k-basari{border-left-color:var(--basari)} .yas-kova.k-uyari{border-left-color:var(--uyari)}
.yas-kova.k-tehlike{border-left-color:var(--tehlike)} .yas-kova.k-bilgi{border-left-color:var(--bilgi)}
.yas-kova.yas-kova-toplam{background:var(--yuzey-2);border-left-color:var(--ana)}
.deg-kurlar{display:flex;gap:8px;flex-wrap:wrap}
.cip.deg-kur-yok{background:var(--uyari-acik);color:var(--uyari)}
/* ---- Finans Parti C (C5): mutabakat, çevrimiçi mutabakat/ekstre, ekstre bağlantısı, tahsilat hatırlatma ---- */
.mutabakat-metin{margin:0;line-height:1.6;white-space:pre-line}
.mutabakat-kart-izgara{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:16px;align-items:start}
.mutabakat-karsi{border:1px solid var(--cizgi-2);border-radius:8px;padding:10px 12px 12px;margin:0}
.mutabakat-karsi legend{padding:0 4px;color:var(--soluk);font-size:12.5px}
.mutabakat-karsi-izgara{display:grid;grid-template-columns:2fr 1fr 2fr;gap:12px}
.cevrimici-ekstre-sekmeler{margin-top:12px}
.cevrimici-ekstre-devir td{color:var(--soluk);font-style:italic}
.ekstre-baglanti-adres{display:flex;gap:8px;align-items:center;margin:6px 0}
.ekstre-baglanti-adres .giris{flex:1;min-width:0}
.ekstre-baglanti-olustur{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.ekstre-baglanti-olustur .alan{min-width:200px}
.hatirlatma-onizleme{display:flex;flex-direction:column;gap:8px;align-items:flex-start;margin-top:12px}
.hatirlatma-onizleme-govde{width:100%;border:1px solid var(--cizgi-2);border-radius:8px;padding:10px 12px;background:var(--yuzey-2)}
.hatirlatma-onizleme-govde p{margin:0 0 6px}
.hatirlatma-onizleme-govde pre{margin:0;white-space:pre-wrap;font-family:var(--font);font-size:13px;line-height:1.55}
.hatirlatma-kurallari{display:flex;flex-direction:column;gap:8px}
.hatirlatma-kural{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.hatirlatma-kural .alan{min-width:160px;max-width:240px}
.baglanti-dugme{border:0;background:none;padding:0 0 0 6px;color:var(--ana);cursor:pointer;font:inherit;text-decoration:underline}
@media (max-width:1000px){.mutabakat-kart-izgara{grid-template-columns:1fr}}
@media (max-width:560px){.mutabakat-karsi-izgara{grid-template-columns:1fr}}
/* ---- Muhasebe raporları (M4): mizan, muavin, yevmiye, kebir, tutarlılık ---- */
table.veri.muh-rapor th.muh-grup-bas{text-align:center;border-left:1px solid var(--cizgi)}
table.veri.muh-rapor tfoot th,table.veri.muh-rapor tfoot td{border-top:2px solid var(--cizgi);font-weight:600;background:var(--yuzey-2)}
table.veri.muh-rapor tfoot th .durum{margin-left:8px;font-weight:500}
.muh-girinti{display:inline-block;padding-left:calc(var(--muh-derinlik,0) * 14px)}
table.veri.muh-mizan tr.muh-duzey-sinif td{background:var(--yuzey-2);font-weight:700}
table.veri.muh-mizan tr.muh-duzey-grup td{font-weight:600}
table.veri.muh-mizan tr.muh-duzey-ana td{font-weight:600;color:var(--metin)}
table.veri.muh-mizan tr.muh-duzey-alt td{color:var(--metin-2)}
table.veri.muh-mizan td .durum{margin-left:6px}
.muh-ters{color:var(--uyari);font-weight:600}
tr.muh-genel-toplam th,tr.muh-genel-toplam td{font-size:14.5px}
tr.muh-devir td,tr.muh-nakli td{color:var(--soluk);font-style:italic;background:var(--yuzey-2)}
table.veri.muh-yevmiye tr.muh-madde-bas td{border-top:2px solid var(--cizgi);background:var(--yuzey-2)}
table.veri.muh-yevmiye tr.muh-madde-satir td{border-top:0}
table.veri.muh-yevmiye tr.muh-madde-toplam td{border-top:1px dashed var(--cizgi);font-size:12.5px}
.muh-alacak-girinti{padding-left:28px}
.muh-etiket{display:inline-block;margin:0 6px 2px 0;padding:1px 6px;border:1px solid var(--cizgi);border-radius:6px;font-size:12.5px}

/* ---- Muhasebe Parti A (M5): onay odak ekranı, fiş formu/kartı, hesap planı, kurallar, dönem kilitleri, tercihler, belge kartı bölümü ---- */
.muhasebe-satir-ipucu{display:block;margin-top:2px;color:var(--soluk);font-size:11.5px;line-height:1.35;overflow-wrap:anywhere}
.muhasebe-satir-ipucu.borc{color:var(--tehlike)}
.muhasebe-hesap-hucre{min-width:240px}
table.veri tr.muhasebe-eslesmesiz td,.muhasebe-izgara tr.muhasebe-eslesmesiz td{background:var(--tehlike-acik)}
table.veri tr.muhasebe-eslesmesiz td:first-child,.muhasebe-izgara tr.muhasebe-eslesmesiz td:first-child{box-shadow:inset 3px 0 0 var(--tehlike)}
.muhasebe-fis-tablo{font-variant-numeric:tabular-nums}
.muhasebe-fis-tablo tfoot th{border-top:2px solid var(--cizgi);font-weight:600;background:var(--yuzey-2)}
.muhasebe-kod-oner{display:flex;align-items:flex-end}
.muhasebe-bolum-serit{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 16px;margin-bottom:16px;border:1px solid var(--cizgi);
  border-left:4px solid var(--ana);border-radius:var(--yaricap);background:var(--yuzey)}
.muhasebe-bolum-icerik{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.muhasebe-kaynak-satirlari td{font-size:13px}
/* Elle fiş ızgarası */
.muhasebe-izgara-sar{border-top:1px solid var(--cizgi-2)}
.muhasebe-izgara{width:100%;border-collapse:collapse;min-width:1120px;font-variant-numeric:tabular-nums}
.muhasebe-izgara th{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--soluk);text-align:left;padding:8px 6px;
  border-bottom:1px solid var(--cizgi);white-space:nowrap;background:var(--yuzey-2)}
.muhasebe-izgara th.sag{text-align:right}
.muhasebe-izgara th:first-child,.muhasebe-izgara td:first-child{padding-left:20px}
.muhasebe-izgara th:last-child,.muhasebe-izgara td:last-child{padding-right:16px}
.muhasebe-izgara td{padding:6px;border-bottom:1px solid var(--cizgi-2);vertical-align:top}
.muhasebe-izgara .alan{margin:0}
.muhasebe-izgara .giris,.muhasebe-izgara .secim-dugme{height:36px}
.muhasebe-izgara td.sira{width:40px;color:var(--soluk);vertical-align:middle}
.muhasebe-izgara td.hesap{min-width:280px;width:28%}
.muhasebe-izgara td.aciklama{min-width:160px}
.muhasebe-izgara td.tutar{width:150px;min-width:130px}
.muhasebe-izgara td.doviz{width:100px;min-width:90px}
.muhasebe-izgara td.kur{width:120px;min-width:110px}
.muhasebe-izgara td.doviz-tutari{width:140px;min-width:120px}
.muhasebe-izgara td.islem{width:1%;white-space:nowrap;vertical-align:middle}
.muhasebe-satir-eylemler{display:inline-flex;gap:2px}
.muhasebe-izgara-alt{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 20px 16px}
.muhasebe-toplamlar{margin-left:auto;display:inline-flex;align-items:center;gap:16px;flex-wrap:wrap;color:var(--metin-2)}
.muhasebe-toplamlar b{color:var(--metin)}
/* Onay odak ekranı */
.muhasebe-odak{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr) minmax(0,1.5fr);gap:16px;align-items:start}
.muhasebe-odak-liste{position:sticky;top:12px;max-height:calc(100vh - 140px);display:flex;flex-direction:column;overflow:hidden}
.muhasebe-odak-suzgec{padding:0 16px 10px}
.muhasebe-odak-ogeler{list-style:none;margin:0;padding:0 8px 8px;overflow:auto}
.muhasebe-odak-oge{display:flex;flex-direction:column;gap:3px;width:100%;text-align:left;padding:9px 10px;margin:2px 0;border:1px solid transparent;
  border-radius:var(--yaricap);background:none;color:var(--metin);font:inherit;cursor:pointer}
.muhasebe-odak-oge:hover{background:var(--yuzey-2)}
.muhasebe-odak-oge.secili{background:var(--ana-acik);border-color:var(--ana)}
.muhasebe-odak-oge .ust{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:12px;color:var(--soluk)}
.muhasebe-odak-oge b{font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.muhasebe-odak-oge small{color:var(--soluk);font-size:11.5px}
.muhasebe-odak-kaynak,.muhasebe-odak-fis{min-width:0;display:flex;flex-direction:column;gap:16px}
.muhasebe-odak-eylemler{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.muhasebe-odak-eylemler kbd{font-size:10.5px;margin-left:4px;opacity:.8}
/* Hesap planı ağacı */
.muhasebe-agac td{padding-top:6px;padding-bottom:6px}
.muhasebe-agac-girinti{display:inline-flex;align-items:center;gap:4px}
.muhasebe-agac-ac{width:22px;height:22px;border:0;border-radius:4px;background:none;color:var(--metin-2);cursor:pointer;font-size:12px;line-height:1}
.muhasebe-agac-ac:hover:not(:disabled){background:var(--yuzey-2)}
.muhasebe-agac-bosluk{display:inline-block;width:22px}
.muhasebe-agac tr.muhasebe-agac-sinif td{background:var(--yuzey-2);font-weight:700}
.muhasebe-agac tr.muhasebe-agac-grup td{font-weight:600}
.muhasebe-agac tr.muhasebe-agac-ana td:nth-child(2){font-weight:500}
.muhasebe-agac tr.soluk td{color:var(--soluk)}
.muhasebe-agac td.islem{width:1%;white-space:nowrap}
.muhasebe-baglanti{margin-left:8px;font-size:12px}
/* Kurallar */
.muhasebe-bekleyen-tablo td{vertical-align:top}
.muhasebe-ornek{display:block;font-size:12px;white-space:nowrap}
/* Dönem kilitleri */
.muhasebe-yil-secimi{min-width:120px}
.muhasebe-yil-secimi .alan{margin:0}
.muhasebe-donem-arac{display:flex;justify-content:flex-end;margin-bottom:12px}
.muhasebe-aylar{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.muhasebe-ay{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-top:3px solid var(--basari)}
.muhasebe-ay.kilitli{border-top-color:var(--tehlike);background:color-mix(in srgb,var(--tehlike-acik) 35%,var(--yuzey))}
.muhasebe-ay-bas{display:flex;justify-content:space-between;align-items:center;gap:8px}
.muhasebe-ay-bas h3{margin:0;font-size:15px}
.muhasebe-ay-sayilar{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0}
.muhasebe-ay-sayilar div{display:flex;flex-direction:column}
.muhasebe-ay-sayilar dt{font-size:11px;color:var(--soluk)}
.muhasebe-ay-sayilar dd{margin:0;font-weight:600}
.muhasebe-ay-sayilar .uyari dd{color:var(--uyari)}
.muhasebe-ay-eylem{margin-top:auto;padding-top:4px}
/* Tercihler */
.muhasebe-ornek-kod{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;border:1px dashed var(--cizgi);border-radius:var(--yaricap);
  background:var(--yuzey-2);align-self:end}
.muhasebe-ornek-kod .etiket{font-size:12px;color:var(--soluk)}
@media (max-width:1280px){.muhasebe-odak{grid-template-columns:minmax(220px,280px) minmax(0,1fr)}.muhasebe-odak-fis{grid-column:1 / -1}}
@media (max-width:900px){.muhasebe-odak{grid-template-columns:1fr}.muhasebe-odak-liste{position:static;max-height:none}}
@media print{.muhasebe-odak-liste,.muhasebe-odak-eylemler{display:none}}

/* ---- Muhasebe raporları (EK2): tutarlılık çek/senet grupları ---- */
.muh-kiymetli-fark td .muh-etiket{margin:0 0 0 6px}
.muh-kiymetli-fark tr.muh-fark-var td:first-child{box-shadow:inset 3px 0 0 var(--tehlike)}

/* ===== Muhasebe ekranları (EK3) ===== */
.muhasebe-serit-grubu{display:flex;flex-direction:column;gap:8px}
.muhasebe-odak-daha{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 16px;border-top:1px solid var(--cizgi)}
.baski-tablo tr.baski-fis-toplam td{font-weight:600;border-top:1px solid var(--baski-cizgi)}
.baski-tablo tr.baski-fis-toplam td:first-child{text-align:left}

/* ---- Muhasebe Parti B · B2 (mizandan açılış aktarımı) ---- */
.acilis-yukle-arac{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}
.acilis-dosya{position:relative;overflow:hidden}
.acilis-dosya input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}
.acilis-cozumleme{display:flex;flex-direction:column;gap:12px;margin-top:16px}
.acilis-cozumleme p{margin:0;font-size:12.5px}
.acilis-liste{margin:4px 0 0;padding-left:18px;max-height:200px;overflow:auto;font-size:12.5px}
.acilis-suzgec{margin-bottom:0}
table[data-acilis-satirlari] td small{font-size:11.5px}
table[data-acilis-satirlari] td small.hata{color:var(--tehlike)}
table[data-acilis-satirlari] tr.soluk td{color:var(--soluk)}

/* ---- Muhasebe Parti B · B1 (KDV) ---- */
.muh-kdv-donemler tr.muh-kdv-secili > td { background: var(--yuzey-2); font-weight: 600; }
.muh-kdv-donemler .baglanti-dugme { font: inherit; }
.muh-kdv-liste { margin: 4px 0 0; padding-left: 18px; }
.muh-kdv-liste > li { margin: 2px 0; }
.muh-kdv-belge td small { color: var(--metin-2); }

/* ---- Muhasebe Parti B · B4: bilanço ve gelir tablosu (MSUGT tek düzen) ---- */
.muh-bilanco{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.muh-bilanco > div,.muh-gelir > div{min-width:0}
table.veri.muh-tablo .muh-tablo-kod{width:62px}
table.veri.muh-tablo tr.muh-tablo-bolum td{background:var(--yuzey-2);font-weight:700;border-top:2px solid var(--cizgi)}
table.veri.muh-tablo tr.muh-tablo-grup td{font-weight:600}
table.veri.muh-tablo tr.muh-tablo-hesap td{color:var(--metin-2)}
table.veri.muh-tablo tr.muh-tablo-ara td,table.veri.muh-tablo tr.muh-tablo-ara th{background:var(--yuzey-2);font-weight:700;border-top:1px solid var(--cizgi)}
table.veri.muh-tablo tr.muh-tablo-genel td{background:var(--yuzey-2);font-weight:700;border-top:2px solid var(--cizgi);font-size:14.5px}
table.veri.muh-tablo tr.muh-tablo-hesaplanan td{font-weight:600;box-shadow:inset 3px 0 0 var(--bilgi)}
.muh-tablo-eksi{color:var(--tehlike)}
@media (max-width:1180px){.muh-bilanco{grid-template-columns:1fr}}
@media print{
  .muh-tablo-baski .tablo-sar{overflow:visible!important}
  .muh-tablo-baski .muh-bilanco{grid-template-columns:1fr 1fr;gap:6mm}
  .muh-tablo-baski table.veri.muh-tablo{width:100%;font-size:8.5pt;border-collapse:collapse}
  .muh-tablo-baski table.veri.muh-tablo th,.muh-tablo-baski table.veri.muh-tablo td{padding:2px 4px;color:#111;border-color:#bbb}
  .muh-tablo-baski table.veri.muh-tablo tr.muh-tablo-bolum td,.muh-tablo-baski table.veri.muh-tablo tr.muh-tablo-ara td,
  .muh-tablo-baski table.veri.muh-tablo tr.muh-tablo-genel td,.muh-tablo-baski table.veri.muh-tablo tfoot th,
  .muh-tablo-baski table.veri.muh-tablo tfoot td{background:#f0f0f0!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .muh-tablo-baski a{color:inherit;text-decoration:none}
  .muh-tablo-baski .durum{display:none}
  .muh-tablo-baski tr{break-inside:avoid;page-break-inside:avoid}
}
/* ---- Modül görünürlüğü · G1 ---- */
.modul-secim{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.modul-secim-oge{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--cizgi-2);border-radius:9px;background:var(--yuzey-2)}
.modul-secim-oge.secili{border-color:var(--ana)}
.modul-secim-oge .alan{gap:0}
.modul-secim-oge .alan .etiket{display:none}
.modul-secim-aciklama{color:var(--metin-2);line-height:1.35}
.modul-secim-not{color:var(--metin-2);font-style:italic}
@media (max-width:560px){.modul-secim{grid-template-columns:1fr}}


/* ---- Modül görünürlüğü · G2 ---- */
.modul-listesi{display:flex;flex-direction:column;gap:2px}
.modul-satir{display:flex;align-items:flex-start;gap:12px;padding:12px 10px;border-radius:9px;border:1px solid transparent}
.modul-satir+.modul-satir{border-top:1px solid var(--cizgi-2);border-top-left-radius:0;border-top-right-radius:0}
.modul-satir:hover{background:var(--yuzey-2)}
.modul-ikon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;flex:none;
  background:var(--yuzey-2);color:var(--soluk)}
.modul-satir.acik .modul-ikon{background:var(--ana-acik);color:var(--ana)}
.modul-metin{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.modul-ad{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.modul-metin small{color:var(--metin-2)}
.modul-ozellikler{color:var(--soluk);font-size:11.5px}
.modul-anahtar{flex:none;display:flex;align-items:center;min-height:34px}
.modul-etki p{margin:0 0 10px}
.modul-etki-uyari{color:var(--uyari)}
@media (max-width:520px){
  .modul-satir{flex-wrap:wrap}
  .modul-anahtar{width:100%;justify-content:flex-end}
}

.izin-agaci{display:flex;flex-direction:column;gap:12px}
.izin-modul{border:1px solid var(--cizgi-2);border-radius:9px;overflow:hidden}
.izin-modul-bas{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--yuzey-2);cursor:pointer;list-style:none}
.izin-modul-bas::-webkit-details-marker{display:none}
.izin-modul-ad{display:inline-flex;align-items:center;gap:8px;min-width:0}
.izin-modul[open] .izin-modul-bas{border-bottom:1px solid var(--cizgi-2)}
.izin-modul-bas .sekme-say{margin-left:auto}
.izin-modul-kutu{flex:none}
.izin-ozellikler{display:flex;flex-direction:column}
.izin-ozellik+.izin-ozellik{border-top:1px solid var(--cizgi-2)}
.izin-ozellik-bas{display:flex;align-items:center;gap:10px;padding:8px 14px}
.izin-ozellik-bas b{font-weight:600;font-size:13px}

.sablon-kartlari{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.sablon-kart{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--cizgi-2);border-radius:9px;cursor:pointer}
.sablon-kart:hover{background:var(--yuzey-2)}
.sablon-kart.secili{border-color:var(--ana);background:var(--ana-acik)}
.sablon-kart input{margin-top:3px;flex:none}
.sablon-metin{display:flex;flex-direction:column;gap:4px;min-width:0}
.sablon-metin small{color:var(--metin-2)}
.sablon-sayi{display:flex;flex-direction:column;gap:3px;align-items:flex-start;margin-top:2px}

.erisim-engeli-izin{display:block;margin-top:10px;color:var(--soluk);font-size:11.5px}

/* Banka listesi (F3) */
.banka-duzen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:20px;align-items:start}
.banka-duzen>.banka-kart{min-width:0}
.banka-kart tbody tr[data-secili="true"]{background:var(--ana-acik)}
.banka-kart tbody tr[data-secili="true"] td:first-child{box-shadow:inset 3px 0 0 var(--ana)}
@media (max-width:1100px){.banka-duzen{grid-template-columns:1fr}}

/* ===== Toplu tahsilat (F2) — finans ek işleri planı §6 ===== */
.toplu-kur-eylem{display:flex;flex-direction:column;justify-content:flex-end;gap:4px}
.toplu-kur-eylem .yardim{margin:0}
.toplu-bilgi{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 20px;margin:0}
.toplu-bilgi>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.toplu-bilgi dt{color:var(--soluk);font-size:11.5px}
.toplu-bilgi dd{margin:0;font-size:13px;overflow-wrap:anywhere}

/* Ödeme planı (F4) — fatura kartı taksit bölümü, vadesi gelen taksit bloğu */
.odeme-plani-uretici{border:1px solid var(--cizgi-2);border-radius:9px;padding:12px 14px;background:var(--yuzey-2)}
table.veri.odeme-plani-tablo{min-width:720px}
table.veri.odeme-plani-tablo th{position:static}
table.veri.odeme-plani-tablo td.dar{width:170px}
table.veri.odeme-plani-tablo .alan{margin:0}
table.veri.odeme-plani-tablo tr.secili td{background:var(--uyari-acik)}
.odeme-plani-alt{display:flex;gap:20px;flex-wrap:wrap;color:var(--metin-2);font-size:13px}
.odeme-plani-alt b{color:var(--metin)}
.odeme-plani-alt small{display:block;color:var(--soluk);font-size:11.5px}
.odeme-plani-bosluk{flex:1}

.odeme-plani-blok{border:1px solid var(--cizgi-2);border-radius:9px;padding:10px 12px;background:var(--yuzey-2)}
.odeme-plani-blok-bas{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}
.odeme-plani-blok-bas h4{margin:0;font-size:13.5px;font-weight:600}
.odeme-plani-blok-bas small{color:var(--soluk);font-size:12px}
.odeme-plani-blok-bas>.btn,.odeme-plani-blok-bas>button{margin-left:auto}
.odeme-plani-blok-liste{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.odeme-plani-blok-liste li{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:12.5px;border-top:1px solid var(--cizgi-2);padding-top:6px}
.odeme-plani-blok-liste li:first-child{border-top:0;padding-top:0}
.odeme-plani-blok-liste .sag{margin-left:auto;font-weight:600}
.odeme-plani-blok-liste small{color:var(--soluk);font-size:11.5px}

/* Banka ekstresi (F1) */
.ekstre-dosya-arac{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}
.ekstre-dosya{position:relative;overflow:hidden}
.ekstre-dosya input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}
.ekstre-liste{margin:4px 0 0;padding-left:18px;max-height:220px;overflow:auto;font-size:12.5px}
.ekstre-arac-cubugu{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.ekstre-arac-cubugu>span.soluk{margin-right:auto;font-size:12.5px}
.ekstre-onizleme td{white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis}
.ekstre-satirlar th.ekstre-sec,.ekstre-satirlar td.ekstre-sec{width:38px;padding-right:0}
.ekstre-satirlar td.ekstre-sec .alan{margin:0}
.ekstre-satirlar tr.ekstre-hatali>td{background:var(--tehlike-acik,rgba(220,38,38,.06))}
.ekstre-hata-metni{color:var(--tehlike)}
.ekstre-satirlar td .unvan small{display:block;color:var(--metin-2);font-size:11.5px}

/* ---- e-Belge (EB4): giden/gelen kutusu, belge kartı, ayarlar ve fatura kartı bölümü ---- */
.ebelge-durum-hucre{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.ebelge-durum-hucre small{font-size:11.5px}
.ebelge-hata-satiri{display:block;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ebelge-cekim-serit{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border:1px solid var(--cizgi-2);border-radius:9px;
  background:var(--yuzey-2);padding:10px 14px;margin-bottom:16px;font-size:12.5px}
.ebelge-cekim-serit>span{display:flex;align-items:center;gap:6px}
.ebelge-cekim-serit>span:last-child{flex:1 1 260px;min-width:0}
.ebelge-kart-izgara{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:16px;align-items:start}
.ebelge-not{margin:10px 0 0;font-size:12.5px}
.ebelge-ortam-onay{display:flex;flex-direction:column;gap:8px;justify-content:center}
.ebelge-ortam-onay p{margin:0;font-size:12.5px}
.ebelge-anahtarlar{display:flex;gap:24px;flex-wrap:wrap}
.ebelge-kimlik-ozeti{margin-top:18px;border-top:1px solid var(--cizgi-2);padding-top:14px}
.ebelge-onizleme{margin-top:14px;display:flex;flex-direction:column;gap:10px}
.ebelge-onizleme p{margin:0;font-size:13px}
@media (max-width:1000px){.ebelge-kart-izgara{grid-template-columns:1fr}}

/* ---- CRM · C4: kanban tahtası, pano kutuları, gerçekleşme çubuğu ve kart bölümleri ---- */
.crm-tahta{display:flex;gap:14px;overflow-x:auto;padding-bottom:6px;align-items:flex-start}
.crm-sutun{flex:0 0 268px;min-width:268px;background:var(--yuzey-2);border:1px solid var(--cizgi-2);border-radius:10px;padding:10px}
.crm-sutun-bas{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.crm-sutun-bas b{font-size:13.5px}
.crm-sutun-bas small{display:block;color:var(--soluk);font-size:11.5px}
.crm-sutun-sayi{font-size:12px;font-weight:600;background:var(--yuzey);border:1px solid var(--cizgi-2);border-radius:999px;padding:1px 8px}
.crm-sutun-toplam{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin:8px 0 10px;
  border-top:1px solid var(--cizgi-2);padding-top:8px}
.crm-sutun-toplam .soluk{color:var(--soluk)}
.crm-kartlar{display:flex;flex-direction:column;gap:8px;max-height:60vh;overflow-y:auto}
.crm-kart{background:var(--yuzey);border:1px solid var(--cizgi-2);border-radius:9px;padding:10px;display:flex;flex-direction:column;gap:5px}
.crm-kart-bas{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px}
.crm-kart-baslik{font-weight:600;font-size:13px;color:inherit;text-decoration:none}
.crm-kart-baslik:hover{text-decoration:underline}
.crm-kart-cari{font-size:12px;color:var(--metin-2)}
.crm-kart-tutar{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:12.5px}
.crm-kart-alt{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11.5px;color:var(--soluk)}
.crm-kart-temas{display:flex;align-items:center;gap:4px;font-size:11.5px;color:var(--soluk)}
.crm-sutun-bos{margin:6px 0;font-size:12px;color:var(--soluk)}
.crm-sutun-daha{display:block;text-align:center;font-size:12px;padding:6px;border:1px dashed var(--cizgi-2);border-radius:8px}

.crm-pano-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;align-items:start}
.crm-cubuk{height:6px;border-radius:999px;background:var(--cizgi-2);overflow:hidden;margin:6px 0 2px;min-width:80px}
.crm-cubuk-dolgu{display:block;height:100%;border-radius:999px;background:var(--ana)}
.crm-cubuk-dolgu.r-basari{background:var(--basari)}
.crm-cubuk-dolgu.r-bilgi{background:var(--bilgi)}
.crm-cubuk-dolgu.r-uyari{background:var(--uyari)}
.crm-cubuk-dolgu.r-tehlike{background:var(--tehlike)}
.crm-cubuk-dolgu.r-notr{background:var(--soluk)}

/* CRM Parti 2 (B4B): sağlık rozeti, skor değişimi, bileşen kırılımı ve aylık ciro sütunu. */
.crm-saglik-rozet{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}

/* Saha Parti 3: plasiyer hedef çubukları (dar ekranda da okunur kalsın). */
.saha-hedef{margin-top:12px;display:flex;flex-direction:column;gap:10px}
.saha-hedef h2{font-size:14px;margin:0}
.saha-hedef-satir{display:flex;flex-direction:column;gap:4px}
.saha-hedef-bas{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:12.5px}
.saha-hedef-bas span:first-child{color:var(--soluk)}
.crm-artis{color:var(--basari);font-weight:600}
.crm-dusus{color:var(--tehlike);font-weight:600}
.crm-bilesen{display:grid;grid-template-columns:minmax(120px,170px) 1fr 52px;gap:10px;align-items:center;padding:7px 0;border-top:1px solid var(--cizgi-2)}
.crm-bilesen:first-child{border-top:0}
.crm-bilesen b{font-weight:600}
.crm-bilesen small{color:var(--soluk);display:block}
.crm-bilesen-puan{text-align:right;font-variant-numeric:tabular-nums}
.crm-bilesen.pasif{opacity:.55}
.crm-ciro-sutun{display:flex;align-items:flex-end;gap:5px;height:96px;padding-top:8px}
.crm-ciro-sutun>div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;min-width:0}
.crm-ciro-sutun i{display:block;width:100%;background:var(--ana);border-radius:3px 3px 0 0;min-height:2px}
.crm-ciro-sutun em{font-style:normal;font-size:11px;color:var(--soluk);white-space:nowrap}
@media (max-width:640px){.crm-bilesen{grid-template-columns:1fr 52px}.crm-bilesen .crm-cubuk{grid-column:1/-1}}
.crm-hedef-blok{margin-bottom:14px}
.crm-hedef-blok:last-child{margin-bottom:0}
.crm-hedef-bas{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:13px}

.crm-aday-liste,.crm-aktivite-liste,.crm-hatirlatma-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.crm-aday-liste li,.crm-aktivite-liste li,.crm-hatirlatma-liste li{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:12.5px;
  border-top:1px solid var(--cizgi-2);padding-top:8px}
.crm-aday-liste li:first-child,.crm-aktivite-liste li:first-child,.crm-hatirlatma-liste li:first-child{border-top:0;padding-top:0}
.crm-aday-liste small,.crm-aktivite-liste small,.crm-hatirlatma-liste small{color:var(--soluk);font-size:11.5px;flex:1 1 180px}
.crm-aktivite-liste .mono{margin-left:auto}
.crm-aktivite-tur{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}

.crm-cizelge-alt{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--soluk);margin-top:2px}
.crm-ozet-liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:0}
.crm-ozet-liste>div{display:flex;flex-direction:column;gap:2px}
.crm-ozet-liste dt{font-size:11.5px;color:var(--soluk)}
.crm-ozet-liste dd{margin:0;font-size:13px;font-weight:600}
.crm-aciklama{margin:14px 0 0;font-size:13px;white-space:pre-wrap}
.crm-satir-eylem{display:inline-flex;gap:2px}
.crm-sabit-alan{margin:0;padding:8px 10px;border:1px solid var(--cizgi-2);border-radius:8px;background:var(--yuzey-2);font-size:13px}
.crm-cari-bolum{display:grid;gap:16px}
.crm-bag-baglanti{background:none;border:0;padding:0;font:inherit;color:var(--ana);cursor:pointer;text-decoration:underline}
.crm-bag-baglanti:disabled{color:var(--soluk);cursor:default;text-decoration:none}
@media (max-width:760px){.crm-sutun{flex-basis:240px;min-width:240px}}

/* ---- İK ---- */
.ik-tur{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.ik-tur i{width:9px;height:9px;border-radius:50%;flex:none}

/* İzin talep penceresinde gün kırılımı: "4 gün seçtiniz, 2 gün düşülecek" açıklaması ve gün gün döküm. */
.ik-kirilim{margin-top:16px;border-top:1px solid var(--cizgi-2);padding-top:14px;display:grid;gap:12px}
.ik-kirilim-ozet{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0}
.ik-kirilim-ozet>div{display:flex;flex-direction:column;gap:2px}
.ik-kirilim-ozet dt{font-size:11.5px;color:var(--soluk)}
.ik-kirilim-ozet dd{margin:0;font-size:14px;font-weight:600}
.ik-kirilim-vurgu{color:var(--ana)}
.ik-kirilim-aciklama{margin:0;font-size:13px;color:var(--metin-2)}
.ik-gun-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:4px 14px}
.ik-gun-liste li{display:flex;align-items:baseline;gap:8px;font-size:12.5px}
.ik-gun-liste .mono{min-width:82px}
.ik-gun-liste small{color:var(--soluk);font-size:11.5px}
.ik-gun-sayilmaz{color:var(--soluk)}

/* İzin takvimi: ay ızgarası. */
.ik-takvim{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--cizgi-2);border:1px solid var(--cizgi-2);border-radius:10px;overflow:hidden}
.ik-takvim-bas{background:var(--yuzey-2);padding:8px 10px;font-size:11.5px;font-weight:600;color:var(--soluk);text-align:center}
.ik-takvim-gun{background:var(--yuzey);min-height:96px;padding:6px 7px;display:flex;flex-direction:column;gap:4px}
.ik-takvim-gun.disari{background:var(--yuzey-2);opacity:.55}
.ik-takvim-gun.tatil{background:color-mix(in srgb,var(--uyari) 10%,var(--yuzey))}
.ik-takvim-gun.bugun{box-shadow:inset 0 0 0 2px var(--ana)}
.ik-takvim-no{font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:6px}
.ik-takvim-no small{font-weight:500;color:var(--soluk);font-size:10.5px;text-align:right}
.ik-takvim-kayit{display:flex;align-items:center;gap:5px;font-size:11.5px;padding:2px 5px;border-radius:5px;background:var(--yuzey-2);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ik-takvim-kayit i{width:7px;height:7px;border-radius:50%;flex:none}
.ik-takvim-kayit.bekleyen{opacity:.65;border:1px dashed var(--cizgi)}
@media (max-width:760px){.ik-takvim-gun{min-height:70px}.ik-takvim-no small{display:none}}

.ik-izin-bolumu{display:grid;gap:16px}
.ik-bakiye-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.ik-bakiye{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--cizgi-2);border-radius:10px;background:var(--yuzey-2)}
.ik-bakiye-ad{font-size:11.5px;color:var(--soluk)}
.ik-bakiye b{font-size:20px;font-weight:600;font-family:var(--mono)}
.ik-bakiye small{font-size:11.5px;color:var(--soluk)}
.ik-bakiye-eksi{color:var(--tehlike)}

.ik-ayar{display:grid;gap:16px}
.ik-anahtar-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:8px 18px}
.ik-kidem{margin-top:18px;border-top:1px solid var(--cizgi-2);padding-top:14px;display:grid;gap:10px}
.ik-kidem-bas{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ik-kidem-bas b{font-size:13px}
.ik-kidem-bas small{color:var(--soluk);font-size:11.5px;flex:1 1 260px}

/* İzin defteri baskısı (4857/56 izin kayıt belgesi) — sayım listesi baskısıyla aynı sayfa düzeni. */
.ik-baski-onizleme{background:var(--yuzey-2);border:1px solid var(--cizgi);border-radius:10px;padding:16px;max-height:62vh;overflow:auto}
.ik-baski{color:#111;font-size:11px;line-height:1.35}
.ik-baski-sayfa{background:#fff;width:190mm;max-width:100%;margin:0 auto;padding:10mm;box-shadow:0 1px 4px rgba(16,24,40,.18);box-sizing:border-box}
.ik-baski-bas{display:flex;justify-content:space-between;gap:16px;border-bottom:2px solid #111;padding-bottom:6px;margin-bottom:10px}
.ik-baski-bas h1{font-size:16px;margin:2px 0;color:#111}
.ik-baski-bas small{color:#555}
.ik-baski-bas dl{display:grid;grid-template-columns:auto auto;gap:2px 10px;margin:0}
.ik-baski-bas dt{color:#555} .ik-baski-bas dd{margin:0;font-weight:600}
.ik-baski h2{font-size:12px;margin:12px 0 4px;color:#111}
.ik-baski table{width:100%;border-collapse:collapse;margin-bottom:6px}
.ik-baski th,.ik-baski td{border:1px solid #999;padding:3px 5px;text-align:left;vertical-align:top}
.ik-baski th{background:#eee;font-weight:600}
.ik-baski .sag{text-align:right}
.ik-baski .imza{width:90px}
.ik-baski-imza{display:flex;gap:16px;margin-top:18px}
.ik-baski-imza>div{flex:1;text-align:center;color:#555}
.ik-baski-imza span{display:block;border-top:1px solid #111;margin-bottom:4px;height:46px}
@media print{
  .ik-baski-onizleme{max-height:none!important;overflow:visible!important;background:none!important;border:0!important;padding:0!important}
  .ik-baski-sayfa{box-shadow:none!important;margin:0!important;width:auto!important;padding:0!important}
}

/* ---- Puantaj cetveli (İK Parti B) ---- */
.ik-puantaj-sar{overflow-x:auto;border:1px solid var(--cizgi-2);border-radius:10px}
.ik-puantaj{border-collapse:separate;border-spacing:0;width:100%;font-size:12px}
.ik-puantaj th,.ik-puantaj td{border-bottom:1px solid var(--cizgi-2);border-right:1px solid var(--cizgi-2);padding:0}
.ik-puantaj thead th{background:var(--yuzey-2);font-weight:600;position:sticky;top:0;z-index:2;padding:5px 3px;text-align:center}
.ik-puantaj-gun{width:30px;min-width:30px}
.ik-puantaj-gun span{display:block;font-size:12px}
.ik-puantaj-gun small{display:block;font-size:9.5px;color:var(--soluk);font-weight:500}
.ik-puantaj-gun.hafta-sonu{background:var(--yuzey-3,var(--yuzey-2));color:var(--soluk)}
.ik-puantaj-ad{position:sticky;left:0;z-index:3;background:var(--yuzey);text-align:left;min-width:190px;padding:6px 10px!important;
  border-right:1px solid var(--cizgi)}
.ik-puantaj thead .ik-puantaj-ad{z-index:4;background:var(--yuzey-2)}
.ik-puantaj-ad b{display:block;font-size:12.5px;font-weight:600}
.ik-puantaj-ad small{display:block;color:var(--soluk);font-size:11px;font-weight:400}
.ik-puantaj tbody th,.ik-puantaj tbody td{height:30px}
.ik-puantaj td.sag{padding:0 8px;text-align:right;min-width:58px}
.ik-puantaj-hucre{text-align:center;position:relative}
.ik-puantaj-dugme{width:100%;height:30px;border:0;background:none;font:inherit;color:inherit;cursor:pointer;padding:0}
.ik-puantaj-dugme:hover{outline:2px solid var(--ana);outline-offset:-2px}
.ik-puantaj-bos{color:var(--soluk)}
.ik-puantaj-hucre.elle::after{content:"";position:absolute;top:2px;right:2px;width:5px;height:5px;border-radius:50%;background:var(--ana)}

/* Gün türü renkleri: lejantla aynı sınıflar. */
.gun-calisti{background:color-mix(in srgb,var(--basari) 14%,transparent)}
.gun-hafta{background:var(--yuzey-2);color:var(--soluk)}
.gun-resmi{background:color-mix(in srgb,var(--uyari) 20%,transparent)}
.gun-izin{background:color-mix(in srgb,var(--bilgi) 18%,transparent)}
.gun-ucretsiz{background:color-mix(in srgb,var(--bilgi) 30%,transparent)}
.gun-rapor{background:color-mix(in srgb,var(--ana) 18%,transparent)}
.gun-devamsiz{background:color-mix(in srgb,var(--tehlike) 22%,transparent)}
.gun-idari{background:color-mix(in srgb,var(--basari) 26%,transparent)}
.gun-disi{background:repeating-linear-gradient(45deg,transparent,transparent 3px,var(--cizgi-2) 3px,var(--cizgi-2) 5px);color:var(--soluk)}

.ik-puantaj-lejant{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:12px;font-size:11.5px;color:var(--metin-2)}
.ik-gun{display:inline-flex;align-items:center;gap:6px}
.ik-gun i{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:5px;
  font-style:normal;font-size:11px;font-weight:600;border:1px solid var(--cizgi-2)}
.ik-gun-elle{color:var(--ana);border:0!important}

/* ---- PDKS ---- */
.ik-pdks-onizleme{margin-top:14px;border-top:1px solid var(--cizgi-2);padding-top:14px;display:grid;gap:10px}
.ik-pdks-ozet{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12.5px}
.ik-pdks-ozet b{font-family:var(--mono)}
.ik-pdks-esleme{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}

/* ---- Ücret pusulası baskısı (İK Parti C) ---- */
.ik-pusula{color:#111;font-size:11.5px;line-height:1.35}
.ik-pusula-sayfa{background:#fff;width:190mm;max-width:100%;margin:0 auto 16px;padding:10mm;box-shadow:0 1px 4px rgba(16,24,40,.18);box-sizing:border-box}
.ik-pusula h2{font-size:12px;margin:10px 0 4px;color:#111}
.ik-pusula table{width:100%;border-collapse:collapse}
.ik-pusula th,.ik-pusula td{border:1px solid #999;padding:3px 6px;text-align:left}
.ik-pusula th{background:#eee;font-weight:600}
.ik-pusula .sag{text-align:right;font-variant-numeric:tabular-nums}
.ik-pusula-izgara{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}
.ik-pusula-net{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:8px 10px;border:2px solid #111}
.ik-pusula-net b{font-size:15px}
.ik-pusula-matrah{margin-top:10px;font-size:10.5px}
.ik-pusula-uyari{margin:8px 0 0;padding:5px 8px;border:1px dashed #b45309;color:#b45309;font-size:11px}
@media print{
  .ik-pusula-sayfa{box-shadow:none!important;margin:0!important;width:auto!important;padding:0!important;break-after:page;page-break-after:always}
  .ik-pusula-sayfa:last-child{break-after:auto;page-break-after:auto}
}

/* ---- Bordro ekranı ---- */
.ik-bordro-ozet{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:0}
.ik-bordro-ozet>div{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--cizgi-2);border-radius:10px;background:var(--yuzey-2)}
.ik-bordro-ozet dt{font-size:11.5px;color:var(--soluk)}
.ik-bordro-ozet dd{margin:0;font-size:17px;font-weight:600;font-family:var(--mono)}
.ik-parametre-uyari{margin-bottom:14px}

/* ===== Personel self servis (İK Parti E) ===== */
.personel-kabuk{min-height:100vh;display:flex;flex-direction:column;background:var(--zemin)}
.personel-ust{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 20px;background:var(--yuzey);
  border-bottom:1px solid var(--cizgi)}
.personel-marka{font-weight:700;font-size:16px;color:var(--metin);text-decoration:none}
.personel-menu{display:flex;gap:4px;flex-wrap:wrap;flex:1}
.personel-menu a{padding:6px 10px;border-radius:7px;font-size:13.5px;color:var(--metin-2);text-decoration:none}
.personel-menu a:hover{background:var(--yuzey-2);color:var(--metin)}
.personel-cikis{margin:0}
.personel-govde{flex:1;width:100%;max-width:960px;margin:0 auto;padding:20px 16px;display:grid;gap:16px}
.personel-alt{padding:14px 20px;color:var(--soluk);font-size:12px;text-align:center}
.personel-kart{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:12px;box-shadow:var(--golge);padding:18px 20px}
.personel-kart h1{font-size:20px;margin:0 0 4px}
.personel-kart h2{font-size:15px;margin:0 0 10px}
.personel-kart h3{font-size:13px;margin:0 0 6px;color:var(--soluk)}
.personel-meta{color:var(--soluk);font-size:13px;margin:0 0 12px}
.personel-bos{color:var(--soluk);font-size:13.5px;margin:0}
.personel-not{display:block;color:var(--soluk);font-size:11.5px}
.personel-ipucu{color:var(--soluk);font-size:12.5px;margin:12px 0 0}
.personel-ozet{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0}
.personel-ozet>div{display:flex;flex-direction:column;gap:2px}
.personel-ozet dt{font-size:11.5px;color:var(--soluk)}
.personel-ozet dd{margin:0;font-size:14px;font-weight:600}
.personel-bakiye-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:12px}
.personel-bakiye{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--cizgi-2);
  border-radius:10px;background:var(--yuzey-2)}
.personel-bakiye span{font-size:11.5px;color:var(--soluk)}
.personel-bakiye b{font-size:19px;font-family:var(--mono)}
.personel-bakiye small{font-size:11px;color:var(--soluk)}
.personel-pusula{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.personel-net{display:flex;justify-content:space-between;align-items:center;margin:14px 0 0;padding:10px 14px;
  border:2px solid var(--cizgi);border-radius:10px}
.personel-net b{font-size:18px;font-family:var(--mono)}
.personel-donem{display:flex;align-items:flex-end;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.personel-donem label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--soluk)}
.personel-giris{max-width:420px;margin:40px auto;background:var(--yuzey);border:1px solid var(--cizgi);
  border-radius:12px;box-shadow:var(--golge);padding:28px 26px}
@media (max-width:760px){.personel-pusula{grid-template-columns:1fr}}

/* Bayi paneli (Modül 8 Parti 1). Uygulama kabuğundan ayrı, sade bir B2B yüzü. */
/* Bayi paneli: uygulama kabuğunun AYNI görsel dili (aynı .cerceve/.menu/.ana iskeleti, aynı kart ve
   tablo bileşenleri). Buradaki kurallar yalnız kabuğun bayiye özgü farklarını kapatır: menüde arama,
   daraltma ve tema düğmesi yoktur (kabuk statik SSR'dir), çıkış menünün en altındadır. */
.bayi-kabuk .menu-kaydir{padding-top:10px}
.bayi-kabuk .menu-oge{font-size:13.5px;text-decoration:none}
.bayi-kabuk .bayi-cikis{margin:auto 10px 14px;padding-top:10px;border-top:1px solid var(--aside-cizgi)}
.bayi-kabuk .bayi-cikis .menu-oge{cursor:pointer}

/* Dar ekran: bayi kabuğunda mobil çekmece yoktur (JS istemez), menü üste düşer ve yatay kayar. */
@media (max-width:860px){
  .bayi-kabuk{grid-template-columns:1fr}
  .bayi-kabuk aside.menu{position:static;height:auto}
  .bayi-kabuk .menu-kaydir{display:flex;gap:4px;overflow-x:auto;padding:8px 10px}
  .bayi-kabuk .menu-oge{white-space:nowrap;width:auto}
  .bayi-kabuk .bayi-cikis{margin:0 10px 10px;border-top:0;padding-top:0}
  .bayi-kabuk .sirket-secici{margin:10px 10px 4px}
}

.bayi-giris{max-width:420px;margin:40px auto;background:var(--yuzey);border:1px solid var(--cizgi);
  border-radius:12px;box-shadow:var(--golge);padding:28px 26px}
.bayi-meta{color:var(--soluk);font-size:13px;margin:0}
.bayi-bos{color:var(--soluk);font-size:13.5px;margin:0}
.bayi-ipucu{color:var(--soluk);font-size:12.5px;margin:12px 0 0}
.bayi-arac{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:14px 0 0}
.bayi-arac label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--soluk)}
.bayi-miktar{width:90px;text-align:right}
.bayi-kilit{font-size:11.5px;color:var(--soluk)}
.bayi-net{display:flex;justify-content:space-between;align-items:center;margin:14px 0 0;padding:10px 14px;
  border:1px solid var(--cizgi-2);border-radius:8px;background:var(--yuzey-2)}
.bayi-net b{font-size:18px;font-family:var(--mono)}
/* Sipariş durum çizgisi: adımlar uygulamanın Durum rozetiyle çizilir, kapsayıcı yalnız hizalar. */
.bayi-durum-cizgi{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ik-davet-baglanti{margin:10px 0 0;padding:10px 12px;border:1px solid var(--cizgi-2);border-radius:8px;
  background:var(--yuzey-2);font-size:12.5px;word-break:break-all}

/* Tedarikçi portalı (tedarikçi portalı Parti 1). Bayi paneliyle aynı sade dış kanal kabuğu; ayrı sınıf adları
   kullanılır ki iki yüzün görünümü birbirini kilitlemesin. */
.tedarikci-kabuk{min-height:100vh;display:flex;flex-direction:column;background:var(--zemin)}
.tedarikci-ust{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 20px;background:var(--yuzey);
  border-bottom:1px solid var(--cizgi)}
.tedarikci-marka{font-weight:700;font-size:16px;color:var(--metin);text-decoration:none}
.tedarikci-menu{display:flex;gap:4px;flex-wrap:wrap;flex:1}
.tedarikci-menu a{padding:6px 10px;border-radius:7px;font-size:13.5px;color:var(--metin-2);text-decoration:none}
.tedarikci-menu a:hover{background:var(--yuzey-2);color:var(--metin)}
.tedarikci-unvan{font-size:12.5px;color:var(--soluk);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tedarikci-cikis{margin:0}
.tedarikci-govde{flex:1;width:100%;max-width:1160px;margin:0 auto;padding:20px 16px;display:grid;gap:16px}
.tedarikci-alt{padding:14px 20px;color:var(--soluk);font-size:12px;text-align:center}
.tedarikci-kart{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:12px;box-shadow:var(--golge);padding:18px 20px}
.tedarikci-kart h1{font-size:20px;margin:0 0 4px}
.tedarikci-kart h2{font-size:15px;margin:0 0 10px}
.tedarikci-meta{color:var(--soluk);font-size:13px;margin:0 0 12px}
.tedarikci-soluk{color:var(--soluk);font-size:12.5px}
.tedarikci-bos{color:var(--soluk);font-size:13.5px;margin:0}
.tedarikci-ipucu{color:var(--soluk);font-size:12.5px;margin:12px 0 0}
.tedarikci-giris{max-width:420px;margin:40px auto;background:var(--yuzey);border:1px solid var(--cizgi);
  border-radius:12px;box-shadow:var(--golge);padding:28px 26px}
.tedarikci-ozet{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:0}
.tedarikci-ozet>div{display:flex;flex-direction:column;gap:2px}
.tedarikci-ozet dt{font-size:11.5px;color:var(--soluk)}
.tedarikci-ozet dd{margin:0;font-size:16px;font-weight:600;font-family:var(--mono)}
.tedarikci-eylemler{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.tedarikci-net{display:flex;justify-content:space-between;align-items:center;margin:14px 0 0;padding:10px 14px;
  border:1px solid var(--cizgi-2);border-radius:8px;background:var(--yuzey-2)}
.tedarikci-net b{font-size:18px;font-family:var(--mono)}
.tedarikci-etiket{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:600}
.tedarikci-etiket-basari{background:var(--basari-acik);color:var(--basari)}
.tedarikci-etiket-uyari{background:var(--uyari-acik);color:var(--uyari)}
.tedarikci-etiket-tehlike{background:var(--tehlike-acik);color:var(--tehlike)}
.tedarikci-etiket-bilgi{background:var(--ana-acik);color:var(--ana)}
.tedarikci-etiket-notr{background:var(--yuzey-2);color:var(--soluk)}
.tedarikci-durum-cizgi{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px}
.tedarikci-durum-cizgi span{padding:2px 8px;border-radius:999px;background:var(--yuzey-2);color:var(--soluk)}
.tedarikci-durum-cizgi span.etkin{background:var(--ana-acik);color:var(--ana);font-weight:600}

/* ---- İK Parti F/G: talepler, İSG uyarıları, bildirim ayarı, cihaz künyesi ---- */
.ik-talep-degisiklik{margin:0;padding-left:16px;font-size:12.5px;color:var(--metin-2)}
.ik-talep-degisiklik li{margin:1px 0}
.ik-isg-uyari{margin:6px 0 0;padding-left:16px;font-size:13px}
.ik-isg-uyari li{margin:2px 0}
.ik-bildirim-anahtarlar{display:grid;gap:10px;margin-top:14px}
.ik-cihaz-kunye{display:grid;gap:8px;margin:12px 0}
.ik-cihaz-kunye div{display:grid;grid-template-columns:130px 1fr;gap:10px;align-items:start}
.ik-cihaz-kunye dt{margin:0;font-size:12px;color:var(--soluk);text-transform:uppercase;letter-spacing:.02em}
.ik-cihaz-kunye dd{margin:0;font-size:12.5px;word-break:break-all}
@media (max-width:640px){.ik-cihaz-kunye div{grid-template-columns:1fr}}

/* ---- Saha satışı (plasiyer Parti 1): dar ekran, tek elle kullanım ---- */
.saha-kabuk{min-height:100vh;display:flex;flex-direction:column;background:var(--zemin)}
.saha-ust{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 16px;background:var(--yuzey);
  border-bottom:1px solid var(--cizgi);position:sticky;top:0;z-index:5}
.saha-marka{font-weight:700;font-size:15px;color:var(--metin);text-decoration:none}
.saha-menu{display:flex;gap:4px;flex-wrap:wrap;flex:1}
.saha-menu a{padding:7px 11px;border-radius:8px;font-size:14px;color:var(--metin-2);text-decoration:none}
.saha-menu a:hover,.saha-menu a.aktif{background:var(--yuzey-2);color:var(--metin)}
.saha-govde{flex:1;width:100%;max-width:720px;margin:0 auto;padding:14px 12px 40px;display:grid;gap:12px}
.saha-kart{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:12px;box-shadow:var(--golge);padding:14px 16px}
.saha-kart h1{font-size:18px;margin:0 0 2px}
.saha-kart h2{font-size:15px;margin:0 0 8px}
.saha-ozet{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:0 0 10px}
.saha-ozet>div{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border:1px solid var(--cizgi-2);
  border-radius:9px;background:var(--yuzey-2)}
.saha-ozet span{font-size:11px;color:var(--soluk)}
.saha-ozet b{font-size:17px;font-family:var(--mono)}
.saha-satir{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--cizgi-2);
  border-radius:10px;background:var(--yuzey);margin-bottom:8px}
.saha-satir.bitti{background:var(--yuzey-2);opacity:.75}
.saha-satir-govde{flex:1;min-width:0}
.saha-satir-govde b{display:block;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.saha-satir-govde small{color:var(--soluk);font-size:12px}
.saha-sira{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--yuzey-2);
  font-size:12px;font-family:var(--mono);color:var(--soluk);flex:none}
.saha-eylemler{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.saha-bos{color:var(--soluk);font-size:13.5px;margin:0}
.saha-urun{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--cizgi-2)}
.saha-urun:last-child{border-bottom:0}
.saha-urun-govde{flex:1;min-width:0}
.saha-urun-govde b{display:block;font-size:14px}
.saha-urun-govde small{color:var(--soluk);font-size:11.5px}
/* Ziyaret anketi (plasiyer Parti 2): sorular alt alta, aralarında ince ayraç. */
.saha-anket-soru{padding:8px 0;border-bottom:1px solid var(--cizgi-2)}
.saha-anket-soru:last-of-type{border-bottom:0}
@media (max-width:520px){.saha-govde{padding:10px 8px 32px}.saha-kart{padding:12px 12px}}

/* ---- Satın alma (Modül 12 Parti 1) ---- */
.matris-hucre{display:inline-flex;align-items:center;gap:6px;justify-content:flex-end;cursor:pointer}
.matris-hucre small{font-size:11px}
/* Kademeli teklif: hücrede her fiyat kademesi ayrı satır (miktar · fiyat · termin). */
.matris-kademe{display:flex;align-items:center;gap:6px;justify-content:flex-end;cursor:pointer;padding:1px 0;white-space:nowrap}
.matris-kademe small{font-size:11px}
.matris-kademe-miktar{font-size:11px;color:var(--soluk)}
.matris-kademe-fark{color:var(--uyari);font-weight:600}
.matris-kademe-gec{color:var(--tehlike)}
.liste-sade{margin:0;padding-left:18px;display:grid;gap:4px;font-size:13.5px}
/* Tedarikçi teklif formu (/rfq/{token}): çevrimiçi belge kalıbının geniş, çok satırlı hâli. */
.rfq-genis{max-width:1040px;margin:0 auto;padding:40px 16px}
/* Tedarikçi teklif formunda kalem bloğu ve fiyat kademeleri (yarı ihale). */
.rfq-kalem{border:1px solid var(--cizgi);border-radius:8px;padding:12px;margin:12px 0}
.rfq-kalem-ust{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.rfq-kalem-alanlar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}
.rfq-kalem-alanlar .alan{flex:1 1 180px;min-width:0}
.cevrimici-belge-ozet{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:0}
.cevrimici-belge-ozet>div{display:flex;flex-direction:column;gap:2px}
.cevrimici-belge-ozet dt{font-size:11.5px;color:var(--soluk)}
.cevrimici-belge-ozet dd{margin:0;font-size:14px;font-weight:600}
.cevrimici-belge-alanlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.cevrimici-belge-eylemler{display:flex;gap:10px;flex-wrap:wrap}

/* ---- Raporlama Parti 2a: satır içi SVG grafik, favori, kayıtlı süzgeç, pano ---- */
/* Grafik seri renkleri: sekiz ton, koyu modda ayrı. Dış grafik kütüphanesi yoktur (plan §4). */
:root{
  --seri-1:#0F6E69; --seri-2:#2560A8; --seri-3:#A86400; --seri-4:#7A3E9D;
  --seri-5:#1A7F4B; --seri-6:#B4453A; --seri-7:#0E7490; --seri-8:#8A6D1F;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --seri-1:#3FB2AA; --seri-2:#6FA3E6; --seri-3:#E0A34A; --seri-4:#B78BD6;
    --seri-5:#4CC08A; --seri-6:#EF7A6C; --seri-7:#4FB8CE; --seri-8:#D2B457;
  }
}
:root[data-theme="dark"]{
  --seri-1:#3FB2AA; --seri-2:#6FA3E6; --seri-3:#E0A34A; --seri-4:#B78BD6;
  --seri-5:#4CC08A; --seri-6:#EF7A6C; --seri-7:#4FB8CE; --seri-8:#D2B457;
}
/* Ekran okuyucu için görünmez ama okunur içerik (grafiğin veri tablosu). */
.gorsel-gizli{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.grafik{display:grid;gap:12px}
.grafik svg{width:100%;height:auto;display:block}
.grafik-bos{margin:0;font-size:13px}
.grafik-izgara{stroke:var(--cizgi-2);stroke-width:1}
.grafik-eksen{stroke:var(--cizgi);stroke-width:1.2}
.grafik-eksen-yazi{fill:var(--soluk);font-size:10px;font-family:var(--mono)}
.grafik-eksen-yazi.sag-yazi{text-anchor:end}
.grafik-eksen-yazi.orta-yazi{text-anchor:middle}
.grafik-cizgi{fill:none;stroke:var(--ana);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.grafik-isaret{fill:var(--yuzey);stroke:var(--ana);stroke-width:2}
.grafik-pasta{max-width:250px;margin:0 auto}
.grafik-gosterge{list-style:none;margin:0;padding:0;display:grid;gap:5px;font-size:12.5px}
.grafik-gosterge li{display:flex;align-items:center;gap:8px}
.grafik-gosterge-ad{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.grafik-gosterge small{color:var(--soluk)}
.grafik-nokta{width:10px;height:10px;border-radius:2px;flex:none}
.grafik-seri-1{fill:var(--seri-1);background:var(--seri-1)}
.grafik-seri-2{fill:var(--seri-2);background:var(--seri-2)}
.grafik-seri-3{fill:var(--seri-3);background:var(--seri-3)}
.grafik-seri-4{fill:var(--seri-4);background:var(--seri-4)}
.grafik-seri-5{fill:var(--seri-5);background:var(--seri-5)}
.grafik-seri-6{fill:var(--seri-6);background:var(--seri-6)}
.grafik-seri-7{fill:var(--seri-7);background:var(--seri-7)}
.grafik-seri-8{fill:var(--seri-8);background:var(--seri-8)}
/* Favori yıldızı: etkinken dolu ve vurgulu. */
.favori-etkin{color:var(--uyari)}
.favori-etkin svg{fill:var(--uyari);stroke:var(--uyari)}
.rapor-suzgec-listesi{display:flex;flex-wrap:wrap;gap:10px}
.rapor-suzgec-oge{display:flex;align-items:center;gap:6px;padding:4px 6px 4px 4px;
  border:1px solid var(--cizgi-2);border-radius:999px;background:var(--yuzey-2)}
.rapor-suzgec-oge .soluk{font-size:11.5px;padding-right:6px}
/* Pano ızgarası: kolon sayısı panonun ayarı (--pano-kolon), dar ekranda tek kolon. */
.pano-izgara{display:grid;gap:12px;grid-template-columns:repeat(var(--pano-kolon,3),minmax(0,1fr));align-items:start}
@media (max-width:900px){.pano-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.pano-izgara{grid-template-columns:1fr}.pano-widget{grid-column:auto!important}}
.pano-widget{display:flex;flex-direction:column;min-width:0}
.pano-widget-ust{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;
  padding:10px 14px 0;font-size:13px}
.pano-widget-ust b{font-size:13.5px}
.pano-widget-ust small{display:block;color:var(--soluk);font-size:11.5px}
.pano-widget-eylem{display:flex;gap:2px;flex:none}
.pano-deger{font-family:var(--mono);font-size:26px;font-weight:600;line-height:1.15;margin:4px 0 2px;word-break:break-word}
.pano-degisim{font-size:12.5px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pano-onceki{color:var(--soluk)}
.pano-olcek{height:8px;border-radius:999px;background:var(--cizgi-2);overflow:hidden;margin:8px 0 6px}
.pano-olcek i{display:block;height:100%;border-radius:999px;background:var(--ana)}
.pano-olcek i.tam{background:var(--basari)}
.pano-olcek i.dusuk{background:var(--uyari)}
.pano-mini-tablo{width:100%;border-collapse:collapse;font-size:12.5px}
.pano-mini-tablo th,.pano-mini-tablo td{padding:4px 6px;border-bottom:1px solid var(--cizgi-2);text-align:left}
.pano-mini-tablo th{color:var(--soluk);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.02em}
.pano-mini-tablo td.sag,.pano-mini-tablo th.sag{text-align:right;font-family:var(--mono)}
.pano-mini-tablo tr:last-child td{border-bottom:0}
.pano-arac-cubugu{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}
.pano-arac-cubugu .alan{margin:0}
/* KPI gerçekleşme tablosu: sapma sütunu renkli, hedefsiz dönem soluk. */
.kpi-sapma-iyi{color:var(--basari);font-weight:600}
.kpi-sapma-kotu{color:var(--tehlike);font-weight:600}
.kpi-hedefsiz{color:var(--soluk)}

/* Görev panosu (Modül 14 Parti 1): yatay kaydırmalı kolonlar, kolon içinde kartlar. Sürükle-bırak YOKTUR;
   durum kartın altındaki açılır menüyle değişir (statik SSR ve klavye erişilebilirliği). */
.gorev-pano{display:flex;gap:12px;align-items:flex-start;min-width:max-content;padding-bottom:6px}
.gorev-kolon{flex:0 0 300px;background:var(--yuzey-2);border:1px solid var(--cizgi);border-radius:var(--yaricap);padding:10px;display:flex;flex-direction:column;gap:10px}
.gorev-kolon-bas{display:flex;align-items:center;justify-content:space-between;gap:8px}
.gorev-kolon-bas .mono{font-family:var(--mono);color:var(--soluk);font-size:12.5px}
.gorev-kolon > p.soluk{margin:0;font-size:12.5px}
.gorev-kart{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--yaricap);padding:10px;box-shadow:var(--golge);display:flex;flex-direction:column;gap:8px}
.gorev-kart h4{margin:0;font-size:13.5px;font-weight:600;line-height:1.35}
.gorev-kart .detay-meta{margin-top:0;font-size:12px;gap:10px}
.gorev-kart-eylem{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-end}
.gorev-kart-eylem .alan{margin:0;flex:1 1 150px}

/* ================= Dış ticaret (Modül 13 Parti 1) ================= */
/* Vergi ve landed cost dağıtım tablolarının toplam satırı ile satır altı ikincil metni. */
table.veri tbody tr.dt-toplam{background:var(--yuzey-2);font-weight:600}
table.veri tbody tr.dt-toplam td,table.veri tbody tr.dt-toplam th{border-top:2px solid var(--cizgi)}
.dt-soluk{color:var(--soluk);font-size:12px}

/* ================================================================ Depo planı (WMS 2B çizim + 3B)
   Yalnız /app/depo/plan ekranında kullanılır. Çizimin kendisi wwwroot/js/depo-plani.js içindedir;
   renkler buradaki değişkenlerden okunur, böylece koyu tema kendiliğinden çalışır. */
.dp-govde { padding: 0; }
.dp-sar { display: flex; flex-direction: column; }
.dp-sekmeler { display: flex; border-bottom: 1px solid var(--cizgi); background: var(--yuzey-2); }
.dp-sekmeler button {
  font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; padding: 10px 18px;
  background: none; border: none; border-right: 1px solid var(--cizgi); color: var(--metin-2);
}
.dp-sekmeler button[aria-selected="true"] { background: var(--yuzey); color: var(--ana); box-shadow: inset 0 -2px 0 var(--ana); }
.dp-sekmeler button:focus-visible { outline: 2px solid var(--ana); outline-offset: -3px; }

.dp-tuval-kutu { position: relative; background: var(--zemin); }
.dp-plan, .dp-uc { display: block; width: 100%; height: 520px; touch-action: none; }
.dp-plan { background: var(--zemin); cursor: default; }
.dp-plan[data-arac]:not([data-arac="sec"]) { cursor: crosshair; }
.dp-uc { cursor: grab; }
.dp-uc:active { cursor: grabbing; }
@media (max-width: 720px) { .dp-plan, .dp-uc { height: 380px; } }

.dp-araclar { position: absolute; left: 12px; top: 12px; display: flex; gap: 6px; flex-wrap: wrap; max-width: calc(100% - 24px); }
.dp-mini {
  font: inherit; font-size: 12.5px; cursor: pointer; padding: 6px 10px;
  background: var(--yuzey); color: var(--metin-2); border: 1px solid var(--cizgi);
  border-radius: var(--yaricap); box-shadow: var(--golge);
}
.dp-mini:hover { border-color: var(--ana); color: var(--ana); }
.dp-mini[aria-pressed="true"] { background: var(--ana); border-color: var(--ana); color: var(--ana-metin); }
.dp-mini:focus-visible { outline: 2px solid var(--ana); outline-offset: 2px; }

.dp-bilgi {
  position: absolute; left: 12px; bottom: 12px; font-family: var(--mono); font-size: 12px;
  color: var(--metin-2); background: var(--yuzey); border: 1px solid var(--cizgi);
  border-radius: var(--yaricap); padding: 5px 9px; max-width: calc(100% - 24px);
}

.dp-lejant { display: flex; flex-wrap: wrap; gap: 6px 16px; align-items: center; padding: 10px 14px; border-top: 1px solid var(--cizgi); }
.dp-lejant span { display: flex; align-items: center; gap: 7px; font-size: 12.5px; color: var(--metin-2); }
.dp-kare { width: 11px; height: 11px; border-radius: 2px; flex: none; }
.dp-lejant-not { color: var(--soluk); font-size: 12px; }

.dp-ozet { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1px; background: var(--cizgi-2); border: 1px solid var(--cizgi-2); border-radius: var(--yaricap); overflow: hidden; }
.dp-ozet > div { background: var(--yuzey); padding: 8px 11px; }
.dp-ozet span { display: block; font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--soluk); margin-bottom: 2px; }
.dp-ozet b { font-family: var(--mono); font-size: 14px; font-weight: 600; font-variant-numeric: tabular-nums; }

.dp-ipucu {
  position: fixed; z-index: 60; pointer-events: none; opacity: 0; transition: opacity .1s;
  background: var(--metin); color: var(--zemin); padding: 4px 8px; border-radius: var(--yaricap);
  font-family: var(--mono); font-size: 12px; white-space: nowrap;
}
.dp-ipucu.acik { opacity: 1; }

/* SVG plan içi */
.dp-plan .dp-izgara { stroke: var(--cizgi); stroke-width: .03; }
.dp-plan .dp-izgara.kalin { stroke: var(--cizgi); stroke-width: .07; }
.dp-plan .dp-duvar { fill: none; stroke: var(--metin-2); stroke-width: .12; }
.dp-plan .dp-olcu-yazi { fill: var(--soluk); font-family: var(--mono); }
.dp-plan .dp-blok { cursor: move; }
.dp-plan .dp-blok-govde { stroke-width: .08; }
.dp-plan .dp-blok[data-secili="1"] .dp-blok-govde { stroke: var(--ana); stroke-width: .18; }
.dp-plan .dp-blok-yazi { fill: var(--metin); font-family: var(--mono); font-weight: 600; }
.dp-plan .dp-goz-cizgi { stroke: var(--metin-2); stroke-width: .035; opacity: .5; }
.dp-plan .dp-tutamak { fill: var(--ana); cursor: nwse-resize; }
.dp-plan .dp-taslak { fill: var(--ana); fill-opacity: .16; stroke: var(--ana); stroke-width: .1; stroke-dasharray: .3 .2; }
@media (prefers-reduced-motion: reduce) { .dp-ipucu { transition: none; } }

/* ===== Depo yönetimi — Parti 3: barkod, etiket ve tarama (Modül 16) =====
   Barkod SVG'si Erp.Web/Barkod/Code128 tarafından üretilir; buradaki yalnız yerleşimdir. Etiket sayfası TEMA
   BAĞIMSIZDIR: her zaman beyaz kâğıt, siyah çubuk (baskı sayfası kalıbı). Yazdırmada @page ölçüsü
   etiket bileşeninin kendi <style> bloğundan gelir. */
.wms-barkod { display: flex; flex-direction: column; align-items: center; gap: 2px; background: #fff; }
.wms-barkod svg { display: block; max-width: 100%; height: auto; }
.wms-barkod-hri { color: #000; font-size: 11pt; letter-spacing: 1px; white-space: nowrap; }
.wms-barkod-yok { display: inline-block; color: var(--tehlike); font-size: 12.5px; }

/* Tarama kutusu (el terminali) */
.wms-tarama { display: flex; flex-direction: column; gap: 10px; padding: 14px 16px; border: 1px solid var(--cizgi);
  border-radius: 10px; background: var(--yuzey-2); }
.wms-tarama.acik { border-color: var(--ana); box-shadow: 0 0 0 1px var(--ana); }
.wms-tarama-ust { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.wms-tarama-ust .alan { margin: 0; }
.wms-tarama-alan { margin: 0; }
.wms-tarama-alan .giris { font-size: 18px; letter-spacing: 1px; }
.wms-tarama-alan .yardim { margin: 6px 0 0; }
.wms-tarama-sonuc { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 13px; color: var(--metin-2); }
.wms-tarama-gecmis { display: flex; flex-direction: column; gap: 4px; margin: 0; padding: 0; list-style: none;
  font-size: 12.5px; color: var(--metin-2); max-height: 160px; overflow: auto; }

/* Etiket önizleme ve baskısı */
.wms-etiket-arac { display: flex; gap: 16px; align-items: flex-end; flex-wrap: wrap; }
.wms-etiket-onizleme { display: flex; flex-wrap: wrap; gap: 12px; background: var(--yuzey-2);
  border: 1px solid var(--cizgi); border-radius: 10px; padding: 16px; max-height: 64vh; overflow: auto; }
.wms-etiket { box-sizing: border-box; background: #fff; color: #000; color-scheme: light;
  font: 9pt/1.35 "IBM Plex Sans", Arial, sans-serif; padding: 4mm; border: 1px solid #bbb;
  display: flex; flex-direction: column; gap: 2mm; break-inside: avoid;
  -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.wms-etiket b { font-weight: 600; }
.wms-etiket-bas { display: flex; justify-content: space-between; gap: 4mm; border-bottom: 1px solid #000;
  padding-bottom: 1.5mm; }
.wms-etiket-bas h2 { margin: 0; font-size: 12pt; letter-spacing: .5px; }
.wms-etiket-bas small { color: #444; }
.wms-etiket-taraf { display: grid; grid-template-columns: 1fr 1fr; gap: 3mm; }
.wms-etiket-taraf > div { display: flex; flex-direction: column; min-width: 0; }
.wms-etiket-taraf small { font-size: .78em; text-transform: uppercase; letter-spacing: .6px; color: #555; }
.wms-etiket-bilgi { display: grid; grid-template-columns: auto 1fr; gap: .8mm 3mm; margin: 0; font-size: .95em; }
.wms-etiket-bilgi dt { color: #555; }
.wms-etiket-bilgi dd { margin: 0; font-weight: 600; }
.wms-etiket-tablo { width: 100%; border-collapse: collapse; font-size: .9em; }
.wms-etiket-tablo th, .wms-etiket-tablo td { border: 1px solid #999; padding: 1mm 1.5mm; text-align: left; }
.wms-etiket-tablo th { background: #eee; }
.wms-etiket-tablo .sag { text-align: right; }
.wms-etiket-barkod { margin-top: auto; border-top: 2px solid #000; padding-top: 2mm; display: flex;
  flex-direction: column; align-items: center; gap: 1mm; }
.wms-etiket-not { margin: 0; font-size: .82em; color: #555; }
.wms-etiket-goz { align-items: center; justify-content: center; text-align: center; }
.wms-etiket-goz .kod { font-family: var(--mono); font-size: 20pt; font-weight: 700; letter-spacing: 1px; color: #000; }
.wms-etiket-goz .ayrinti { font-size: .85em; color: #444; }
@media print {
  .wms-etiket-onizleme { display: block !important; max-height: none !important; overflow: visible !important;
    padding: 0 !important; border: 0 !important; background: #fff !important; }
  .wms-etiket { border: 0 !important; break-after: page; page-break-after: always; }
  .wms-etiket:last-child { break-after: auto; page-break-after: auto; }
}

/* ---- Kampanya şeridi (kampanya Parti 1): belgede uygulanan kampanyalar ve kaldırma ---- */
.kampanya-serit{border:1px solid var(--cizgi);border-left:3px solid var(--ana);border-radius:6px;background:var(--zemin);padding:10px 12px}
.kampanya-serit-baslik{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13.5px}
.kampanya-serit-hediye{color:var(--basari);font-size:12.5px}
.kampanya-serit-liste{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:2px}
.kampanya-serit-liste li{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;
  padding:4px 0;border-top:1px dotted var(--cizgi);font-size:13px}
.kampanya-serit-liste li:first-child{border-top:0}
.kampanya-serit-not{margin:8px 0 0;color:var(--soluk);font-size:11.5px;line-height:1.4}
@media (max-width:640px){
  .kampanya-serit-liste li{grid-template-columns:1fr auto}
}


/* ================================================================ Atölye (istasyon) terminali — Üretim Parti 1 §13
   Menüsüz, koyu, iri: 3-5 metreden değil ELDEN okunur ama eldivenle dokunulur. En küçük dokunma hedefi 48px,
   en küçük yazı 18px. Maliyet ve fiyat bu ekranda hiç çizilmez (karar Ü28). */
.atolye-kabuk{min-height:100vh;background:#111716;color:#E6ECEB;font-size:18px;padding:16px;display:flex;flex-direction:column;gap:16px}
.atolye-govde{display:flex;flex-direction:column;gap:16px}
.atolye-ust{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  background:#182120;border:1px solid #2A3735;border-radius:10px;padding:12px 16px}
.atolye-istasyon b{font-size:1.25rem}
.atolye-saat{font-family:ui-monospace,monospace;font-size:2rem;font-weight:600}
.atolye-operator{display:flex;align-items:center;gap:10px}
.atolye-araclar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.atolye-araclar .form-alan{flex:1 1 260px}
.atolye-kuyruk{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.atolye-kart{display:flex;flex-direction:column;gap:6px;text-align:left;min-height:120px;cursor:pointer;
  background:#182120;color:inherit;border:2px solid #2A3735;border-radius:10px;padding:14px 16px;font:inherit}
.atolye-kart:hover,.atolye-kart:focus-visible{border-color:#3FB2AA;outline:none}
.atolye-kart.calisiyor{border-color:#3FB2AA;background:#12302E}
.atolye-kart.gecikti{border-color:#E07A6A}
.atolye-kart.kalitede{border-color:#E0A648}
.atolye-kart-bas{display:flex;justify-content:space-between;font-size:.9rem;color:#A9B6B3}
.atolye-kart-ad{font-size:1.15rem;font-weight:600}
.atolye-kart-mamul{color:#A9B6B3}
.atolye-kart-alt{display:flex;gap:12px;flex-wrap:wrap;font-size:.85rem;color:#A9B6B3}
.atolye-gecikti{color:#E07A6A;font-weight:600}
.atolye-kalite{color:#E0A648;font-weight:600}
.atolye-aktif{background:#182120;border:2px solid #3FB2AA;border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;gap:14px}
.atolye-aktif-bas{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.atolye-aktif-bas h2{margin:4px 0;font-size:1.6rem}
.atolye-aktif-bas p{margin:0;color:#A9B6B3}
.atolye-sayac{text-align:right}
.atolye-sayac b{display:block;font-family:ui-monospace,monospace;font-size:2.2rem}
.atolye-sayac small{color:#A9B6B3}
.atolye-eylemler{display:flex;gap:12px;flex-wrap:wrap}
.atolye-eylemler .btn{min-height:56px;min-width:140px;font-size:1.05rem}
.atolye-nedenler{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-bottom:14px}
.atolye-nedenler .btn{min-height:56px}
@media (max-width:640px){
  .atolye-saat{font-size:1.5rem}
  .atolye-kuyruk{grid-template-columns:1fr}
}

/* ---- Girişsiz anket sayfası (/anket/{token}, CRM Parti 3). Oturumu olmayan müşteri telefonda da doldurur:
       dokunma hedefleri büyük, puan satırı dar ekranda sarar. ---- */
.anket-puan{border:1px solid var(--cizgi);border-radius:8px;padding:12px 14px;margin:0 0 16px}
.anket-puan legend{padding:0 6px;font-weight:600;font-size:.95rem}
.anket-puan-satir{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.anket-puan-kutu{flex:1 1 44px;min-width:44px}
.anket-puan-kutu input{position:absolute;opacity:0;width:0;height:0}
.anket-puan-kutu span{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--cizgi);
  border-radius:6px;cursor:pointer;font-variant-numeric:tabular-nums;background:var(--yuzey)}
.anket-puan-kutu input:checked+span{background:var(--ana);border-color:var(--ana);color:#fff;font-weight:700}
.anket-puan-kutu input:focus-visible+span{outline:2px solid var(--ana);outline-offset:2px}
.anket-soru{margin:0 0 16px}
.anket-zorunlu{color:var(--tehlike)}

/* Bayi sepetinde kampanya (kampanya Parti 3): rozet, iskonto satırı ve kampanya listesi. */
.bayi-kampanya-rozet {
    display: inline-block;
    margin-left: 6px;
    padding: 1px 6px;
    border-radius: 999px;
    background: var(--basari-zemin, #e8f5ee);
    color: var(--basari-metin, #1d6f42);
    font-size: .78rem;
    white-space: nowrap;
}

.bayi-net.bayi-kampanya b { color: var(--basari-metin, #1d6f42); }

.bayi-kampanya-liste {
    margin: 4px 0 12px;
    padding-left: 18px;
    font-size: .88rem;
    color: var(--metin-soluk, #5b6675);
}

.bayi-kampanya-liste.bayi-kampanya-uyari { color: var(--uyari-metin, #8a6100); }

/* ================================================================ Etiket basımı
   Barkod tasarım-basım planı §B12: önizleme ile baskı AYNI bileşeni çizer. Ölçüler mm'dir;
   yazdırmada @page ölçüsü şablondan gelir, böylece kâğıt üzerinde gerçek boyut çıkar. */
.etiket {
    position: relative;
    overflow: hidden;
    background: #fff;
    color: #000;
    box-sizing: border-box;
    /* Etiket kâğıdı beyazdır: koyu temada da beyaz kalmalı, yoksa önizleme yalan söyler. */
    color-scheme: light;
}

.etiket-alan {
    position: absolute;
    overflow: hidden;
    line-height: 1.1;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.etiket-alan.cerceveli { border: 0.2mm solid #000; }

.etiket-metin {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.etiket-cizgi {
    width: 100%;
    border-top: 0.3mm solid #000;
}

.etiket-barkod {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.etiket-barkod svg {
    max-width: 100%;
    max-height: 100%;
    height: auto;
}

.etiket-hri {
    font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
    font-size: 0.8em;
    letter-spacing: 0.02em;
}

.etiket-barkod-yok {
    font-size: 0.7em;
    color: #b00;
}

.etiket-logo { max-width: 100%; max-height: 100%; object-fit: contain; }

/* Sayfa düzeni: rulo etikette her etiket ayrı sayfa, A4'te ızgara. */
.etiket-tabaka { display: grid; }
.etiket-sayfa { break-after: page; }
.etiket-sayfa:last-child { break-after: auto; }

/* Ekrandaki önizleme: etiketin sınırı görünsün (baskıda görünmez). */
.etiket-onizleme .etiket { outline: 1px dashed var(--kenar, #c9ced6); }

/* Baskı alanı ekranda görünmez; yalnız yazdırmada çıkar. */
.etiket-baski-alani { display: none; }

@media print {
    /* Yazdırmada yalnız etiketler kalır: menü, araç çubuğu ve kart çerçevesi çıkmaz.
       visibility ile gizlenir (display değil): böylece JS'e gerek kalmadan, sayfanın kendi
       yerleşimi bozulmadan yalnız baskı alanı görünür. */
    body * { visibility: hidden; }
    .etiket-baski-alani, .etiket-baski-alani * { visibility: visible; }
    .etiket-baski-alani {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
    }
    .etiket-onizleme .etiket { outline: none; }
}

/* Etiket tasarımcısı: sol form, sağ canlı önizleme (barkod Parti 2). */
.etiket-tasarim {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 20px;
    align-items: start;
}

.etiket-tasarim-onizleme { min-width: 220px; }
.etiket-tasarim-onizleme h3 { margin: 0 0 8px; font-size: 13px; }

@media (max-width: 1000px) {
    .etiket-tasarim { grid-template-columns: minmax(0, 1fr); }
}

.secere-yon { display: flex; gap: 8px; align-items: flex-end; flex-wrap: wrap; }

/* Atölye terminali — açık mesai göstergesi (Üretim Parti 3). Operatör bitirmeyi unutursa başlıkta görünür. */
.atolye-mesai-acik {
    padding: 2px 8px;
    border-radius: 999px;
    background: rgba(255 255 255 / 0.14);
    font-size: .78rem;
    font-weight: 600;
    white-space: nowrap;
}

/* A4 sayfada kullanilmis goz: yarim kalmis sayfa tekrar beslenince ilk N etiket atlanir.
   Ekranda kesikli cerceveyle gorunur, baskida tamamen bostur (yer tutar, murekkep harcamaz). */
.etiket-bos-goz {
    border: 1px dashed var(--kenar, #cbd5e1);
    border-radius: 2px;
    background: repeating-linear-gradient(45deg, transparent, transparent 6px,
        rgba(148 163 184 / 0.18) 6px, rgba(148 163 184 / 0.18) 12px);
}

@media print {
    .etiket-bos-goz { border: none; background: none; }
}