:root{
  --bg:#f4f5f7; --card:#fff; --ink:#1b2430; --mute:#6b7683; --line:#e2e5ea;
  --brand:#0f4c81; --brand-ink:#fff; --accent:#e8a317; --ok:#1f8a4c; --bad:#c0392b;
  --row:#f8f9fb;
}
@media (prefers-color-scheme: dark){
  :root{--bg:#12161c; --card:#1b2129; --ink:#e8ecf1; --mute:#93a0ae; --line:#2b333d;
        --brand:#4a90d9; --brand-ink:#0b1117; --row:#202731;}
}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{font:15px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--ink)}
.app{display:grid;grid-template-columns:220px 1fr;min-height:100vh}
nav{background:var(--card);border-right:1px solid var(--line);padding:18px 12px;position:sticky;top:0;height:100vh}
nav h1{font-size:19px;margin:0 8px 18px;letter-spacing:.2px}
nav h1 span{color:var(--accent)}
nav button{display:block;width:100%;text-align:left;border:0;background:none;color:var(--ink);
  padding:10px 12px;border-radius:8px;font:inherit;cursor:pointer;margin-bottom:2px}
nav button:hover{background:var(--row)}
nav button.on{background:var(--brand);color:var(--brand-ink);font-weight:600}
nav .foot{position:absolute;bottom:14px;left:12px;right:12px;font-size:13px;color:var(--mute)}
nav .foot a{color:var(--mute)}
main{padding:22px 26px;min-width:0}
h2{margin:0 0 14px;font-size:22px}
.bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
input,select,textarea,button.btn{font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:8px;
  background:var(--card);color:var(--ink)}
