:root{
  --ana:#0f766e; --ana-koyu:#0b5a53; --ana-acik:#14b8a6; --ana-tint:#e4f5f2;
  --arka:#f2f8f6; --kart:#fff;
  --kenar:#dde8e5; --kenar-soft:#e9f2f0; --metin:#101f1c; --soluk:#5c6e6a;
  --yesil:#15803d; --kirmizi:#b91c1c; --sari:#b45309;
  --yan:#0a2622; --yan-aktif:#123e37; --yan-metin:#b9d4ce; --yan-metin-soluk:#749991;
}
*{box-sizing:border-box}
body{
  margin:0;background:var(--arka);color:var(--metin);
  font:15px/1.5 "Source Sans 3",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
a{color:var(--ana);text-decoration:none}
h1,h2,h3{font-family:"Lexend","Source Sans 3",system-ui,sans-serif}
h1{font-size:24px;margin:0}
h2{font-size:17px;margin:0 0 12px}
h3{font-size:15px;margin:0 0 10px}

/* ---------- Uygulama iskeleti: kenar menü + içerik ---------- */
.uygulama{display:flex;align-items:stretch;min-height:100vh}
.sidebar{
  width:266px;flex:0 0 266px;background:var(--yan);color:var(--yan-metin);
  display:flex;flex-direction:column;padding:18px 12px 14px;
  position:sticky;top:0;height:100vh;overflow-y:auto;z-index:55;
}
.sidebar .marka{display:flex;align-items:center;gap:10px;padding:2px 8px 18px;margin-bottom:8px;
  border-bottom:1px solid rgba(255,255,255,.09)}
.marka-simge{width:32px;height:32px;border-radius:9px;background:linear-gradient(155deg,var(--ana-acik),var(--ana-koyu));
  display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px;
  flex:none;font-family:"Lexend",sans-serif}
.sidebar .marka a{color:#fff;font-weight:700;font-size:15.5px;line-height:1.2;display:block}
.sidebar .marka small{display:block;color:var(--yan-metin-soluk);font-weight:500;font-size:10.5px}

.nav-tek{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;
  color:var(--yan-metin);font-size:14px;font-weight:600}
.nav-tek svg{flex:none;color:var(--yan-metin-soluk)}
.nav-tek:hover{background:rgba(255,255,255,.06);color:#fff}
.nav-tek.aktif{background:var(--ana);color:#fff}
.nav-tek.aktif svg{color:#fff}

.nav-grup{margin:0;border:0}
.nav-grup>summary{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;
  color:var(--yan-metin);font-size:14px;font-weight:600;cursor:pointer;list-style:none}
.nav-grup>summary::-webkit-details-marker{display:none}
.nav-grup>summary svg.simge{flex:none;color:var(--yan-metin-soluk)}
.nav-grup>summary .ok{margin-left:auto;color:var(--yan-metin-soluk);transition:transform .15s;flex:none}
.nav-grup[open]>summary .ok{transform:rotate(90deg)}
.nav-grup:hover>summary{background:rgba(255,255,255,.06);color:#fff}
.nav-alt{display:flex;flex-direction:column;gap:1px;padding:2px 0 6px 32px}
.nav-alt a{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;
  color:var(--yan-metin);font-size:13.5px}
.nav-alt a:hover{background:rgba(255,255,255,.06);color:#fff}
.nav-alt a.aktif{background:var(--yan-aktif);color:#fff;font-weight:600}
.nav-alt .nokta{width:4px;height:4px;border-radius:2px;background:var(--yan-metin-soluk);flex:none}
.nav-alt a.aktif .nokta{background:var(--ana-acik)}
.nav-tek .sayac,.nav-alt .sayac{margin-left:auto}

.nav-ayrac{height:1px;background:rgba(255,255,255,.09);margin:9px 6px}
.nav-ikincil .nav-tek{color:var(--yan-metin-soluk);font-weight:500}
.nav-ikincil .nav-tek.aktif{color:#fff;font-weight:600}

.sidebar-kullanici{margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.09)}
.sk-satir{display:flex;align-items:center;gap:9px;padding:8px 8px 4px}
.sk-avatar{width:30px;height:30px;border-radius:50%;background:var(--ana-acik);color:#04302b;
  font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;flex:none;
  font-family:"Lexend",sans-serif}
.sk-kim{flex:1;min-width:0;line-height:1.2}
.sk-kim b{display:block;color:#fff;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sk-kim span{color:var(--yan-metin-soluk);font-size:11px}
.sk-eylem{display:flex;gap:4px;padding:4px 8px 2px}
.sk-eylem a{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 0;
  border-radius:7px;color:var(--yan-metin);font-size:11.5px;font-weight:600}
.sk-eylem a:hover{background:rgba(255,255,255,.08);color:#fff}

/* ---------- Üst çubuk (yalnız mobil) ---------- */
.topbar{display:none}
.marka-mobil{display:flex;align-items:center;gap:8px}
.marka-mobil a{color:var(--metin);font-weight:700;font-size:15px}

.ana{flex:1;min-width:0;display:flex;flex-direction:column;min-height:100vh}
main{max-width:1500px;width:100%;margin:0 auto;padding:24px 28px;flex:1}
.alt{text-align:center;color:var(--soluk);font-size:12px;padding:24px}

/* ---------- Kart / bölüm ---------- */
.kart{
  background:var(--kart);border:1px solid var(--kenar);border-radius:14px;
  padding:18px 20px;margin-bottom:18px;
  box-shadow:0 1px 2px rgba(9,28,25,.04), 0 8px 20px -12px rgba(9,28,25,.14);
}
.sayfa-basi{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.butonlar{display:flex;gap:8px;flex-wrap:wrap}
.iki-sutun{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.iki-sutun.ters{grid-template-columns:340px 1fr}
@media(max-width:1000px){.iki-sutun,.iki-sutun.ters{grid-template-columns:1fr}}
/* ızgara hücreleri geniş tabloyu taşırmasın */
.iki-sutun > *{min-width:0}
.kaydir{max-width:100%}

/* ---------- Özet kutuları ---------- */
.kutucuklar{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:14px;margin-bottom:20px}
.kutu{background:var(--kart);border:1px solid var(--kenar);border-left:4px solid var(--ana);
      border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:3px;
      box-shadow:0 1px 2px rgba(9,28,25,.04), 0 8px 20px -14px rgba(9,28,25,.14)}
.kutu .etiket{font-size:12px;color:var(--soluk);text-transform:uppercase;letter-spacing:.4px}
.kutu strong{font-family:"Lexend","Source Sans 3",system-ui,sans-serif;
  font-size:clamp(17px,1.6vw,26px);font-weight:700;white-space:nowrap}
.kutu small{color:var(--soluk);font-size:12px}
.kutu.iyi{border-left-color:var(--yesil)} .kutu.iyi strong{color:var(--yesil)}
.kutu.kotu{border-left-color:var(--kirmizi)} .kutu.kotu strong{color:var(--kirmizi)}
a.kutu{color:inherit;text-decoration:none}
a.kutu:hover{border-color:var(--ana);box-shadow:0 2px 8px rgba(0,0,0,.08)}
.kutu.uyari{border-left-color:var(--sari)} .kutu.uyari strong{color:var(--sari)}

/* Menüdeki sayaç rozeti */
.sayac{display:inline-block;background:#fde68a;color:#78350f;border-radius:20px;
  padding:1px 7px;font-size:11px;font-weight:700;vertical-align:1px}

/* Hızlı ekleme penceresi */
.kutu-pencere{border:0;border-radius:12px;padding:22px;max-width:560px;width:92vw;
  box-shadow:0 18px 50px rgba(0,0,0,.3);color:var(--metin)}
.kutu-pencere::backdrop{background:rgba(15,23,42,.5)}
.kutu-pencere h2{margin-bottom:16px}

/* Sevk giriş tablosu */
.sevk-tablo input,.sevk-tablo select{margin-top:0;padding:6px 8px;font-size:14px}
.rozet.bekleyen{background:#fef3c7;color:#92400e;font-weight:600;text-decoration:none}
.rozet.bekleyen:hover{background:#fde68a}
.sayac.kirmizi-sayac{background:#fecaca;color:#7f1d1d}

/* Evet/hayır tik düğmesi */
.tik{border:1px solid var(--kenar);background:#fff;border-radius:6px;cursor:pointer;
  font-size:15px;line-height:1;padding:4px 8px;color:#94a3b8}
.tik.evet{background:#dcfce7;border-color:#86efac;color:#15803d}
.tik:hover{border-color:var(--ana)}

/* Gecikmiş / yaklaşan vurgusu */
tr.gecikmis td{background:#fef2f2}
tr.yakin td{background:#fffbeb}
.vade-etiket{font-size:11px;padding:1px 7px;border-radius:20px;white-space:nowrap}
.vade-etiket.gecti{background:#fee2e2;color:#991b1b;font-weight:700}
.vade-etiket.yakin{background:#fef3c7;color:#92400e;font-weight:700}
.vade-etiket.uzak{background:#e2e8f0;color:#475569}
.kart.vurgu{border-left:4px solid var(--sari)}

/* Sekmeler */
.sekmeler{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;
  border-bottom:2px solid var(--kenar);padding-bottom:0}
.sekme{display:flex;align-items:center;gap:8px;padding:10px 18px;
  border:1px solid var(--kenar);border-bottom:none;border-radius:9px 9px 0 0;
  background:#f1f5f9;color:#475569;font-weight:600;font-size:14px;margin-bottom:-2px}
.sekme:hover{background:#e2e8f0}
.sekme.aktif{background:#fff;color:var(--ana);border-bottom:2px solid #fff}
.sekme .sayac{background:#e2e8f0;color:#475569}
.sekme.aktif .sayac{background:var(--ana);color:#fff}

/* Fiyat alanı birimi */
.bedel-alan{display:flex;align-items:center;gap:6px}
.bedel-alan .birim{font-size:11.5px;color:var(--soluk);white-space:nowrap}
.toplam-satir td{background:#f1f5f9;border-top:2px solid var(--kenar)}
.tablo tfoot td{padding:9px 8px}

.ozet-serit{
  display:flex;gap:22px;flex-wrap:wrap;background:#e2e8f0;border-radius:8px;
  padding:11px 16px;margin-bottom:14px;font-size:13px;color:#334155;
}
.ozet-serit b{font-size:16px;color:var(--metin)}
.ozet-serit.buyuk{font-size:14px;background:var(--kart);border:1px solid var(--kenar)}
.ozet-serit .yesil b{color:var(--yesil)} .ozet-serit .kirmizi b{color:var(--kirmizi)}

/* ---------- Tablolar ---------- */
.kaydir{overflow-x:auto}
.tablo{width:100%;border-collapse:collapse;font-size:13.5px}
.tablo th{
  text-align:left;background:#f8fafc;color:var(--soluk);font-size:11.5px;
  text-transform:uppercase;letter-spacing:.4px;font-weight:600;
  padding:9px 8px;border-bottom:2px solid var(--kenar);white-space:nowrap;
}
.tablo th.sag{text-align:right}
.tablo th.orta,.tablo td.orta{text-align:center}
.tablo td{padding:8px;border-bottom:1px solid #eef2f6;vertical-align:middle}
.tablo.cizgili tbody tr:nth-child(even){background:#fbfcfe}
.tablo tbody tr:hover{background:#f0fdfa}
.sag{text-align:right}
.nowrap{white-space:nowrap}
.kalin{font-weight:700}
.yesil{color:var(--yesil)} .kirmizi{color:var(--kirmizi)}
.soluk{color:var(--soluk)}
.bos{text-align:center;color:var(--soluk);padding:26px}
.rozet{display:inline-block;background:#e2e8f0;border-radius:20px;padding:2px 10px;font-size:12px;white-space:nowrap}
.rozet.bıçak{background:#dbeafe;color:#1e40af}
.rozet.ayak{background:#fef3c7;color:#92400e}
.rozet.fason{background:#e9d5ff;color:#6b21a8}

/* ---------- Formlar ---------- */
label{display:block;margin-bottom:12px;font-size:13px;color:#334155;font-weight:500}
label.onay{display:flex;align-items:center;gap:8px;font-weight:500}
input,select,textarea{
  width:100%;padding:8px 10px;border:1px solid #cbd5e1;border-radius:7px;
  font-size:14.5px;font-family:inherit;background:#fff;margin-top:4px;
}
label.onay input{width:auto;margin:0}
input:focus,select:focus{outline:2px solid var(--ana);outline-offset:-1px;border-color:var(--ana)}
.izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(215px,100%),1fr));gap:0 16px}
.genis-alan{grid-column:span 2}
@media(max-width:700px){.genis-alan{grid-column:span 1}}
.form-alan{max-width:1100px}
.form-butonlar{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px;grid-column:1/-1}
.satir-form{display:flex;gap:8px;align-items:center}
.satir-form input{margin-top:0}
.ara-kutu{display:flex;gap:8px;align-items:center}
.ara-kutu input{margin-top:0;min-width:250px}

.filtre{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(165px,100%),1fr));gap:0 14px;align-items:end}
.filtre>*{min-width:0}
.filtre-btn{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap;min-width:0}

/* ---------- Butonlar ---------- */
.btn{
  display:inline-block;padding:9px 15px;border:1px solid var(--kenar);border-radius:9px;
  background:#fff;color:var(--metin);font-size:13.5px;font-weight:600;cursor:pointer;
  text-decoration:none;line-height:1.2;font-family:inherit;white-space:nowrap;
  transition:background .12s,border-color .12s;
}
[hidden]{display:none!important}
.btn:hover{background:var(--arka)}
.btn.birincil{background:var(--ana);border-color:var(--ana);color:#fff}
.btn.birincil:hover{background:var(--ana-koyu)}
.btn.ufak{padding:4px 9px;font-size:12px}
.btn.tehlike{color:var(--kirmizi);border-color:#fecaca}
.btn.tehlike:hover{background:#fef2f2}
.btn.genis{width:100%;padding:11px;font-size:15px}

/* ---------- Hesap kartı ---------- */
.hesap-kart{background:#f0fdfa;border-color:#99f6e4}
.hesap-satir{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}
.hesap-satir div{background:#fff;border:1px solid var(--kenar);border-radius:8px;padding:11px 14px;
                 display:flex;flex-direction:column;gap:3px}
.hesap-satir span{font-size:12px;color:var(--soluk)}
.hesap-satir strong{font-size:20px}
.hesap-satir .kar{border-color:var(--ana);border-width:2px}
.hesap-satir .kar strong{font-size:24px}
.ipucu{font-size:12.5px;color:var(--soluk);margin:12px 0 0}

/* ---------- Seçenek listesi ---------- */
.secenek-liste{list-style:none;margin:0 0 14px;padding:0}
.secenek-liste li{display:flex;justify-content:space-between;align-items:center;
  padding:7px 10px;border:1px solid var(--kenar);border-radius:7px;margin-bottom:6px;background:#f8fafc}

/* ---------- Mesajlar ---------- */
.mesajlar{margin-bottom:14px}
.mesaj{padding:11px 15px;border-radius:8px;margin-bottom:8px;font-size:14px}
.mesaj.ok{background:#dcfce7;color:#14532d;border:1px solid #86efac}
.mesaj.hata{background:#fee2e2;color:#7f1d1d;border:1px solid #fca5a5}

/* ---------- Giriş ---------- */
.giris-sayfa{display:flex;align-items:center;justify-content:center;min-height:100vh;
  background:linear-gradient(140deg,#0f766e,#134e4a)}
.giris-kutu{background:#fff;padding:32px;border-radius:14px;width:100%;max-width:370px;
  box-shadow:0 12px 40px rgba(0,0,0,.28)}
.giris-kutu h1{font-size:22px;text-align:center;margin-bottom:2px}
.giris-kutu .alt-baslik{text-align:center;color:var(--soluk);font-size:13px;margin:0 0 20px}

/* ---------- Aranabilir açılır liste ---------- */
.sec-arama{display:flex;flex-direction:column;gap:5px;margin-top:4px}
.sec-arama select{margin-top:0}
.sec-ara{margin-top:0;background:#fffdf5;border-color:#cbd5e1}
.sec-ara.bulunamadi{border-color:var(--kirmizi);background:#fef2f2}

/* ---------- Telefona kurulum çubuğu ---------- */
.kurulum-cubuk{
  position:fixed;left:10px;right:10px;bottom:10px;z-index:100;
  background:#1f2937;color:#fff;border-radius:12px;padding:12px 14px;
  display:flex;align-items:center;gap:12px;font-size:13.5px;line-height:1.4;
  box-shadow:0 8px 28px rgba(0,0,0,.35);
}
.kurulum-cubuk span{flex:1}
.kurulum-cubuk .btn{flex:0 0 auto}
.kurulum-kapat{background:transparent;border:0;color:#94a3b8;font-size:17px;
  cursor:pointer;padding:2px 4px;line-height:1}
@media(min-width:901px){.kurulum-cubuk{left:auto;width:420px}}

/* ---------- Katlanabilir filtre ---------- */
.filtre-katla>summary{cursor:pointer;font-weight:600;font-size:14px;color:var(--ana);
  list-style:none;padding:2px 0}
.filtre-katla>summary::-webkit-details-marker{display:none}
.filtre-katla>summary::before{content:"▸ ";font-size:12px}
.filtre-katla[open]>summary{margin-bottom:10px}
.filtre-katla[open]>summary::before{content:"▾ "}
@media(min-width:901px){.filtre-katla>summary{display:none}}

/* ---------- Mobil menü düğmesi ---------- */
.menu-dugme{display:none;background:transparent;color:var(--metin);border:1px solid var(--kenar);
  border-radius:8px;font-size:19px;line-height:1;padding:6px 11px;cursor:pointer}

/* ================= MOBİL / TABLET ================= */
@media(max-width:900px){
  .topbar{display:flex;align-items:center;gap:12px;background:var(--kart);
    border-bottom:1px solid var(--kenar);padding:10px 14px;position:sticky;top:0;z-index:50}
  .topbar .spacer{flex:1}
  .menu-dugme{display:block}

  .sidebar{position:fixed;left:-280px;top:0;bottom:0;height:100vh;width:264px;
    transition:left .2s ease}
  .sidebar.acik{left:0;box-shadow:8px 0 24px rgba(0,0,0,.25)}
  .menu-ortu{display:none;position:fixed;inset:0;background:rgba(8,20,18,.45);z-index:54}
  .menu-ortu.acik{display:block}

  main{padding:12px 10px}
  h1{font-size:20px}
  .sayfa-basi{flex-direction:column;align-items:stretch;gap:10px}
  .butonlar{display:flex;flex-wrap:wrap;gap:8px}
  .butonlar .btn,.sayfa-basi .btn{flex:1 1 calc(50% - 6px);min-width:130px;text-align:center}
  .kart{padding:14px 12px}
  .kutucuklar{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
  .kutu strong{font-size:19px}
  .iki-sutun,.iki-sutun.ters{grid-template-columns:1fr}
  .genis-alan{grid-column:span 1}

  /* iOS'ta odaklanınca yakınlaştırmayı önler */
  input,select,textarea{font-size:16px;padding:10px}
  .btn{padding:11px 15px;font-size:14px}
  .btn.ufak{padding:7px 11px;font-size:13px}

  .tablo{font-size:12.5px}
  .tablo th{font-size:10.5px;padding:7px 6px}
  .tablo td{padding:7px 6px}
  .mobil-gizle{display:none}
  .ozet-serit{gap:12px;font-size:12px;padding:10px 12px}
  .ozet-serit b{font-size:14px}
  .sekme{padding:9px 12px;font-size:13px}
  .filtre{grid-template-columns:1fr 1fr}
  .filtre .genis-alan,.filtre-btn{grid-column:1/-1}
  .hesap-satir{grid-template-columns:1fr 1fr}
  .kaydir{-webkit-overflow-scrolling:touch}
  .kutu-pencere{padding:16px}
}

@media(max-width:520px){
  .filtre{grid-template-columns:1fr}
  .kutucuklar{grid-template-columns:1fr 1fr}
  .hesap-satir{grid-template-columns:1fr}
  .ara-kutu{flex-wrap:wrap}
  .ara-kutu input{min-width:0;flex:1 1 100%}
}

@media print{
  .sidebar,.topbar,.alt,.butonlar,.filtre,.mesajlar,.menu-ortu{display:none!important}
  body{background:#fff}
  .kart{border:none;page-break-inside:avoid;padding:0;margin-bottom:14px}
  main{padding:0;max-width:none}
}

/* ---------- Cari ekstre detay ---------- */
.hareket-detay{margin-top:6px}
.hareket-detay>summary{cursor:pointer;font-size:12px;color:var(--ana);font-weight:600;
  list-style:none;display:inline-block;padding:2px 0}
.hareket-detay>summary::-webkit-details-marker{display:none}
.hareket-detay>summary::before{content:"▸ "}
.hareket-detay[open]>summary::before{content:"▾ "}
.ic-tablo{width:100%;border-collapse:collapse;margin:6px 0 2px;
  background:#f8fafc;border:1px solid var(--kenar);border-radius:6px}
.ic-tablo td{padding:5px 8px;border-bottom:1px solid #eef2f6;font-size:12.5px}
.ic-tablo tr:last-child td{border-bottom:0}

/* ---------- Banka ekstresi eşleştirme ---------- */
.ayirac{border:0;border-top:1px dashed var(--kenar,#dbe3ea);margin:18px 0 10px}
.adimlar{margin:0;padding-left:20px;line-height:1.7}
.adimlar li{margin-bottom:6px}
.hizli-ekle{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}
#ekstreTablo td{vertical-align:top}
#ekstreTablo select{min-width:170px;max-width:260px}
#ekstreTablo tr.atlanan{opacity:.45}
#ekstreTablo tr.atlanan .hizli-ekle{display:none}

/* Ekstre eşleştirme — telefonda kart görünümü */
@media (max-width: 760px){
  #ekstreTablo, #ekstreTablo tbody, #ekstreTablo tr, #ekstreTablo td{display:block;width:100%}
  #ekstreTablo thead{display:none}
  #ekstreTablo tr{
    border:1px solid var(--kenar);border-radius:10px;background:var(--kart);
    padding:10px 12px;margin-bottom:10px;
  }
  #ekstreTablo tr.yakin{border-left:4px solid var(--sari)}
  #ekstreTablo td{border:0;padding:3px 0;text-align:left !important}
  #ekstreTablo td:empty{display:none}
  #ekstreTablo select{width:100%;max-width:none;min-width:0;padding:9px 8px}
  #ekstreTablo td[data-b]::before{
    content:attr(data-b);display:block;font-size:11px;text-transform:uppercase;
    letter-spacing:.04em;color:var(--soluk);margin-bottom:2px;
  }
  #ekstreTablo .hizli-ekle .btn{width:100%}
}

/* Ekstre araç çubuğu ve hedef alanı */
.arac-cubugu .izgara{align-items:end}
.arac-butonlar{display:flex;gap:6px;flex-wrap:wrap}
.isim-etiket{color:var(--ana);font-size:13px}
.hedef-ad{width:100%;max-width:240px}
.hedef-durum{font-size:11.5px;margin-top:3px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.hedef-durum.tamam{color:var(--yesil)}
.hedef-durum.eksik{color:var(--sari)}
.hedef-durum .btn{padding:2px 8px;font-size:11.5px}
#ekstreTablo tbody tr.yakin{background:#fffbeb}
.sadece-mobil{display:none}
.sec-kutu{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
@media (max-width:760px){
  .sadece-mobil{display:inline}
  #ekstreTablo .btn.tehlike{width:100%;margin-top:6px}
}

/* Kâr-zarar aylık çubuk */
.cubuk{background:var(--arka);border-radius:5px;height:10px;overflow:hidden}
.cubuk span{display:block;height:100%;background:var(--ana);border-radius:5px}
@media print{
  .yazdir-baslik{display:block !important;text-align:center;margin-bottom:14px}
}

/* Stok ekranı */
.genis-pencere{max-width:760px}
.ufak-alan{width:110px;text-align:right}
@media (max-width:520px){ .ufak-alan{width:90px} }
.rozet.parcalandi{background:#ede9fe;color:#5b21b6}

/* Yetki seçim kutuları */
.yetki-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:8px 16px}
.yetki-secim{align-items:flex-start;border:1px solid var(--kenar);border-radius:8px;
  padding:8px 10px;margin:0;cursor:pointer}
.yetki-secim:hover{border-color:var(--ana)}
.yetki-secim input{margin-top:3px}

/* Panel iş listesi */
.is-sayi{display:inline-block;min-width:34px;padding:3px 8px;border-radius:8px;
  font-weight:800;font-size:15px;background:#e2e8f0;color:#334155}
.is-sayi.uyari{background:#fef3c7;color:#92400e}
.is-sayi.kotu{background:#fee2e2;color:#991b1b}

/* Dar ekranlarda kutu ızgarası tek sütun */
@media (max-width:560px){
  .kutucuklar{grid-template-columns:1fr}
  .izgara{grid-template-columns:1fr}
  .filtre{grid-template-columns:1fr}
}

/* Dar ekranda uzun düğme yazıları taşmasın */
@media (max-width:560px){
  .btn{white-space:normal;text-align:center;line-height:1.25}
  .sayfa-basi .butonlar{width:100%}
  .sayfa-basi .butonlar .btn{flex:1 1 46%}
  .kutu strong{white-space:normal}
}

/* Nakit akış satırları */
.akis-satir{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:3px 0}
.akis-satir b{margin-left:auto;white-space:nowrap}
.akis-satir small{font-size:11.5px}