/* Electroist — global stil (tek kaynak).
   Renk / tipografi / boşluk token'ları :root'ta; bileşenler ve sayfa düzenleri
   aşağıda. Kural: şablonlarda inline stil kullanılmaz (SVG sprite istisnası);
   yeni görsel ihtiyaç buraya sınıf olarak girer.
   Durum dili (tek eşleme): acik/eksik/uretim/hazir/teslim/kapali — chip, rozet,
   filtre, rota ve kart kenarı her yüzeyde aynı rengi kullanır. */

:root{
/* Marka */
--mavi:#0099d5;--mavi-koyu:#0088be;--mavi-koyuk:#0077a8;--mavi-bg:#e0f2fe;--mavi-metin:#0369a1;
--lacivert:#313258;--lacivert-acik:#3e4070;--lacivert-koyu:#1c1d36;
/* Durum renkleri */
--yesil:#16a34a;--yesil-koyu:#15803d;--yesil-koyuk:#166534;--yesil-bg:#dcfce7;
--turuncu:#d97706;--turuncu-koyu:#92400e;--turuncu-bg:#fffbeb;
--mor:#7c3aed;--mor-koyu:#6d28d9;--mor-bg:#ede9fe;
--indigo:#4338ca;--indigo-bg:#e0e7ff;--indigo-metin:#3730a3;
--kirmizi:#dc2626;--kirmizi-koyu:#b91c1c;--kirmizi-koyuk:#991b1b;--kirmizi-bg:#fde8e8;--kirmizi-metin:#7f1d1d;
/* Metin */
--baslik:#0f172a;--metin:#1c1c1c;--metin-koyu:#1e293b;--metin-orta:#475569;--gri:#64748b;
/* Zemin ve sınır */
--zemin:#f7f8fa;--zemin-gri:#f1f5f9;--sinir:#e2e8f0;--sinir-acik:#e4eaf1;--sinir-koyu:#d5dbe3;--sinir-cok:#cbd5e1;
/* Tipografi ölçeği (tek ölçek; -2xs yalnız yoğun mobil etiketlerde) */
--f-2xs:10px;--f-xs:11px;--f-s:12px;--f-m:13px;--f:14px;--f-l:16px;--f-xl:18px;--f-2xl:22px;--f-3xl:32px;
/* Boşluk ölçeği (4px grid) */
--b1:4px;--b2:8px;--b3:12px;--b4:16px;--b5:20px;--b6:24px;--b8:32px;
/* Köşe ve gölge */
--r1:8px;--r2:10px;--r3:12px;--r-hap:20px;
--g1:0 1px 2px rgba(15,23,42,.06);--g2:0 4px 14px rgba(15,23,42,.1);
/* Durum eşlemesi — tek kaynak */
--d-acik:var(--mavi);--d-eksik:var(--turuncu);--d-uretim:var(--mor);--d-hazir:var(--yesil);--d-teslim:var(--indigo);--d-kapali:var(--gri);
}
*{box-sizing:border-box}
body{margin:0;background:var(--zemin);color:var(--metin);font:var(--f)/1.45 "Segoe UI",system-ui,sans-serif}
a{color:var(--mavi);text-decoration:none}

