/* ==========================================================================
   Depo Ticaret — Uygulama bileşen katmanı
   babaambalaj app.css ÜZERİNE eklenir. "Yama/ek.css" DEĞİLDİR:
   !important yok, tarihli düzeltme yok — projeye özel temiz bileşenler.
   Renk/ölçü daima token'dan gelir.
   ========================================================================== */

/* ==========================================================================
   MARKA RENK TEMASI — Lojistik Mavi + Turuncu (babaambalaj yeşilini ezer)
   Ana renkler kabuk <head>'de ayarlardan (--primary vb.) enjekte edilir;
   burada varsayılanlar + tüm ton skalası tek renkten türetilir (color-mix).
   ========================================================================== */
:root{
  --primary:#3047F5;            /* Ana Mavi */
  --primary-hover:#172B8F;      /* Koyu Mavi */
  --primary-light:#5267FF;      /* Açık Mavi */
  --accent:#F47A20;             /* Turuncu vurgu */
  --primary-soft:color-mix(in srgb, var(--primary) 12%, #fff);
  --brand-50: color-mix(in srgb, var(--primary) 8%,  #fff);
  --brand-100:color-mix(in srgb, var(--primary) 15%, #fff);
  --brand-200:color-mix(in srgb, var(--primary) 26%, #fff);
  --brand-300:color-mix(in srgb, var(--primary) 45%, #fff);
  --brand-400:var(--primary-light);
  --brand-500:var(--primary);
  --brand-600:color-mix(in srgb, var(--primary) 80%, #000);
  --brand-700:var(--primary-hover);
  --brand-800:color-mix(in srgb, var(--primary-hover) 86%, #000);
  --brand-900:color-mix(in srgb, var(--primary-hover) 68%, #000);
  --brand-950:color-mix(in srgb, var(--primary-hover) 52%, #000);
  --bg:#F5F7FB;                 /* Açık gri arka plan */
  --ink:#172033;               /* Koyu antrasit metin */
}
/* Koyu tema: mavi/turuncu korunur, nötrler koyu kalır; ton skalası aydınlatılır */
html[data-theme="dark"]{
  --primary:#5267FF; --primary-hover:#7385FF; --primary-light:#8091FF;
  --accent:#FF9A3C; --primary-soft:#182047;
  --brand-700:var(--primary);
  --brand-600:color-mix(in srgb, var(--primary) 88%, #fff);
  --brand-500:color-mix(in srgb, var(--primary) 78%, #fff);
  --brand-400:color-mix(in srgb, var(--primary) 64%, #fff);
  --brand-800:color-mix(in srgb, var(--primary) 84%, #000);
}

/* --- Satır içi "ekle" formları: alan(lar) + buton aynı hizada ---
   Sorun: .field { margin-bottom:16px } + align-items:end butonu ~16px aşağı kaydırıyordu.
   Çözüm: bu satırlarda alan alt boşluğu 0, buton input yüksekliğine (46px) eşit. */
.ekle-form{ display:grid; gap:10px; align-items:end; }
.ekle-form .field{ margin-bottom:0; }
.ekle-form > .btn{ height:46px; }

/* --- Sayfa başlığı şeridi (başlık + info + sağda eylem) --- */
.sayfa-baslik{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:20px; }
.sayfa-baslik__ust{ display:inline-flex; align-items:center; gap:9px; }
.sayfa-baslik h1{ margin:0; }

/* --- Info noktası (başlığın yanındaki küçük ikon) --- */
.bilgi-nokta{ display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px;
  border-radius:50%; border:1px solid var(--line); background:var(--surface); color:var(--ink-3);
  cursor:pointer; flex-shrink:0; transition:color .15s,border-color .15s,background .15s; }
.bilgi-nokta:hover{ color:var(--primary); border-color:var(--brand-400); background:var(--brand-50, #F1F8EA); }
.bilgi-nokta .ico{ width:16px; height:16px; }

/* --- Bilgi modalı --- */
.bilgi-perde{ position:fixed; inset:0; z-index:100; display:flex; align-items:center; justify-content:center;
  padding:20px; background:rgba(20,48,12,.45); animation:bilgi-fade .16s ease; }
.bilgi-perde[hidden]{ display:none; }
.bilgi-kutu{ background:var(--surface); border:1px solid var(--line); border-radius:var(--r-lg);
  width:100%; max-width:560px; max-height:85vh; overflow:auto; box-shadow:var(--shadow-lg); animation:bilgi-yuksel .18s ease; }
.bilgi-kutu__bas{ display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:18px 22px; border-bottom:1px solid var(--line-2); position:sticky; top:0; background:var(--surface); }
.bilgi-kutu__bas h3{ margin:0; display:flex; align-items:center; gap:8px; }
.bilgi-kutu__bas h3 .ico{ width:18px; height:18px; color:var(--primary); }
.bilgi-kapat{ display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px;
  border:none; background:transparent; color:var(--ink-3); border-radius:var(--r-sm); cursor:pointer; }
.bilgi-kapat:hover{ background:var(--surface-2); color:var(--ink); }
.bilgi-kutu__govde{ padding:20px 22px; color:var(--ink-2); line-height:1.65; font-size:.9375rem; }
.bilgi-kutu__govde h4{ margin:18px 0 6px; font-size:.9375rem; color:var(--ink); }
.bilgi-kutu__govde h4:first-child{ margin-top:0; }
.bilgi-kutu__govde ul{ margin:0 0 12px; padding-left:18px; }
.bilgi-kutu__govde li{ margin-bottom:5px; }
.bilgi-kutu__govde p{ margin:0 0 12px; }
.bilgi-kutu__govde code{ font-family:var(--mono, monospace); font-size:.85em; background:var(--surface-2); padding:1px 5px; border-radius:4px; }

@keyframes bilgi-fade{ from{ opacity:0 } to{ opacity:1 } }
@keyframes bilgi-yuksel{ from{ opacity:0; transform:translateY(8px) } to{ opacity:1; transform:none } }
@media (prefers-reduced-motion: reduce){ .bilgi-perde, .bilgi-kutu{ animation:none } }

/* --- Bilgi/başarı/hata şeritleri --- */
.uyari{ padding:12px 16px; margin-bottom:16px; border-radius:var(--r-sm); font-size:.875rem; font-weight:600; }
.uyari--ok{ background:var(--success-soft); color:var(--success); border:1px solid var(--success); }
.uyari--hata{ background:var(--danger-soft); color:var(--danger); border:1px solid var(--danger); }

/* --- Mobil: başlık şeridi alt alta --- */
@media (max-width:640px){
  .sayfa-baslik{ flex-direction:column; }
  .ekle-form{ grid-template-columns:1fr !important; }
}

/* ==========================================================================
   KOMPAKT YERLEŞİM — daha derli toplu paneller
   app.css'ten sonra yüklenir; !important yok, sadece daha sıkı ölçüler.
   ========================================================================== */

/* İçerik: aşırı geniş ekranda yayılmasın, dikey ritim sıkılaşsın */
.content{ max-width:1280px; padding:20px 24px 56px; }
.sayfa-baslik{ margin-bottom:16px; }

/* Kartlar: biraz daha sıkı iç boşluk */
.card{ border-radius:var(--r); }
.card__head{ padding:13px 16px; }
.card__body{ padding:16px; }

/* Tablolar: daha yoğun satırlar */
table.tbl th{ padding:9px 14px; }
table.tbl td{ padding:10px 14px; }

/* KPI / stat kutuları: küçült, derli toplu göster */
.kpi{ padding:14px 16px; border-radius:var(--r); }
.kpi__top{ margin-bottom:6px; }
.kpi__label{ font-size:.75rem; }
.kpi__value{ font-size:1.375rem; }
.kpi__meta{ margin-top:4px; font-size:.75rem; }
.kpi-grid{ gap:12px !important; }

/* Kart içi formlar: geniş ekranda ölçülü dursun */
.kart-form{ max-width:100%; }

/* Bölüm başlığı (kart üstü küçük etiket) */
.mini-baslik{ font-size:.6875rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-3); margin-bottom:8px; }

/* Çip satırı biraz sıkı */
.chip-row{ gap:6px; }

/* --- Sidebar menü: daha derli toplu --- */
.sidebar__nav{ padding:8px 10px 18px; }
.nav-group-title{ padding:14px 12px 5px; }
.nav-link{ padding:9px 12px; }
.nav-item{ margin-bottom:1px; }

/* --- Kart içi tam-genişlik formlar aşırı yayılmasın --- */
.card__body > form:not(.ekle-form){ max-width:100%; }
.card__body > .ekle-form{ max-width:100%; }

/* ==========================================================================
   DAHA SIKI FORMLAR — belirgin kompaktlık (input yüksekliği 46 -> 40)
   ========================================================================== */
.input, .select{ height:40px; font-size:.9rem; }
textarea.input{ height:auto; min-height:72px; padding-top:9px; padding-bottom:9px; }
.field{ margin-bottom:12px; }
.field label{ margin-bottom:4px; font-size:.78125rem; }
.check{ font-size:.875rem; }

/* Satır içi ekle formlarında buton input ile aynı yükseklik (40px) */
.ekle-form > .btn{ height:40px; }

/* Kart içi düzenleme formu ölçülü genişlik + sıkı satırlar */
.form-kompakt{ max-width:100%; }
.form-satir{ display:grid; gap:12px; margin-bottom:12px; }
.form-bayrak{ display:flex; flex-wrap:wrap; gap:8px 18px; align-items:center; margin-bottom:14px; }
.form-satir .field{ margin-bottom:0; }

/* --- Filtre sekmeleri: aktif olanın altında yeşil çizgi --- */
.sekme-bar{ display:flex; align-items:center; justify-content:space-between; gap:16px; border-bottom:1px solid var(--line); padding:0 16px; }
.sekmeler{ display:flex; gap:2px; flex-wrap:wrap; }
.sekme{ padding:12px 14px; font-size:.875rem; font-weight:600; color:var(--ink-3); text-decoration:none;
  border-bottom:2px solid transparent; margin-bottom:-1px; white-space:nowrap; transition:color .15s, border-color .15s; }
.sekme:hover{ color:var(--ink); }
.sekme.aktif{ color:var(--primary); border-bottom-color:var(--primary); }

/* ==========================================================================
   GÖRÜNÜM: üst menü düzeni + tercih modalı önizlemeleri
   ========================================================================== */

/* --- Üst menü (data-layout=center) --- */
.topnav{ display:none; }
@media (min-width:901px){
  html[data-layout="center"] .sidebar{ display:none; }
  html[data-layout="center"] .main{ margin-left:0; }
  html[data-layout="center"] .topnav{ display:block; position:sticky; top:0; z-index:55;
    background:var(--surface); border-bottom:1px solid var(--line); }
}
.topnav__inner{ display:flex; align-items:center; gap:20px; height:56px; max-width:1280px; margin:0 auto; padding:0 24px; }
.topnav__nav{ display:flex; gap:2px; flex-wrap:wrap; }
.topnav__link{ display:inline-flex; align-items:center; gap:8px; height:38px; padding:0 12px; border-radius:var(--r-sm);
  color:var(--ink-2); font-weight:500; font-size:.875rem; text-decoration:none; white-space:nowrap; transition:background .15s,color .15s; }
.topnav__link:hover{ background:var(--surface-2); color:var(--ink); }
.topnav__link.active{ background:var(--primary-soft); color:var(--primary); font-weight:600; }
.topnav__link .ico{ width:18px; height:18px; }

/* Görünüm modalı artık babaambalaj app.css .modal + .pref-* sınıflarını birebir kullanır */

/* --- Marka logosu (giriş brandside — beyaz üstünde) --- */
.marka{ display:inline-flex; align-items:center; gap:14px; }
.marka__ikon{ display:inline-flex; align-items:center; justify-content:center; width:50px; height:50px;
  border-radius:15px; background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.30); flex-shrink:0; }
.marka__ikon svg{ width:28px; height:28px; }
.marka__yazi{ display:flex; flex-direction:column; line-height:1.04; }
.marka__ad{ font-size:1.45rem; font-weight:800; letter-spacing:-.02em; }
.marka__alt{ font-size:.6875rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; opacity:.72; margin-top:5px; }

/* Giriş logosu: babaambalaj'ın beyaz kart zeminini kaldır (bizim logo yeşil brandside üstünde beyaz) */
.auth__logo{ background:transparent; box-shadow:none; padding:0; }

/* ==================== DASHBOARD ==================== */
.dash-kpi{ display:grid; grid-template-columns:repeat(auto-fit,minmax(178px,1fr)); gap:14px; margin-bottom:18px; }
.dash-stat{ display:flex; align-items:center; gap:14px; background:var(--surface); border:1px solid var(--line);
  border-radius:var(--r); padding:16px 18px; }
.dash-stat__ic{ width:46px; height:46px; border-radius:13px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.dash-stat__ic svg{ width:22px; height:22px; }
.dash-stat__val{ font-size:1.5rem; font-weight:800; line-height:1.1; color:var(--ink); }
.dash-stat__lbl{ font-size:.82rem; font-weight:600; color:var(--ink-2); margin-top:2px; }
.dash-stat__sub{ font-size:.72rem; color:var(--ink-3); margin-top:1px; }

.dash-row{ display:grid; gap:18px; margin-bottom:18px; }
@media (max-width:920px){ .dash-row{ grid-template-columns:1fr !important; } }

.dash-queue{ display:grid; grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); gap:10px; }
.dash-q{ display:flex; flex-direction:column; align-items:center; gap:4px; padding:14px 10px; border:1px solid var(--line);
  border-radius:14px; background:var(--surface); text-decoration:none; transition:border-color .15s, transform .15s, box-shadow .15s; }
.dash-q:hover{ border-color:var(--brand-300); transform:translateY(-2px); box-shadow:var(--shadow-sm, 0 4px 12px rgba(0,0,0,.06)); }
.dash-q--dolu{ border-color:var(--primary); background:var(--primary-soft); }
.dash-q__ic{ width:34px; height:34px; border-radius:10px; background:var(--brand-50,#EAF3E7); color:var(--primary);
  display:flex; align-items:center; justify-content:center; }
.dash-q__ic svg{ width:19px; height:19px; }
.dash-q__val{ font-size:1.55rem; font-weight:800; line-height:1; color:var(--ink); }
.dash-q__lbl{ font-size:.76rem; color:var(--ink-3); font-weight:600; }

.dash-leg{ display:flex; gap:14px; font-size:.78rem; color:var(--ink-3); }
.dash-leg span{ display:inline-flex; align-items:center; gap:6px; }
.dash-leg i{ width:10px; height:10px; border-radius:3px; display:inline-block; }

.dash-pipe__row{ display:grid; grid-template-columns:110px 1fr 42px; align-items:center; gap:10px; margin-bottom:11px; }
.dash-pipe__lbl{ font-size:.82rem; color:var(--ink-2); }
.dash-pipe__bar{ height:10px; background:var(--surface-2); border-radius:6px; overflow:hidden; }
.dash-pipe__bar span{ display:block; height:100%; border-radius:6px; transition:width .5s; }
.dash-pipe__val{ font-size:.85rem; font-weight:700; text-align:right; color:var(--ink); }

.dash-mini{ display:flex; align-items:center; gap:8px; padding:5px 0; font-size:.86rem; color:var(--ink-2); }
.dash-mini__dot{ width:10px; height:10px; border-radius:50%; flex-shrink:0; }
.dash-mini b{ margin-left:auto; color:var(--ink); }

.dash-prog{ margin-bottom:13px; }
.dash-prog__head{ display:flex; justify-content:space-between; font-size:.82rem; color:var(--ink-2); margin-bottom:5px; }
.dash-prog__head b{ color:var(--ink); }
.dash-prog__bar{ height:8px; background:var(--surface-2); border-radius:5px; overflow:hidden; }
.dash-prog__bar span{ display:block; height:100%; background:var(--primary); border-radius:5px; transition:width .5s; }

/* --- Ürün detay: kimlik paneli + form --- */
.urun-bilgi{ display:grid; grid-template-columns:230px 1fr; gap:24px; align-items:start; }
@media (max-width:720px){ .urun-bilgi{ grid-template-columns:1fr; } }
.urun-kimlik{ text-align:center; padding-right:20px; border-right:1px solid var(--line-2); }
@media (max-width:720px){ .urun-kimlik{ border-right:none; border-bottom:1px solid var(--line-2); padding:0 0 16px; } }
.urun-kimlik__ic{ width:64px; height:64px; border-radius:18px; background:var(--primary-soft); color:var(--primary);
  display:inline-flex; align-items:center; justify-content:center; margin-bottom:10px; }
.urun-kimlik__ic svg{ width:32px; height:32px; }
.urun-kimlik__kod{ font-family:var(--mono,monospace); font-weight:700; color:var(--ink); font-size:1.02rem; }
.urun-kimlik__ad{ font-size:.85rem; color:var(--ink-2); margin-top:2px; }
.urun-kimlik__dl{ margin:12px 0 0; text-align:left; border-top:1px solid var(--line-2); padding-top:8px; }
.urun-kimlik__dl > div{ display:flex; justify-content:space-between; gap:10px; padding:4px 0; font-size:.82rem; }
.urun-kimlik__dl dt{ color:var(--ink-3); }
.urun-kimlik__dl dd{ margin:0; color:var(--ink); font-weight:600; }

/* Stat kartında birim etiketi — değerden küçük ve soluk, sıkışık durmasın */
.dash-stat__val{ line-height:1.15; letter-spacing:-.01em; white-space:nowrap; }
.dash-stat__body{ min-width:0; }
.dash-stat__birim{ font-size:.6em; font-weight:600; color:var(--ink-3); margin-left:4px; letter-spacing:.01em; }

/* --- Form alan ipuçları + seçenek kartları (izlenebilirlik vb.) --- */
.alan-ipucu{ display:block; margin-top:4px; font-size:.72rem; color:var(--ink-3); line-height:1.35; }
.secim-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
@media (max-width:640px){ .secim-grid{ grid-template-columns:1fr; } }
.secim-sec{ display:flex; gap:11px; align-items:flex-start; padding:12px 14px; border:1px solid var(--line);
  border-radius:12px; cursor:pointer; transition:border-color .15s, background .15s; }
.secim-sec:hover{ border-color:var(--brand-300); }
.secim-sec:has(input:checked){ border-color:var(--primary); background:var(--primary-soft); }
.secim-sec input{ margin-top:2px; flex-shrink:0; }
.secim-sec__t{ display:block; font-weight:600; font-size:.875rem; color:var(--ink); }
.secim-sec__d{ display:block; font-size:.75rem; color:var(--ink-3); margin-top:1px; }

/* --- Tehlike (sil) outline butonu — simge + kırmızı çerçeve --- */
.btn-outline-tehlike{ display:inline-flex; align-items:center; gap:6px; border:1px solid var(--danger);
  color:var(--danger); background:transparent; transition:background .15s, border-color .15s; }
.btn-outline-tehlike:hover{ background:var(--danger-soft); border-color:var(--danger); }
.btn-outline-tehlike .ico{ width:15px; height:15px; }

/* --- Geri butonu — belirgin ama minimalist pill --- */
.geri-btn{ display:inline-flex; align-items:center; gap:6px; height:34px; padding:0 14px 0 8px;
  border:1px solid var(--line); border-radius:999px; background:var(--surface); color:var(--ink-2);
  font-size:.82rem; font-weight:600; text-decoration:none; margin-bottom:14px;
  transition:border-color .15s, color .15s, background .15s, box-shadow .15s; }
.geri-btn:hover{ border-color:var(--brand-300); color:var(--primary); background:var(--brand-50);
  box-shadow:var(--shadow-sm, 0 2px 8px rgba(0,0,0,.05)); }
.geri-btn__ok{ display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px;
  border-radius:50%; background:var(--brand-50); color:var(--primary); flex-shrink:0; transition:background .15s; }
.geri-btn:hover .geri-btn__ok{ background:#fff; }
.geri-btn__ok svg{ width:15px; height:15px; }

/* --- Sekme sayısı rozeti + kompakt sekme çubuğu --- */
.sekme{ padding:11px 12px; }
.sekme-say{ display:inline-flex; align-items:center; justify-content:center; min-width:18px; height:18px;
  padding:0 5px; margin-left:6px; border-radius:9px; background:var(--surface-2); color:var(--ink-3);
  font-size:.68rem; font-weight:700; }
.sekme.aktif .sekme-say{ background:var(--primary-soft); color:var(--primary); }
.sekme-ara{ position:relative; display:flex; align-items:center; gap:8px; }
.sekme-ara .input{ height:32px; width:190px; padding-left:30px; font-size:.82rem; }

/* --- Ajanda sayfası (zaman çizelgesi) --- */
.ajanda{ display:flex; flex-direction:column; gap:12px; }
.ajanda-gun{ display:grid; grid-template-columns:120px 1fr; gap:16px; background:var(--surface);
  border:1px solid var(--line); border-radius:var(--r); padding:16px; }
@media (max-width:640px){ .ajanda-gun{ grid-template-columns:1fr; } }
.ajanda-gun__tarih{ display:flex; flex-direction:column; align-items:center; text-align:center;
  border-right:1px solid var(--line-2); padding-right:12px; }
@media (max-width:640px){ .ajanda-gun__tarih{ border-right:none; border-bottom:1px solid var(--line-2);
  padding:0 0 10px; flex-direction:row; gap:8px; align-items:baseline; } }
.ajanda-gun__sayi{ font-size:1.8rem; font-weight:800; line-height:1; color:var(--ink); }
.ajanda-gun__tarih--bugun .ajanda-gun__sayi{ color:var(--primary); }
.ajanda-gun__ay{ font-size:.78rem; font-weight:700; text-transform:uppercase; color:var(--ink-3); letter-spacing:.05em; }
.ajanda-gun__gun{ font-size:.75rem; color:var(--ink-3); margin-top:2px; }
.ajanda-gun__olaylar{ display:flex; flex-direction:column; gap:8px; min-width:0; }
.ajanda-olay{ display:flex; align-items:center; gap:10px; padding:9px 12px; border-radius:10px; background:var(--surface-2); flex-wrap:wrap; }
.ajanda-olay__baslik{ font-weight:600; font-size:.875rem; color:var(--ink); }
.ajanda-olay__firm{ font-size:.8rem; }

/* --- Depo kartları (Depo & Raf) --- */
.depo-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(330px,1fr)); gap:16px; }
.depo-kart{ display:flex; flex-direction:column; gap:14px; background:var(--surface); border:1px solid var(--line);
  border-radius:var(--r); padding:18px; transition:border-color .15s, box-shadow .15s, transform .15s; }
.depo-kart:hover{ border-color:var(--brand-300); box-shadow:var(--shadow-sm, 0 6px 18px rgba(0,0,0,.06)); transform:translateY(-2px); }
.depo-kart__bas{ display:flex; align-items:center; gap:12px; }
.depo-kart__ic{ width:48px; height:48px; border-radius:13px; background:var(--primary-soft); color:var(--primary);
  display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.depo-kart__ic svg{ width:26px; height:26px; }
.depo-kart__kod{ font-family:var(--mono,monospace); font-weight:700; font-size:1.05rem; color:var(--ink); }
.depo-kart__ad{ font-size:.85rem; color:var(--ink-2); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.depo-dol__ust{ display:flex; justify-content:space-between; font-size:.8rem; color:var(--ink-2); margin-bottom:5px; }
.depo-dol__ust b{ color:var(--primary); }
.depo-dol__bar{ height:10px; background:var(--surface-2); border-radius:6px; overflow:hidden; }
.depo-dol__bar span{ display:block; height:100%; background:linear-gradient(90deg,var(--primary),var(--primary-light)); border-radius:6px; transition:width .5s; }
.depo-dol__alt{ font-size:.72rem; margin-top:5px; }
.depo-kart__stats{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.depo-stat{ background:var(--surface-2); border-radius:10px; padding:9px 6px; text-align:center; }
.depo-stat b{ display:block; font-size:1.2rem; font-weight:800; color:var(--ink); line-height:1.1; }
.depo-stat span{ font-size:.7rem; color:var(--ink-3); }
.depo-tipler{ display:flex; flex-wrap:wrap; gap:6px; }
.depo-tip{ display:inline-flex; align-items:center; gap:5px; font-size:.72rem; color:var(--ink-2);
  padding:4px 9px; border-radius:8px; background:var(--surface-2); }
.depo-tip svg{ width:13px; height:13px; flex-shrink:0; }

/* --- Depo detay: alan listesi + raf adres önizleme --- */
.alan-liste{ display:flex; flex-direction:column; gap:8px; }
.alan-item{ display:flex; align-items:center; gap:11px; padding:9px 11px; border:1px solid var(--line); border-radius:11px; background:var(--surface); transition:border-color .15s; }
.alan-item:hover{ border-color:var(--brand-300); }
.alan-item__ic{ width:36px; height:36px; border-radius:10px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.alan-item__ic svg{ width:19px; height:19px; }
.alan-item__ad{ font-weight:600; font-size:.85rem; color:var(--ink); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.raf-onizleme{ display:flex; flex-direction:column; gap:2px; background:var(--primary-soft); border:1px dashed var(--brand-300); border-radius:10px; padding:10px 14px; }
.raf-onizleme #onizleme{ font-family:var(--mono,monospace); font-weight:700; font-size:1.02rem; color:var(--primary); letter-spacing:.02em; }

/* --- Stok görünümü: satır içi rezerve oranı barı --- */
.stok-bar{ height:4px; background:var(--surface-2); border-radius:3px; overflow:hidden; margin-top:4px; }
.stok-bar span{ display:block; height:100%; background:var(--accent); border-radius:3px; }

/* --- Sipariş detay: özet + durum ilerleme çubuğu (stepper) --- */
.sip-ozet{ display:grid; grid-template-columns:1fr 1fr; gap:22px; }
@media (max-width:720px){ .sip-ozet{ grid-template-columns:1fr; } }
.sip-ozet__bilgi{ display:flex; flex-direction:column; }
.sip-ozet__satir{ display:flex; align-items:center; gap:10px; padding:8px 0; border-bottom:1px solid var(--line-2); font-size:.9rem; }
.sip-ozet__satir:last-child{ border-bottom:none; }
.sip-ozet__et{ width:90px; color:var(--ink-3); font-size:.8rem; flex-shrink:0; }
.sip-ozet__mini{ display:grid; grid-template-columns:repeat(2,1fr); gap:8px; align-content:start; }

.sip-adimlar{ display:flex; margin-top:20px; overflow-x:auto; padding-bottom:6px; }
.sip-adim{ flex:1; min-width:88px; display:flex; flex-direction:column; align-items:center; position:relative; text-align:center; }
.sip-adim__cizgi{ position:absolute; top:15px; right:50%; width:100%; height:3px; background:var(--line); }
.sip-adim__nokta{ width:32px; height:32px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-weight:700; font-size:.8rem; background:var(--surface-2); color:var(--ink-3); border:2px solid var(--line); position:relative; z-index:1; }
.sip-adim__nokta svg{ width:16px; height:16px; }
.sip-adim__et{ font-size:.72rem; margin-top:7px; color:var(--ink-3); }
.sip-adim--tamam .sip-adim__nokta{ background:var(--primary); color:#fff; border-color:var(--primary); }
.sip-adim--tamam .sip-adim__cizgi{ background:var(--primary); }
.sip-adim--tamam .sip-adim__et{ color:var(--ink-2); }
.sip-adim--aktif .sip-adim__nokta{ background:var(--primary-soft); color:var(--primary); border-color:var(--primary); box-shadow:0 0 0 4px var(--primary-soft); }
.sip-adim--aktif .sip-adim__et{ color:var(--primary); font-weight:700; }

/* --- Rapor merkezi: detaylı rapor kartları --- */
.rapor-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:16px; }
.rapor-kart{ display:flex; flex-direction:column; gap:8px; background:var(--surface); border:1px solid var(--line);
  border-radius:var(--r); padding:18px; text-decoration:none; transition:border-color .15s, box-shadow .15s, transform .15s; }
.rapor-kart:hover{ border-color:var(--brand-300); box-shadow:var(--shadow-sm, 0 6px 18px rgba(0,0,0,.06)); transform:translateY(-2px); }
.rapor-kart__ust{ display:flex; align-items:center; justify-content:space-between; }
.rapor-kart__ic{ width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; }
.rapor-kart__ic svg{ width:23px; height:23px; }
.rapor-kart__sayi{ font-size:1.5rem; font-weight:800; color:var(--ink); }
.rapor-kart__sayi small{ font-size:.62rem; font-weight:600; color:var(--ink-3); margin-left:3px; }
.rapor-kart__baslik{ font-weight:700; font-size:1rem; color:var(--ink); }
.rapor-kart__aciklama{ font-size:.82rem; color:var(--ink-3); line-height:1.5; flex:1; }
.rapor-kart__ac{ display:inline-flex; align-items:center; gap:5px; font-size:.82rem; font-weight:600; color:var(--primary); margin-top:4px; }
.rapor-kart__ac svg{ width:15px; height:15px; transition:transform .15s; }
.rapor-kart:hover .rapor-kart__ac svg{ transform:translateX(3px); }

/* --- Rapor: kompozisyon (yığılmış) barı --- */
.komp-bar{ display:flex; height:10px; border-radius:6px; overflow:hidden; background:var(--surface-2); }
.komp-bar span{ display:block; height:100%; }

/* ==================== YETKILENDIRME MERKEZI ==================== */
button.sekme{ background:none; border:none; cursor:pointer; font:inherit; }
.yetki-matris{ display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:16px;
  max-height:340px; overflow:auto; padding:12px; border:1px solid var(--line-2); border-radius:10px; background:var(--surface-2); }
.yetki-matris__baslik{ font-size:.66rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--ink-3); margin-bottom:6px; }
.yetki-onay{ display:flex; align-items:center; gap:7px; padding:3px 0; font-size:.82rem; color:var(--ink-2); cursor:pointer; }
.yetki-onay input{ flex-shrink:0; }
.rol-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(270px,1fr)); gap:14px; }
.rol-kart{ display:flex; flex-direction:column; gap:8px; background:var(--surface); border:1px solid var(--line);
  border-radius:var(--r); padding:16px; transition:border-color .15s, box-shadow .15s; }
.rol-kart:hover{ border-color:var(--brand-300); box-shadow:var(--shadow-sm, 0 4px 14px rgba(0,0,0,.05)); }
.rol-kart__ad{ font-weight:700; font-size:1rem; color:var(--ink); }
.rol-kart__ac{ font-size:.8rem; color:var(--ink-3); flex:1; line-height:1.5; }
.rol-kart__stat{ display:flex; gap:16px; font-size:.8rem; color:var(--ink-3); }
.rol-kart__stat b{ color:var(--ink); }
.rol-kart__islem{ display:flex; gap:8px; margin-top:6px; }
.yetki-liste{ display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:10px; }
.yetki-cip{ display:flex; align-items:center; gap:8px; padding:9px 11px; border:1px solid var(--line); border-radius:10px; background:var(--surface); }

/* --- Şifre alanı göster/gizle --- */
.sifre-kutu{ position:relative; }
.sifre-kutu .input{ padding-right:40px; }
.sifre-goz{ position:absolute; right:6px; top:50%; transform:translateY(-50%); width:28px; height:28px;
  border:none; background:transparent; color:var(--ink-3); cursor:pointer; display:flex; align-items:center;
  justify-content:center; border-radius:7px; transition:color .15s, background .15s; }
.sifre-goz:hover{ color:var(--primary); background:var(--surface-2); }
.sifre-goz svg{ width:18px; height:18px; }


/* == KABUK-REV-1: ust menu tek bar + sidebar collapse + tema onizleme == */

/* Sidebar marka: sola dayali, bizim font, kutuyu doldur */
.sidebar__brand{ justify-content:flex-start; padding:0 18px; }
.sidebar__brand .brand-full{ display:flex; align-items:center; gap:11px; width:100%; height:100%; text-decoration:none;
    color:var(--primary); font-family:inherit; font-weight:800; font-size:1.32rem; letter-spacing:-.02em; }
.sidebar__brand .brand-full .ico{ width:30px; height:30px; flex-shrink:0; }
.sidebar__brand .brand-mini{ align-items:center; justify-content:center; color:var(--primary); }
.sidebar__brand .brand-mini .ico{ width:24px; height:24px; }
body.sidebar-collapsed .sidebar .nav-link span,
body.sidebar-collapsed .sidebar .brand-yazi{ display:none; }
body.sidebar-collapsed .sidebar .nav-link{ justify-content:center; padding-left:0; padding-right:0; }
/* Daraltilinca marka kutusunu ortala (mini logo digerleri gibi ortada) */
body.sidebar-collapsed .sidebar .sidebar__brand{ justify-content:center; padding:0; }

/* Mobil menu kapatma dugmesi — yalniz mobilde (<=900px) gorunur */
.sidebar__close{ display:none; }
@media (max-width:900px){
    .sidebar__close{ display:inline-flex; align-items:center; justify-content:center; margin-left:auto; flex-shrink:0;
        width:38px; height:38px; border:none; background:transparent; color:var(--ink-2); border-radius:10px; cursor:pointer; }
    .sidebar__close:hover{ background:var(--surface-2); color:var(--ink); }
    .sidebar__close svg{ width:21px; height:21px; }
    /* Mobilde ust menu sorunlu — Gorunum modalinda "Ust Menu" secenegini gizle */
    #gorunumModal .pref-opt[data-val="center"]{ display:none; }
    #gorunumModal .pref-grid:has(.pref-opt[data-val="sidebar"]){ grid-template-columns:1fr; }
}

/* Sidebar daraltma dugmesi (yalniz sidebar layout, masaustu) */
.sidebar-kis{ display:inline-flex; }
html[data-layout="center"] .sidebar-kis{ display:none; }
@media (max-width:900px){ .sidebar-kis{ display:none; } }

/* ===== Ust menu tek bar (center layout) — logo solda, menu ortada ===== */
.topmenu{ display:none; }
html[data-layout="center"] .topmenu{ display:flex; align-items:center; justify-content:flex-start; gap:18px; flex:1 1 auto; position:relative; min-width:0; }
/* Logo akista durur (mutlak konum menuyle cakisiyordu); menu kalan alanda ortalanir */
.topmenu__brand{ position:static; display:flex; align-items:center; gap:8px;
    text-decoration:none; color:var(--primary); font-family:inherit; font-weight:800; font-size:1.05rem; flex-shrink:0; }
.topmenu__brand .ico{ width:23px; height:23px; }
.topmenu__nav{ display:flex; align-items:center; gap:4px; min-width:0; margin:0 auto; }
.tm-trigger .ico{ width:17px; height:17px; }
.tm-link,.tm-trigger{ display:inline-flex; align-items:center; gap:7px; height:38px; padding:0 12px; border:none; border-radius:10px;
    background:transparent; color:var(--ink-2); font-family:inherit; font-size:.88rem; font-weight:600; cursor:pointer; white-space:nowrap; }
.tm-link .ico{ width:17px; height:17px; }
.tm-link:hover,.tm-trigger:hover{ background:var(--surface-2); color:var(--ink); }
.tm-link.active,.tm-trigger.active{ background:var(--primary-soft); color:var(--primary); }
.tm-trigger .caret{ width:14px; height:14px; color:var(--ink-3); transition:transform .2s; }
.tm-dd{ position:relative; }
.tm-dd.open .tm-trigger .caret{ transform:rotate(180deg); }
.tm-panel{ display:none; position:absolute; top:calc(100% + 6px); left:0; right:auto; min-width:230px; z-index:60;
    background:var(--surface); border:1px solid var(--line); border-radius:12px; box-shadow:var(--shadow-lg,0 12px 32px rgba(0,0,0,.14)); padding:6px; }
.tm-dd.open .tm-panel{ display:block; }
.tm-panel a{ display:flex; align-items:center; gap:10px; padding:9px 12px; border-radius:9px; text-decoration:none;
    color:var(--ink-2); font-family:inherit; font-size:.86rem; font-weight:500; }
.tm-panel a .ico{ width:17px; height:17px; color:var(--ink-3); }
.tm-panel a:hover{ background:var(--surface-2); color:var(--ink); }
.tm-panel a.active{ background:var(--primary-soft); color:var(--primary); }
.tm-panel a.active .ico{ color:var(--primary); }
@media (max-width:680px){
    .topmenu__brand span{ display:none; }
    .tm-link span{ display:none; }
    .topmenu__nav{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
    .topmenu__nav::-webkit-scrollbar{ height:0; }
}

/* Gorunum onizleme: yesil yerine tema rengi */
.pv-bar{ background:var(--primary) !important; }
.pv-side{ background:var(--primary) !important; }
.pv-top{ background:var(--primary) !important; }

/* ApexCharts tooltip: koyu zemin + beyaz yazi (mavi kutuda siyah yazi sorunu) */
.apexcharts-tooltip.apexcharts-theme-light,
.apexcharts-tooltip{ background:#172033 !important; color:#fff !important; border:none !important;
    box-shadow:0 8px 22px rgba(0,0,0,.25) !important; }
.apexcharts-tooltip-title{ background:rgba(255,255,255,.10) !important; color:#fff !important; border:none !important;
    font-weight:700 !important; }
.apexcharts-tooltip-text,
.apexcharts-tooltip-text-y-label,
.apexcharts-tooltip-text-y-value,
.apexcharts-tooltip-y-group,
.apexcharts-tooltip-series-group,
.apexcharts-tooltip-marker + .apexcharts-tooltip-text{ color:#fff !important; }
.apexcharts-xaxistooltip,
.apexcharts-yaxistooltip{ background:#172033 !important; color:#fff !important; border:none !important; }
.apexcharts-xaxistooltip::after,.apexcharts-xaxistooltip::before{ border-bottom-color:#172033 !important; }

/* Yesil kalintilari tema accent'ine (turuncu) bagla — degisken, tema degisince degisir */
:root{ --success: var(--accent); --success-soft: color-mix(in srgb, var(--accent) 15%, var(--surface)); }
html[data-theme="dark"]{ --success: var(--accent); --success-soft: color-mix(in srgb, var(--accent) 22%, var(--surface)); }
.badge-success{ color:var(--accent) !important; background:color-mix(in srgb, var(--accent) 14%, var(--surface)) !important; }
html[data-theme="dark"] .badge-success{ color:var(--accent) !important; }
.safha.bitti{ color:var(--accent) !important; }

/* Modal/overlay backdrop + golgeler: yesil ton -> notr koyu (info lightbox dahil) */
:root, html[data-theme="dark"]{
    --shadow-sm:0 1px 2px rgba(15,23,42,.06);
    --shadow:0 1px 2px rgba(15,23,42,.05), 0 6px 20px rgba(15,23,42,.07);
    --shadow-lg:0 12px 32px rgba(15,23,42,.14);
}
.modal-overlay{ background:rgba(15,20,30,.55) !important; }
.upload-overlay{ background:rgba(15,20,30,.55) !important; }
.overlay{ background:rgba(15,20,30,.45) !important; }
.bilgi-perde{ background:rgba(15,20,30,.5) !important; }

/* ===== Merkez layout: menu ile icerik ayni yatay hizada (dagiklik giderildi) ===== */
html[data-layout="center"] .content{ max-width:none; margin:0;
    padding-left:max(24px, calc((100% - 1480px) / 2)); padding-right:max(24px, calc((100% - 1480px) / 2)); }
html[data-layout="center"] .topbar{
    padding-left:max(24px, calc((100% - 1480px) / 2)); padding-right:max(24px, calc((100% - 1480px) / 2)); }

/* ===== Onemli bildirim bari (header alti) ===== */
.bildirim-bar{ display:flex; align-items:center; gap:12px; padding:10px 20px;
    background:color-mix(in srgb, var(--accent) 12%, var(--surface));
    border-bottom:1px solid color-mix(in srgb, var(--accent) 32%, var(--line)); }
.bildirim-bar__ic{ display:inline-flex; color:var(--accent); flex-shrink:0; }
.bildirim-bar__ic svg{ width:20px; height:20px; }
.bildirim-bar__akis{ display:flex; align-items:center; gap:18px; overflow-x:auto; flex:1; min-width:0; }
.bildirim-bar__akis::-webkit-scrollbar{ height:0; }
.bildirim-bar__oge{ display:inline-flex; align-items:baseline; gap:7px; text-decoration:none; color:var(--ink); white-space:nowrap; }
.bildirim-bar__oge b{ font-weight:700; font-size:.85rem; }
.bildirim-bar__oge span{ color:var(--ink-3); font-size:.82rem; }
.bildirim-bar__oge:not(:last-child){ border-right:1px solid color-mix(in srgb, var(--accent) 25%, var(--line)); padding-right:18px; }
.bildirim-bar__oge:hover b{ color:var(--accent); }
.bildirim-bar__tumu{ flex-shrink:0; font-size:.8rem; font-weight:600; color:var(--accent); text-decoration:none;
    padding:4px 10px; border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line)); border-radius:8px; }
.bildirim-bar__tumu:hover{ background:color-mix(in srgb, var(--accent) 12%, var(--surface)); }
.bildirim-bar__kapat{ flex-shrink:0; width:28px; height:28px; border:none; background:transparent; color:var(--ink-3);
    cursor:pointer; font-family:inherit; border-radius:7px; font-size:.9rem; }
.bildirim-bar__kapat:hover{ background:var(--surface-2); color:var(--ink); }

/* Engellemeyen bilgi uyarilari (kapasite asimi, eksik gelen, hasarli vb.) */
.uyari--dikkat{ background:color-mix(in srgb, var(--accent) 10%, var(--surface));
    border:1px solid color-mix(in srgb, var(--accent) 40%, var(--line)); color:var(--ink);
    border-radius:10px; padding:12px 14px; margin-bottom:16px; }
.uyari--dikkat strong{ display:block; margin-bottom:4px; color:var(--accent) }
.uyari--dikkat ul{ margin:0; padding-left:18px; font-size:.86rem; line-height:1.6 }

/* -- KPI-TASMA -- */
/* Ozet serit rakamlari kart disina tasmasin: buyuk sayilar kucululur, birim alta gecebilir.
   Onceki kural .dash-stat__val{white-space:nowrap} genis sayilarda ("30.430 ADET") tasiyordu. */
.dash-kpi{ grid-template-columns:repeat(auto-fit,minmax(196px,1fr)); align-items:stretch; }
.dash-stat{ min-width:0; }
.dash-stat__body{ min-width:0; flex:1 1 auto; }
.dash-stat__val{
    white-space:normal; overflow-wrap:anywhere; word-break:normal;
    font-size:clamp(1.06rem, .82rem + .75vw, 1.5rem); display:block;
}
.dash-stat__birim{ white-space:nowrap; }
.dash-stat__lbl,.dash-stat__sub{ overflow-wrap:anywhere; }
@media (max-width:600px){
    .dash-kpi{ grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px; }
    .dash-stat{ gap:10px; padding:12px; }
    .dash-stat__ic{ width:38px; height:38px; border-radius:11px; }
    .dash-stat__ic svg{ width:18px; height:18px; }
}

/* Bilgi kutusu (ekranlardaki satir ici aciklamalar). Onceden tanimsizdi: kutu cerceve/zeminsiz
   duz kalin metin gibi gorunuyordu. Tema rengine baglidir, koyu temada da okunur. */
.uyari--bilgi{ background:color-mix(in srgb, var(--primary) 7%, var(--surface));
    border:1px solid color-mix(in srgb, var(--primary) 22%, var(--line)); color:var(--ink-2);
    font-weight:500; line-height:1.55; border-radius:10px; }
.uyari--bilgi strong{ color:var(--ink); font-weight:700; }
.uyari--bilgi em{ font-style:normal; color:var(--primary); font-weight:600; }

/* Satir ici dugme hizasi. .btn inline-flex'tir: ilk ogesi ikon (display:block) olan dugmenin taban
   cizgisi ikondan, metinle baslayaninki metinden hesaplaniyordu -> yan yana duran "Etiket" ile "Detay"
   4.7px, "Yazdir" ile "Sil" 1.5px kayiyordu. Ortaya hizalama ikisini esitler (olculdu: 0px).
   Flex/grid icindeki dugmeleri ve tek basina duran dugmeyi etkilemez (olculdu: degisim yok). */
.btn{ vertical-align:middle; }

/* Paletli mal hesaplayicisi (giris._ambalaj_hesap): PALET x PALET ICI KOLI = TOPLAM KOLI x KOLI ICI ADET = TOPLAM ADET.
   Kullanicinin yazdigi alan (capa) vurgulanir; hesaplanan alanlar soluk zeminli gorunur. */
.ah{ border:1px solid var(--line); border-radius:12px; padding:12px 14px 10px; background:var(--surface); }
.ah-grid{ display:grid; gap:8px 6px; align-items:end;
    grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1.2fr); }
.ah-grid .field{ margin-bottom:0; min-width:0; }
.ah-grid label{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ah-op{ height:40px; display:flex; align-items:center; justify-content:center; color:var(--ink-3); font-weight:700; font-size:1rem; }
.ah-f--hesap .input{ background:var(--surface-2); color:var(--ink-2); }
.ah-f--capa .input{ border-color:var(--primary); box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent); }
.ah-toplam .input{ font-weight:700; }
.ah-ozet{ margin-top:10px; font-size:.84rem; line-height:1.5; display:flex; flex-wrap:wrap; gap:2px 14px; color:var(--ink); }
.ah-dokum{ color:var(--ink-2); }
.ah-uyari{ color:var(--danger); font-weight:600; }

/* Urun karti: mal tipine gore acilan bloklar (tanimlar._mal_tipi) */
.mt-blok{ margin-top:12px; }
.mt-blok[hidden]{ display:none !important; }

/* Mal kabul: her satir bir kart (urun/hedef/beklenen basligi + gelen hesaplayicisi + hasarli/parti/SKT) */
.mk-liste{ display:grid; gap:12px; }
.mk-satir{ border:1px solid var(--line); border-radius:12px; padding:12px 14px; background:var(--surface); }
.mk-satir--bitti{ opacity:.55; }
.mk-bas{ display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1.3fr); gap:6px 16px; align-items:start; margin-bottom:10px; }
.mk-bas .muted{ display:block; font-size:.72rem; font-weight:400; }
.mk-alt{ display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:10px; margin-top:10px; align-items:start; }

/* == Depo kurulum sihirbazi (tanimlar.depo_yeni) ==================================== */
.shz-baslik{ display:flex; align-items:center; gap:9px; }
.shz-baslik svg{ color:var(--primary); }
.shz-adimlar{ list-style:none; display:flex; gap:8px; margin:0 0 14px; padding:0; }
.shz-adim{ flex:1 1 0; min-width:0; display:flex; align-items:center; gap:10px; padding:10px 12px; border:1px solid var(--line);
    border-radius:12px; background:var(--surface); }
.shz-adim[hidden]{ display:none !important; }
.shz-adim__ic{ width:34px; height:34px; border-radius:10px; display:flex; align-items:center; justify-content:center;
    background:var(--surface-2); color:var(--ink-3); flex-shrink:0; }
.shz-adim__ad{ display:flex; flex-direction:column; line-height:1.2; font-weight:700; font-size:.86rem; color:var(--ink-2); white-space:nowrap; }
.shz-adim__ad small{ font-weight:500; font-size:.68rem; color:var(--ink-3); }
.shz-adim__ad i{ font-style:normal; }
.shz-adim.aktif{ border-color:var(--primary); background:var(--primary-soft); }
.shz-adim.aktif .shz-adim__ic{ background:var(--primary); color:#fff; }
.shz-adim.aktif .shz-adim__ad{ color:var(--ink); }
.shz-adim.tamam .shz-adim__ic{ background:color-mix(in srgb, #0EA5A0 16%, var(--surface)); color:#0B8F8A; }
.shz-panel[hidden], .shz-hata[hidden], [data-yalniz-rafli][hidden], [data-yalniz-dokme][hidden]{ display:none !important; }
.shz-alt{ display:flex; justify-content:space-between; align-items:center; gap:10px; }
.shz-hata{ margin-top:12px; }

.shz-tipler{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.shz-tip{ position:relative; display:grid; grid-template-columns:54px 1fr; gap:3px 14px; align-items:center; padding:16px;
    border:1.5px solid var(--line); border-radius:14px; cursor:pointer; background:var(--surface); transition:border-color .15s, box-shadow .15s; }
.shz-tip:hover{ border-color:var(--brand-300); }
.shz-tip input{ position:absolute; opacity:0; pointer-events:none; }
.shz-tip__ic{ grid-row:span 2; width:54px; height:54px; border-radius:14px; display:flex; align-items:center; justify-content:center;
    background:var(--surface-2); color:var(--ink-2); }
.shz-tip__ic svg{ width:30px; height:30px; }
.shz-tip__t{ font-weight:800; font-size:1rem; color:var(--ink); }
.shz-tip__d{ font-size:.78rem; color:var(--ink-3); line-height:1.45; }
.shz-tip:has(input:checked){ border-color:var(--primary); background:var(--primary-soft); box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent); }
.shz-tip:has(input:checked) .shz-tip__ic{ background:var(--primary); color:#fff; }
.shz-tip:has(input:focus-visible){ outline:2px solid var(--primary); outline-offset:2px; }

.shz-sayac{ display:inline-flex; align-items:stretch; border:1px solid var(--line); border-radius:12px; overflow:hidden; background:var(--surface); }
.shz-sayac button{ width:50px; border:0; background:var(--surface-2); color:var(--ink); font-size:1.4rem; font-weight:700; cursor:pointer; }
.shz-sayac button:active{ background:var(--primary-soft); }
.shz-sayac .input{ width:92px; height:50px; border:0; border-radius:0; text-align:center; font-size:1.35rem; font-weight:800; }
.shz-koridorlar{ display:grid; grid-template-columns:repeat(auto-fill,minmax(118px,1fr)); gap:8px; margin-top:14px; }
.shz-koridor{ display:flex; align-items:center; gap:8px; padding:9px 11px; border:1px solid var(--line); border-radius:11px; background:var(--surface); }
.shz-koridor svg{ color:var(--primary); flex-shrink:0; }
.shz-koridor b{ font-size:1.1rem; font-weight:800; color:var(--ink); }
.shz-koridor span{ font-size:.74rem; color:var(--ink-3); font-family:var(--mono,monospace); }

.sec-grup{ display:inline-flex; flex-wrap:wrap; gap:4px; }
.sec-grup button{ min-width:36px; height:36px; padding:0 8px; border:1px solid var(--line); border-radius:9px; background:var(--surface);
    color:var(--ink-2); font-weight:700; font-size:.9rem; cursor:pointer; font-variant-numeric:tabular-nums; }
.sec-grup button:hover{ border-color:var(--brand-300); color:var(--ink); }
.sec-grup button.secili{ background:var(--primary); border-color:var(--primary); color:#fff; }
.sec-grup--kucuk button{ min-width:30px; height:30px; font-size:.8rem; }
.shz-hepsi{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; padding:10px 12px; border:1px dashed var(--line); border-radius:12px; margin-bottom:12px; }
.shz-hepsi > span{ display:flex; align-items:center; gap:6px; font-size:.8rem; font-weight:600; color:var(--ink-2); }
.shz-hepsi > span svg{ color:var(--primary); }
.shz-satir{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 14px; padding:10px 12px;
    border:1px solid var(--line); border-radius:12px; margin-bottom:8px; background:var(--surface); }
.shz-satir__ad, .shz-kat__ad{ display:flex; align-items:center; gap:8px; color:var(--ink); }
.shz-satir__ad svg, .shz-kat__ad svg{ color:var(--primary); flex-shrink:0; }
.shz-satir__ad small{ color:var(--ink-3); font-size:.75rem; }
.shz-raf{ border:1px solid var(--line); border-radius:14px; padding:12px 14px; margin-bottom:12px; background:var(--surface); }
.shz-raf__bas{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; padding-bottom:10px; border-bottom:1px solid var(--line); margin-bottom:6px; }
.shz-raf__bas > svg{ color:var(--primary); }
.shz-raf__bas b{ color:var(--ink); }
.shz-raf__bas small{ display:block; color:var(--ink-3); font-size:.74rem; }
.shz-raf__hepsi{ margin-left:auto; display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.shz-raf__hepsi small{ color:var(--ink-3); font-size:.74rem; }
.shz-kat{ display:grid; grid-template-columns:96px auto minmax(0,1fr); align-items:center; gap:8px 14px; padding:6px 0; }
.shz-hucreler{ display:flex; gap:3px; justify-self:end; }
.shz-hucreler i{ width:12px; height:16px; border-radius:3px; background:color-mix(in srgb, var(--primary) 22%, var(--surface));
    border:1px solid color-mix(in srgb, var(--primary) 45%, var(--line)); }
.shz-ozet-kpi{ display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px; margin-bottom:12px; }
.shz-kpi{ display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:12px; background:var(--surface-2); }
.shz-kpi svg{ color:var(--primary); flex-shrink:0; }
.shz-kpi b{ display:block; font-size:1.2rem; font-weight:800; line-height:1.1; color:var(--ink); }
.shz-kpi small{ color:var(--ink-3); font-size:.72rem; }
.shz-ozet-satir{ display:grid; grid-template-columns:96px minmax(0,1fr) auto; gap:10px; align-items:center; padding:8px 0;
    border-bottom:1px dashed var(--line); font-size:.84rem; }
.shz-ozet-satir span{ color:var(--ink-2); }
.shz-etiket-ornek{ margin:0 auto; width:min(100%, 360px); aspect-ratio:10/7; border:1.5px dashed #9aa3b8; border-radius:6px;
    background:#fff; color:#000; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; padding:14px; text-align:center; }
.shz-etiket-ornek__ust{ font-size:.66rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; max-width:100%;
    overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.shz-etiket-ornek__kod{ font-family:"Arial Black","Segoe UI Black",Arial,sans-serif; font-weight:900; font-size:2.35rem; line-height:1; }
.shz-etiket-ornek__barkod{ width:80%; height:70px; }
.shz-etiket-ornek__barkod svg{ display:block; width:100%; height:100%; }
.shz-etiket-ornek__detay{ display:flex; flex-wrap:wrap; justify-content:center; gap:4px 12px; font-size:.74rem; font-weight:700; }
.shz-etiket-ornek__detay span{ display:inline-flex; align-items:center; gap:4px; }

/* == Depo yapi gorunumu (tanimlar.depo_detay) ========================================= */
.yapi-lejant{ display:flex; flex-wrap:wrap; gap:6px 14px; font-size:.74rem; color:var(--ink-3); }
.yapi-lejant span{ display:inline-flex; align-items:center; gap:6px; }
.yapi-lejant .yapi-goz{ width:16px; height:16px; font-size:0; }
.yapi-koridorlar{ display:grid; gap:14px; }
.yapi-koridor{ border:1px solid var(--line); border-radius:14px; padding:12px 14px; background:var(--surface); }
.yapi-koridor__bas{ display:flex; align-items:center; gap:12px; margin-bottom:10px; }
.yapi-koridor__bas b{ display:block; color:var(--ink); }
.yapi-koridor__bas small{ display:block; color:var(--ink-3); font-size:.75rem; }
.yapi-koridor__harf, .dokme-koridor__harf{ width:42px; height:42px; border-radius:12px; flex-shrink:0; display:flex; align-items:center; justify-content:center;
    background:var(--primary); color:#fff; font-weight:900; font-size:1.25rem; font-family:"Arial Black",Arial,sans-serif; }
.yapi-raflar{ display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:10px; }
.yapi-raf{ border:1px solid var(--line); border-radius:12px; padding:9px 10px; background:var(--surface-2); }
.yapi-raf__ad{ display:flex; align-items:center; gap:6px; font-weight:800; font-size:.9rem; color:var(--ink); margin-bottom:6px; font-family:var(--mono,monospace); }
.yapi-raf__ad svg{ color:var(--primary); }
.yapi-cephe{ display:flex; flex-direction:column; gap:4px; }
.yapi-kat{ display:grid; grid-template-columns:30px minmax(0,1fr); align-items:center; gap:6px; }
.yapi-kat__ad{ font-size:.7rem; font-weight:700; color:var(--ink-3); font-family:var(--mono,monospace); }
.yapi-gozler{ display:flex; flex-wrap:wrap; gap:3px; }
.yapi-goz{ width:24px; height:22px; border-radius:5px; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0;
    font-size:.64rem; font-weight:700; color:var(--ink-3); background:var(--surface); border:1px solid var(--line); font-style:normal; }
.yapi-goz--dolu{ background:var(--primary); border-color:var(--primary); color:#fff; }
.yapi-goz--asim{ background:var(--accent); border-color:var(--accent); color:#fff; }
.dokme-koridorlar{ display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:10px; }
.dokme-koridor{ display:flex; align-items:center; gap:10px; padding:10px 12px; border:1px solid var(--line); border-radius:12px; background:var(--surface); }
.dokme-koridor__harf{ background:#D9822B; }
.dokme-koridor--dolu{ border-color:color-mix(in srgb, var(--primary) 45%, var(--line)); }
.dokme-koridor__bilgi{ flex:1; min-width:0; }
.dokme-koridor__bilgi b{ display:block; color:var(--ink); font-size:.88rem; }
.dokme-koridor__bilgi small{ color:var(--ink-3); font-size:.74rem; }

.etiket-boyutlar{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-bottom:14px; }
.etiket-boyut{ position:relative; display:flex; align-items:center; gap:12px; padding:12px; border:1.5px solid var(--line); border-radius:12px; cursor:pointer; background:var(--surface); }
.etiket-boyut input{ position:absolute; opacity:0; pointer-events:none; }
.etiket-boyut:has(input:checked){ border-color:var(--primary); background:var(--primary-soft); }
.etiket-boyut:has(input:focus-visible){ outline:2px solid var(--primary); outline-offset:2px; }
.etiket-boyut__sekil{ flex-shrink:0; display:flex; align-items:center; justify-content:center; border:1.5px solid var(--ink-3); border-radius:4px;
    background:#fff; color:#000; max-height:90px; }
.etiket-boyut__metin{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.etiket-boyut__metin b{ color:var(--ink); font-size:.95rem; }
.etiket-boyut__metin small{ color:var(--ink-3); font-size:.72rem; line-height:1.35; }
.etiket-secenek{ display:grid; grid-template-columns:minmax(0,220px) minmax(0,1fr) auto; gap:10px; align-items:end; }
.card--tehlike{ border-color:color-mix(in srgb, var(--danger) 35%, var(--line)); }
.card--tehlike .card__head h3, .card--tehlike .card__head svg{ color:var(--danger); }

/* == IRSALIYE-REV-1: depo kabul irsaliye formu, palet etiketi/izleme, kategori penceresi, standart depo == */
/* Depo Kabul listesi: arama + palet barkodu okutma */
.irs-arac{ display:flex; flex-wrap:wrap; gap:10px; margin-bottom:14px; }
.irs-ara{ position:relative; flex:1 1 300px; display:flex; align-items:center; gap:8px; }
.irs-ara > svg{ position:absolute; left:11px; top:50%; transform:translateY(-50%); width:17px; height:17px; color:var(--ink-3); pointer-events:none; }
.irs-ara .input{ height:42px; padding-left:36px; flex:1 1 auto; min-width:0; }
.irs-ara--palet .input{ font-family:var(--mono,monospace); letter-spacing:.04em; border-style:dashed; }
.irs-yerlesti{ display:inline-flex; align-items:center; gap:5px; font-size:.78rem; font-weight:700; color:#0B8F8A; }
.irs-rozet-tamam{ background:color-mix(in srgb, #0EA5A0 15%, var(--surface)); color:#0B8F8A; }

/* Yeni irsaliye formu */
.irs-kart{ margin-bottom:16px; }
.irs-irsno{ font-family:var(--mono,monospace); font-weight:700; letter-spacing:.03em; }
.irs-depolar{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:14px; }
.irs-depo{ display:flex; align-items:center; gap:12px; padding:10px 12px; border:1px solid var(--line); border-radius:12px; background:var(--surface-2); min-width:0; }
.irs-depo__ic{ width:40px; height:40px; border-radius:11px; flex-shrink:0; display:flex; align-items:center; justify-content:center;
    background:color-mix(in srgb, var(--primary) 14%, var(--surface)); color:var(--primary); }
.irs-depo--dokme .irs-depo__ic{ background:color-mix(in srgb, #D9822B 16%, var(--surface)); color:#B8661A; }
.irs-depo__metin{ display:flex; flex-direction:column; min-width:0; line-height:1.3; }
.irs-depo__metin small{ font-size:.72rem; color:var(--ink-3); }
.irs-depo__metin b{ font-size:.92rem; color:var(--ink); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.irs-depo--yok{ border-style:dashed; border-color:color-mix(in srgb, var(--danger) 45%, var(--line)); background:var(--surface); }
.irs-depo--yok b{ color:var(--danger); }

.irs-satirlar{ display:grid; gap:12px; }
.irs-satir{ border:1px solid var(--line); border-radius:14px; background:var(--surface); overflow:hidden; }
.irs-satir__bas{ display:flex; align-items:center; gap:10px; padding:8px 10px 8px 14px; background:var(--surface-2); border-bottom:1px solid var(--line-2); }
.irs-satir__no{ font-size:.8rem; font-weight:600; color:var(--ink-2); }
.irs-satir__no b{ font-size:.95rem; color:var(--ink); }
.irs-satir__tip{ font-size:.7rem; font-weight:700; padding:2px 9px; border-radius:99px; }
.irs-satir__tip:empty{ display:none; }
.irs-satir__tip--paletli{ background:color-mix(in srgb, var(--primary) 14%, var(--surface)); color:var(--primary); }
.irs-satir__tip--dokme{ background:color-mix(in srgb, #D9822B 16%, var(--surface)); color:#B8661A; }
.irs-satir__sil{ margin-left:auto; width:32px; height:32px; border-radius:9px; border:1px solid transparent; background:transparent; color:var(--ink-3);
    display:flex; align-items:center; justify-content:center; cursor:pointer; }
.irs-satir__sil:hover{ color:var(--danger); border-color:color-mix(in srgb, var(--danger) 35%, var(--line)); background:var(--surface); }
.irs-satir__sil[hidden]{ display:none; }
.irs-satir__govde{ display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1.3fr) minmax(0,1fr); }
.irs-adim{ padding:12px 14px; min-width:0; }
.irs-adim + .irs-adim{ border-left:1px dashed var(--line); }
.irs-adim__ad{ display:flex; align-items:center; gap:7px; font-size:.72rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-3); margin-bottom:8px; }
.irs-adim__ad span{ width:20px; height:20px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center;
    background:var(--primary); color:#fff; font-size:.7rem; letter-spacing:0; }
.irs-bos{ font-size:.82rem; color:var(--ink-3); padding:10px 12px; border:1px dashed var(--line); border-radius:10px; }
.irs-etiket{ display:block; font-size:.8rem; font-weight:600; color:var(--ink-2); margin-bottom:5px; }
.irs-giris{ display:flex; align-items:center; gap:8px; }
.irs-giris .input{ max-width:150px; height:46px; font-size:1.25rem; font-weight:800; text-align:center; }
.irs-giris span{ font-weight:600; color:var(--ink-2); }
.irs-ambalaj{ display:flex; flex-wrap:wrap; gap:4px 14px; margin-top:10px; padding:8px 10px; border-radius:10px; background:var(--surface-2); font-size:.8rem; color:var(--ink-2); }
.irs-ambalaj span{ display:inline-flex; align-items:center; gap:5px; }
.irs-ambalaj b{ color:var(--ink); }
.irs-ambalaj small{ flex-basis:100%; display:flex; align-items:center; gap:4px; font-size:.7rem; color:var(--ink-3); }
.irs-sonuc{ margin-top:8px; font-size:.86rem; color:var(--ink-2); min-height:1.2em; }
.irs-sonuc b{ color:var(--ink); }
.irs-eksik{ display:flex; gap:8px; align-items:flex-start; margin-top:10px; padding:9px 11px; border-radius:10px; font-size:.8rem; line-height:1.45;
    background:color-mix(in srgb, var(--danger) 9%, var(--surface)); border:1px solid color-mix(in srgb, var(--danger) 35%, var(--line)); color:var(--ink); }
.irs-eksik svg{ color:var(--danger); flex-shrink:0; margin-top:1px; }
.irs-eksik[hidden]{ display:none; }
.irs-izle{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:10px; }
.irs-izle .field{ margin-bottom:0; }
.irs-izle[hidden], .irs-izle .field[hidden]{ display:none; }
.irs-hedef{ display:flex; flex-direction:column; align-items:flex-start; gap:6px; }
.irs-hedef[hidden]{ display:none; }
.irs-hedef__rozet{ display:inline-flex; align-items:center; gap:6px; padding:6px 11px; border-radius:99px; font-size:.84rem; font-weight:700;
    background:color-mix(in srgb, #0EA5A0 15%, var(--surface)); color:#0B8F8A; }
.irs-hedef--dokme .irs-hedef__rozet{ background:color-mix(in srgb, #D9822B 16%, var(--surface)); color:#B8661A; }
.irs-hedef small{ font-size:.76rem; color:var(--ink-3); line-height:1.45; }
.irs-satir-ekle{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 16px; margin-top:12px; }
.irs-toplam{ font-size:.86rem; color:var(--ink-2); text-align:right; }
.irs-toplam b{ color:var(--ink); }
.irs-toplam__uyari{ display:block; margin-top:3px; color:var(--accent); font-weight:600; }

.irs-plan{ margin-top:14px; border:1px dashed color-mix(in srgb, var(--primary) 45%, var(--line)); border-radius:12px; padding:12px 14px;
    background:color-mix(in srgb, var(--primary) 4%, var(--surface)); }
.irs-plan[hidden]{ display:none; }
.irs-plan__bas{ display:flex; flex-wrap:wrap; align-items:center; gap:6px 8px; margin-bottom:8px; color:var(--ink); }
.irs-plan__bas svg{ color:var(--primary); }
.irs-plan__bas small{ margin-left:auto; color:var(--ink-3); font-size:.74rem; }
.irs-plan__liste{ list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.irs-plan__oge{ padding:8px 10px; border-radius:10px; background:var(--surface); border:1px solid var(--line-2); }
.irs-plan__urun{ display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px; font-size:.84rem; }
.irs-plan__no{ width:20px; height:20px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font-size:.7rem; font-weight:700;
    background:var(--surface-2); color:var(--ink-2); }
.irs-plan__miktar{ color:var(--ink-3); font-size:.78rem; }
.irs-plan__yer{ margin-top:4px; font-family:var(--mono,monospace); font-size:.84rem; font-weight:700; color:var(--primary); overflow-wrap:anywhere; }
.irs-plan__oge--dokme .irs-plan__yer{ color:#B8661A; }
.irs-plan__oge details{ margin-top:4px; font-size:.76rem; }
.irs-plan__oge summary{ cursor:pointer; color:var(--ink-3); }
.irs-plan__adresler{ margin-top:4px; font-family:var(--mono,monospace); color:var(--ink-2); line-height:1.6; }
.irs-plan__yersiz{ margin-top:4px; font-size:.78rem; font-weight:600; color:var(--accent); }

/* Irsaliye detayi */
.irs-yazdiriliyor{ display:flex; align-items:center; gap:10px; padding:10px 14px; margin-bottom:16px; border-radius:10px; font-size:.86rem;
    background:color-mix(in srgb, var(--primary) 8%, var(--surface)); border:1px solid color-mix(in srgb, var(--primary) 25%, var(--line)); color:var(--ink-2); }
.irs-yazdiriliyor svg{ color:var(--primary); flex-shrink:0; }
.irs-ozet{ display:grid; gap:10px; }
.irs-ozet__satir{ display:grid; grid-template-columns:40px minmax(0,1fr) 22px minmax(0,1.25fr); gap:10px 12px; align-items:center;
    padding:10px 12px; border:1px solid var(--line); border-radius:12px; background:var(--surface); }
.irs-ozet__ic{ width:40px; height:40px; border-radius:11px; display:flex; align-items:center; justify-content:center;
    background:color-mix(in srgb, var(--primary) 14%, var(--surface)); color:var(--primary); }
.irs-ozet__satir--dokme .irs-ozet__ic{ background:color-mix(in srgb, #D9822B 16%, var(--surface)); color:#B8661A; }
.irs-ozet__urun, .irs-ozet__yer{ display:flex; flex-direction:column; align-items:flex-start; min-width:0; line-height:1.35; }
.irs-ozet__urun b{ color:var(--ink); }
.irs-ozet__urun small, .irs-ozet__yer small{ font-size:.74rem; color:var(--ink-3); }
.irs-ozet__yer b{ font-family:var(--mono,monospace); font-size:.88rem; color:var(--ink); overflow-wrap:anywhere; }
.irs-ozet__ok{ font-size:1.2rem; color:var(--ink-3); text-align:center; }
.irs-baski{ border-bottom:1px solid var(--line-2); }
.irs-baski .etiket-boyutlar{ margin-bottom:10px; }
.irs-baski__alt{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; }
.irs-barkod{ font-family:var(--mono,monospace); font-weight:800; letter-spacing:.03em; color:var(--ink); text-decoration:none; white-space:nowrap; }
a.irs-barkod:hover{ color:var(--primary); text-decoration:underline; }
.irs-yer{ font-family:var(--mono,monospace); font-weight:800; color:var(--ink); white-space:nowrap; }
.irs-yer__parca{ display:flex; flex-wrap:wrap; gap:0 8px; font-size:.7rem; color:var(--ink-3); }
.irs-yer__parca span + span::before{ content:"·"; margin-right:8px; }
.irs-barkod-hucre small{ display:block; font-size:.7rem; font-weight:500; color:var(--ink-3); }
.irs-urun-hucre b{ display:block; font-family:var(--mono,monospace); font-size:.8rem; color:var(--ink); }
.irs-urun-hucre span{ display:block; max-width:220px; font-size:.76rem; color:var(--ink-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
@keyframes irsVurgu{ from{ background:color-mix(in srgb, var(--primary) 18%, var(--surface)); } to{ background:transparent; } }
.tbl tr.irs-vurgu > td{ animation:irsVurgu 2.4s ease-out 1; }
.irs-gecmis{ list-style:none; margin:0; padding:0; display:grid; gap:0; }
.irs-gecmis li{ display:flex; gap:10px; padding:8px 0; border-bottom:1px dashed var(--line-2); font-size:.84rem; line-height:1.45; }
.irs-gecmis li:last-child{ border-bottom:0; }
.irs-gecmis__ic{ width:28px; height:28px; border-radius:8px; flex-shrink:0; display:flex; align-items:center; justify-content:center; background:var(--surface-2); color:var(--ink-2); }
.irs-gecmis b{ color:var(--ink); }
.irs-gecmis small{ display:block; font-size:.72rem; color:var(--ink-3); }
.irs-modal-palet{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:6px 12px; padding:10px 12px; margin-bottom:14px;
    border-radius:10px; background:var(--surface-2); font-size:.86rem; }
.irs-modal-palet b{ font-family:var(--mono,monospace); }
.irs-oneri-bas{ margin:14px 0 6px; font-size:.72rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-3); }
.irs-oneriler{ display:flex; flex-wrap:wrap; gap:6px; }
.irs-oneri{ font-family:var(--mono,monospace); font-size:.8rem; font-weight:700; padding:6px 10px; border-radius:9px; cursor:pointer;
    border:1px solid color-mix(in srgb, #0EA5A0 40%, var(--line)); background:color-mix(in srgb, #0EA5A0 9%, var(--surface)); color:var(--ink); }
.irs-oneri:hover{ border-color:#0EA5A0; }
.irs-eski-hedef{ margin-top:6px; max-width:240px; }
.irs-eski-hedef .input{ height:34px; font-size:.8rem; }

/* Palet kimlik karti */
.plt-kimlik{ display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr); gap:16px; margin-bottom:16px; align-items:start; }
.plt-kimlik .card{ margin-bottom:0; }
.plt-yer__bas{ display:flex; align-items:center; gap:8px; color:var(--ink-3); font-size:.8rem; font-weight:600; }
.plt-yer__ic{ width:38px; height:38px; border-radius:11px; display:flex; align-items:center; justify-content:center; background:var(--primary); color:#fff; }
.plt-yer__adres{ margin-top:10px; font-family:"Arial Black","Segoe UI Black",Arial,sans-serif; font-weight:900; font-size:clamp(1.6rem, 1rem + 2vw, 2.4rem);
    line-height:1.1; letter-spacing:-.01em; color:var(--ink); overflow-wrap:anywhere; }
.plt-yer__parca{ font-size:.82rem; margin-top:6px; }
.plt-eylem{ display:flex; flex-wrap:wrap; gap:6px; margin-top:14px; }
.plt-dl{ margin:0; display:grid; gap:0; }
.plt-dl > div{ display:grid; grid-template-columns:minmax(96px,40%) minmax(0,1fr); gap:10px; padding:7px 0; border-bottom:1px dashed var(--line-2); font-size:.86rem; }
.plt-dl > div:last-child{ border-bottom:0; }
.plt-dl dt{ color:var(--ink-3); }
.plt-dl dd{ margin:0; color:var(--ink); overflow-wrap:anywhere; }

/* Kategori alani + yonetim penceresi */
.kat-sec{ display:flex; gap:6px; }
.kat-sec .select{ flex:1 1 auto; min-width:0; }
.kat-sec__ekle{ width:40px; height:40px; flex-shrink:0; border-radius:10px; border:1px solid var(--line); background:var(--surface); color:var(--primary);
    display:flex; align-items:center; justify-content:center; cursor:pointer; }
.kat-sec__ekle:hover{ border-color:var(--primary); background:var(--primary-soft); }
.kat-hizli{ display:flex; flex-wrap:wrap; gap:6px; margin-top:6px; }
.kat-hizli[hidden]{ display:none; }
.kat-hizli .input{ flex:1 1 160px; height:36px; min-width:0; }
.kat-alan__ipucu a, .dash-stat__sub a{ color:var(--primary); font-weight:600; text-decoration:none; }
.kat-alan__ipucu a:hover, .dash-stat__sub a:hover{ text-decoration:underline; }
.kat-ekle{ display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto; gap:10px; align-items:end; padding-bottom:14px; border-bottom:1px solid var(--line-2); }
.kat-mesaj{ margin-top:10px; padding:8px 11px; border-radius:9px; font-size:.82rem; }
.kat-mesaj[hidden]{ display:none; }
.kat-mesaj--ok{ background:color-mix(in srgb, #0EA5A0 12%, var(--surface)); color:#0B7F7A; }
.kat-mesaj--hata{ background:color-mix(in srgb, var(--danger) 10%, var(--surface)); color:var(--danger); }
.kat-liste-bas{ display:flex; align-items:center; justify-content:space-between; margin:14px 0 6px; color:var(--ink); }
.kat-liste{ list-style:none; margin:0; padding:0; max-height:min(46vh, 380px); overflow:auto; border:1px solid var(--line); border-radius:12px; }
.kat-oge{ display:flex; align-items:center; gap:8px; padding:7px 8px 7px 12px; border-bottom:1px solid var(--line-2); min-height:46px; }
.kat-oge:last-child{ border-bottom:0; }
.kat-oge--alt{ padding-left:30px; }
.kat-oge__ad{ flex:1 1 auto; min-width:0; font-weight:600; color:var(--ink); overflow-wrap:anywhere; }
.kat-oge__say{ font-size:.74rem; color:var(--ink-3); white-space:nowrap; }
.kat-oge__giris{ flex:1 1 auto; min-width:0; height:34px; }
.kat-dugme{ width:32px; height:32px; flex-shrink:0; border-radius:9px; border:1px solid var(--line); background:var(--surface); color:var(--ink-2);
    display:flex; align-items:center; justify-content:center; cursor:pointer; }
.kat-dugme:hover{ border-color:var(--primary); color:var(--primary); }
.kat-dugme--sil:hover{ border-color:var(--danger); color:var(--danger); }
.kat-dugme:disabled{ opacity:.35; cursor:not-allowed; border-color:var(--line); color:var(--ink-3); }
.kat-bos{ margin:10px 0 0; padding:14px; text-align:center; font-size:.84rem; color:var(--ink-3); border:1px dashed var(--line); border-radius:12px; }
.kat-bos[hidden]{ display:none; }

/* Standart depo */
.depo-standart{ display:flex; align-items:center; gap:8px; padding:7px 10px; border-radius:10px; font-size:.78rem; line-height:1.4;
    background:color-mix(in srgb, #0EA5A0 12%, var(--surface)); color:#0B7F7A; }
.depo-standart svg{ flex-shrink:0; }
.depo-standart b{ color:inherit; }
.depo-standart--sec{ background:transparent; border:1px dashed var(--line); color:var(--ink-3); }
.depo-standart__dugme{ display:inline-flex; align-items:center; gap:5px; padding:4px 9px; border-radius:8px; border:1px solid var(--line); background:var(--surface);
    font:inherit; font-weight:700; color:var(--ink-2); cursor:pointer; white-space:nowrap; }
.depo-standart__dugme:hover{ border-color:#0EA5A0; color:#0B7F7A; }
.depo-standart--genis{ margin-bottom:16px; padding:10px 14px; font-size:.86rem; }
/* == IRSALIYE-REV-1 son == */

/* == IS-AKISI-REV-1: irsaliye kabul / mal kabul / depo cikisi / toplama / sevkiyat / giden irsaliyeler == */
.content .mono{ font-family:var(--mono,monospace); }
.zorunlu{ color:var(--danger); }
.rozet-tamam{ background:color-mix(in srgb, #0EA5A0 15%, var(--surface)); color:#0B8F8A; }
.hasar-rozet{ display:inline-flex; align-items:center; gap:4px; padding:2px 8px; border-radius:99px; font-size:.72rem; font-weight:700; white-space:nowrap;
    background:color-mix(in srgb, var(--danger) 11%, var(--surface)); color:var(--danger); }
.hasar-yazi{ color:#C2410C; font-weight:600; }
.kilit-rozet{ display:inline-flex; align-items:center; gap:4px; font-size:.72rem; font-weight:600; color:var(--ink-3); white-space:nowrap; }
.kilit-not{ display:flex; align-items:center; gap:6px; margin:8px 0 12px; font-size:.8rem; color:var(--ink-3); }
.salt-alan{ display:flex; align-items:center; gap:7px; height:40px; padding:0 12px; border-radius:10px; border:1px dashed var(--line);
    background:var(--surface-2); font-weight:800; color:var(--ink); letter-spacing:.02em; overflow:hidden; white-space:nowrap; }
.salt-alan svg{ color:var(--ink-3); flex-shrink:0; }

/* Durum bandi */
.durum-bant{ display:flex; align-items:center; gap:12px; padding:12px 14px; margin-bottom:16px; border-radius:12px; border:1px solid var(--line); background:var(--surface); }
.durum-bant > svg{ flex-shrink:0; }
.durum-bant > div{ flex:1; min-width:0; display:flex; flex-direction:column; line-height:1.35; }
.durum-bant b{ color:var(--ink); }
.durum-bant span{ font-size:.82rem; color:var(--ink-2); }
.durum-bant--bekliyor{ background:color-mix(in srgb, #D9822B 9%, var(--surface)); border-color:color-mix(in srgb, #D9822B 35%, var(--line)); }
.durum-bant--bekliyor > svg{ color:#C2410C; }
.durum-bant--tamam{ background:color-mix(in srgb, #0EA5A0 9%, var(--surface)); border-color:color-mix(in srgb, #0EA5A0 35%, var(--line)); }
.durum-bant--tamam > svg{ color:#0B8F8A; }
.durum-bant--iptal{ background:color-mix(in srgb, var(--danger) 7%, var(--surface)); border-color:color-mix(in srgb, var(--danger) 30%, var(--line)); }
.durum-bant--iptal > svg{ color:var(--danger); }

/* Salt okunur bilgi kartlari */
.bilgi-kartlar{ display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:16px; margin-bottom:16px; align-items:start; }
.bilgi-kartlar .card{ margin-bottom:0; }
.bilgi-izgara{ margin:0; display:grid; grid-template-columns:repeat(auto-fill, minmax(170px, 1fr)); gap:12px 18px; }
.bilgi-izgara > div{ min-width:0; }
.bilgi-izgara dt{ font-size:.72rem; font-weight:600; color:var(--ink-3); margin-bottom:2px; }
.bilgi-izgara dd{ margin:0; font-size:.9rem; color:var(--ink); overflow-wrap:anywhere; }
.bilgi-izgara__genis{ grid-column:1 / -1; }

/* Sayfalama, sekmeler */
.sayfalama{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 12px; font-size:.8rem; }
.sayfalama__dugmeler{ display:flex; gap:6px; }
.sekme-cubugu{ display:flex; gap:6px; margin-bottom:14px; border-bottom:1px solid var(--line); overflow-x:auto; scrollbar-width:thin; }
.sekme{ display:inline-flex; align-items:center; gap:7px; padding:10px 14px; border-bottom:2px solid transparent; margin-bottom:-1px;
    color:var(--ink-2); font-weight:600; font-size:.88rem; text-decoration:none; white-space:nowrap; }
.sekme:hover{ color:var(--ink); }
.sekme.is-aktif{ color:var(--primary); border-bottom-color:var(--primary); }
.sekme--dis{ margin-left:auto; color:var(--ink-3); }

/* Gelismis filtre */
.filtre{ margin-bottom:16px; }
.filtre__bas{ display:flex; align-items:center; gap:10px; padding:12px 16px; cursor:pointer; list-style:none; user-select:none; }
.filtre__bas::-webkit-details-marker{ display:none; }
.filtre__ic{ width:30px; height:30px; border-radius:9px; display:flex; align-items:center; justify-content:center; background:var(--primary-soft, color-mix(in srgb, var(--primary) 12%, var(--surface))); color:var(--primary); }
.filtre__ok{ margin-left:auto; color:var(--ink-3); transition:transform .15s; display:flex; }
.filtre[open] .filtre__ok{ transform:rotate(180deg); }
.filtre__form{ padding:0 16px 14px; border-top:1px solid var(--line-2); }
.filtre__izgara{ display:grid; grid-template-columns:repeat(auto-fill, minmax(190px, 1fr)); gap:10px 12px; padding-top:12px; }
.filtre__izgara .field{ margin-bottom:0; }
.filtre__izgara label{ font-size:.74rem; }
.filtre__alt{ display:flex; justify-content:flex-end; align-items:center; gap:8px; margin-top:12px; }

/* Adim cubugu (step) */
.adim-cubugu{ list-style:none; margin:0 0 16px; padding:0; display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px; counter-reset:adim; }
.adim-cubugu__oge{ min-width:0; }
.adim-cubugu__dugme{ width:100%; display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:12px; border:1px solid var(--line);
    background:var(--surface); color:var(--ink-2); font:inherit; text-align:left; cursor:pointer; min-width:0; }
.adim-cubugu__dugme:disabled{ cursor:default; opacity:.6; }
.adim-cubugu__no{ width:30px; height:30px; border-radius:50%; flex-shrink:0; display:flex; align-items:center; justify-content:center;
    background:var(--surface-2); border:1px solid var(--line); font-weight:800; color:var(--ink-2); }
.adim-cubugu__no svg{ display:none; }
.adim-cubugu__metin{ display:flex; flex-direction:column; min-width:0; line-height:1.25; }
.adim-cubugu__metin b{ font-size:.88rem; color:inherit; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.adim-cubugu__metin small{ font-size:.72rem; color:var(--ink-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.adim-cubugu__oge.is-aktif .adim-cubugu__dugme{ border-color:var(--primary); background:color-mix(in srgb, var(--primary) 7%, var(--surface)); color:var(--ink);
    box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent); }
.adim-cubugu__oge.is-aktif .adim-cubugu__no{ background:var(--primary); border-color:var(--primary); color:#fff; }
.adim-cubugu__oge.is-tamam .adim-cubugu__dugme{ color:var(--ink); }
.adim-cubugu__oge.is-tamam .adim-cubugu__no{ background:#0EA5A0; border-color:#0EA5A0; color:#fff; }
.adim-cubugu__oge.is-tamam .adim-cubugu__no span{ display:none; }
.adim-cubugu__oge.is-tamam .adim-cubugu__no svg{ display:block; }
.adim-panel[hidden]{ display:none; }
.adim-alt{ display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:10px; margin:4px 0 22px; }
.adim-alt__bosluk{ flex:1 1 auto; }
.adim-panel > .uyari[data-adim-hata]{ margin:0 0 10px; }
.irs-satir__govde--iki{ grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); }

/* Lot listesi (irsaliye detayi) */
.lot-liste summary{ cursor:pointer; font-size:.82rem; white-space:nowrap; }
.lot-liste__govde{ display:flex; flex-wrap:wrap; gap:4px 10px; margin-top:6px; max-width:420px; font-size:.76rem; color:var(--ink-2); }
.lot-okut{ margin-bottom:14px; }

/* Akordiyon: eksik / hasarli */
.akordiyon{ background:var(--surface); border:1px solid var(--line); border-radius:var(--r, 14px); margin-bottom:12px; overflow:hidden; border-left:4px solid var(--line); }
.akordiyon--eksik{ border-left-color:#D9822B; }
.akordiyon--hasarli{ border-left-color:var(--danger); }
.akordiyon__bas{ display:flex; align-items:center; gap:12px; padding:13px 16px; cursor:pointer; list-style:none; user-select:none; }
.akordiyon__bas::-webkit-details-marker{ display:none; }
.akordiyon__ic{ width:36px; height:36px; border-radius:10px; flex-shrink:0; display:flex; align-items:center; justify-content:center; }
.akordiyon--eksik .akordiyon__ic{ background:color-mix(in srgb, #D9822B 14%, var(--surface)); color:#C2410C; }
.akordiyon--hasarli .akordiyon__ic{ background:color-mix(in srgb, var(--danger) 12%, var(--surface)); color:var(--danger); }
.akordiyon__baslik{ flex:1; min-width:0; display:flex; flex-direction:column; line-height:1.3; }
.akordiyon__baslik b{ color:var(--ink); }
.akordiyon__baslik small{ font-size:.76rem; color:var(--ink-3); }
.akordiyon__ok{ color:var(--ink-3); display:flex; transition:transform .15s; }
.akordiyon[open] .akordiyon__ok{ transform:rotate(180deg); }
.akordiyon__govde{ padding:4px 16px 16px; border-top:1px solid var(--line-2); }
.kalem-form{ padding-top:12px; }
.kalem-form__izgara{ display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1.2fr) minmax(0,.8fr); gap:10px 12px; align-items:start; }
.kalem-form__izgara .field{ margin-bottom:0; }
.kalem-form__aciklama{ grid-column:1 / -1; }
.kalem-form__gorsel{ grid-column:1 / -1; }
.kalem-form__alt{ display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:8px 12px; margin-top:10px; }
.kalem-form__sonuc{ margin-right:auto; font-size:.84rem; font-weight:700; color:var(--ink-2); }
.kalem-form__sonuc--hata{ color:var(--danger); }
.kalem-liste{ margin-top:12px; border:1px solid var(--line-2); border-radius:10px; }
.birim-sec{ display:inline-grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); gap:3px; padding:3px; border-radius:10px; background:var(--surface-2); border:1px solid var(--line); width:100%; }
.birim-sec label{ position:relative; margin:0 !important; }
.birim-sec label[hidden]{ display:none; }
.birim-sec input{ position:absolute; opacity:0; pointer-events:none; }
.birim-sec span{ display:flex; align-items:center; justify-content:center; height:32px; padding:0 10px; border-radius:8px; font-size:.82rem; font-weight:700; color:var(--ink-2); cursor:pointer; white-space:nowrap; }
.birim-sec input:checked + span{ background:var(--surface); color:var(--primary); box-shadow:0 1px 3px rgba(0,0,0,.12); }
.birim-sec input:focus-visible + span{ outline:2px solid var(--primary); }
.birim-sec--kucuk{ width:auto; }
.birim-sec--kucuk span{ height:30px; padding:0 12px; }
.gorsel-kucuk{ display:inline-block; width:54px; height:54px; border-radius:9px; overflow:hidden; border:1px solid var(--line); }
.gorsel-kucuk img{ width:100%; height:100%; object-fit:cover; display:block; }
.kabul-kart{ margin-bottom:16px; border:1px solid color-mix(in srgb, var(--primary) 35%, var(--line)); }
.kabul-ozet{ display:flex; flex-wrap:wrap; gap:10px; margin-bottom:14px; }
.kabul-ozet__oge{ flex:1 1 150px; display:flex; flex-direction:column; padding:10px 12px; border-radius:12px; background:var(--surface-2); border:1px solid var(--line-2); }
.kabul-ozet__oge b{ font-size:1.4rem; line-height:1.1; color:var(--ink); }
.kabul-ozet__oge span{ font-size:.78rem; color:var(--ink-3); }
.kabul-ozet__oge--kotu b{ color:var(--danger); }
.tbl tr.satir-bekliyor > td:first-child{ box-shadow:inset 3px 0 0 #D9822B; }

/* Akis cizgisi (depo cikisi detayi) */
.akis-cizgi{ list-style:none; margin:0 0 16px; padding:0; display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px; }
.akis-cizgi li{ display:grid; grid-template-columns:26px minmax(0,1fr); column-gap:8px; align-items:center; padding:10px 12px; border-radius:12px; border:1px solid var(--line); background:var(--surface); color:var(--ink-3); }
.akis-cizgi__nokta{ grid-row:1 / span 2; width:26px; height:26px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:var(--surface-2); }
.akis-cizgi b{ font-size:.84rem; color:var(--ink-2); }
.akis-cizgi small{ font-size:.72rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.akis-cizgi li.is-tamam{ border-color:color-mix(in srgb, #0EA5A0 35%, var(--line)); }
.akis-cizgi li.is-tamam .akis-cizgi__nokta{ background:#0EA5A0; color:#fff; }
.akis-cizgi li.is-tamam b{ color:var(--ink); }

/* Depo cikisi: urun secimi */
.ara-kutu{ position:relative; margin-bottom:12px; }
.ara-kutu > svg{ position:absolute; left:11px; top:50%; transform:translateY(-50%); color:var(--ink-3); pointer-events:none; }
.ara-kutu .input{ padding-left:36px; }
.cikis-urunler{ display:grid; grid-template-columns:repeat(auto-fill, minmax(320px, 1fr)); gap:12px; }
.cikis-urun{ border:1px solid var(--line); border-radius:14px; padding:12px; background:var(--surface); display:flex; flex-direction:column; gap:8px; min-width:0; }
.cikis-urun[hidden]{ display:none; }
.cikis-urun__bas{ display:flex; align-items:flex-start; gap:8px; }
.cikis-urun__ad{ flex:1; min-width:0; display:flex; flex-direction:column; line-height:1.3; }
.cikis-urun__ad b{ color:var(--ink); }
.cikis-urun__ad small{ font-size:.74rem; color:var(--ink-3); }
.cikis-urun__bilgi{ display:flex; flex-direction:column; gap:1px; font-size:.8rem; color:var(--ink-2); }
.cikis-urun__musait{ font-weight:700; color:#0B8F8A; }
.cikis-urun__ekle{ display:flex; align-items:center; gap:8px; }
.cikis-urun__ekle .input{ flex:1 1 90px; min-width:0; height:36px; }
.cikis-urun__lotlar summary{ cursor:pointer; font-size:.78rem; color:var(--ink-3); }
.cikis-urun__lotlar .table-wrap{ margin-top:6px; max-height:240px; overflow:auto; border:1px solid var(--line-2); border-radius:9px; }
.cikis-urun__lotlar .tbl th, .cikis-urun__lotlar .tbl td{ font-size:.74rem; padding:5px 7px; white-space:nowrap; }
.cikis-kalemler td{ vertical-align:top; }
.cikis-kalemler td .btn{ margin-top:5px; }
.tbl tr.kalem-hatali > td{ background:color-mix(in srgb, var(--danger) 7%, var(--surface)); }
.modal--genis{ max-width:720px; width:calc(100% - 24px); }
.konum-bas{ font-weight:700; color:var(--ink); }
.konum-liste{ display:grid; grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)); gap:10px; max-height:58vh; overflow:auto; }
.konum-kart{ border:1px solid var(--line); border-radius:12px; padding:10px 12px; background:var(--surface-2); }
.konum-kart__adres{ font-family:"Arial Black","Segoe UI Black",Arial,sans-serif; font-weight:900; font-size:1.3rem; line-height:1.1; color:var(--ink); overflow-wrap:anywhere; }
.konum-kart__alt{ display:flex; flex-direction:column; gap:3px; margin-top:6px; font-size:.78rem; color:var(--ink-2); }

/* Toplama */
.toplama-listesi{ display:grid; gap:10px; }
.toplama-karti{ display:flex; align-items:center; gap:14px; padding:14px 16px; border-radius:14px; border:1px solid var(--line); background:var(--surface);
    color:var(--ink); text-decoration:none; transition:border-color .12s, box-shadow .12s; }
.toplama-karti:hover{ border-color:var(--primary); box-shadow:0 4px 14px -8px rgba(0,0,0,.25); }
.toplama-karti__ic{ width:44px; height:44px; border-radius:12px; flex-shrink:0; display:flex; align-items:center; justify-content:center; background:color-mix(in srgb, #D9822B 14%, var(--surface)); color:#C2410C; }
.toplama-karti__govde{ flex:1; min-width:0; display:flex; flex-direction:column; line-height:1.35; }
.toplama-karti__govde b{ font-size:1rem; }
.toplama-karti__govde span{ font-size:.86rem; color:var(--ink-2); }
.toplama-karti__govde small{ font-size:.74rem; color:var(--ink-3); }
.toplama-karti__ilerleme{ width:170px; display:flex; flex-direction:column; gap:5px; }
.toplama-karti__sayi{ font-size:.8rem; color:var(--ink-2); text-align:right; }
.toplama-karti__sayi b{ color:var(--ink); }
.toplama-karti__ok{ font-size:1.6rem; color:var(--ink-3); line-height:1; }
.ilerleme{ display:block; height:7px; border-radius:99px; background:var(--surface-2); overflow:hidden; border:1px solid var(--line-2); }
.ilerleme > span{ display:block; height:100%; background:#0EA5A0; border-radius:99px; }
.ilerleme--buyuk{ height:10px; }
.tpl-kalem{ border:1px solid var(--line); border-radius:14px; background:var(--surface); margin-bottom:12px; overflow:hidden; box-shadow:inset 4px 0 0 var(--line); }
.tpl-kalem:last-child{ margin-bottom:0; }
.tpl-kalem__bas{ display:flex; align-items:center; gap:12px; padding:12px 14px 10px 18px; }
.tpl-kalem__no{ width:28px; height:28px; border-radius:50%; flex-shrink:0; display:flex; align-items:center; justify-content:center; background:var(--surface-2); font-weight:800; font-size:.8rem; color:var(--ink-2); }
.tpl-kalem__urun{ flex:1; min-width:0; display:flex; flex-direction:column; line-height:1.3; }
.tpl-kalem__urun b{ color:var(--ink); font-size:.98rem; }
.tpl-kalem__urun small{ font-size:.74rem; color:var(--ink-3); }
.tpl-kalem__cikis{ padding:4px 11px; border-radius:99px; background:color-mix(in srgb, var(--primary) 11%, var(--surface)); color:var(--primary); font-weight:800; font-size:.86rem; white-space:nowrap; }
.tpl-kalem__form{ margin:0; }
.tpl-kalem__form .btn{ min-height:42px; }
.tpl-kalem__uyari{ display:flex; align-items:center; gap:6px; padding:0 14px 8px 18px; font-size:.8rem; font-weight:700; color:var(--danger); }
.tpl-kalem--eksik{ border-color:color-mix(in srgb, var(--danger) 55%, var(--line)); box-shadow:inset 6px 0 0 var(--danger);
    background:color-mix(in srgb, var(--danger) 5%, var(--surface)); animation:tplTitre .5s ease-in-out 2; }
@keyframes tplTitre{ 0%,100%{ transform:none; } 25%{ transform:translateX(-4px); } 75%{ transform:translateX(4px); } }
.tpl-lotlar{ border-top:1px dashed var(--line); padding:6px 14px 8px 18px; display:grid; gap:2px; }
.tpl-lot{ display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1.1fr) minmax(0,1fr); gap:4px 12px; align-items:center; padding:6px 0; border-bottom:1px solid var(--line-2); font-size:.84rem; }
.tpl-lot:last-child{ border-bottom:0; }
.tpl-lot__yer{ display:flex; flex-direction:column; line-height:1.2; }
.tpl-lot__yer b{ font-family:"Arial Black","Segoe UI Black",Arial,sans-serif; font-weight:900; font-size:1.05rem; color:var(--ink); }
.tpl-lot__yer small{ font-size:.7rem; color:var(--ink-3); }
.tpl-lot__lot{ font-size:.78rem; color:var(--ink-2); }
.tpl-lot__miktar{ font-weight:700; color:var(--ink); }
.tpl-lot--tamam{ opacity:.6; }
.aktar-kart{ border:1px solid var(--line); }
.aktar-kart--hazir{ border-color:#0EA5A0; box-shadow:0 0 0 3px color-mix(in srgb, #0EA5A0 15%, transparent); }

/* Sevkiyat / giden irsaliyeler */
.pdf-cerceve{ padding:0 14px 14px; }
.pdf-cerceve iframe{ display:block; width:100%; height:78vh; min-height:480px; border:1px solid var(--line); border-radius:10px; background:#525659; }
.hizli-aralik{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-bottom:12px; }
.hizli-aralik__oge{ padding:7px 13px; border-radius:99px; border:1px solid var(--line); background:var(--surface); color:var(--ink-2); font-size:.82rem; font-weight:700; text-decoration:none; }
.hizli-aralik__oge:hover{ border-color:var(--primary); color:var(--primary); }
.hizli-aralik__oge.is-aktif{ background:var(--primary); border-color:var(--primary); color:#fff; }
.hizli-aralik__metin{ margin-left:6px; font-size:.8rem; }
.donem-cubuk{ position:relative; display:flex; align-items:center; gap:8px; }
.donem-cubuk span{ display:block; height:10px; border-radius:99px; background:color-mix(in srgb, var(--primary) 70%, var(--surface)); }
.donem-cubuk b{ font-size:.84rem; }
.tbl--tiklanir tbody tr{ cursor:pointer; }
.tbl--tiklanir tbody tr:hover > td{ background:color-mix(in srgb, var(--primary) 4%, var(--surface)); }
.islem-sayim{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
.islem-sayim__oge{ display:flex; align-items:baseline; gap:6px; padding:7px 12px; border-radius:10px; border:1px solid var(--line); background:var(--surface); text-decoration:none; color:var(--ink-2); font-size:.8rem; }
.islem-sayim__oge b{ font-size:.98rem; color:var(--ink); }
.islem-sayim__oge.is-aktif{ border-color:var(--primary); box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 18%, transparent); color:var(--ink); }

/* Portal stok */
.portal-stok{ display:grid; gap:10px; }
.portal-urun{ border:1px solid var(--line); border-radius:12px; background:var(--surface); overflow:hidden; }
.portal-urun summary{ display:flex; align-items:center; gap:12px; padding:11px 14px; cursor:pointer; list-style:none; }
.portal-urun summary::-webkit-details-marker{ display:none; }
.portal-urun__ad{ flex:1; min-width:0; display:flex; flex-direction:column; line-height:1.3; }
.portal-urun__ad small, .portal-urun__miktar small{ font-size:.74rem; color:var(--ink-3); }
.portal-urun__miktar{ display:flex; flex-direction:column; align-items:flex-end; text-align:right; line-height:1.3; }
.portal-urun .table-wrap{ border-top:1px solid var(--line-2); }

/* Irsaliye kabul: paletli giriste birim secimi (palet / koli / adet) + otomatik cevrim */
.irs-birim-bas{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:6px 10px; margin-bottom:6px; }
.irs-birim-bas .irs-etiket{ margin-bottom:0; }
.irs-cevrim{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:6px; margin-top:10px; }
.irs-cevrim[hidden]{ display:none; }
.irs-cevrim__oge{ display:flex; flex-direction:column; gap:1px; min-width:0; padding:7px 10px; border-radius:10px; border:1px solid var(--line); background:var(--surface); }
.irs-cevrim__oge small{ font-size:.7rem; font-weight:700; color:var(--ink-3); }
.irs-cevrim__oge b{ font-size:.98rem; font-weight:800; line-height:1.25; color:var(--ink); font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.irs-cevrim__oge.is-girilen{ border-color:var(--primary); background:var(--primary-soft); }
.irs-cevrim__oge.is-girilen small{ color:var(--primary); }

/* Mal kabul: hasar fotografi icin kompakt secici (standart dosya kutusu yerine) */
.kalem-form__izgara--gorselli .kalem-form__aciklama{ grid-column:1 / 2; }
.kalem-form__izgara--gorselli .kalem-form__gorsel{ grid-column:2 / -1; }
.foto-sec{ position:relative; min-width:0; }
.foto-sec__girdi{ position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.field .foto-sec__dugme, .foto-sec__dolu{ display:flex; align-items:center; gap:10px; min-height:40px; margin:0; padding:4px 6px; border-radius:10px; font-size:inherit; }
.field .foto-sec__dugme{ border:1px dashed var(--line); background:var(--surface-2); cursor:pointer; transition:border-color .15s, background .15s; }
.field .foto-sec__dugme:hover{ border-color:var(--primary); background:var(--primary-soft); }
.foto-sec__girdi:focus-visible + .foto-sec__dugme{ outline:2px solid var(--primary); outline-offset:2px; }
.foto-sec__dolu{ border:1px solid var(--line); background:var(--surface); }
.field .foto-sec__dugme[hidden], .foto-sec__dolu[hidden]{ display:none; }
.foto-sec__ic{ flex-shrink:0; display:grid; place-items:center; width:30px; height:30px; border-radius:8px; background:var(--surface); color:var(--primary); box-shadow:0 1px 2px rgba(0,0,0,.08); }
.foto-sec__resim{ flex-shrink:0; width:30px; height:30px; border-radius:7px; object-fit:cover; border:1px solid var(--line); }
.foto-sec__metin{ flex:1; display:flex; flex-direction:column; min-width:0; line-height:1.2; }
.foto-sec__metin b{ font-size:.82rem; color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.foto-sec__metin small{ font-size:.7rem; color:var(--ink-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.field .foto-sec__eylem{ flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; height:28px; margin:0; padding:0 9px; border-radius:7px; border:1px solid var(--line); background:var(--surface); font-size:.76rem; font-weight:700; color:var(--ink-2); cursor:pointer; }
.field .foto-sec__eylem:hover{ color:var(--primary); border-color:var(--primary); }
.field .foto-sec__eylem--sil{ width:28px; padding:0; }
.field .foto-sec__eylem--sil:hover{ color:var(--danger); border-color:var(--danger); }
.kalem-form__gorsel [data-foto-hata]{ display:block; margin-top:4px; font-size:.76rem; }
.kalem-form__gorsel [data-foto-hata][hidden]{ display:none; }
/* == IS-AKISI-REV-1 son == */

/* -- MOBIL-REV-1 -- */
/* ==========================================================================
   MOBIL UYUM - tum ERP sayfalari
   Kok neden: formlar satir ici SABIT kolon kullaniyordu (grid-template-columns:1fr 210px 190px).
   CSS satir ici stili ezemedigi icin dar ekranda alanlar 30-55px'e eziliyor, etiketler ust uste biniyordu.

   Iki esik:
     <=900px  DOKUNMATIK MOD (tablet + telefon; kabuk da bu esikte yan menuyu cekmeceye cevirir)
              - dar-kap duzenleri (.mobil-2 / .mobil-3 / .mobil-tam / .mobil-yogun)
              - ipucu gorunurlugu (.ipucu-masaustu gizli, .ipucu-mobil gorunur)
              - alan yazisi 16px (iOS/iPadOS Safari 16px altinda odakta sayfayi buyutur)
              - tablolar etiketli kart satirlari (.tbl-kart; genis kapta 2 sutun)
     <=640px  TELEFON
              - geri kalan tum satir ici sabit izgaralar tek kolon
              - kompakt bosluklar, KPI kartlari, arac cubugu, yapiskan kayit cubugu
   Masaustunde (>900px) hicbir kural calismaz.
   ========================================================================== */
.ipucu-mobil{ display:none; }

@media (max-width:900px){

  /* ---- Dar-kap izgaralari -------------------------------------------- */
  .content .mobil-2{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; column-gap:10px !important; }
  .content .mobil-3{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; column-gap:8px !important; }
  .content .mobil-yogun{ grid-auto-flow:row dense; }
  .content .mobil-2 > .mobil-tam,
  .content .mobil-3 > .mobil-tam{ grid-column:1 / -1; }
  .content .mobil-2 > .btn.mobil-tam,
  .content .mobil-2 > .field.mobil-tam > .btn{ width:100%; }

  /* ---- Ipuclari ----------------------------------------------------- */
  .ipucu-masaustu{ display:none !important; }
  .ipucu-mobil{ display:block; }

  /* ---- Alan yazisi 16px (iOS yakinlastirmasi) ----------------------- */
  .content .input, .content .select, .content textarea, .content select,
  .content input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  .auth .input, .auth input:not([type="checkbox"]):not([type="radio"]){ font-size:16px !important; }

  /* ---- Tablolar: etiketli kart satirlari (etiketleri kabuk betigi yazar) */
  .content .tbl-kart-kap{ overflow-x:visible; padding:10px 10px 2px; container-type:inline-size; }
  .content table.tbl-kart,
  .content table.tbl-kart tbody{ display:block; width:100%; }
  .content table.tbl-kart thead{ display:none; }
  .content table.tbl-kart tr{ display:block; background:var(--surface); border:1px solid var(--line);
    border-radius:12px; padding:0 12px; margin:0 0 8px; }
  .content table.tbl-kart tbody tr:hover{ background:var(--surface); }
  .content table.tbl-kart td{ display:grid; grid-template-columns:minmax(86px,38%) minmax(0,1fr);
    column-gap:10px; row-gap:2px; align-items:center; justify-items:end; text-align:right;
    padding:8px 0 !important; border:0 !important; border-top:1px solid var(--line-2) !important; font-size:.84rem; }
  .content table.tbl-kart td::before{ content:attr(data-etiket); grid-column:1; grid-row:1 / span 8;
    justify-self:start; text-align:left; font-size:.7rem; font-weight:600; color:var(--ink-3);
    font-family:var(--font); text-transform:none; letter-spacing:0; line-height:1.3; }
  /* Ilk hucre kartin basligi: etiketsiz, sola dayali, kalin */
  .content table.tbl-kart td:first-child{ grid-template-columns:minmax(0,1fr); justify-items:start; text-align:left;
    border-top:0 !important; padding:10px 0 8px !important; font-size:.92rem; font-weight:700; }
  .content table.tbl-kart td:first-child::before{ content:none; }
  /* Ilk hucre yalniz sira numarasiysa (toplama listesi): "Sira 1" rozeti, kart basligi degil */
  .content table.tbl-kart td:first-child.tbl-kart__sira{ display:flex; align-items:center; gap:6px;
    padding:9px 0 4px !important; font-size:.8rem; }
  .content table.tbl-kart td:first-child.tbl-kart__sira::before{ content:attr(data-etiket); font-size:.7rem;
    font-weight:600; color:var(--ink-3); font-family:var(--font); }
  /* Basliksiz hucre (islem dugmeleri): saga dayali tek sira */
  .content table.tbl-kart td[data-etiket=""]:not(:first-child){ display:flex; justify-content:flex-end;
    align-items:center; flex-wrap:wrap; gap:6px; }
  .content table.tbl-kart td[data-etiket=""]::before{ content:none; }
  /* Bos durum satiri */
  .content table.tbl-kart td[colspan]{ display:block; text-align:center; font-weight:500; }
  .content table.tbl-kart td .input, .content table.tbl-kart td .select{ width:100%; }
  .content td, .content .raf-onizleme, .content code{ overflow-wrap:anywhere; }

  /* ---- Paletli mal hesaplayicisi: 2'li izgara, x/= isaretleri gizli, toplam adet tam satir */
  .content .ah{ padding:10px 11px 8px; }
  .content .ah-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .content .ah-op{ display:none; }
  .content .ah-toplam{ grid-column:1 / -1; }
  .content .ah-grid label{ white-space:normal; }

  /* ---- Mal kabul satir kartlari: baslik tek sutun, alt alanlar 2'li -- */
  .content .mk-satir{ padding:11px 11px; }
  .content .mk-bas{ grid-template-columns:minmax(0,1fr); gap:6px; }
  .content .mk-alt{ grid-template-columns:repeat(2,minmax(0,1fr)); }

  /* ---- Depo sihirbazi ------------------------------------------------ */
  .content .shz-adimlar{ gap:5px; }
  .content .shz-adim{ padding:8px; gap:7px; justify-content:center; }
  .content .shz-adim__ad small{ display:none; }
  .content .shz-tipler{ grid-template-columns:minmax(0,1fr); }
  .content .shz-kat{ grid-template-columns:minmax(0,1fr) auto; }
  .content .shz-kat .sec-grup{ grid-column:1 / -1; grid-row:2; }
  .content .shz-raf__hepsi{ margin-left:0; width:100%; }
  .content .shz-ozet-satir{ grid-template-columns:minmax(0,1fr) auto; }
  .content .shz-ozet-satir span{ grid-column:1 / -1; grid-row:2; }
  .content .shz-sayac button{ width:56px; }
  .content .sec-grup{ display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); width:100%; }
  .content .sec-grup button{ min-width:0; height:40px; padding:0; }
  .content .sec-grup--kucuk button{ height:34px; }

  /* ---- Depo yapi gorunumu + etiket paneli ---------------------------- */
  .content .yapi-raflar{ grid-template-columns:minmax(0,1fr); }
  .content .yapi-koridor{ padding:10px; }
  .content .etiket-boyutlar{ grid-template-columns:minmax(0,1fr); }
  .content .etiket-secenek{ grid-template-columns:minmax(0,1fr); }
  .content .etiket-secenek .btn{ width:100%; justify-content:center; }

  /* ---- Irsaliye formu / palet / kategori (<=900) */
  .content .irs-satir__govde{ grid-template-columns:minmax(0,1fr); }
  .content .irs-adim + .irs-adim{ border-left:0; border-top:1px dashed var(--line); }
  .content .irs-adim{ padding:11px 12px; }
  .content .irs-giris .input{ max-width:none; flex:1 1 auto; }
  .content .irs-ozet__satir{ grid-template-columns:38px minmax(0,1fr); }
  .content .irs-ozet__ok{ display:none; }
  .content .irs-ozet__yer{ grid-column:1 / -1; padding:8px 10px; border-radius:9px; background:var(--surface-2); }
  .content .plt-kimlik{ grid-template-columns:minmax(0,1fr); }
  .content .irs-baski__alt .btn{ width:100%; justify-content:center; }
  .content .irs-baski__alt .secim-sec{ width:100%; }
  .modal .kat-ekle{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .modal .kat-ekle .btn{ grid-column:1 / -1; justify-content:center; }
  .modal .irs-oneri{ padding:9px 12px; }
  /* ---- Is akisi revizyonu (<=900) */
  .content .bilgi-kartlar{ grid-template-columns:minmax(0,1fr); }
  .content .adim-cubugu{ gap:6px; }
  .content .adim-cubugu__dugme{ padding:8px 9px; gap:7px; }
  .content .adim-cubugu__metin small{ display:none; }
  .content .irs-satir__govde--iki{ grid-template-columns:minmax(0,1fr); }
  .content .kalem-form__izgara{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .content .kalem-form__lot{ grid-column:1 / -1; }
  .content .kalem-form__izgara--gorselli .kalem-form__aciklama,
  .content .kalem-form__izgara--gorselli .kalem-form__gorsel{ grid-column:1 / -1; }
  .content .foto-sec__dugme, .content .foto-sec__dolu{ min-height:46px; }
  .content .foto-sec__eylem{ height:34px; }
  .content .foto-sec__eylem--sil{ width:34px; }
  .content .irs-birim-bas .birim-sec{ width:100%; }
  .content .akis-cizgi{ grid-template-columns:minmax(0,1fr); gap:6px; }
  .content .cikis-urunler{ grid-template-columns:minmax(0,1fr); }
  .content .toplama-karti{ flex-wrap:wrap; }
  .content .toplama-karti__ilerleme{ width:100%; order:3; }
  .content .toplama-karti__sayi{ text-align:left; }
  .content .toplama-karti__ok{ display:none; }
  .content .tpl-kalem__bas{ flex-wrap:wrap; }
  .content .tpl-kalem__form{ width:100%; }
  .content .tpl-kalem__form .btn{ width:100%; justify-content:center; min-height:48px; }
  .content .tpl-lot{ grid-template-columns:minmax(0,1fr) auto; }
  .content .tpl-lot__lot{ grid-column:1 / -1; grid-row:2; }
  .content .pdf-cerceve iframe{ height:70vh; min-height:360px; }
  .modal .konum-liste{ grid-template-columns:minmax(0,1fr); }
}

/* Genis kapta (tablet) kartlar 2 sutun: tek sutunda kartlar gereksiz genis kalir.
   Kap sorgusu yalniz dokunmatik modda tanimli kaba (.tbl-kart-kap) bakar; masaustunde kap yoktur. */
@media (max-width:900px){
  @container (min-width:620px){
    .content table.tbl-kart tbody{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; align-items:start; }
    .content table.tbl-kart tr{ margin:0; }
    .content table.tbl-kart tr:has(> td[colspan]){ grid-column:1 / -1; }
  }
}

@media (max-width:640px){

  /* ---- Kalan satir ici sabit izgaralar tek kolon (auto-fit/auto-fill zaten akiskan) */
  .content [style*="grid-template-columns"]:not([style*="auto-fit"]):not([style*="auto-fill"]):not(.mobil-2):not(.mobil-3){
    grid-template-columns:minmax(0,1fr) !important; }
  .content .form-satir{ gap:10px; margin-bottom:10px; }

  /* ---- Esnek satirlar tasmasin, alt satira insin ---------------------- */
  .content [style*="display:flex"]{ flex-wrap:wrap; }
  .card__head{ flex-wrap:wrap; row-gap:8px; }
  .card__foot{ flex-wrap:wrap; }
  .card__foot .btn{ min-height:44px; }

  /* ---- Ipucu ve bilgi kutusu yazisi ---------------------------------- */
  .alan-ipucu{ font-size:.72rem; line-height:1.4; margin-top:3px; }
  .content .uyari--bilgi{ font-size:.78rem !important; line-height:1.5; padding:10px 12px; }

  /* ---- Kompakt bosluk ------------------------------------------------ */
  .content, .main--center .content{ padding:14px 12px 72px; }
  .card__body{ padding:14px; }
  .card__head{ padding:11px 14px; }

  /* ---- Kayit paneli altbilgisi ekranin altina yapissin --------------- */
  .form-alt-yapiskan{ position:sticky; bottom:0; z-index:6; background:var(--surface);
    border-radius:0 0 var(--r) var(--r); box-shadow:0 -8px 18px -12px rgba(0,0,0,.28); }
  .form-alt-yapiskan .btn-primary{ flex:1 1 auto; }

  /* ---- Arama + filtre cubugu: arama tam satir, filtreler 2'li -------- */
  .arac-cubugu{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px !important; }
  .arac-cubugu > :first-child{ grid-column:1 / -1; min-width:0 !important; }
  .arac-cubugu > select, .arac-cubugu > .btn{ width:100% !important; min-width:0 !important; }
  /* Aramadan sonra tek kalan oge (orn. yalniz "+ Yeni" dugmesi) yarim kalmasin */
  .arac-cubugu > :last-child:nth-child(even){ grid-column:1 / -1; }

  /* ---- Ozet (KPI) kartlari: 2'li, ikon degerin yaninda, dikey yer az - */
  .dash-kpi{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:8px !important; margin-bottom:14px; }
  .dash-stat{ display:grid; grid-template-columns:28px minmax(0,1fr); column-gap:8px; row-gap:0;
    align-items:center; padding:10px 11px; }
  .dash-stat__ic{ width:28px; height:28px; border-radius:8px; }
  .dash-stat__ic svg{ width:15px; height:15px; }
  .dash-stat__body{ display:contents; }
  .dash-stat__val{ font-size:1.06rem !important; line-height:1.2; }
  .dash-stat__lbl{ grid-column:1 / -1; font-size:.74rem; margin-top:5px; }
  .dash-stat__sub{ grid-column:1 / -1; font-size:.66rem; }

  /* ---- Depo sihirbazi: adim cubugunda yalniz ikon, aktif adimin adi gorunur */
  .content .shz-adim__ad{ display:none; }
  .content .shz-adim.aktif{ flex:2 1 0; }
  .content .shz-adim.aktif .shz-adim__ad{ display:flex; }
  .content .shz-alt .btn{ flex:1 1 0; justify-content:center; }

  /* ---- Irsaliye formu / palet / kategori (<=640) */
  .content .irs-depolar{ grid-template-columns:minmax(0,1fr); }
  .content .irs-arac{ flex-direction:column; }
  .content .irs-ara{ flex:1 1 auto; width:100%; }
  .content .irs-satir-ekle{ flex-direction:column; align-items:stretch; }
  .content .irs-satir-ekle .btn{ width:100%; justify-content:center; min-height:46px; }
  .content .irs-toplam{ text-align:left; }
  .content .irs-izle{ grid-template-columns:minmax(0,1fr); }
  .content .irs-plan{ padding:10px; }
  .content .plt-eylem .btn{ flex:1 1 auto; justify-content:center; }
  .content .depo-standart--genis{ flex-wrap:wrap; }
  .content .depo-standart--genis .btn{ margin-left:0 !important; width:100%; justify-content:center; }
  .modal .kat-ekle{ grid-template-columns:minmax(0,1fr); }
  .modal .kat-oge__say{ display:none; }
  /* ---- Is akisi revizyonu (<=640) */
  .content .adim-cubugu__metin{ display:none; }
  .content .adim-cubugu__oge.is-aktif .adim-cubugu__metin{ display:flex; }
  .content .adim-cubugu{ display:flex; }
  .content .adim-cubugu__oge{ flex:0 0 auto; }
  .content .adim-cubugu__oge.is-aktif{ flex:1 1 auto; min-width:0; }
  .content .adim-alt{ flex-direction:column-reverse; align-items:stretch; }
  .content .adim-alt .btn{ width:100%; justify-content:center; min-height:46px; }
  .content .adim-alt__bosluk{ display:none; }
  .content .kalem-form__izgara{ grid-template-columns:minmax(0,1fr); }
  .content .kalem-form__alt .btn{ width:100%; justify-content:center; min-height:44px; }
  .content .filtre__alt .btn{ flex:1 1 0; justify-content:center; min-height:42px; }
  .content .durum-bant{ flex-wrap:wrap; }
  .content .durum-bant .btn{ width:100%; justify-content:center; }
  .content .cikis-urun__ekle{ flex-wrap:wrap; }
  .content .cikis-urun__ekle .birim-sec{ width:100%; }
  .content .cikis-urun__ekle .btn{ flex:1 1 auto; justify-content:center; min-height:40px; }
  .content .sekme--dis{ margin-left:0; }
  .content .hizli-aralik__metin{ flex-basis:100%; margin-left:0; }
  .content .portal-urun summary{ flex-wrap:wrap; }
  .content .portal-urun__miktar{ align-items:flex-start; text-align:left; }
}