/* ═══ PERON SOFT — Depo › MAMÜL DEPO (1.429.0) ══════════════════════════════════════════
   Sayfanın kendi stil dosyası (panel.css'e kural eklenmez). Sekmeler `.peron-tabs`, listeler `.peron-table` +
   `.peron-table--fixed`, düğmeler `.peron-btn` — ortak desenler YENİDEN İCAT EDİLMEZ; bu dosya yalnız sayfaya özgü
   iskeleti (süzgeç çubuğu, okutma kutusu, sonuç şeritleri, satır tablosu, yapışkan alt çubuk, pencereler) tanımlar.

   🔴 MOBİL-ÖNCE + KAP-BAĞIMLI: temel kurallar dar kap; @container yalnız GENİŞLETİR ya da kolon DÜŞÜRÜR (eşik = o
      adımda kalan kolonların toplamı). Tablo kendi kabında kayar, sayfa gövdesi ASLA yatay kaymaz.
   🔴 DÜŞEN KOLON `display:none` OLAMAZ (sözleşme "KOLON DÜŞÜRME"): `<col>` visibility collapse + width 0, hücre
      visibility hidden + yatay dolgu 0. Düşen bilgi başka yerde durur (Ürün ve Kaynak takım satırında, Depo ürün
      hücresinde) — alan düşer, veri düşmez.
   🔴 RENK YALNIZ TOKEN (gece modu token ezerek çalışır). Durum renkleri anlamlıdır: yeşil eklendi/hazır · amber tekrar /
      uyarı · gül engel. Renk tek başına anlam taşımaz (ikon + metin). Punto merdiveni: 22/19 cari adı ve tutar ·
      13 başlık · 12 gövde · 11-11,5 etiket · 10-10,5 yardımcı. Girdiler dokunmatikte 16px (iOS büyütmesi).
   ═══════════════════════════════════════════════════════════════════════════════════════ */