input.search{flex:1;min-width:220px}
button.btn{cursor:pointer;background:var(--brand);color:var(--brand-ink);border-color:var(--brand);font-weight:600}
button.btn.ghost{background:var(--card);color:var(--ink);border-color:var(--line);font-weight:500}
button.btn.danger{background:var(--bad);border-color:var(--bad);color:#fff}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px}
.tablewrap{overflow:auto;max-height:calc(100vh - 210px)}
table{border-collapse:collapse;width:100%;font-size:14px}
th,td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis}
th{position:sticky;top:0;background:var(--card);font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--mute)}
tbody tr:nth-child(even){background:var(--row)}
tbody tr:hover{background:color-mix(in srgb,var(--brand) 10%,transparent)}
td.act{text-align:right;width:1%}
td.act button{border:0;background:none;cursor:pointer;color:var(--brand);font:inherit;padding:2px 6px}
.pager{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:10px;color:var(--mute)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:18px}
.stat{padding:16px}
.stat b{display:block;font-size:28px;line-height:1.1}
.stat span{color:var(--mute);font-size:13px}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px}
.card h3{margin:0;padding:14px 16px 6px;font-size:15px}
.card .inner{padding:0 16px 14px}
.bars div{display:grid;grid-template-columns:110px 1fr 46px;gap:8px;align-items:center;margin:6px 0;font-size:13px}
.bars i{display:block;height:10px;background:var(--brand);border-radius:5px}
dialog{border:1px solid var(--line);border-radius:14px;padding:0;background:var(--card);color:var(--ink);width:min(560px,94vw)}
dialog::backdrop{background:rgba(0,0,0,.45)}
dialog form{padding:18px}
dialog h3{margin:0 0 12px}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fgrid label{display:flex;flex-direction:column;font-size:13px;font-weight:700;color:var(--ink);gap:3px}
.fgrid label input,.fgrid label select,.fgrid label textarea,.fgrid label .muted,.fgrid label small{font-weight:400}
.fgrid label.full{grid-column:1/-1}
.row-end{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.muted{color:var(--mute)}
.tag{display:inline-block;padding:1px 8px;border-radius:99px;font-size:12px;background:var(--row);border:1px solid var(--line)}
.note{padding:12px 14px;background:color-mix(in srgb,var(--accent) 16%,transparent);border-radius:10px;font-size:14px;margin-bottom:14px}
@media (max-width:760px){
  .app{grid-template-columns:1fr}
  nav{position:static;height:auto;display:flex;overflow:auto;gap:4px;padding:8px}
  nav h1,nav .foot{display:none}
  nav #menu{display:flex;gap:4px}
  nav button{white-space:nowrap;width:auto}
  main{padding:16px}
  .fgrid{grid-template-columns:1fr}
}
.tabs{display:flex;gap:6px;margin:0 0 14px;border-bottom:1px solid var(--line)}
.tabs a{padding:9px 16px;text-decoration:none;color:var(--mute);border-bottom:3px solid transparent;font-weight:600}
.tabs a.on{color:var(--brand);border-bottom-color:var(--brand)}
td.act{position:sticky;right:0;background:var(--card);box-shadow:-6px 0 6px -6px rgba(0,0,0,.2)}
.bar.filt .search{min-width:170px;flex:1 1 170px}
.tag.filo{background:#f59e0b;color:#fff;font-weight:700}
.tag.own{background:color-mix(in srgb,var(--ok) 18%,transparent)}
.tag.sup{background:color-mix(in srgb,var(--brand) 16%,transparent)}
.tag.sold{background:color-mix(in srgb,var(--bad) 18%,transparent)}
td.num{text-align:right}
tr.passive td{color:#8a8f98}
.codecell{font-weight:400}
tr.cikma td{background:color-mix(in srgb,var(--accent) 22%,transparent)}
td.act{max-width:none;overflow:visible;text-overflow:clip}
tr.passive td{opacity:1}
tr.passive td:not(.act){color:#8a8f98}
button.mb{border:1px solid var(--line);background:var(--card);color:var(--brand);border-radius:8px;padding:3px 10px;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}
button.mb:hover{background:var(--row)}
td.act button.mb{padding:3px 10px}
.pmenu{position:fixed;z-index:50;background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.2);padding:4px;min-width:170px}
.pmenu button{display:block;width:100%;text-align:left;border:0;background:none;color:var(--ink);padding:8px 12px;border-radius:6px;font:inherit;cursor:pointer}
.pmenu button:hover{background:var(--row)}
.pmenu button.danger{color:var(--bad)}

.togs{display:flex;gap:8px;margin:-4px 0 12px}
.tog{cursor:pointer}
.tog input{position:absolute;opacity:0;pointer-events:none}
.tog span{display:inline-block;padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--mute);font-size:13px;font-weight:600}
.tog input:checked+span{background:var(--mute);color:var(--bg,#fff);border-color:var(--mute)}
.tog input:focus-visible+span{outline:2px solid var(--brand);outline-offset:2px}

.togs{align-items:center;flex-wrap:wrap}

#main td{max-width:200px}
#main td:nth-child(n+1){padding:7px 8px}
#main td,#main th{max-width:112px;padding:7px 6px;font-size:12.5px}
#main td.act{max-width:none}
#main td:nth-child(5),#main th:nth-child(5){max-width:140px}
#main td:nth-child(7),#main th:nth-child(7){max-width:130px}
#main td,#main th{max-width:100px}
#main td:nth-child(5),#main th:nth-child(5){max-width:125px}
#main td:nth-child(7),#main th:nth-child(7){max-width:118px}
#main td.act,#main th:last-child{max-width:none}

td.det{cursor:help;color:var(--brand);text-align:center;font-weight:700}
.dtip{position:fixed;z-index:50;background:var(--card);color:var(--text,inherit);border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 24px rgba(0,0,0,.2);padding:10px 14px;font-size:13px;line-height:1.7;min-width:190px;pointer-events:none}
.dtip span{display:inline-block;min-width:96px;color:var(--mute);font-weight:600}
#main td:nth-child(11),#main th:nth-child(11){max-width:85px}
#main td:nth-child(10),#main th:nth-child(10){width:50px}
#main td:nth-child(4),#main th:nth-child(4){max-width:92px}
#main td:nth-child(7),#main th:nth-child(7){max-width:60px}
#main td:nth-child(8),#main th:nth-child(8){max-width:118px}
#main td:nth-child(10),#main th:nth-child(10){width:auto}
#main td:nth-child(11),#main th:nth-child(11){width:50px;max-width:70px}
#main td:nth-child(12),#main th:nth-child(12){max-width:85px}
#main td:nth-child(4),#main th:nth-child(4){max-width:80px}
#main td:nth-child(5),#main th:nth-child(5){max-width:105px}
#main td:nth-child(6),#main th:nth-child(6){max-width:64px}
#main td:nth-child(8),#main th:nth-child(8){max-width:100px}
#main td:nth-child(3),#main th:nth-child(3){max-width:90px}
#main td:nth-child(12),#main th:nth-child(12){max-width:110px}
#main th{white-space:normal;line-height:1.2;vertical-align:bottom;overflow:visible;text-overflow:clip}
#main td:nth-child(6),#main th:nth-child(6){max-width:70px}
#main td:nth-child(8),#main th:nth-child(8){max-width:92px}

.tabs .btn.big{margin-left:auto;align-self:center;font-size:16px;padding:10px 22px;margin-bottom:6px}
tr.noshow td{color:#a33}

td.foto{width:56px;padding:3px 6px}
img.thumb{width:44px;height:44px;object-fit:cover;border-radius:6px;cursor:zoom-in;display:block;background:var(--line)}
.ftip{position:fixed;z-index:60;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.3);padding:6px;pointer-events:none}
.ftip img{width:300px;height:300px;object-fit:contain;border-radius:8px;display:block}
.bar label.muted{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}

.aud{cursor:help;color:var(--muted,#7a8699);margin-right:8px;font-size:15px}
.aud:hover,.aud:focus{color:var(--accent,#0f4c81);outline:none}
.card.ozet{padding:12px 16px;margin-top:12px}
.ozg{display:flex;gap:28px;flex-wrap:wrap;margin:8px 0}
.ozg div{display:flex;flex-direction:column}.ozg span{font-size:12px;color:var(--muted,#7a8699)}.ozg b{font-size:19px}
#who{font-weight:600}

.up{color:var(--ok);font-weight:600}.down{color:var(--bad);font-weight:600}
.card.stat small{display:block;margin-top:4px}
td.num,th.num{text-align:right}

.card.stat .st{display:block;color:var(--ink);font-size:17px;font-weight:700;margin-bottom:8px;line-height:1.25}
.card.stat b{font-size:44px;font-weight:800;line-height:1.05}
.card.stat small{font-size:13px}

.hzmode > .bar > *:not(.hzlab){display:none !important}
.hzmode > .card, .hzmode > .pager, .hzmode > #tot, .hzmode > .note{display:none}

/* mevsim renkleri */
.mev-kis{color:#3fa7e0;font-weight:700}.mev-yaz{color:#b58900;font-weight:700}.mev-4{color:#e8710a;font-weight:700}
/* Ara düğmesi */
button.btn.ara{padding:8px 22px}
/* panel */
#main .card h3,#main h2{text-transform:uppercase;font-weight:800;letter-spacing:.4px}
#main .card h3{font-size:16px}
#main th{font-weight:800}
.grid{grid-template-columns:repeat(4,1fr)}
.grid .span2{grid-column:span 2}
.card.stat .st{text-transform:uppercase;font-weight:800;font-size:15px;letter-spacing:.4px}
.card.stat b{font-size:32px;font-weight:700}
.card.stat{display:flex;flex-direction:column;justify-content:space-between;min-height:118px}
table.dar{width:auto;min-width:0}
table.dar td,table.dar th{padding:6px 18px 6px 10px}
.card .inner .rtop{display:flex;gap:26px;margin-bottom:8px}
.rtop span{display:block;color:var(--mute);font-size:12px;text-transform:uppercase;font-weight:700}
.rtop b{font-size:26px;font-weight:700}
table.tight td,table.tight th{padding:7px 4px}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}
.grid .span4{grid-column:span 4}
.rflex{display:flex;gap:40px;align-items:flex-start}
#main table.dar th,#main table.dar td{max-width:none;white-space:nowrap}
.card.stat{min-height:0}
.bar .ara-r,.filt .ara-r{margin-left:auto}
select.sel-mute{color:var(--mute)}
select.sel-mute option{color:var(--ink)}
.tog input:checked+span{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}
.tog input:checked+span::before{content:"✓ ";font-weight:800}
.tog.big span{font-size:15px;padding:8px 18px}
.tag.sup{background:color-mix(in srgb,#f08a1c 28%,transparent);border-color:color-mix(in srgb,#f08a1c 55%,transparent)}

td.stk.has{cursor:pointer;position:relative}
td.stk.has:hover{background:rgba(0,0,0,.12)}
td.stk .dd{display:none;font-size:11px;color:var(--muted,#667);margin-top:2px}
td.stk.has:hover .dd{display:block}

/* stok hücresi: boy sabit, "Depo durumu" rakamın yanında (hover'da kayma yok) */
td.stk{white-space:nowrap;min-width:150px}
td.stk .dd{display:inline!important;visibility:hidden;margin:0 0 0 8px;font-size:11px}
td.stk.has:hover .dd{visibility:visible}
td.sepet{white-space:nowrap}
td.sepet .adt{width:48px;padding:3px 4px}
td.sepet .sp{padding:3px 10px;margin-left:4px}

.spw{display:inline-flex;gap:4px;align-items:center;margin-left:8px;white-space:nowrap}
.spw .adt{width:46px;padding:3px 4px}.spw .snot{width:130px;padding:3px 6px}.spw .sp2{padding:3px 10px}
td.stk2{white-space:nowrap}
/* sabit sütun genişlikleri stok/sepet hücrelerindeki "Depo durumu" yazısını kesmesin */
#main td.stk,#main td.stk2,#main td.sepet{max-width:none!important;overflow:visible;text-overflow:clip}

.cdurum{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.cd{font-size:12px;padding:3px 9px;border-radius:12px;background:rgba(0,0,0,.06)}
.cd.ok{background:rgba(40,150,70,.15)}.cd.hata{background:rgba(200,60,60,.15);cursor:help}.cd.kod{background:rgba(230,150,0,.2)}
.cd .kodgir{padding:1px 8px;margin-left:6px}

/* Toptancı arama / Yeni lastik: sütunlar sabit genişlik, rakamlar alt alta */
.cdbar{display:flex;align-items:flex-start;gap:12px}
.cdbar .cdurum{flex:1}
.sonuc{margin:8px 0 0 auto;font-weight:600;white-space:nowrap}
table.gen{width:auto;min-width:0}
table.gen td.num{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
td.kay{text-align:center}
td.kay .tag{display:inline-block;width:118px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
td.kay .tag.filo{display:table;width:auto;max-width:240px;margin:3px auto 0;font-size:11px}   /* filo notu Bizim stok yazısının altında: kaynak yazıları hep aynı hizada */
td.ted{text-align:center;font-weight:600}
.spw{margin-left:0}
.pager .pg{padding:3px 10px;min-width:34px}
.pager .pg[disabled]{opacity:.4}
@media(min-width:900px){table.gen td.sepet{width:300px}}
#main table.gen td{max-width:none!important;overflow:visible;text-overflow:clip}
#main table.gen td:nth-child(3){white-space:nowrap}
table.gen th,table.gen td{padding-left:12px;padding-right:12px}

/* --- Hizalama: her sütun kendi başlığının altında; rakam sütunları başlığıyla birlikte sağa yaslı --- */
table.gen th{text-align:left}
table.gen th.num,table.gen td.num{text-align:right}
table.gen th.c,table.gen td.ted,table.gen td.kay{text-align:center}
#main td.stk .dd{position:absolute!important;display:block!important;visibility:hidden;right:6px;bottom:0;margin:0!important;font-size:10px;white-space:nowrap}
#main td.stk.has:hover .dd{visibility:visible}
#main td.stk,#main td.stk2{padding-bottom:14px;min-width:0!important}
table.gen td.stk{position:relative}
/* Set satırı: ön / arka ölçü büyük, aralıklı ve renkli etiketli */
.sl{display:flex;align-items:center;gap:8px;line-height:1.9;white-space:nowrap}
.sl.sr{justify-content:flex-end}
.sl span{font-size:15px;letter-spacing:.04em}
.etk{font-size:10px;letter-spacing:.06em;padding:1px 0;border-radius:4px;color:#fff;width:46px;flex:none;box-sizing:border-box;text-align:center}
.etk.on{background:#1f6fd1}.etk.ar{background:#d4731a}
td.olcu{white-space:nowrap}
td.olcu:has(.sl){min-width:190px}
td.desen{white-space:normal;min-width:110px;max-width:190px!important}
.sstk.has{cursor:pointer;border-bottom:1px dotted currentColor}
.spw .al{display:inline-flex;align-items:center;gap:3px;font-size:12px}
.spw .al input{width:44px;padding:3px 4px}
td.notc .snot{width:150px;padding:3px 6px}
th.num{text-align:right}

/* Başlık satırı her zaman üstte: kaydırırken stok sütunu başlığa binmez */
table.gen th{z-index:5}
table.gen td.stk,table.gen td.stk2{z-index:0}
.cd.tk{cursor:pointer;user-select:none}
.cd.tk:hover{filter:brightness(.95)}
.cd.tk.sec{background:rgba(25,110,50,.85);color:#fff;font-weight:600}

/* kalın: yalnızca tedarikçi adı, ölçü ve maliyet */
td.olcu,td.mal,td.ted,td.mk{font-weight:700}
td.mal{font-size:inherit}
td.olcu .sl span{font-weight:700}

/* Filtre satırı sıkı: Set ve Ara aynı satırda kalsın */
.bar.filt{gap:6px}
.bar.filt input,.bar.filt select{padding:8px 7px}

/* Arama tabloları sayfayla birlikte kayar (kendi iç kaydırması yok): ok tuşları, Page Down ve End listenin sonuna kadar çalışır */
.tablewrap:has(> table.gen){max-height:none;overflow:visible}

.ayr{font-size:9px;font-weight:700;color:#b45309;white-space:nowrap}

.gwarn{color:#b45309;font-weight:700;cursor:help}
.gbox{grid-column:1/-1;border:1px solid var(--line,#d1d5db);border-radius:10px;padding:10px;background:rgba(245,158,11,.07)}
.gbox h4{margin:0 0 6px;font-size:13px}
.gg{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.gg>div{border:1px solid var(--line,#d1d5db);border-radius:8px;padding:6px 8px;background:#fff;color:#111}
.gg span{display:block;font-size:11px;color:#6b7280}
.gg b{font-size:15px}
.gh{font-size:12px;margin-top:6px}

.cd .sn{opacity:.6;font-size:10px;margin-left:2px}

/* Kasa girişi / çıkışı: bütün sütunlar tek ekrana sığsın (sabit sütun genişlikleri, Açıklama kalan yeri alır) */
#main table.kasa{width:100%;table-layout:fixed}
#main table.kasa th,#main table.kasa td{white-space:normal;max-width:none !important;overflow:visible;text-overflow:clip;padding:6px 6px;font-size:13px;word-break:break-word}
#main table.kasa td.act{white-space:nowrap}
#main table.kasa_kasa_giris th:nth-child(1){width:80px}
#main table.kasa_kasa_giris th:nth-child(2){width:400px}
#main table.kasa_kasa_giris th:nth-child(3){width:96px}
#main table.kasa_kasa_giris th:nth-child(4){width:120px}
#main table.kasa_kasa_giris th:nth-child(6){width:112px}
#main table.kasa_kasa_giris th:nth-child(7){width:128px}
#main table.kasa_kasa_cikis th:nth-child(1){width:80px}
#main table.kasa_kasa_cikis th:nth-child(2){width:230px}
#main table.kasa_kasa_cikis th:nth-child(3){width:100px}
#main table.kasa_kasa_cikis th:nth-child(5){width:128px}
#main table.kasa_kasa_giris td:nth-child(3),#main table.kasa_kasa_cikis td:nth-child(3){text-align:right;white-space:nowrap}
#main table.kasa_kasa_giris td:nth-child(1),#main table.kasa_kasa_cikis td:nth-child(1){white-space:nowrap}
.fgrid>*{min-width:0}
.fgrid label select,.fgrid label input{min-width:0;max-width:100%}

/* Çok kutulu pencereler (İşlem ekle, Satışa ekle, stok düzenle…): geniş pencere, dörtlü sütun. Az kutulu pencereler dar kalır. */
dialog.wide{width:min(1040px,96vw)}
dialog.wide .fgrid{grid-template-columns:repeat(12,1fr)}
dialog.wide .fgrid>label{grid-column:span 3}
dialog.wide .fgrid>label.full,dialog.wide .fgrid>.full,dialog.wide .fgrid>.row-end{grid-column:1/-1}
@media (max-width:760px){dialog.wide .fgrid{grid-template-columns:1fr}dialog.wide .fgrid>label,dialog.wide .fgrid>*{grid-column:1/-1 !important}}
dialog.wide .fgrid .fgrid>label{grid-column:span 4}
/* Yeni lastik ekle: Depo işaret kutusu */
.fgrid label.depoCb .cbw{display:flex;align-items:center;gap:8px;font-weight:400;min-height:34px}
.fgrid label.depoCb .cbw input[type=checkbox]{width:auto;min-width:0;flex:none;margin:0;transform:scale(1.2)}
.fgrid label[hidden]{display:none !important}
.gslot{display:inline-block;width:1.5em;padding-left:.25em;text-align:left;font-weight:400}
.fgrid label .lt{display:block}
.aratemiz{display:inline-flex;gap:8px;flex:none;white-space:nowrap;align-items:center}

/* Panel yeniden düzen */
.pk_ust{grid-template-columns:repeat(4,1fr);margin-bottom:12px}
.pk_ust .card.stat b{font-size:28px;white-space:nowrap}
.pk_alt{grid-template-columns:repeat(6,1fr);margin-bottom:14px}
.pk_alt .card.stat b{font-size:24px}
.pk_alt .card.stat .st{font-size:11px}
.pk small{display:block;margin-top:4px;font-size:12px;line-height:1.35}
.pk.tik{cursor:pointer;transition:box-shadow .15s,border-color .15s}
.pk.tik:hover{box-shadow:0 2px 10px rgba(15,76,129,.18)}
.pk.sel{border-color:#0f4c81;box-shadow:0 0 0 2px rgba(15,76,129,.25)}
.pk_ok{color:#0f4c81;font-weight:600;white-space:nowrap}
.pkg{margin-bottom:14px}
.pkleg{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-bottom:6px;font-size:14px}
.pkleg i{display:inline-block;width:12px;height:12px;border-radius:2px;margin-right:6px;vertical-align:-1px}
.pkleg .up{color:#1b7f3b;font-weight:700}.pkleg .down{color:#b3261e;font-weight:700}
.g1{fill:#0f4c81;background:#0f4c81}.g2{fill:#b8c0cc;background:#b8c0cc}
.pksvg{width:100%;height:auto;max-height:280px}
.pksvg .gl{stroke:#e3e7ee;stroke-width:1}.pksvg .ax{font-size:11px;fill:#6b7480}
.pk_det{margin:14px 0}
.pk_det>summary{cursor:pointer;font-weight:600;padding:10px 14px;background:#fff;border:1px solid #dfe4ec;border-radius:8px;color:#0f4c81}
@media(max-width:1100px){.pk_alt{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.pk_ust{grid-template-columns:repeat(2,1fr)}.pk_alt{grid-template-columns:repeat(2,1fr)}}

.tag.pasiftag{background:#c62828;color:#fff;font-size:10.5px;font-weight:700;padding:1px 6px;letter-spacing:.3px}

#plbtn{background:var(--brand);color:var(--brand-ink);border:0;border-radius:8px;cursor:pointer;font-weight:600}
tr.passive td:first-child{white-space:normal}

/* Depo yerleştir kutusu (12.11): kutular hücreden taşmasın */
.dp_kutu label{min-width:0}
.dp_kutu input,.dp_kutu select{width:100%;max-width:100%;box-sizing:border-box;min-width:0}