/* ── Üst çubuk ── */
header{position:sticky;top:0;z-index:20;display:flex;gap:var(--b4);align-items:center;flex-wrap:nowrap;padding:10px 20px;background:var(--lacivert);box-shadow:0 2px 8px rgba(15,23,42,.18)}
header .marka{display:flex;align-items:center;background:#fff;border-radius:var(--r2);padding:4px 12px;flex-shrink:0}
header .marka img{height:44px;width:auto;display:block}
header nav{flex:1;min-width:0;display:flex;gap:var(--b3);align-items:center;flex-wrap:wrap}
.nav-grup{display:flex;gap:var(--b1);align-items:center;padding-left:var(--b3);border-left:1px solid rgba(255,255,255,.18)}
.nav-grup:first-child{padding-left:0;border-left:0}
nav a{display:inline-flex;align-items:center;padding:var(--b2) 14px;border-radius:var(--r2);background:rgba(255,255,255,.08);color:#fff;font-weight:700;font-size:var(--f);white-space:nowrap}
nav a:hover{background:rgba(255,255,255,.16)}
nav a.sec{background:var(--mavi);color:#fff;box-shadow:0 2px 6px rgba(0,153,213,.4)}
header .kim{margin-left:auto;display:flex;align-items:center;gap:6px;color:#d7eef8;font-size:var(--f);flex-shrink:0}
header .kim b{font-weight:700;color:#fff;margin-right:var(--b1)}
header .kim a{padding:var(--b2) var(--b3);border-radius:var(--r2);background:rgba(255,255,255,.08);color:#fff;font-weight:700;font-size:var(--f)}
header .kim a:hover{background:rgba(255,255,255,.16)}

/* ── Hamburger ve mobil menü ── */
.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;border:none;background:rgba(255,255,255,.1);border-radius:var(--r2);cursor:pointer;flex-shrink:0;padding:0}
.hamburger span{display:block;width:20px;height:2px;background:#fff;border-radius:2px;transition:all .25s}
.hamburger.acik span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.acik span:nth-child(2){opacity:0;transform:scaleX(0)}
.hamburger.acik span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobil-menu{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:19;background:rgba(15,23,42,.5);backdrop-filter:blur(2px)}
.mobil-menu.acik{display:block}
.mobil-menu-ic{position:absolute;top:65px;left:0;right:0;background:var(--lacivert);border-bottom:1px solid rgba(255,255,255,.12);padding:var(--b3) var(--b4);display:flex;flex-direction:column;gap:6px;box-shadow:0 8px 24px rgba(15,23,42,.4)}
.mobil-menu-ic .nav-grup{flex-direction:column;align-items:stretch;padding-left:0;border-left:none;padding-top:6px;border-top:1px solid rgba(255,255,255,.1)}
.mobil-menu-ic .nav-grup:first-child{padding-top:0;border-top:none}
.mobil-menu-ic nav a{padding:var(--b3) var(--b4);font-size:15px;border-radius:var(--r2);justify-content:flex-start}
.mobil-kim{display:flex;align-items:center;justify-content:space-between;padding:10px var(--b4);background:rgba(255,255,255,.06);border-radius:var(--r2);margin-bottom:2px}
.mobil-kim-ad{font-weight:700;color:#fff;font-size:var(--f)}
.mobil-kim-linkler{display:flex;gap:6px}
.mobil-kim-linkler a{padding:6px var(--b3);border-radius:var(--r1);background:rgba(255,255,255,.1);color:#fff;font-size:var(--f-m);font-weight:600}

main{padding:18px 20px 48px}
main.dar{max-width:1200px;margin:0 auto}

/* ── Başlıklar ve mesajlar ── */
h1{font-size:var(--f-2xl);font-weight:700;margin:0 0 var(--b3)}
h2{font-size:var(--f);margin:var(--b5) 0 var(--b2);color:var(--lacivert)}
.uyari{background:var(--kirmizi-bg);color:var(--kirmizi-metin);border:1px solid #f0b4b4;padding:var(--b2) var(--b3);border-radius:6px}
.bilgi{background:#e8f5e9;color:#1b5e20;border:1px solid #a5d6a7;padding:var(--b2) var(--b3);border-radius:6px}

/* ── Tablolar ── */
.tablo{overflow-x:auto;margin:0 0 var(--b2)}
table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--sinir-koyu);border-radius:6px;overflow:hidden;margin:0 0 var(--b2)}
th,td{text-align:left;padding:9px var(--b3);border-bottom:1px solid #e6ebf0;vertical-align:middle}
th{background:#f0f4f8;color:var(--metin-orta);font-size:var(--f-s);font-weight:700;letter-spacing:.03em}
th.tarih,td.tarih{text-transform:none;white-space:nowrap;font-variant-numeric:tabular-nums}
tr:last-child td{border-bottom:0} tbody tr:hover td{background:#f5f9fc}
td.sayi,th.sayi{text-align:right;font-variant-numeric:tabular-nums}
td.aksiyon{text-align:right;white-space:nowrap}
td.aksiyon form{display:inline-block;margin-left:var(--b1)}
td.aksiyon button{padding:5px 12px;font-size:var(--f-s)}
.form td{background:#fafbfc}
.bos td{color:var(--gri);text-align:center}

/* ── Formlar ── */
.form-lbl{font-size:var(--f-s);font-weight:700;color:var(--metin-orta);display:grid;gap:3px}
.form-lbl textarea,.alan textarea{width:100%}
label{display:grid;gap:3px;font-size:var(--f-s);color:var(--metin-orta)}
input,select,textarea{max-width:100%;padding:7px var(--b2);border:1px solid #c5ced6;border-radius:4px;background:#fff;color:#111;font-size:var(--f)}
select[name^="malzeme_kimden"],select[name="kimden"],select[name^="malzeme_durum"],select[name="durum"]{width:8.5rem}
textarea{min-height:56px}
input[type="file"]{max-width:100%;font-size:var(--f-m)}
.alan{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--b3);margin:0 0 var(--b2)}
.alan label{font-weight:700}
.alan .tam{grid-column:1/-1}
.yigin{display:flex;flex-direction:column;gap:var(--b3)}
.kutu{background:#fff;border:1px solid var(--sinir-koyu);border-radius:6px;padding:14px;margin:0 0 14px}
.eylem{display:flex;gap:var(--b2);align-items:end;flex-wrap:wrap;margin:0 0 var(--b4)}
.eylem select,.eylem input{width:auto}
.eylem button{min-height:44px;font-size:var(--f);font-weight:700;padding:11px var(--b6)}
.bolumler{display:flex;flex-wrap:wrap;gap:var(--b2) 14px} /* F7: kullanım taraması sonrası silinecek aday */
.bolumler label{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:var(--f);color:var(--metin)}
.bolumler input{width:auto}

/* ── Butonlar ── */
button{padding:7px var(--b4);border:0;border-radius:var(--r1);background:var(--mavi);color:#fff;font-size:var(--f);font-weight:600;cursor:pointer;box-shadow:0 2px 6px rgba(0,153,213,.25);transition:background .1s,transform .1s,box-shadow .1s}
button:hover{background:var(--mavi-koyu);transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,153,213,.3)}
button:active{background:var(--mavi-koyuk);transform:translateY(0);box-shadow:none}
button:focus-visible{outline:2px solid var(--mavi);outline-offset:2px}
button.koyu,a.koyu{background:var(--zemin-gri);color:var(--metin-orta);border:1.5px solid var(--sinir);box-shadow:none}
button.koyu:hover,a.koyu:hover{background:var(--sinir);color:var(--metin-koyu);transform:translateY(-1px)}
button.koyu:active,a.koyu:active{background:var(--sinir-cok);transform:translateY(0)}
/* Link-buton: <a class="koyu"> gerçek buton gibi görünür (ör. kapat onayı "Vazgeç") */
a.koyu{display:inline-flex;align-items:center;padding:7px var(--b4);border-radius:var(--r1);font-size:var(--f);font-weight:600;text-decoration:none;transition:background .1s,transform .1s,box-shadow .1s}
button.sil{background:#fff;color:var(--kirmizi);border:1.5px solid #fca5a5;box-shadow:none}
button.sil:hover{background:#fee2e2;border-color:var(--kirmizi);transform:translateY(-1px)}
button.sil:active{background:#fecaca;transform:translateY(0)}
button.basari{background:var(--yesil);color:#fff;box-shadow:0 2px 6px rgba(22,163,74,.25)}
button.basari:hover{background:var(--yesil-koyu);transform:translateY(-1px);box-shadow:0 4px 10px rgba(22,163,74,.3)}
button.basari:active{background:var(--yesil-koyuk);transform:translateY(0);box-shadow:none}
button.tehlike{background:var(--kirmizi);color:#fff;border:1.5px solid var(--kirmizi-koyu);box-shadow:0 2px 6px rgba(220,38,38,.25)}
button.tehlike:hover{background:var(--kirmizi-koyu);transform:translateY(-1px);box-shadow:0 4px 10px rgba(220,38,38,.3)}
button.tehlike:active{background:var(--kirmizi-koyuk);transform:translateY(0);box-shadow:none}
/* F7: kullanım taraması sonrası silinecek aday */
a.isno{display:inline-block;min-width:2.6rem;padding:6px var(--b3);border-radius:4px;background:var(--lacivert);color:#fff;font-weight:700;text-align:center;font-variant-numeric:tabular-nums;box-shadow:0 1px 0 var(--lacivert-koyu)}
a.isno:hover{background:var(--lacivert-acik)}
a.isno:active{background:var(--lacivert-koyu)}

/* ── Eski yardımcı sınıflar (F7: kullanım taraması sonrası silinecek aday) ── */
.arac{display:flex;gap:var(--b2);align-items:center;flex-wrap:wrap;margin:var(--b2) 0 var(--b4)}
.arac button{margin:0}
.satir-ekle{display:flex;gap:var(--b2);align-items:center;flex-wrap:wrap;margin:var(--b2) 0 var(--b4)}

/* ── Sayfa başlığı, sayfalama ── */
.page-baslik{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:0 0 var(--b5)}
.page-baslik h1{margin:0;font-size:var(--f-2xl);font-weight:800;color:var(--baslik);letter-spacing:-.02em}
.sayfa-ust{margin:0 0 var(--b5)}
.sayfa-ust h1{margin:0 0 var(--b4);font-size:var(--f-2xl);font-weight:800;color:var(--baslik);letter-spacing:-.02em}
.sayfa-ust .bl-ozet{margin:0 0 var(--b3)}
.sayfa-ust .filtreler{margin:0}
.sayfa-nav{display:flex;justify-content:center;align-items:center;gap:var(--b2);margin:18px 0 0}
.sayfa-nav span{padding:10px 6px;color:var(--gri);font-weight:700;font-variant-numeric:tabular-nums}
.sayfa-nav a{display:inline-flex;align-items:center;padding:10px var(--b4);border-radius:var(--r2);background:var(--lacivert);color:#fff;font-weight:700;transition:background .15s}
.sayfa-nav a:hover{background:#454776;color:#fff}

/* ── Listeler ve boş durumlar ── */
.isler{display:grid;gap:var(--b2)}
.is-bos{padding:18px;text-align:center;color:var(--gri);background:#fff;border:1px solid var(--sinir-koyu);border-radius:var(--r1)}
.bos-durum{display:flex;flex-direction:column;align-items:center;gap:6px;padding:36px var(--b5);text-align:center;background:#fff;border:1px solid var(--sinir-acik);border-radius:var(--r3);color:var(--gri)}
.bos-durum .ikon{width:34px;height:34px;stroke-width:1.5;color:var(--sinir-cok);margin-bottom:var(--b1)}
.bos-durum b{font-size:15px;color:var(--metin-koyu)}
.bos-durum p{margin:0;font-size:var(--f-m);color:var(--gri)}

/* ── İkonlar ── */
.ikon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px}
.durum .ikon{width:12px;height:12px;stroke-width:2.2;vertical-align:-2px}

/* ── Tablo içi durum rozeti ── */
.durum{border-radius:4px;padding:2px var(--b2);font-size:var(--f-s);background:#e6f6fc;color:var(--lacivert)}
.durum.tam{background:#e5f4ea;color:#146c2e}
.durum.eksik{background:var(--kirmizi-bg);color:var(--kirmizi-metin)}
.durum.kapali{background:#eceff1;color:#5c6b7a}
.durum.acik{background:#e6f6fc;color:var(--lacivert)}
.durum.uretim{background:var(--mor-bg);color:var(--mor-koyu)}
.durum.hazir{background:var(--yesil-bg);color:var(--yesil-koyuk)}
.durum.teslim{background:var(--indigo-bg);color:var(--indigo-metin)}
tr.bekliyor td{background:#fff8f8}
tr.bekliyor .durum.eksik{font-weight:700}

/* ── Chip (meta bilgi) ── */
.pk-chips{display:flex;gap:var(--b1);flex-wrap:wrap;align-items:flex-start;flex-shrink:0}
.pk-chip{font-size:var(--f-xs);font-weight:700;padding:2px var(--b2);border-radius:5px;white-space:nowrap}
.pk-no{background:var(--zemin-gri);color:var(--gri);font-variant-numeric:tabular-nums}
.pk-tip{background:var(--mor-bg);color:var(--mor-koyu)}
.pk-bolum-chip,.pk-acik-chip{background:var(--mavi-bg);color:var(--mavi-metin)}
.pk-uretim-chip{background:var(--mor-bg);color:var(--mor-koyu)}
.pk-hazir-chip{background:var(--yesil-bg);color:var(--yesil-koyuk)}
.pk-teslim-chip{background:var(--indigo-bg);color:var(--indigo-metin)}
.pk-kapali-chip{background:var(--zemin-gri);color:var(--metin-orta)}
.pk-eksik-chip{background:var(--turuncu-bg);color:var(--turuncu-koyu)}

/* ── Pano başlığı ve eylem ── */
.pano-yeni-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:var(--mavi);color:#fff;border-radius:var(--r1);font-weight:700;font-size:var(--f);text-decoration:none;box-shadow:0 2px 6px rgba(0,153,213,.3);transition:transform .1s,box-shadow .1s}
.pano-yeni-btn:hover{background:var(--mavi-koyu);transform:translateY(-1px)}
.pano-yeni-btn.kucuk{padding:7px 14px;font-size:var(--f-m)}
.pano-yeni-btn.gri{background:var(--gri)}

/* ── Pano istatistik kartları ── */
.pano-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--b3);margin:0 0 var(--b5)}
.sk{border-radius:var(--r3);padding:var(--b4) 18px;display:flex;align-items:center;gap:var(--b3);color:#fff}
a.sk{text-decoration:none}
a.sk.sec{outline:3px solid var(--baslik);outline-offset:2px}
.sk-mavi{background:var(--mavi)}.sk-mor{background:var(--mor)}.sk-turuncu{background:var(--turuncu)}.sk-yesil{background:var(--yesil)}.sk-gri{background:var(--gri)}.sk-indigo{background:var(--indigo)}
.sk-ikon{width:40px;height:40px;border-radius:var(--r1);background:rgba(255,255,255,.2);display:grid;place-items:center;flex-shrink:0}
.sk-ikon svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sk-bilgi span{display:block;font-size:var(--f-s);font-weight:600;opacity:.85;margin:0 0 2px}
.sk-bilgi b{display:block;font-size:var(--f-3xl);font-weight:800;line-height:1;font-variant-numeric:tabular-nums}

/* ── Bölüm dağılımı hapları ── */
.pano-dagilim{margin:0 0 var(--b5)}
.pano-bolum-baslik{font-size:var(--f-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gri);margin:0 0 var(--b2)}
.pano-bolumler{display:flex;gap:6px;flex-wrap:wrap}
.pb-hap{display:inline-flex;align-items:center;gap:7px;padding:6px 13px 6px var(--b2);border-radius:22px;background:#f8fafc;border:1px solid var(--sinir);font-size:var(--f-m);color:#334155;font-weight:600;text-decoration:none}
.pb-hap:hover{background:#e8f4fb;border-color:#93c5fd}
.pb-badge{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--mavi);color:#fff;font-size:var(--f-xs);font-weight:700}

/* ── Pano büyük kart ── */
.pk-grid{display:grid;gap:10px}
.pk{display:grid;grid-template-columns:200px 1fr 1fr;background:#fff;border:1px solid var(--sinir-acik);border-left:4px solid var(--sinir-acik);border-radius:var(--r3);overflow:hidden;text-decoration:none;color:var(--metin);box-shadow:0 1px 3px rgba(15,23,42,.06),0 4px 12px rgba(15,23,42,.04);transition:box-shadow .15s,transform .15s;min-height:180px}
.pk:hover{box-shadow:0 4px 20px rgba(15,23,42,.12);transform:translateY(-1px)}
.pk.pk-acik{border-left-color:var(--mavi)}
.pk.pk-uretim{border-left-color:var(--mor)}
.pk.pk-hazir{border-left-color:var(--yesil)}
.pk.pk-eksik{border-left-color:var(--turuncu)}
.pk.pk-teslim{border-left-color:var(--indigo)}
.pk.pk-kapali{border-left-color:var(--sinir-cok);opacity:.85}
.pk-gorsel{position:relative;align-self:stretch}
.pk-gorsel img{width:200px;height:100%;min-height:180px;object-fit:cover;display:block}
.pk-bilgi{padding:18px var(--b5);display:flex;flex-direction:column;gap:var(--b3);min-width:0;border-right:1px solid var(--sinir-acik)}
.pk-ust{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--b2)}
.pk-baslik{min-width:0}
.pk-urun{display:block;font-size:var(--f-l);font-weight:700;color:var(--baslik);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}
.pk-musteri{display:block;font-size:var(--f-m);color:var(--gri);font-weight:500;margin-top:3px}

/* ── Tarih satırı (pano kartı) ── */
.pk-tarihler{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;font-size:var(--f-s);color:var(--gri);font-variant-numeric:tabular-nums}
.pk-tarih-sol{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.pk-tarih-sol span{display:flex;align-items:center;gap:var(--b1)}
.pk-tarih-sol b{color:var(--gri);font-weight:600}

/* ── Dolu durum rozeti ── */
.pk-durum{display:inline-flex;align-items:center;gap:var(--b2);margin-left:auto;padding:6px var(--b3);border-radius:var(--r1);background:var(--mavi-bg);white-space:nowrap}
.pk-durum i{width:12px;height:12px;border-radius:50%;background:var(--mavi);flex-shrink:0}
.pk-durum b{font-size:var(--f-l);font-weight:800;color:var(--mavi-metin);letter-spacing:-.01em}
.pk-durum.uretim{background:var(--mor-bg)}.pk-durum.uretim i{background:var(--mor)}.pk-durum.uretim b{color:var(--mor-koyu)}
.pk-durum.hazir{background:var(--yesil-bg)}.pk-durum.hazir i{background:var(--yesil)}.pk-durum.hazir b{color:var(--yesil-koyuk)}
.pk-durum.eksik{background:var(--turuncu-bg)}.pk-durum.eksik i{background:var(--turuncu)}.pk-durum.eksik b{color:var(--turuncu-koyu)}
.pk-durum.teslim{background:var(--indigo-bg)}.pk-durum.teslim i{background:var(--indigo)}.pk-durum.teslim b{color:var(--indigo-metin)}
.pk-durum.kapali{background:var(--zemin-gri)}.pk-durum.kapali i{background:var(--gri)}.pk-durum.kapali b{color:var(--metin-orta)}

/* ── Özet bar (bölüm, müşteri, stok) ── */
.bl-ozet{display:flex;gap:var(--b2);flex-wrap:wrap;margin:0 0 var(--b5)}
.bl-oz{display:flex;align-items:center;gap:var(--b2);padding:10px var(--b4);border-radius:var(--r2);background:#fff;border:1px solid var(--sinir-acik);box-shadow:0 1px 2px rgba(15,23,42,.04)}
.bl-oz-sayi{font-size:var(--f-2xl);font-weight:800;line-height:1;font-variant-numeric:tabular-nums;color:var(--metin-koyu)}
.bl-oz-lbl{font-size:var(--f-xs);font-weight:700;color:var(--gri);text-transform:uppercase;letter-spacing:.06em}
.bl-oz.acik .bl-oz-sayi{color:var(--mavi)}
.bl-oz.bekliyor .bl-oz-sayi{color:var(--turuncu)}
.bl-oz.kapali .bl-oz-sayi{color:var(--gri)}
.bl-oz.hazir .bl-oz-sayi{color:var(--yesil)}
.bl-oz.teslim .bl-oz-sayi{color:var(--indigo)}

/* ── Sayı kutuları (sipariş / üretilen / teslim / depoda) ── */
.pk-sayilar{display:flex;border:1px solid var(--sinir-acik);border-radius:var(--r1);overflow:hidden;margin-top:auto}
.pk-sk{flex:1;padding:10px var(--b3);border-right:1px solid var(--sinir-acik);min-width:65px}
.pk-sk:last-child{border-right:none}
.pk-sk-lbl{display:block;font-size:var(--f-2xs);font-weight:700;color:var(--gri);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--b1)}
.pk-sk-val{display:block;font-size:var(--f-2xl);font-weight:800;color:var(--metin-koyu);line-height:1;font-variant-numeric:tabular-nums}
.pk-sk.vurgulu .pk-sk-val{color:var(--mavi)}
.pk-sk.yesil .pk-sk-val{color:var(--yesil)}
.pk-sk.kismi .pk-sk-val{color:var(--turuncu)}

/* ── Rota göstergesi (pano + iş kartı) ── */
.pk-rota{width:100%}
.pk-rota-adimlar{display:flex;width:100%}
.pk-radim{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}
.pk-rad{font-size:var(--f-m);font-weight:700;color:var(--gri);text-align:center;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;line-height:1.2}
.pk-radim.gecti .pk-rad{color:#4a5568}
.pk-radim.simdi .pk-rad{color:var(--mavi);font-weight:800}
.pk-rorta{display:flex;align-items:center;width:100%}
.pk-rcp{flex:1;height:4px;background:#d0d8e4}
.pk-rcp.dolu{background:var(--mavi)}
.pk-radim:first-child .pk-rcp-sol,.pk-radim:last-child .pk-rcp-sag{visibility:hidden}
.pk-rnokta{width:32px;height:32px;border-radius:50%;background:#d0d8e4;border:3px solid #f0f7fb;box-shadow:0 0 0 2px #d0d8e4;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.pk-radim.gecti .pk-rnokta{background:var(--mavi);box-shadow:0 0 0 2px var(--mavi)}
.pk-radim.gecti .pk-rnokta::after{content:"";display:block;width:9px;height:6px;border-left:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}
.pk-radim.simdi .pk-rnokta{background:#f0f7fb;box-shadow:0 0 0 3px #f0f7fb,0 0 0 6px var(--mavi)}
.pk-rota-panel{background:#f0f7fb;display:flex;align-items:center;justify-content:center;padding:22px var(--b6)}
.pk-rtarih{display:flex;flex-direction:column;align-items:center;gap:1px;min-height:30px;justify-content:flex-start}
.pk-rtarih-gun,.pk-rtarih-saat{font-size:var(--f-m);font-weight:600;color:var(--gri);font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;line-height:1.3}
.pk-radim.gecti .pk-rtarih-gun,.pk-radim.gecti .pk-rtarih-saat{color:var(--mavi)}
.pk-radim.simdi .pk-rtarih-gun,.pk-radim.simdi .pk-rtarih-saat{color:var(--mavi)}
/* Rota renk teması — durum eşlemesiyle aynı kaynak */
.pk-rota-uretim{--rc:var(--mor);--rh:#f5f3ff}
.pk-rota-hazir  {--rc:var(--yesil);--rh:#f0fdf4}
.pk-rota-eksik  {--rc:var(--turuncu);--rh:var(--turuncu-bg)}
.pk-rota-kapali {--rc:var(--gri);--rh:var(--zemin-gri)}
.pk-rota-teslim {--rc:var(--indigo);--rh:#eef2ff}
.pk-rota-uretim .pk-radim.simdi .pk-rad,.pk-rota-uretim .pk-radim.gecti .pk-rad,
.pk-rota-hazir  .pk-radim.simdi .pk-rad,.pk-rota-hazir  .pk-radim.gecti .pk-rad,
.pk-rota-eksik  .pk-radim.simdi .pk-rad,.pk-rota-eksik  .pk-radim.gecti .pk-rad,
.pk-rota-kapali .pk-radim.gecti .pk-rad,
.pk-rota-teslim .pk-radim.simdi .pk-rad,.pk-rota-teslim .pk-radim.gecti .pk-rad{color:var(--rc)}
.pk-rota-uretim .pk-rcp.dolu,.pk-rota-hazir  .pk-rcp.dolu,
.pk-rota-eksik  .pk-rcp.dolu,.pk-rota-kapali .pk-rcp.dolu,.pk-rota-teslim .pk-rcp.dolu{background:var(--rc)}
.pk-rota-uretim .pk-radim.gecti .pk-rnokta,.pk-rota-hazir  .pk-radim.gecti .pk-rnokta,
.pk-rota-eksik  .pk-radim.gecti .pk-rnokta,.pk-rota-kapali .pk-radim.gecti .pk-rnokta,
.pk-rota-teslim .pk-radim.gecti .pk-rnokta{background:var(--rc);box-shadow:0 0 0 2px var(--rc)}
.pk-rota-uretim .pk-radim.simdi .pk-rnokta,.pk-rota-hazir  .pk-radim.simdi .pk-rnokta,
.pk-rota-eksik  .pk-radim.simdi .pk-rnokta,.pk-rota-teslim .pk-radim.simdi .pk-rnokta{box-shadow:0 0 0 3px var(--rh),0 0 0 6px var(--rc)}
.pk-rota-uretim .pk-radim.simdi .pk-rtarih-gun,.pk-rota-uretim .pk-radim.simdi .pk-rtarih-saat,
.pk-rota-uretim .pk-radim.gecti .pk-rtarih-gun,.pk-rota-uretim .pk-radim.gecti .pk-rtarih-saat,
.pk-rota-hazir  .pk-radim.simdi .pk-rtarih-gun,.pk-rota-hazir  .pk-radim.simdi .pk-rtarih-saat,
.pk-rota-hazir  .pk-radim.gecti .pk-rtarih-gun,.pk-rota-hazir  .pk-radim.gecti .pk-rtarih-saat,
.pk-rota-eksik  .pk-radim.simdi .pk-rtarih-gun,.pk-rota-eksik  .pk-radim.simdi .pk-rtarih-saat,
.pk-rota-eksik  .pk-radim.gecti .pk-rtarih-gun,.pk-rota-eksik  .pk-radim.gecti .pk-rtarih-saat,
.pk-rota-kapali .pk-radim.gecti .pk-rtarih-gun,.pk-rota-kapali .pk-radim.gecti .pk-rtarih-saat,
.pk-rota-teslim .pk-radim.simdi .pk-rtarih-gun,.pk-rota-teslim .pk-radim.simdi .pk-rtarih-saat,
.pk-rota-teslim .pk-radim.gecti .pk-rtarih-gun,.pk-rota-teslim .pk-radim.gecti .pk-rtarih-saat{color:var(--rc)}

/* ── Kompakt kart (bölüm kuyrukları) ── */
.ks{display:grid;grid-template-columns:140px 1fr;height:140px;background:#fff;border:1px solid var(--sinir-acik);border-left:4px solid var(--sinir-acik);border-radius:var(--r3);overflow:hidden;text-decoration:none;color:var(--metin);box-shadow:0 1px 2px rgba(15,23,42,.06);transition:box-shadow .12s,transform .1s}
.ks:hover{box-shadow:0 4px 14px rgba(15,23,42,.1);transform:translateY(-1px)}
.ks.ks-acik{border-left-color:var(--mavi)}
.ks.ks-uretim{border-left-color:var(--mor)}
.ks.ks-hazir{border-left-color:var(--yesil)}
.ks.ks-eksik{border-left-color:var(--turuncu)}
.ks.ks-teslim{border-left-color:var(--indigo)}
.ks.ks-kapali{border-left-color:var(--sinir-cok);opacity:.8}
.ks-gorsel{width:140px;height:140px;overflow:hidden;background:#e6f6fc}
.ks-gorsel img{width:140px;height:140px;object-fit:cover;display:block}
.ks-bilgi{padding:var(--b3) var(--b4);display:flex;flex-direction:column;gap:10px;min-width:0}
.ks-ust{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--b2)}
.ks-baslik{min-width:0}
.ks-urun{display:block;font-size:var(--f-l);font-weight:700;color:var(--baslik);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ks-musteri{display:block;font-size:var(--f-s);color:var(--gri);font-weight:500;margin-top:2px}
.ks-alt{display:flex;align-items:center;gap:var(--b3);flex-wrap:wrap}
.ks-tarih{font-size:var(--f-s);font-weight:700;color:var(--metin-orta);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;background:var(--zemin-gri);padding:3px var(--b2);border-radius:5px}
.ks-alt .pk-sayilar{flex:1;min-width:200px;margin-top:0}

/* ── Filtre butonları ── */
.filtreler{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 var(--b4)}
.filtre-btn{padding:6px 14px;border-radius:var(--r-hap);font-size:var(--f-m);font-weight:600;background:var(--zemin-gri);color:var(--metin-orta);border:1px solid var(--sinir);cursor:pointer;transition:background .1s,color .1s,border-color .1s}
.filtre-btn:hover{background:var(--sinir)}
.filtre-btn.acik{color:var(--mavi);border-color:#bae6fd}.filtre-btn.acik:hover{background:var(--mavi-bg)}
.filtre-btn.uretim{color:var(--mor);border-color:#ddd6fe}.filtre-btn.uretim:hover{background:var(--mor-bg)}
.filtre-btn.bekliyor{color:var(--turuncu);border-color:#fde68a}.filtre-btn.bekliyor:hover{background:#fef3c7}
.filtre-btn.hazir{color:var(--yesil);border-color:#bbf7d0}.filtre-btn.hazir:hover{background:var(--yesil-bg)}
.filtre-btn.teslim{color:var(--indigo);border-color:#c7d2fe}.filtre-btn.teslim:hover{background:var(--indigo-bg)}
.filtre-btn.kapali{color:var(--gri);border-color:var(--sinir-cok)}.filtre-btn.kapali:hover{background:var(--zemin-gri)}
.filtre-btn.aktif{color:#fff!important;background:currentColor;border-color:currentColor}
.filtre-btn.aktif.acik{background:var(--mavi);border-color:var(--mavi)}
.filtre-btn.aktif.uretim{background:var(--mor);border-color:var(--mor)}
.filtre-btn.aktif.bekliyor{background:var(--turuncu);border-color:var(--turuncu)}
.filtre-btn.aktif.hazir{background:var(--yesil);border-color:var(--yesil)}
.filtre-btn.aktif.teslim{background:var(--indigo);border-color:var(--indigo)}
.filtre-btn.aktif.kapali{background:var(--gri);border-color:var(--gri)}
.filtre-btn.aktif.hepsi{background:var(--mavi);border-color:var(--mavi);color:#fff}

/* ── Sayfa: giriş ── */
.giris-sayfa{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--b5)}
.giris-kart{width:100%;max-width:400px;background:#fff;border:1px solid var(--sinir-acik);border-radius:var(--r3);box-shadow:var(--g2);padding:var(--b8)}
.giris-marka{display:flex;align-items:center;gap:var(--b3);margin:0 0 var(--b6)}
.giris-marka img{height:44px;width:auto;display:block}
.giris-marka-ad{font-size:var(--f-l);font-weight:800;color:var(--lacivert);line-height:1.15}
.giris-marka-ad span{display:block;font-size:var(--f-s);font-weight:500;color:var(--gri);margin-top:2px}
.giris-baslik{font-size:var(--f-2xl);font-weight:800;color:var(--baslik);letter-spacing:-.02em;margin:0 0 var(--b1)}
.giris-alt{font-size:var(--f);color:var(--gri);margin:0 0 var(--b5)}
.giris-hata{margin:0 0 var(--b4)}
.giris-form{display:grid;gap:var(--b4)}
.giris-form input{width:100%;padding:10px var(--b3);border:1.5px solid var(--sinir);border-radius:var(--r1);font-size:15px;background:#fff}
.giris-form input:focus{outline:2px solid var(--mavi);outline-offset:-1px;border-color:var(--mavi)}
.giris-gonder{min-height:46px;font-size:var(--f-l);margin-top:var(--b1)}
.giris-dip{text-align:center;font-size:var(--f-s);color:var(--gri);margin:var(--b5) 0 0}
@media (max-width:480px){.giris-kart{padding:var(--b6) var(--b5)}}

/* ── Sayfa: pano ── */

/* ── Sayfa: musteriler ── */
.ms-meta{font-size:var(--f-m);color:var(--gri);font-weight:600}
.ms-arama-wrap{margin:0 0 var(--b5);display:flex;gap:var(--b2);align-items:center}
.ms-arama{width:100%;max-width:400px;padding:9px 14px;border:1px solid #c5ced6;border-radius:var(--r1);font-size:15px;background:#fff}
.ms-arama:focus{outline:2px solid var(--mavi);outline-offset:-1px;border-color:var(--mavi)}
.ms-grup{margin:0 0 var(--b6)}
.ms-grup-baslik{font-size:var(--f-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gri);margin:0 0 var(--b2);padding:0}
.ms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px}
.ms-kart{display:flex;align-items:center;justify-content:space-between;gap:var(--b3);padding:14px var(--b4);background:#fff;border-radius:var(--r3);border:1px solid var(--sinir-acik);border-left:4px solid var(--mavi);box-shadow:0 1px 3px rgba(15,23,42,.05),0 4px 12px rgba(15,23,42,.04);text-decoration:none;color:var(--metin);transition:box-shadow .15s,transform .15s}
.ms-kart:hover{box-shadow:0 4px 20px rgba(15,23,42,.1);transform:translateY(-1px)}
.ms-kart.ms-bos{border-left-color:var(--sinir-cok);opacity:.75}
.ms-kart.ms-bekleyen{border-left-color:var(--turuncu)}
.ms-sol{min-width:0}
.ms-ad{font-size:var(--f);font-weight:700;color:var(--baslik);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 3px}
.ms-toplam-is{font-size:var(--f-s);color:var(--gri);font-weight:500}
.ms-saglar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}
.ms-rozet{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--r3);font-size:var(--f-s);font-weight:700;white-space:nowrap}
.ms-r-acik{background:var(--mavi-bg);color:var(--mavi-metin)}
.ms-r-bekleyen{background:#fef3c7;color:var(--turuncu-koyu)}
.ms-bos-yazi{padding:var(--b6);text-align:center;color:var(--gri);background:#fff;border:1px solid var(--sinir-acik);border-radius:var(--r3)} /* F7: kullanım taraması sonrası silinecek aday */

/* ── Sayfa: musteri ── */
.md-geri{display:inline-flex;align-items:center;gap:5px;font-size:var(--f-m);color:var(--gri);font-weight:600;text-decoration:none;padding:6px 10px;border-radius:6px;background:var(--zemin-gri);margin:0 0 var(--b2)}
.md-geri:hover{background:var(--sinir);color:var(--metin)}

/* ── Sayfa: yeni iş ── */
.yeni-layout{display:grid;grid-template-columns:320px 1fr;gap:var(--b5);align-items:start}
.yeni-sol{display:flex;flex-direction:column;gap:var(--b3)}
.yeni-sag{display:flex;flex-direction:column;gap:var(--b3)}
.yeni-text{width:100%;min-height:80px;resize:vertical}
.yeni-ipucu{font-size:var(--f-s);color:var(--gri);margin:0 0 var(--b2)}
.yeni-form .eylem{margin:var(--b4) 0 0}
.yeni-form .eylem button{width:100%;max-width:400px;min-height:46px;font-size:var(--f-l)}
.yeni-bolum{background:#fff;border:1px solid var(--sinir-acik);border-radius:var(--r2);padding:var(--b4)}
.yeni-bolum h2{margin:0 0 var(--b3);font-size:var(--f-m);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gri)}
.yeni-tip{display:flex;gap:10px}
.yeni-tip label{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--b2);padding:10px;border:1.5px solid var(--sinir);border-radius:var(--r1);cursor:pointer;font-size:var(--f);font-weight:600;color:var(--metin-orta);transition:all .1s}
.yeni-tip input[type=checkbox]{width:16px;height:16px;accent-color:var(--mavi)}
.yeni-tip label:has(input:checked){border-color:var(--mavi);background:var(--mavi-bg);color:var(--mavi-metin)}
.yeni-not{margin:10px 0 0;font-size:var(--f-s);line-height:1.5;color:var(--gri)}
.yeni-gorsel-label{display:flex;align-items:center;justify-content:center;gap:var(--b2);padding:10px 14px;border:1.5px dashed var(--sinir-cok);border-radius:var(--r1);cursor:pointer;font-size:var(--f-m);font-weight:600;color:var(--gri);transition:all .1s;background:#f8fafc}
.yeni-gorsel-label:hover{border-color:var(--mavi);color:var(--mavi-metin);background:var(--mavi-bg)}
.yeni-gorsel-ad{font-size:var(--f-s);color:var(--gri);margin-top:var(--b1);text-align:center}
.malzeme-satir{display:grid;grid-template-columns:1fr auto auto auto;gap:6px;align-items:center;margin-bottom:6px}
.malzeme-satir input{width:100%}
.malzeme-satir select{width:auto}
.malzeme-satir button{padding:6px 10px}
.malzeme-ekle-btn{display:flex;align-items:center;gap:6px;margin-top:6px}

/* ── Sayfa: iş kartı ── */
.is-layout{display:grid;grid-template-columns:360px 1fr;gap:var(--b5);align-items:start}
.is-sol{position:sticky;top:80px}
.is-sol .eylem{margin:0 0 var(--b3)}
.is-chip{gap:var(--b2);margin:0 0 var(--b3)}
.is-rota{margin:var(--b4) 0;border-radius:var(--r2);padding:14px var(--b4)}
.is-sayilar{margin:0 0 var(--b4)}
.is-yukle{margin:var(--b2) 0}
.is-kapat{margin:var(--b2) 0 0}
.is-duzenle{margin:var(--b2) 0}
.is-duzenle>summary{cursor:pointer;font-size:var(--f-m);color:var(--gri);font-weight:600;list-style:none}
.is-duzenle>summary::-webkit-details-marker{display:none}
.is-duzenle>summary::before{content:"▸";display:inline-block;margin-right:var(--b1)}
.is-duzenle[open]>summary::before{transform:rotate(90deg)}
.is-duzenle>summary:hover{color:var(--mavi)}
.is-duzenle>form{margin-top:var(--b3)}
.is-sag details{margin:var(--b5) 0 0}
.is-sag details>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:var(--b2)}
.is-sag details>summary::-webkit-details-marker{display:none}
.is-sag details>summary h2{margin:0}
.is-sag details>summary::before{content:"▸";color:var(--gri);font-size:var(--f-s);line-height:1}
.is-sag details[open]>summary::before{transform:rotate(90deg)}
.is-sag details>summary:hover h2{color:var(--mavi)}
.is-sag details>table{margin-top:var(--b2)}
.is-gorsel{width:200px;height:200px;object-fit:cover;border-radius:var(--r3);display:block;background:#e6f6fc;margin:0 auto var(--b4);box-shadow:0 8px 32px rgba(15,23,42,.15),0 2px 8px rgba(15,23,42,.08)}
.is-baslik{margin:0 0 var(--b3)}
.is-baslik h1{margin:0 0 2px;font-size:var(--f-xl)}
.is-baslik a{color:var(--gri);font-size:var(--f-m);font-weight:600;text-decoration:none}
.is-baslik a:hover{color:var(--mavi)}
.is-hedef{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--b2);margin:var(--b4) 0}
.is-hedef-btn{width:auto;min-width:160px;padding:11px var(--b5);border-radius:var(--r1);font-size:var(--f);font-weight:700;border:none;cursor:pointer;background:var(--mavi);color:#fff;box-shadow:0 2px 6px rgba(0,153,213,.25);transition:background .1s,transform .1s,box-shadow .1s}
.is-hedef-btn:hover{background:var(--mavi-koyu);transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,153,213,.3)}
.is-hedef-btn:active{background:var(--mavi-koyuk);transform:translateY(0);box-shadow:none}
.is-hedef-btn.geri{background:var(--zemin-gri);color:var(--metin-orta);border:1.5px solid var(--sinir);box-shadow:none}
.is-hedef-btn.geri:hover{background:var(--sinir);color:var(--metin-koyu);transform:translateY(-1px)}
.is-tarihler{display:flex;flex-direction:column;gap:6px;margin:0 0 14px;padding:10px 14px;background:#f8fafc;border-radius:var(--r2);border:1px solid var(--sinir-acik)}
.is-tarih-satir{display:flex;justify-content:space-between;align-items:center;gap:var(--b2)}
.is-tarih-lbl{font-size:var(--f-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gri)}
.is-tarih-val{font-size:var(--f-m);font-weight:700;color:var(--metin-koyu);font-variant-numeric:tabular-nums}
.is-tarih-satir.kapali .is-tarih-val{color:var(--gri)}
.is-tarih-satir.hazir .is-tarih-val{color:var(--yesil)}
.is-tarih-satir.teslim .is-tarih-val{color:var(--indigo)}
.is-sag h2{font-size:var(--f-m);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gri);margin:var(--b5) 0 var(--b2);padding:0}
.is-sag h2:first-child{margin-top:0}
.is-sag{min-width:0}
.is-sag table{width:100%;border-collapse:collapse}

/* ── Sayfa: kisiler ── */
.ks-layout{display:grid;grid-template-columns:1fr 320px;gap:var(--b5);align-items:start}
.kisi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--b3)}
.kisi-kart{background:#fff;border:1px solid var(--sinir-acik);border-radius:var(--r2);padding:var(--b4);display:flex;flex-direction:column;gap:var(--b3)}
.kisi-kart.kapali{opacity:.55}
.kisi-ust{display:flex;align-items:center;gap:var(--b3)}
.kisi-avatar{width:40px;height:40px;border-radius:50%;background:var(--mavi);color:#fff;font-size:var(--f-l);font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.kisi-kart.kapali .kisi-avatar{background:var(--gri)}
.kisi-ust-sag{flex:1;min-width:0}
.kisi-ad{font-size:var(--f);font-weight:700;color:var(--baslik);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.kisi-tarih{font-size:var(--f-xs);color:var(--gri);margin-top:2px}
.kisi-rol-badge{font-size:var(--f-xs);font-weight:700;padding:3px var(--b2);border-radius:5px;white-space:nowrap}
.kisi-rol-badge.yonetici{background:var(--mor-bg);color:var(--mor-koyu)}
.kisi-rol-badge.operator{background:var(--mavi-bg);color:var(--mavi-metin)}
.kisi-rol-badge.izleyici{background:var(--zemin-gri);color:var(--metin-orta)}
.kisi-rol-badge.kapali{background:var(--zemin-gri);color:var(--gri)}
.kisi-bolum-form{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.kisi-bolum-form label{display:flex;align-items:center;gap:var(--b1);font-size:var(--f-s);font-weight:600;color:var(--metin-orta)}
.kisi-eylemler{display:flex;flex-wrap:wrap;gap:6px;border-top:1px solid var(--zemin-gri);padding-top:10px}
.kisi-eylemler form{display:contents}
.kisi-detay{font-size:var(--f-s);color:var(--gri)}
.yeni-kisi-panel{background:#fff;border:1px solid var(--sinir-acik);border-radius:var(--r2);padding:var(--b4);position:sticky;top:var(--b5)}
.yeni-kisi-panel h2{margin:0 0 14px;font-size:var(--f-m);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gri)}
.kisi-bolumler-lbl{font-size:var(--f-s);font-weight:700;color:var(--metin-orta);margin-bottom:6px}

/* ── Sayfa: stok ── */
.stok-tab-bar{display:flex;gap:var(--b1);margin:0 0 var(--b5);border-bottom:2px solid var(--sinir-acik);padding-bottom:0}
.stok-tab{padding:10px var(--b5);font-size:var(--f);font-weight:700;color:var(--gri);border:none;background:none;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:color .1s,border-color .1s;border-radius:0}
.stok-tab:hover{color:var(--baslik);background:none;transform:none;box-shadow:none}
.stok-tab.aktif{color:var(--mavi);border-bottom-color:var(--mavi)}
.stok-tab.yakinda{color:var(--sinir-cok);cursor:not-allowed} /* F7: kullanım taraması sonrası silinecek aday */
.stok-panel{display:none}
.stok-panel.aktif{display:block}

/* ── Yardımcı sınıflar ── */
.gizli{display:none}
.btn-xs{padding:var(--b1) 10px;font-size:var(--f-s)}
.btn-sm{padding:7px 14px;font-size:var(--f-m)}
.btn-tam{width:100%}
.input-xs{width:120px;font-size:var(--f-s)}

/* ── Mobil: üst çubuk ── */
@media (max-width:760px){
#masaustu-nav{display:none}
#masaustu-kim{display:none}
.hamburger{display:flex}
main{padding:14px var(--b3) 40px}
th,td{padding:var(--b2)}
}
@media(max-width:760px){.ms-grid{grid-template-columns:1fr}}
@media(max-width:800px){.yeni-layout{grid-template-columns:1fr}}
@media(max-width:900px){
.ks-layout{grid-template-columns:1fr}
.is-layout{grid-template-columns:1fr}
.is-sol{position:static}
.is-sag table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media(max-width:1200px){.pk{grid-template-columns:170px 1fr 1fr}.pk-gorsel img{width:170px}}
@media(max-width:900px){
.pk{grid-template-columns:140px 1fr 1fr}
.pk-gorsel img{width:140px}
.pano-stats{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:640px){
.pk{grid-template-columns:1fr}
.pk-gorsel{height:150px}
.pk-gorsel img{width:100%;height:150px}
.pk-bilgi{border-right:none;border-bottom:1px solid var(--sinir-acik)}
.pk-rota-panel{padding:18px 14px}
.pano-stats{grid-template-columns:repeat(2,1fr)}
.ks-alt{flex-direction:column;align-items:stretch}
.ks-alt .pk-sayilar{min-width:0}
}
@media(max-width:600px){
.malzeme-satir{grid-template-columns:1fr 1fr;row-gap:var(--b1)}
.malzeme-satir input[type="text"],.malzeme-satir input:not([type]){grid-column:1/-1}
select[name^="malzeme_kimden"],select[name="kimden"],select[name^="malzeme_durum"],select[name="durum"]{width:100%}
}
@media(max-width:480px){
.ks{grid-template-columns:90px 1fr;min-height:140px;height:auto}
.ks-gorsel{width:90px;min-height:140px;height:100%}
.ks-gorsel img{width:90px;height:100%;min-height:140px}
.ks-ust{flex-direction:column;gap:3px;align-items:flex-start}
.pk-chips{flex-wrap:wrap;gap:3px}
.pk-chip{font-size:10px;padding:1px 6px}
.ks-urun{font-size:var(--f-m)}
.ks-musteri{font-size:var(--f-xs)}
.ks-bilgi{padding:var(--b2) 10px;gap:6px}
.pk-sk{min-width:0;flex:1}
.pk-sk-val{font-size:var(--f-m)}
.pk-sk-lbl{font-size:var(--f-2xs);letter-spacing:0}
.pk-rad{font-size:var(--f-2xs);letter-spacing:0}
.pk-rtarih-gun,.pk-rtarih-saat{font-size:var(--f-2xs)}
.pk-rota-panel{padding:10px 6px}
.pk-radim{min-width:0}
}
@media(max-width:400px){
.sk{padding:10px var(--b3);gap:var(--b2)}
.sk-ikon{width:32px;height:32px;flex-shrink:0}
.sk-ikon svg{width:16px;height:16px}
.sk-bilgi b{font-size:var(--f-xl)}
.sk-bilgi span{font-size:var(--f-2xs)}
}

/* ── Mobil: tablolar kart görünümü ── */
@media(max-width:640px){
.tablo-stack thead{display:none}
.tablo-stack,.tablo-stack tbody,.tablo-stack tr,.tablo-stack td{display:block;width:100%}
.tablo-stack{border:0;background:none}
.tablo-stack tr{border:1px solid var(--sinir-acik);border-radius:var(--r2);margin:0 0 var(--b2);background:#fff;padding:6px 0;overflow:hidden}
.tablo-stack td{display:flex;justify-content:space-between;align-items:center;gap:var(--b3);padding:5px var(--b3);text-align:right;border-bottom:none}
.tablo-stack td::before{content:attr(data-lbl);font-size:var(--f-xs);font-weight:700;color:var(--gri);text-transform:uppercase;letter-spacing:.05em;text-align:left;flex-shrink:0}
.tablo-stack td:not([data-lbl])::before{content:none}
.tablo-stack tr.bos td{text-align:center;justify-content:center}
.tablo-stack tr.form{background:#fafbfc}
.tablo-stack tr.form td{display:flex;flex-direction:column;gap:var(--b2);text-align:left;padding:var(--b2) var(--b3)}
.tablo-stack tr.form input:not([type="hidden"]),.tablo-stack tr.form select,.tablo-stack tr.form textarea,.tablo-stack tr.form button{width:100%}
.tablo-stack tr.form form{display:flex;flex-direction:column;gap:var(--b2)}
.tablo-stack td.aksiyon{justify-content:flex-end;flex-wrap:wrap;gap:var(--b2)}
.tablo-stack td.aksiyon button{min-height:34px}
}

/* ── Yazdırma — iş föyü / liste çıktısı ── */
@media print{
*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
header,.mobil-menu,.hamburger,.filtreler,.sayfa-nav,.eylem,.pano-yeni-btn,.ms-arama-wrap,.stok-tab-bar{display:none!important}
form,tr.form{display:none!important}
main{padding:0!important}
main.dar{max-width:none!important}
body{background:#fff;font-size:12px}
a{color:var(--metin);text-decoration:none}
.is-layout{display:block!important}
.is-sol{position:static!important;width:auto!important}
.is-gorsel{width:120px!important;height:120px!important;box-shadow:none!important}
.is-sag{margin-top:12px}
.is-sag h2{font-size:11px!important;margin:10px 0 4px!important}
.is-sag table{display:table!important;overflow:visible!important;width:100%!important}
.aksiyon{display:none!important}
th,td{padding:5px 8px!important}
table{font-size:11px!important}
details:not([open]){display:none!important}
.pk{grid-template-columns:170px 1fr 1fr!important;min-height:0!important;break-inside:avoid;page-break-inside:avoid}
.pk-gorsel img{width:170px!important;height:150px!important;min-height:150px!important}
.pk-bilgi{padding:12px 14px!important;gap:8px!important}
.pk-sk{min-width:0!important;padding:8px 8px!important}
.pk-sk-val{font-size:16px!important}
.pk-sk-lbl{font-size:9px!important}
.pk-rota-panel{padding:10px 12px!important}
.pk-rnokta{width:22px!important;height:22px!important}
.pk-rad{font-size:10px!important}
.pk-rtarih-gun,.pk-rtarih-saat{font-size:10px!important}
.is-tarihler{padding:8px 10px!important}
.ks{grid-template-columns:110px 1fr!important;height:auto!important;min-height:110px;break-inside:avoid;page-break-inside:avoid}
.ks-gorsel,.ks-gorsel img{width:110px!important;height:110px!important;min-height:110px!important}
.ks,.pk,.kart,.kutu{box-shadow:none!important}
.tablo{overflow:visible!important}
table{page-break-inside:auto}
tr{page-break-inside:avoid}
}