.md-kok { container-type: inline-size; container-name: mdkok; min-width: 0; }
.md-kok [hidden] { display: none; }
.md-gizli {
    position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden;
    clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.md-yok { color: var(--text-muted); }
.md-ayrac { margin: 0 6px; color: var(--text-muted); }
.md-ikincil { color: var(--text-secondary); }
.md-alt-satir { display: block; margin-top: 1px; font-size: 10.5px; font-weight: 400; color: var(--text-muted); }
.md-fisno { font-variant-numeric: tabular-nums; font-weight: 600; color: var(--text-primary); white-space: nowrap; }

/* ── Başlık + sekmeler ───────────────────────────────────────────────────────── */
.md-bas { margin-bottom: 12px; }
.md-sekmeler { gap: 6px; margin-bottom: 12px; }   /* komşu dokunma hedefi ≥ 6px (ortak .peron-tabs 4px; yalnız bu sayfada) */
.md-sekme-say {
    display: inline-block; min-width: 18px; margin-left: 2px; padding: 0 6px; border-radius: var(--r-full);
    background: var(--border-light); color: var(--text-secondary);
    font-size: 10.5px; font-weight: 700; line-height: 18px; text-align: center; font-variant-numeric: tabular-nums;
}
.md-sekme-say:empty { display: none; }
.peron-tab.active .md-sekme-say { background: var(--pri-on); color: var(--pri-strong); }   /* ters rozet: etkin sekmenin kendi çifti (4,91 / gece 5,41) */
.md-tel-not {
    display: flex; align-items: flex-start; gap: 6px; margin: -4px 0 12px;
    font-size: 11px; line-height: 1.5; color: var(--text-secondary);
}
.md-tel-not svg { flex: 0 0 auto; margin-top: 2px; color: var(--pri-text); }

/* ── Süzgeç çubuğu (depo çipleri · tarih · arama) ────────────────────────────── */
.md-arac { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 12px; }
.md-arac > * { min-width: 0; }
.md-cipler { display: flex; flex-wrap: wrap; gap: 6px; flex: 1 1 100%; }
.md-cipler:empty { display: none; }
.md-cip {
    display: inline-flex; align-items: center; gap: 6px; min-height: 28px; padding: 0 10px;
    border: 1px solid var(--border); border-radius: var(--r-full); background: var(--card-bg); color: var(--text-secondary);
    font: 600 11.5px/1 var(--font); white-space: nowrap; cursor: pointer;
    transition: background var(--tr-fast), border-color var(--tr-fast), color var(--tr-fast);
}
.md-cip:hover { border-color: var(--pri-border); color: var(--pri-text); }
.md-cip[aria-pressed="true"] { background: var(--pri-light); border-color: var(--pri-border); color: var(--pri-text); }
.md-cip:focus-visible { outline: 2px solid var(--pri); outline-offset: 2px; }
.md-cip-say { font-weight: 700; color: var(--text-muted); font-variant-numeric: tabular-nums; }
.md-cip[aria-pressed="true"] .md-cip-say { color: var(--pri-text); }
.md-kok .peron-search { min-width: 0; }
.md-ara { flex: 1 1 100%; }
.md-tarih { display: flex; flex: 1 1 100%; flex-wrap: wrap; gap: 6px; }
.md-tarih .peron-input { flex: 1 1 128px; width: auto; min-width: 0; }
@container mdkok (min-width: 640px) {
    .md-cipler { flex: 0 1 auto; }
    .md-ara { flex: 1 1 240px; max-width: 420px; }
    .md-tarih { flex: 0 0 auto; flex-wrap: nowrap; }
    .md-tarih .peron-input { flex: 0 0 auto; width: 140px; }
}

/* ── Liste kapları · boş durum · sayfalama ───────────────────────────────────── */
.md-liste { min-width: 0; }
.md-liste[aria-busy="true"] .peron-loading { min-height: 120px; }
.md-bos {
    display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: 18px 16px;
    border: 1px dashed var(--border); border-radius: var(--r-md); background: var(--card-bg); color: var(--text-muted);
}
.md-bos svg { color: var(--text-muted); margin-bottom: 2px; }
.md-bos b { font-size: 13px; color: var(--text-primary); }
.md-bos span { max-width: 64ch; font-size: 12px; line-height: 1.5; }
.md-bos .peron-btn { margin-top: 6px; }
.md-bos--hata { border-style: solid; border-color: var(--rose-surface-border); }
.md-bos--hata svg { color: var(--rose-ink); }
.md-sayfa { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; margin-top: 10px; }
.md-sayfa-bilgi { font-size: 12px; color: var(--text-secondary); font-variant-numeric: tabular-nums; }
.md-sayfa-bilgi b { color: var(--text-primary); }

/* Satır düğmesi (yazdır · düzenle · geri al · çıkar) — yoğun yüzey eşiği 28px, komşu boşluk ≥ 6px. */
.md-ikon-dgm {
    display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 28px; height: 28px; padding: 0;
    border: 1px solid transparent; border-radius: var(--r-sm); background: transparent; color: var(--text-secondary); cursor: pointer;
    transition: background var(--tr-fast), color var(--tr-fast);
}
.md-ikon-dgm svg { width: 14px; height: 14px; }
.md-ikon-dgm:hover { background: var(--border-light); color: var(--text-primary); }
.md-ikon-dgm:focus-visible { outline: 2px solid var(--pri); outline-offset: 1px; }
.md-ikon-dgm--tehlike:hover { background: var(--rose-surface); color: var(--rose-ink); }
.md-kok .peron-table--fixed td.col-actions > div { gap: 6px; }
.md-metin-dgm {
    min-height: 24px; padding: 0 4px; border: 0; background: none; cursor: pointer;
    font: 600 11px/1 var(--font); color: var(--pri-text); text-decoration: underline; text-underline-offset: 3px;
}
.md-metin-dgm:focus-visible { outline: 2px solid var(--pri); outline-offset: 2px; border-radius: 2px; }
.md-kok .peron-btn.md-birincil,
.md-modal .peron-modal-footer .peron-btn { min-height: 36px; }

/* ══ SEKME 1 — STOKTAKİ BİRİMLER ══════════════════════════════════════════════
   Kolon bütçesi 1044px. Kap daralınca önce Ürün (takım satırında yazılı), sonra Kaynak (takım satırında yazılı) düşer. */
.md-b-kap { container-type: inline-size; container-name: mdbkap; }
.md-b-tablo { min-width: 1044px; }
.md-b-tablo col.md-k-fis    { width: 128px; }
.md-b-tablo col.md-k-urun   { width: 200px; }
.md-b-tablo col.md-k-modul  { width: 140px; }
.md-b-tablo col.md-k-nit    { width: 180px; }
.md-b-tablo col.md-k-depo   { width: 112px; }
.md-b-tablo col.md-k-girdi  { width: 112px; }
.md-b-tablo col.md-k-kaynak { width: 124px; }
.md-b-tablo col.md-k-eylem  { width: 48px; }
.md-b-tablo td.md-c-nit { font-size: 11px; line-height: 1.4; color: var(--text-secondary); overflow-wrap: anywhere; }
.md-b-tablo tr.md-grup > td { padding-top: 7px; padding-bottom: 7px; background: var(--content-bg); border-bottom: 1px solid var(--border); }
.peron-table tbody tr.md-grup:hover { background: transparent; box-shadow: none; }
.md-grup-ic { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; min-width: 0; }
.md-grup-ad { font-weight: 700; color: var(--text-primary); overflow-wrap: anywhere; }
.md-grup-kod, .md-grup-sip { font-size: 11px; color: var(--text-muted); font-variant-numeric: tabular-nums; }
.md-takim { font-size: 11px; font-weight: 700; color: var(--text-secondary); font-variant-numeric: tabular-nums; white-space: nowrap; }
.md-takim.is-tam { color: var(--green-ink); }
.md-takim-tam {
    padding: 0 6px; border: 1px solid color-mix(in srgb, var(--green) 45%, transparent); border-radius: var(--r-full);
    font-size: 10.5px; font-weight: 700; line-height: 1.6; color: var(--green-ink); white-space: nowrap;
}
.md-eslik { font-size: 10.5px; line-height: 1.45; color: var(--text-muted); overflow-wrap: anywhere; }
@container mdbkap (max-width: 1043px) {
    .md-b-tablo { min-width: 844px; }
    .md-b-tablo col.md-k-urun { visibility: collapse; width: 0; }
    .md-b-tablo .md-c-urun { visibility: hidden; overflow: hidden; padding-left: 0; padding-right: 0; }
}
@container mdbkap (max-width: 843px) {
    .md-b-tablo { min-width: 720px; }
    .md-b-tablo col.md-k-kaynak { visibility: collapse; width: 0; }
    .md-b-tablo .md-c-kaynak { visibility: hidden; overflow: hidden; padding-left: 0; padding-right: 0; }
}

/* ══ SEKME 2 — SAHİPLENDİR ════════════════════════════════════════════════════ */
.md-sahip { display: flex; flex-direction: column; gap: 12px; }
.md-sahip-ust { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; align-items: start; }
@container mdkok (min-width: 980px) {
    .md-sahip-ust { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); }
}
.md-kart { min-width: 0; padding: 12px 14px; background: var(--card-bg); border: 1px solid var(--border); border-radius: var(--r-md); }
.md-kart-baslik { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; margin: 0 0 10px; font-size: 13px; font-weight: 700; color: var(--text-primary); }
.md-adim { font-size: 11px; font-weight: 700; color: var(--text-muted); font-variant-numeric: tabular-nums; }
.md-satir-ozet { margin-left: auto; font-size: 11px; font-weight: 600; color: var(--text-secondary); font-variant-numeric: tabular-nums; }

/* 1) Cari + sevk bilgileri (künye şeridi + düzenleme ızgarası) */
.md-cari-sec.po-ac { min-width: 0; max-width: none; width: 100%; }
.md-cari-sec .po-ac-input { box-sizing: border-box; width: 100%; height: 36px; padding: 0 10px; font-size: 16px; }
@media (min-width: 769px) and (pointer: fine) { .md-cari-sec .po-ac-input { font-size: 13px; } }
.md-sevk { margin-top: 10px; padding-top: 6px; border-top: 1px solid var(--border-light); }
.md-sevk-bas {
    display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: 2px 8px;
    min-height: 28px; padding: 4px 0; list-style: none; cursor: pointer;
}
.md-sevk-bas::-webkit-details-marker { display: none; }
.md-sevk-bas:focus-visible { outline: 2px solid var(--pri); outline-offset: 2px; border-radius: 2px; }
.md-sevk-baslik { font-size: 11.5px; font-weight: 700; color: var(--text-secondary); }
.md-sevk-ac { font-size: 11px; font-weight: 600; color: var(--pri-text); text-decoration: underline; text-underline-offset: 3px; }
.md-sevk-ac::after { content: "Düzenle"; }
.md-sevk[open] .md-sevk-ac::after { content: "Kapat"; }
.md-kunye { grid-column: 1 / -1; font-size: 11.5px; line-height: 1.55; color: var(--text-secondary); overflow-wrap: anywhere; }
.md-kunye b { font-weight: 700; color: var(--text-primary); }
.md-alan-kap { container-type: inline-size; container-name: mdalan; margin-top: 10px; }
.md-alanlar { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px 10px; }
@container mdalan (min-width: 420px) {
    .md-alanlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .md-alan--genis { grid-column: 1 / -1; }
}
.md-alan { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.md-alan-ad { font-size: 11px; font-weight: 600; color: var(--text-secondary); }
.md-girdi { box-sizing: border-box; width: 100%; min-width: 0; }
textarea.md-girdi { height: auto; min-height: 52px; padding: 6px 10px; line-height: 1.4; resize: vertical; }
.md-alan-not { max-width: 72ch; margin: 8px 0 0; font-size: 10.5px; line-height: 1.5; color: var(--text-muted); }

/* 2) Okutma kutusu — HER ZAMAN odakta; girdi 16px (dokunmatik tablette iOS büyütmesi yok). */
.md-okut-kart { container-type: inline-size; container-name: mdokut; }
.md-okut {
    display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 10px;
    border: 1.5px solid var(--border-ctl); border-radius: var(--r-md); background: var(--card-bg);
    transition: border-color var(--tr-fast), box-shadow var(--tr-fast);
}
.md-okut:focus-within { border-color: var(--pri-text); box-shadow: 0 0 0 3px var(--pri-light); }
.md-okut-ikon { display: inline-flex; flex: 0 0 auto; color: var(--text-muted); }
.md-okut:focus-within .md-okut-ikon { color: var(--pri-text); }
.md-okut[aria-busy="true"] .md-okut-ikon { animation: md-nabiz 0.9s ease-in-out infinite alternate; }
.md-okut-inp {
    flex: 1 1 auto; min-width: 0; height: 40px; padding: 0; border: 0; outline: 0; background: transparent;
    font: 500 16px/1.2 var(--font); color: var(--text-primary);
}
.md-okut-inp::placeholder { font-size: 13px; color: var(--text-muted); }
body.peron-active .md-okut .md-okut-inp:focus-visible { outline: none; }
.md-okut-inp:disabled { cursor: not-allowed; }
.md-okut-durum { flex: 0 0 auto; font-size: 10.5px; font-weight: 600; white-space: nowrap; }
.md-okut-hazir { display: none; color: var(--green-ink); }
.md-okut-bekle { color: var(--text-muted); }
.md-okut:focus-within .md-okut-hazir { display: inline; }
.md-okut:focus-within .md-okut-bekle { display: none; }
.md-okut-inp:disabled ~ .md-okut-durum { display: none; }
@container mdokut (max-width: 440px) { .md-okut-durum { display: none; } }
.md-okut-eylem { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
@keyframes md-nabiz { from { opacity: 1; } to { opacity: .35; } }

/* Sonuç şeritleri: başarı yeşil · tekrar amber · engel gül ve KALICI (kapat düğmesiyle). */
.md-seritler { display: flex; flex-direction: column; gap: 6px; margin-top: 10px; }
.md-seritler:empty { display: none; }
.md-seritler .md-metin-dgm { align-self: flex-start; }
.md-serit {
    display: flex; align-items: flex-start; gap: 8px; padding: 7px 8px 7px 10px;
    border: 1px solid transparent; border-radius: var(--r-sm); font-size: 12px; line-height: 1.45;
}
.md-serit > svg { flex: 0 0 auto; width: 16px; height: 16px; margin-top: 1px; }
.md-serit-metin { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
.md-serit .md-serit-kapat { margin: -4px -2px -4px 0; color: inherit; }
.md-serit--ok { background: var(--mint-surface); border-color: color-mix(in srgb, var(--green) 40%, transparent); color: var(--green-ink); }
.md-serit--zaten { background: var(--peach-surface); border-color: var(--amber-border); color: var(--amber-ink-yuzey); }
.md-serit--hata { background: var(--rose-surface); border-color: var(--rose-surface-border); color: var(--rose-ink); font-weight: 600; }

/* 3) Satır tablosu — §8 hesap tablosu: # · Fiş no · Ürün / Modül · Depo · Fiyat (birim) · Miktar · KDV · İskonto ·
   2. İskonto · Toplam. Kolon bütçesi 1102px (1440px'te kap ≈ 1105px); kap daralınca önce Depo düşer (ürün hücresinde
   yazılır), sonra Fiş no düşer (her birimin fiş no'su Ürün / Modül hücresinde zaten yazılı) — 1280px dizüstünde kaymaz. */
.md-satir-kart { padding-bottom: 12px; }
.md-satir-kap { container-type: inline-size; container-name: mdskap; max-height: none; }
.md-satir-kap[aria-busy="true"] tbody { opacity: .55; transition: opacity var(--tr-fast); }
.md-s-tablo { min-width: 1102px; }
.md-s-tablo.is-fiyatsiz-gorunum { min-width: 560px; }
.md-s-tablo col.md-k-no    { width: 32px; }
.md-s-tablo col.md-k-fis2  { width: 132px; }
.md-s-tablo col.md-k-urun2 { width: 210px; }
.md-s-tablo col.md-k-depo2 { width: 100px; }
.md-s-tablo col.md-k-fiyat { width: 132px; }
.md-s-tablo col.md-k-mik   { width: 76px; }
.md-s-tablo col.md-k-kdv   { width: 96px; }
.md-s-tablo col.md-k-isk   { width: 76px; }
.md-s-tablo col.md-k-isk2  { width: 88px; }
.md-s-tablo col.md-k-top   { width: 116px; }
.md-s-tablo col.md-k-sil   { width: 44px; }
.md-s-tablo td { vertical-align: top; }
.md-urun-ad { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-weight: 700; color: var(--text-primary); overflow-wrap: anywhere; }
.md-urun-depo { display: none; }
.md-mod-liste { display: flex; flex-direction: column; gap: 1px; margin: 3px 0 0; padding: 0; list-style: none; }
.md-mod-liste li { display: flex; flex-wrap: wrap; gap: 0 8px; font-size: 11px; line-height: 1.45; color: var(--text-secondary); }
.md-mod-fis { color: var(--text-muted); font-variant-numeric: tabular-nums; }
.md-elle { font-size: 10px; font-weight: 700; color: var(--amber-ink); }
.md-rozet {
    display: inline-flex; align-items: center; padding: 0 6px; border: 1px solid var(--border); border-radius: var(--r-full);
    font-size: 10px; font-weight: 700; line-height: 1.6; letter-spacing: .02em; white-space: nowrap;
}
.md-rozet--tam { border-color: color-mix(in srgb, var(--green) 45%, transparent); color: var(--green-ink); }
.md-rozet--parca { border-color: var(--amber-border); color: var(--amber-ink); }
.md-satir-uyari, .md-satir-hata { display: flex; align-items: flex-start; gap: 5px; margin-top: 4px; font-size: 10.5px; line-height: 1.45; }
.md-satir-uyari svg, .md-satir-hata svg { flex: 0 0 auto; margin-top: 1px; }
.md-satir-uyari { color: var(--amber-ink); }
.md-satir-hata { font-weight: 600; color: var(--rose-ink); }
.md-satir.is-hatali > td { background: var(--rose-surface); }
.md-bekle { font-size: 11px; color: var(--text-muted); }
.md-fiyat-ic { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 4px; max-width: 100%; }
.md-fiyatsiz { font-weight: 700; color: var(--rose-ink); }
.md-kdv { white-space: nowrap; }
.md-kdv-oran, .md-birim { font-size: 11px; color: var(--text-muted); }
.md-fis-ek { margin-left: 4px; font-size: 10.5px; font-weight: 700; color: var(--text-muted); }
.md-s-tablo .md-c-top b { font-weight: 700; color: var(--text-primary); }
.md-satir.is-vurgu > td { animation: md-vurgu 1.6s ease-out; }
@keyframes md-vurgu { from { background: var(--pri-soft); } to { background: transparent; } }
@container mdskap (max-width: 1101px) {
    .md-s-tablo { min-width: 1002px; }
    .md-s-tablo col.md-k-depo2 { visibility: collapse; width: 0; }
    .md-s-tablo .md-c-depo { visibility: hidden; overflow: hidden; padding-left: 0; padding-right: 0; }
    .md-urun-depo { display: block; }
}
@container mdskap (max-width: 1001px) {
    .md-s-tablo:not(.is-fiyatsiz-gorunum) { min-width: 870px; }
    .md-s-tablo:not(.is-fiyatsiz-gorunum) col.md-k-fis2 { visibility: collapse; width: 0; }
    .md-s-tablo:not(.is-fiyatsiz-gorunum) .md-c-fis { visibility: hidden; overflow: hidden; padding-left: 0; padding-right: 0; }
}
.md-uyarilar { display: flex; flex-direction: column; gap: 4px; margin: 10px 0 0; padding: 0; list-style: none; }
.md-uyari { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 4px 6px; font-size: 11px; line-height: 1.5; color: var(--amber-ink); }
.md-uyari svg { flex: 0 0 auto; margin-top: 2px; }
.md-uyari span { flex: 1 1 240px; min-width: 0; }
.md-uyari--hata { font-weight: 600; color: var(--rose-ink); }

/* Yapışkan alt çubuk — sayıların tek okunduğu yer; Genel toplam ekranın en ağır rakamı. */
.md-cubuk {
    position: sticky; bottom: 0; z-index: 6;
    display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; padding: 10px 14px;
    background: var(--card-bg); border: 1px solid var(--border); border-radius: var(--r-md); box-shadow: var(--shadow-toast);
}
.md-cubuk-say { font-size: 12px; color: var(--text-secondary); font-variant-numeric: tabular-nums; white-space: nowrap; }
.md-cubuk-say b { color: var(--text-primary); }
.md-cubuk-top { display: flex; flex-wrap: wrap; gap: 4px 18px; margin: 0; }
.md-cubuk-top > div { display: flex; flex-direction: column; gap: 1px; }
.md-cubuk-top dt { font-size: 10px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--text-muted); }
.md-cubuk-top dd { margin: 0; font-size: 12px; font-weight: 600; color: var(--text-primary); font-variant-numeric: tabular-nums; white-space: nowrap; }
.md-cubuk-top .md-genel dd { font-size: 19px; font-weight: 800; letter-spacing: -.01em; }
.md-cubuk-eylem { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 6px 10px; margin-left: auto; min-width: 0; }
.md-cubuk-neden { max-width: 46ch; font-size: 11px; line-height: 1.45; color: var(--amber-ink); text-align: right; }

/* Başarı paneli — SF numarası bir KİMLİK (metrik değil): tek, solda, eylemler altında. */
.md-basari { padding: 16px 18px; }
.md-basari-ust { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: var(--green-ink); }
.md-basari-no { margin-top: 6px; font-size: 22px; font-weight: 800; letter-spacing: .01em; color: var(--text-primary); font-variant-numeric: tabular-nums; }
.md-basari-ozet { margin-top: 2px; font-size: 12px; line-height: 1.5; color: var(--text-secondary); }
.md-basari-eylem { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }

/* ══ SEKME 3 — SEVKİYAT FİŞLERİ (kolon bütçesi 888px) ══════════════════════════
   Kap daralınca önce Tarih (No hücresinde yazılır), sonra Birim (Cari hücresinde yazılır) düşer → 1024 / 768px'te kaymaz. */
.md-sf-kap { container-type: inline-size; container-name: mdsfkap; }
.md-sf-tablo { min-width: 888px; }
.md-sf-tablo.is-fiyatsiz-gorunum { min-width: 772px; }
.md-sf-tablo col.md-k-sfno    { width: 140px; }
.md-sf-tablo col.md-k-tarih   { width: 92px; }
.md-sf-tablo col.md-k-cari    { width: 200px; }
.md-sf-tablo col.md-k-birim   { width: 88px; }
.md-sf-tablo col.md-k-sftop   { width: 116px; }
.md-sf-tablo col.md-k-durum   { width: 124px; }
/* Eylem 128px: ≤768px'te genel kural satır düğmesini 36px yapar → 3 × 36 + 2 × 6 + 8 dolgu = 128 (tek satır). */
.md-sf-tablo col.md-k-sfeylem { width: 128px; }
.md-cari-ad { font-weight: 600; color: var(--text-primary); overflow-wrap: anywhere; }
.md-sf-tablo tr.is-iptal td,
.md-sf-tablo tr.is-iptal .md-fisno,
.md-sf-tablo tr.is-iptal .md-cari-ad { color: var(--text-muted); }
.md-sf-tarih-ek, .md-sf-birim-ek { display: none; }
@container mdsfkap (max-width: 887px) {
    .md-sf-tablo { min-width: 796px; }
    .md-sf-tablo.is-fiyatsiz-gorunum { min-width: 680px; }
    .md-sf-tablo col.md-k-tarih { visibility: collapse; width: 0; }
    .md-sf-tablo .md-c-tarih { visibility: hidden; overflow: hidden; padding-left: 0; padding-right: 0; }
    .md-sf-tarih-ek { display: block; }
}
@container mdsfkap (max-width: 795px) {
    .md-sf-tablo { min-width: 708px; }
    .md-sf-tablo.is-fiyatsiz-gorunum { min-width: 592px; }
    .md-sf-tablo col.md-k-birim { visibility: collapse; width: 0; }
    .md-sf-tablo .md-c-birim { visibility: hidden; overflow: hidden; padding-left: 0; padding-right: 0; }
    .md-sf-birim-ek { display: block; }
}

/* ══ PENCERELER ═══════════════════════════════════════════════════════════════ */
.md-modal-not { max-width: 72ch; margin: 10px 0 0; font-size: 11px; line-height: 1.5; color: var(--text-secondary); }
.md-modal-not--bilgi { display: flex; align-items: flex-start; gap: 6px; margin-top: 0; }
.md-modal-not--bilgi svg { flex: 0 0 auto; margin-top: 2px; color: var(--pri-text); }
.md-modal-hata {
    margin-top: 10px; padding: 8px 10px; border: 1px solid var(--rose-surface-border); border-radius: var(--r-sm);
    background: var(--rose-surface); color: var(--rose-ink); font-size: 12px; line-height: 1.45;
}
.md-modal .md-modal-hata[hidden] { display: none; }

/* Onay — yanlış cariye son kapı: cari adı ve tutar ekranın en büyük iki yazısı. */
.md-onay-etiket { font-size: 10.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--text-muted); }
.md-onay-cari { margin-top: 2px; font-size: 22px; font-weight: 800; line-height: 1.25; color: var(--text-primary); overflow-wrap: anywhere; }
.md-onay-musteri { margin-top: 2px; font-size: 13px; color: var(--text-secondary); }
.md-onay-adres { margin-top: 4px; font-size: 13px; line-height: 1.45; color: var(--text-primary); overflow-wrap: anywhere; }
.md-onay-ozet {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 12px; margin: 14px 0 0; padding: 10px 12px;
    border-radius: var(--r-sm); background: var(--content-bg);
}
.md-onay-ozet dt { font-size: 10.5px; font-weight: 600; color: var(--text-muted); }
.md-onay-ozet dd { margin: 0; font-size: 13px; font-weight: 700; color: var(--text-primary); font-variant-numeric: tabular-nums; }
.md-onay-ozet .md-onay-tutar dd { font-size: 19px; font-weight: 800; }

/* Birim fiyat düzenleyici */
.md-fd-kap { overflow-x: auto; margin-top: 10px; }
.md-fd-tablo { width: 100%; min-width: 500px; border-collapse: collapse; table-layout: fixed; font-size: 12px; }
.md-fd-tablo col.md-fd-k1 { width: 136px; }
.md-fd-tablo col.md-fd-k3 { width: 116px; }
.md-fd-tablo col.md-fd-k4 { width: 140px; }
.md-fd-tablo th { padding: 4px 6px; border-bottom: 1px solid var(--border); font-size: 10.5px; font-weight: 700; color: var(--text-muted); }
.md-fd-tablo td { padding: 6px; border-bottom: 1px solid var(--border-light); vertical-align: middle; }
.md-fd-tablo .col-num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.md-fd-tablo .col-ellip { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.md-fd-inp { box-sizing: border-box; width: 100%; text-align: right; font-variant-numeric: tabular-nums; }

/* Listeden ekle — seçici */
.md-secici .md-arac { margin-bottom: 10px; }
.md-ls-kap { max-height: min(56vh, 520px); overflow: auto; border: 1px solid var(--border); border-radius: var(--r-sm); }
.md-ls-tablo { min-width: 780px; }
.md-ls-tablo col.md-ls-k0 { width: 44px; }
.md-ls-tablo col.md-ls-k1 { width: 136px; }
.md-ls-tablo col.md-ls-k2 { width: 160px; }
.md-ls-tablo col.md-ls-k3 { width: 200px; }
.md-ls-tablo col.md-ls-k4 { width: 120px; }
.md-ls-tablo col.md-ls-k5 { width: 120px; }
.md-ls-tablo tr.md-grup > td { padding-top: 6px; padding-bottom: 6px; background: var(--content-bg); }
.md-ls-tablo .md-c-nit { font-size: 11px; color: var(--text-secondary); overflow-wrap: anywhere; }
.md-ls-tablo tr.is-listede td { color: var(--text-muted); }
.md-c-sec { text-align: center; }
.md-sec-kap { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; cursor: pointer; }
.md-sec { width: 16px; height: 16px; margin: 0; accent-color: var(--pri); cursor: pointer; }
.md-sec:disabled { cursor: not-allowed; }
.md-listede { display: block; margin-top: 1px; font-size: 10px; font-weight: 700; color: var(--green-ink); }   /* fiş no'nun altında: yanında 136px kolonu taşırıp Modül yazısına biniyordu */

/* Baskı seçimi */
.md-baski { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; border: 0; }
.md-secim {
    display: flex; align-items: flex-start; gap: 10px; min-height: 44px; padding: 10px 12px;
    border: 1px solid var(--border); border-radius: var(--r-sm); cursor: pointer;
}
.md-secim input { flex: 0 0 auto; width: 16px; height: 16px; margin: 2px 0 0; accent-color: var(--pri); }
.md-secim span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.md-secim b { font-size: 13px; color: var(--text-primary); }
.md-secim small { font-size: 11px; line-height: 1.45; color: var(--text-secondary); }
.md-secim input:checked + span b { color: var(--pri-text); }

/* Sevkiyat fişi bilgilerini düzenle / geri al */
.md-duzen-sabit { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 10px 0 0; font-size: 11.5px; color: var(--text-secondary); }
.md-duzen-sabit b { color: var(--text-primary); }
.md-geri-metin { margin: 0; font-size: 13px; color: var(--text-primary); }
.md-geri .md-alan { margin-top: 12px; }

/* Dokunmatikte girdi 16px — iOS odakta sayfayı büyütmesin (≤768px'i panel.css zaten kapsar; 769px+ tablet burada). */
@media (pointer: coarse) {
    .md-kok .peron-input, .md-kok .peron-select, .md-kok .po-ac-input,
    .md-modal .peron-input, .md-modal .peron-select { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
    .md-okut[aria-busy="true"] .md-okut-ikon { animation: none; opacity: .6; }
    .md-satir.is-vurgu > td { animation: none; background: var(--pri-light); }
}

/* ══ ÜRETİM TAKİBİ — depo birimi rozeti ("Mamül depoda · {depo}") tamamlandı çipinin yanında; dar hücrede kısalır. ══ */
.prod-stage-cell--bitti .po-depo-rozet { flex: 0 1 auto; min-width: 0; }