*{box-sizing:border-box;margin:0;padding:0;}
:root{
  --bg:#1C1917;--card:#2C2825;--cb:#3D3830;--t1:#FAF9F7;--t2:#D6D0C4;--t3:#78716C;
  --blue-bg:#0C2D4A;--blue:#85B7EB;--blue-m:#378ADD;--green-bg:#173404;--green:#97C459;
  --red-bg:#501313;--red:#F09595;--surf:#2C2825;--surf2:#3D3830;
  --gold:#C9A96E;
  --r:10px;--rl:14px;
}
:root[data-tema="acik"]{
  /* Zemin & yüzeyler — krem/bej naturel */
  --bg:#EDE8E1;--card:#FAF7F3;--surf:#F0EBE4;--surf2:#E5DDD3;--cb:#D6CEC3;
  /* Yazı */
  --t1:#1E1A17;--t2:#5C5248;--t3:#9C9088;
  /* Mavi → koyu arduvaz mavisi (naturel, soğuk değil) */
  --blue-bg:#E4EAF0;--blue:#2C5282;--blue-m:#3B6FA0;
  /* Yeşil → zeytin/orman */
  --green-bg:#CCE5C6;--green:#145210;
  /* Kırmızı → toprak kırmızısı */
  --red-bg:#F2E8E4;--red:#A0442A;
  /* Altın → amber/kehribar */
  --gold:#8A6020;
  /* Awake efekti — naturel border tonları */
}
:root[data-tema="acik"] .card,
:root[data-tema="acik"] .lcard,
:root[data-tema="acik"] .gk      { --box-border: rgba(60,111,160,0.28); }
:root[data-tema="acik"] .isat    { --box-border: rgba(138,96,32,0.30); }
:root[data-tema="acik"] .met     { --box-border: rgba(30,92,24,0.35); }
:root[data-tema="acik"] .met.vurg{ --box-border: rgba(44,82,130,0.35); }
:root[data-tema="acik"] .erow    { --box-border: rgba(138,96,32,0.28); }
*{transition:background-color .2s,border-color .2s,color .15s;}
a,button,input,select,textarea,.pill,.litem,.kar-pill,.mtab,.sekme{transition:background-color .15s,border-color .15s,color .1s!important;}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--t1);font-size:14px;line-height:1.5;min-height:100vh;}
@media(max-width:480px){.hdr-brand h1{font-size:12px;}.hdr-sub{display:none;}.kumas-isim-inp{font-size:12px;max-width:none;}}
.app-header{background:var(--card);border-bottom:1px solid var(--cb);padding:14px 20px;position:sticky;top:0;z-index:100;}
.app-header h1{font-size:17px;font-weight:600;}
.app-header p{font-size:12px;color:var(--t2);}
.container{max-width:1200px;margin:0 auto;padding:16px;}
.main-grid{display:grid;grid-template-columns:1fr 280px;gap:16px;align-items:start;}
@media(max-width:768px){.main-grid{grid-template-columns:1fr;}}
.left-col,.right-col{display:flex;flex-direction:column;gap:12px;}
.card{background:var(--card);border:1px solid var(--cb);border-radius:var(--rl);padding:14px 16px;}
.ctitle{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--t2);margin-bottom:12px;}
/* ── Katlanabilir kartlar ── */
.card.katli>.ctitle{cursor:pointer;position:relative;padding-left:17px;margin-bottom:0;transition:margin-bottom .28s ease;user-select:none;}
.card.katli.acik>.ctitle{margin-bottom:12px;}
.card.katli>.ctitle .katla-chev{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:9px;color:var(--t3);transition:transform .25s ease;}
.card.katli.acik>.ctitle .katla-chev{transform:translateY(-50%) rotate(90deg);}
.card.katli>.katla-govde{overflow:hidden;max-height:0;transition:max-height .3s ease;}
.prow{display:flex;gap:10px;margin-bottom:12px;}
.pg{flex:1;display:flex;flex-direction:column;gap:4px;}
.pg label{font-size:11px;color:var(--t2);}
.pg input[type=number]{width:100%;padding:7px 10px;border:1px solid var(--cb);border-radius:var(--r);background:var(--card);color:var(--t1);font-size:14px;outline:none;appearance:textfield;-moz-appearance:textfield;}
.pg input[type=number]::-webkit-outer-spin-button,.pg input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;}
.pg input[type=number]:focus{border-color:var(--blue-m);box-shadow:0 0 0 3px rgba(55,138,221,.12);}
/* kur satırı */
.kur-row{display:flex;gap:8px;align-items:center;margin-bottom:8px;flex-wrap:wrap;}
.kur-lbl{font-size:11px;color:var(--t2);white-space:nowrap;}
.kur-inp{width:80px;padding:5px 8px;border:1px solid var(--cb);border-radius:var(--r);background:var(--card);color:var(--t1);font-size:13px;font-weight:600;outline:none;appearance:textfield;-moz-appearance:textfield;text-align:center;}
.kur-inp::-webkit-outer-spin-button,.kur-inp::-webkit-inner-spin-button{-webkit-appearance:none;}
.kur-inp:focus{border-color:var(--blue-m);}
.kur-auto-btn{padding:4px 10px;background:none;border:1px solid var(--cb);border-radius:var(--r);font-size:11px;color:var(--t2);cursor:pointer;white-space:nowrap;}
.kur-auto-btn:hover{background:var(--surf);color:var(--t1);}
.kur-status{font-size:10px;color:var(--t3);display:flex;align-items:center;gap:4px;white-space:nowrap;}
.kdot{width:6px;height:6px;border-radius:50%;background:var(--t3);flex-shrink:0;transition:background .3s;}
.kdot.ok{background:var(--green);}
.kdot.err{background:var(--red);}
.kur-status.hata,#k-txt.kur-hata{color:var(--red);font-weight:600;}
.kur-inp.kur-gecersiz{border-color:var(--red);color:var(--red);}
.kur-hesap-uyari{margin-left:7px;color:var(--red);font-size:10px;font-weight:700;white-space:nowrap;}
.kur-hesap-uyari span{text-decoration:line-through;text-decoration-thickness:2px;}
/* toggle */
.trow{display:flex;align-items:center;gap:8px;margin-bottom:8px;}
.trow label{font-size:12px;color:var(--t2);cursor:pointer;display:flex;align-items:center;gap:6px;}
.tcb{width:15px;height:15px;cursor:pointer;accent-color:var(--blue-m);}
.kp-badge{font-size:10px;padding:2px 7px;border-radius:8px;background:var(--blue-bg);color:var(--blue);font-weight:600;border:1px solid var(--blue-m);}
/* pills */
.slbl{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--t2);margin-bottom:8px;}
.fcur{color:var(--blue);font-weight:600;margin-left:6px;text-transform:none;letter-spacing:0;font-size:11px;}
.pw{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px;}
.pill{display:flex;align-items:center;gap:5px;padding:4px 10px;border:1px solid var(--cb);border-radius:20px;font-size:12px;cursor:pointer;background:var(--card);color:var(--t1);transition:background .12s;user-select:none;white-space:nowrap;}
.pill:hover{background:var(--surf);}
.pill.on{background:var(--blue-bg);border-color:var(--blue-m);color:var(--blue);font-weight:600;}
.pill .pd{color:var(--t3);font-size:10px;display:flex;align-items:center;margin-left:6px;}
.pill .pd:hover{color:var(--red);}
.tlink{font-size:11px;color:var(--t2);cursor:pointer;display:inline-flex;align-items:center;gap:3px;margin-top:2px;}
.tlink:hover{color:var(--t1);}
.mform{display:none;flex-direction:column;gap:6px;margin-top:8px;padding:10px;background:var(--surf);border-radius:var(--r);}
.mform.open{display:flex;}
.mfrow{display:flex;gap:6px;}
.mform input{flex:1;padding:6px 8px;border:1px solid var(--cb);border-radius:var(--r);background:var(--card);color:var(--t1);font-size:12px;outline:none;}
.mform input:focus{border-color:var(--blue-m);}
.mbtn{padding:6px 12px;background:var(--card);border:1px solid var(--cb);border-radius:var(--r);font-size:12px;color:var(--t1);cursor:pointer;white-space:nowrap;}
.mbtn:hover{background:var(--surf);}
.pbtn{background:var(--blue);color:#fff;border-color:var(--blue);}
.pbtn:hover{background:var(--blue-m);}
/* mod tabs */
.mtabs{display:flex;border:1px solid var(--cb);border-radius:var(--r);overflow:hidden;margin-bottom:12px;}
.mtab{flex:1;padding:7px 4px;font-size:12px;text-align:center;cursor:pointer;background:var(--card);color:var(--t2);border:none;border-right:1px solid var(--cb);transition:background .12s;}
.mtab:last-child{border-right:none;}
.mtab:hover{background:var(--surf);}
.mtab.on{background:var(--blue-bg);color:var(--blue);font-weight:600;}
.pprow{display:flex;gap:6px;margin-bottom:6px;flex-wrap:wrap;align-items:center;}
.ppill{display:inline-flex;align-items:center;gap:3px;padding:3px 6px 3px 10px;border:1px solid var(--cb);border-radius:12px;font-size:11px;cursor:pointer;background:var(--surf);color:var(--t2);transition:background .12s;white-space:nowrap;}
.ppill:hover{background:var(--card);color:var(--t1);}
.ppill.on{background:var(--blue-bg);border-color:var(--blue-m);color:var(--blue);font-weight:600;}
.pp-act{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border:none;background:transparent;cursor:pointer;border-radius:3px;color:var(--t3);font-size:9px;padding:0;line-height:1;}
.pp-act:hover{background:var(--cb);color:var(--t1);}
.pp-add-btn{padding:2px 8px;border:1px dashed var(--cb);border-radius:12px;font-size:11px;cursor:pointer;background:transparent;color:var(--t3);}
.pp-add-btn:hover{border-color:var(--blue-m);color:var(--blue);}
.pp-form{display:flex;align-items:center;gap:6px;margin-bottom:8px;padding:6px 8px;background:var(--surf);border-radius:var(--r);border:1px solid var(--cb);}
.pp-inp{flex:1;font-size:12px;padding:4px 8px;border:1px solid var(--cb);border-radius:6px;background:var(--card);color:var(--t1);outline:none;}
.pp-inp:focus{border-color:var(--blue-m);}
.pp-ok{padding:3px 10px;font-size:11px;border-radius:6px;border:1px solid var(--blue-m);background:var(--blue-bg);color:var(--blue);cursor:pointer;font-weight:600;}
.pp-iptal{padding:3px 8px;font-size:11px;border-radius:6px;border:1px solid var(--red);background:var(--red-bg);color:var(--red);font-weight:600;cursor:pointer;}
.tbadge{font-size:11px;padding:3px 9px;border-radius:12px;font-weight:600;margin-bottom:8px;display:inline-block;}
.bok{background:var(--green-bg);color:var(--green);}
.berr{background:var(--red-bg);color:var(--red);}
/* iplik satır */
.isat{display:grid;gap:10px;margin-bottom:10px;padding:12px 14px;background:var(--surf);border-radius:var(--r);border:1px solid var(--cb);}
.isat.lyc-shadow{position:relative;opacity:.58;border-color:color-mix(in srgb,var(--blue-m) 34%,var(--cb));background:color-mix(in srgb,var(--surf) 72%,var(--blue-bg) 28%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--blue-m) 22%,transparent),var(--hl);}
.isat.lyc-shadow::after{content:"Fason+Lycra aktif";position:absolute;right:12px;top:8px;font-size:10px;font-weight:700;color:var(--blue-m);opacity:.75;pointer-events:none;}
.isat.tek{grid-template-columns:auto 1fr;}
.isat.cok{grid-template-columns:auto 1fr;}
.isat.jrow{grid-template-columns:auto 1fr auto;}
.ocol{display:flex;flex-direction:column;align-items:center;gap:3px;}
.owrap{display:flex;align-items:center;gap:2px;border:1px solid var(--cb);border-radius:var(--r);background:var(--card);padding:0 6px;}
.owrap:focus-within{border-color:var(--blue-m);}
.oinp{width:38px;font-size:14px;font-weight:600;padding:7px 2px;border:none;background:transparent;color:var(--t1);outline:none;appearance:textfield;-moz-appearance:textfield;text-align:center;}
.oinp::-webkit-outer-spin-button,.oinp::-webkit-inner-spin-button{-webkit-appearance:none;}
.oef{font-size:11px;color:var(--blue);white-space:nowrap;}
.osab{width:54px;font-size:14px;font-weight:600;color:var(--blue);text-align:center;background:var(--blue-bg);border-radius:var(--r);padding:7px 6px;}
.iswrap{min-width:0;}
.iswrap select{width:100%;font-size:14px;padding:7px 10px;border:1px solid var(--cb);border-radius:var(--r);background:var(--card);color:var(--t1);outline:none;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2378716C'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px;}
.iswrap select:focus{border-color:var(--blue-m);}
.ssub{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--t2);margin-top:5px;min-width:0;overflow:hidden;}
.ssub .yab{color:var(--blue);font-weight:600;}
.ssub .sfiyat{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/* küçük durum rozetleri (mod · kaynak · elastan) */
.schip{display:inline-flex;align-items:center;gap:3px;font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:var(--surf2);color:var(--t2);white-space:nowrap;flex-shrink:0;line-height:1.4;}
.schip-blue{background:var(--blue-bg);color:var(--blue);}
.schip-gold{background:color-mix(in srgb,var(--gold,#c9a96e) 16%,transparent);color:var(--gold,#c9a96e);}
.schip-green{background:var(--green-bg);color:var(--green);}
/* İplik seçim satırı: kısaltılmış liste + manuel fiyat grubu */
.isel-row{display:flex;gap:6px;align-items:stretch;min-width:0;}
.isel-row select[data-si]{flex:1;min-width:0;}
.isel-row select[data-si].man-dim{opacity:.45;}
.penye-refresh-btn{width:34px;min-width:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--cb);border-radius:var(--r);background:var(--card);color:var(--t2);cursor:pointer;transition:border-color .15s,background .15s,color .15s,transform .12s;}
.penye-refresh-btn:hover{border-color:var(--blue-m);background:var(--blue-bg);color:var(--blue);}
.penye-refresh-btn:active{transform:scale(.96);}
.penye-refresh-btn svg{width:15px;height:15px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.man-grp{display:flex;align-items:center;flex-shrink:0;border:1px solid var(--cb);border-radius:var(--r);background:var(--card);overflow:hidden;transition:border-color .15s;}
.man-grp:focus-within{border-color:var(--blue-m);}
.man-grp.on,.man-grp.on:focus-within{border-color:var(--gold,#c9a96e);}
.man-inp{width:56px;font-size:13px;font-weight:600;padding:7px 6px;border:none;background:transparent;color:var(--t1);outline:none;text-align:right;appearance:textfield;-moz-appearance:textfield;}
.man-inp::-webkit-outer-spin-button,.man-inp::-webkit-inner-spin-button{-webkit-appearance:none;}
.man-inp::placeholder{color:var(--t3);font-weight:400;}
.man-grp.on .man-inp{color:var(--gold,#c9a96e);}
.iswrap select.man-cur{width:auto;font-size:11px;font-weight:700;padding:7px 20px 7px 6px;border:none;border-left:1px solid var(--cb);border-radius:0;background-position:right 6px center;color:var(--t2);cursor:pointer;}
.man-grp.on .man-cur{color:var(--gold,#c9a96e);}
.man-clr{border:none;border-left:1px solid var(--cb);background:none;color:var(--t3);font-size:11px;padding:0 8px;cursor:pointer;align-self:stretch;}
.man-clr:hover{color:var(--red);background:var(--red-bg);}
/* ── Fiyat hesabı: segmentli kontrol + satır içi açıklama ── */
.hm-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap;}
.hm-lbl{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--t3);white-space:nowrap;}
.hm-seg{display:inline-flex;border:1px solid var(--cb);border-radius:999px;background:var(--card);padding:2px;gap:2px;flex-shrink:0;}
.hm-seg-btn{border:none;background:none;color:var(--t2);font-size:11px;padding:4px 13px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background .12s,color .12s;}
.hm-seg-btn:hover{color:var(--t1);background:var(--surf);}
.hm-seg-btn.on{background:var(--blue-bg);color:var(--blue);font-weight:600;box-shadow:inset 0 0 0 1px var(--blue-m);}
.hm-msg{font-size:10.5px;color:var(--t3);font-style:italic;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/* ── Satır alt araç çubuğu: Boya · ✎ Fiyat · Filtre grupları ── */
.slot-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;}
.st-grp{display:flex;align-items:center;gap:6px;padding:0 9px;min-height:30px;background:var(--card);border:1px solid var(--cb);border-radius:8px;}
.st-boya input[type=checkbox]{accent-color:var(--blue);width:13px;height:13px;cursor:pointer;flex-shrink:0;}
.st-boya label{font-size:11px;font-weight:600;color:var(--t2);cursor:pointer;user-select:none;}
.st-boya.on{border-color:color-mix(in srgb,var(--blue-m) 45%,var(--cb));}
.st-boya.on label{color:var(--blue);}
.st-boya input[type=number]{width:56px;padding:2px 6px;border:1px solid var(--cb);border-radius:6px;background:var(--surf);color:var(--t1);font-size:11px;font-weight:600;outline:none;text-align:right;appearance:textfield;-moz-appearance:textfield;}
.st-boya input[type=number]:focus{border-color:var(--blue-m);}
.st-boya input[type=number]:disabled{opacity:.35;}
.st-unit{font-size:10px;color:var(--t3);white-space:nowrap;}
.st-fiyat-btn{font-size:10px;line-height:1;padding:0 11px;min-height:30px;border:1px solid var(--gold,#c9a96e);border-radius:8px;background:none;color:var(--gold,#c9a96e);font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .12s;}
.st-fiyat-btn:hover{background:color-mix(in srgb,var(--gold,#c9a96e) 12%,transparent);}
.st-fiyat-btn.dis{border-color:var(--cb);color:var(--t3);cursor:not-allowed;opacity:.5;}
.st-fiyat-btn.dis:hover{background:none;}
.st-filtre{margin-left:auto;padding:0 4px 0 9px;min-width:0;}
.st-filtre svg{width:11px;height:11px;stroke:var(--t3);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}
.slot-tools select[data-fi]{width:auto;font-size:10.5px;font-weight:600;padding:4px 20px 4px 4px;border:none;border-radius:6px;background-color:transparent;background-position:right 6px center;color:var(--t2);outline:none;cursor:pointer;max-width:130px;min-width:70px;text-overflow:ellipsis;}
.slot-tools select[data-fi]:hover{color:var(--t1);}
.st-add-btn{font-size:13px;line-height:1;padding:0 8px;min-height:22px;border:1px solid transparent;border-radius:6px;background:var(--blue-bg);color:var(--blue);font-weight:700;cursor:pointer;flex-shrink:0;}
.st-add-btn:hover{border-color:var(--blue-m);}
.st-add-btn:disabled{background:var(--surf);color:var(--t3);cursor:not-allowed;opacity:.45;}
/* Elastan satırı: sol yeşil aksan */
.isat.elastan{box-shadow:inset 3px 0 0 color-mix(in srgb,var(--green) 50%,transparent),var(--hl);}
/* ── Siparişe fiyat gönder: dashboard girişi + gönderim paneli ── */
.fg-giris{display:flex;flex-direction:column;gap:10px;background:var(--surf);border:1px solid var(--cb);border-radius:var(--rl);padding:12px 14px;box-shadow:var(--hl);}
.fg-giris-ust{display:flex;align-items:center;gap:10px;min-width:0;}
.fg-giris-ikon{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:var(--blue-bg);display:flex;align-items:center;justify-content:center;}
.fg-giris-ikon svg{width:15px;height:15px;stroke:var(--blue);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.fg-giris-baslik{display:block;font-size:12px;font-weight:700;color:var(--t1);}
.fg-giris-alt{display:block;font-size:11px;color:var(--t3);line-height:1.5;}
.fg-giris-form{display:flex;gap:8px;flex-wrap:wrap;}
.fg-giris-form .fg-inp{flex:1;min-width:130px;}
.fg-inp{padding:8px 11px;border:1px solid var(--cb);border-radius:var(--r);background:var(--card);color:var(--t1);font-size:13px;outline:none;transition:border-color .15s;}
.fg-inp:focus{border-color:var(--blue-m);box-shadow:0 0 0 3px rgba(55,138,221,.12);}
.fg-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:var(--r);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s;}
.fg-btn svg{width:13px;height:13px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}
.fg-btn-mavi{background:var(--blue);border:1px solid var(--blue);color:#fff;}
.fg-btn-mavi:hover:not(:disabled){background:var(--blue-m);border-color:var(--blue-m);}
.fg-btn-cerceve{background:var(--card);border:1px solid var(--cb);color:var(--t1);}
.fg-btn-cerceve:hover{border-color:var(--blue-m);color:var(--blue);background:var(--blue-bg);}
.fg-row{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end;}
.fg-field{display:flex;flex-direction:column;gap:4px;min-width:0;}
.fg-field label{font-size:11px;color:var(--t2);}
/* Dar ekranda liste tam genişlik, manuel fiyat kutusu alta iner */
@media(max-width:480px){
  .isel-row{flex-wrap:wrap;}
  .isel-row select[data-si]{flex:1 1 100%;}
  .man-grp{margin-left:auto;}
  .st-filtre{margin-left:0;flex:1;}
  .slot-tools select[data-fi]{flex:1;max-width:none;}
  .hm-msg{flex-basis:100%;}
}
/* ── Elastan seçenekleri — katlanabilir panel ── */
.es-opts{margin-top:6px;border:1px solid var(--cb);border-radius:var(--r);background:var(--surf);overflow:hidden;}
.es-opts-baslik{display:flex;align-items:center;gap:7px;width:100%;padding:9px 12px;border:none;background:none;color:var(--t1);font-size:12px;cursor:pointer;text-align:left;}
.es-opts-baslik:hover{background:var(--card);}
.es-chev{display:inline-block;font-size:11px;color:var(--t3);transition:transform .25s ease;}
.es-opts.open .es-chev{transform:rotate(90deg);}
.es-opts-ipucu{margin-left:auto;font-size:10px;color:var(--t3);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.es-opts-govde{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease;}
.es-opts.open .es-opts-govde{grid-template-rows:1fr;}
.es-opts-ic{overflow:hidden;min-height:0;padding:0 10px;}
.es-opts.open .es-opts-ic{padding:2px 10px 10px 10px;}
/* Elastan yeni eklendiğinde panelin açılabildiğini belli eden kısa ipucu animasyonu */
.es-opts.es-hint{animation:esHint 1.1s ease 2;}
.es-opts.es-hint .es-chev{animation:esChevNudge 1.1s ease 2;}
@keyframes esHint{
  0%,100%{border-color:var(--cb);box-shadow:none;}
  40%{border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 22%,transparent);}
}
@keyframes esChevNudge{
  0%,100%{transform:rotate(0deg) translateX(0);}
  35%{transform:rotate(90deg) translateX(1px);}
  60%{transform:rotate(0deg);}
}
.dbtn{background:none;border:none;cursor:pointer;color:var(--t3);font-size:16px;padding:2px 4px;border-radius:6px;display:flex;align-items:center;margin-top:2px;}
.dbtn:hover{background:var(--red-bg);color:var(--red);}
.addbtn{background:none;border:1px dashed var(--cb);border-radius:var(--r);width:100%;padding:9px;font-size:12px;font-weight:600;color:var(--t2);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;margin-top:4px;}
.addbtn:hover{background:var(--surf);}
/* elastan satır */
.erow{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;margin-top:6px;padding:8px 10px;border-radius:var(--r);border:1px solid var(--cb);background:var(--surf);}
.ecb{width:16px;height:16px;cursor:pointer;accent-color:var(--blue-m);}
.eoinp{width:32px;font-size:12px;font-weight:600;padding:4px 2px;border:none;background:transparent;color:var(--t1);outline:none;appearance:textfield;-moz-appearance:textfield;text-align:center;}
.eoinp::-webkit-outer-spin-button,.eoinp::-webkit-inner-spin-button{-webkit-appearance:none;}
.eoinp:disabled{opacity:.35;cursor:not-allowed;}
.eowrap{display:flex;align-items:center;gap:2px;border:1px solid var(--cb);border-radius:var(--r);background:var(--card);padding:0 5px;}
.eowrap:focus-within{border-color:var(--blue-m);}
.eowrap:has(.eoinp:disabled){opacity:.35;}
.einfo{min-width:0;}
.ename{font-size:12px;color:var(--t2);}
.ename.on{color:var(--t1);font-weight:600;}
.enote{font-size:10px;color:var(--t3);margin-top:2px;}
.obox{font-size:11px;color:var(--t2);margin-top:10px;line-height:1.7;padding:10px 12px;background:var(--surf);border:1px solid var(--cb);border-radius:var(--r);}
.obox:empty{display:none;}
.obox strong{color:var(--t1);}
.ozet-artik{color:var(--t3);margin:0 5px;}
.ozet-alt{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px;padding-top:8px;border-top:1px dashed var(--cb);flex-wrap:wrap;}
.ozet-fiyat{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;min-width:0;}
.ozet-lbl{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--t3);white-space:nowrap;}
.ozet-val{font-size:15px;font-weight:700;color:var(--t1);white-space:nowrap;}
.ozet-val small{font-size:10px;font-weight:600;color:var(--t3);}
.ozet-top{font-size:10.5px;font-weight:700;padding:2px 10px;border-radius:999px;white-space:nowrap;flex-shrink:0;}

/* ── İplik kompozisyonu: sade, kademeli açılan çalışma alanı ── */
.iplik-card{padding:0;overflow:hidden;border-color:color-mix(in srgb,var(--blue-m) 34%,var(--cb));}
.iplik-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--cb);}
.iplik-card-head .ctitle{margin:0;font-size:10.5px;}
#komp-ayar-toggle{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--t3);font-size:10px;font-weight:650;cursor:pointer;}
#komp-ayar-toggle:hover,#komp-ayar-toggle.open{border-color:var(--cb);background:var(--surf);color:var(--t1);}
#komp-ayar-toggle svg{width:13px;height:13px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.iplik-card-body{padding:12px 16px 14px;}
.comp-advanced{display:none;margin-bottom:10px;padding:10px;border:1px solid var(--cb);border-radius:10px;background:color-mix(in srgb,var(--surf) 72%,transparent);}
.comp-advanced.open{display:block;animation:slotReveal .16s ease-out;}
.comp-settings-actions{display:flex;justify-content:flex-end;padding-top:8px;border-top:1px solid var(--cb);}

/* Hesap türü tek, anlaşılır bir araç çubuğu */
.hm-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 13px;padding:10px 12px;border:1px solid var(--cb);border-radius:12px;background:color-mix(in srgb,var(--surf) 68%,transparent);}
.hm-title{display:flex;flex-direction:column;gap:1px;min-width:0;}
.hm-lbl{font-size:11px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--t1);}
.hm-msg{font-size:10px;color:var(--t3);font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hm-seg{margin-left:auto;}
.hm-seg-btn{font-size:11px;padding:5px 13px;}

/* Hazır oranlar: araç değil, hızlandırıcı gibi görünür */
.preset-line{display:flex;align-items:center;gap:9px;margin-bottom:10px;min-width:0;}
.preset-label{font-size:9.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--t3);white-space:nowrap;}
.pprow{margin:0;gap:5px;min-width:0;}
.ppill{padding:4px 7px 4px 11px;background:transparent;}
.ppill .pp-act{opacity:0;width:0;overflow:hidden;transition:opacity .12s,width .12s!important;}
.ppill:hover .pp-act,.ppill:focus-within .pp-act{opacity:1;width:14px;}
.pp-add-btn{height:25px;min-width:28px;padding:2px 8px;}
.preset-spacer{flex:1;min-width:0;}
.oran-oto-btn{min-height:25px;padding:3px 8px;border:1px solid var(--cb);border-radius:7px;background:var(--surf);color:var(--t2);font-size:10px;font-weight:700;cursor:pointer;white-space:nowrap;}
.oran-uyari{margin-left:auto;color:var(--red);font-size:10.5px;font-weight:750;white-space:nowrap;}

/* Ana satır: yalnızca oran, iplik ve canlı fiyat bilgisi */
.isat.comp-slot{display:block;margin-bottom:7px;padding:0;background:color-mix(in srgb,var(--surf) 68%,var(--card));border-color:var(--cb);border-radius:10px;box-shadow:none;overflow:hidden;}
.isat.comp-slot:hover{border-color:color-mix(in srgb,var(--blue-m) 42%,var(--cb));}
.isat.comp-slot.elastan{box-shadow:none;}
.isat.comp-slot.lyc-shadow::after{display:none;}
.slot-main{display:grid;grid-template-columns:104px minmax(240px,1fr) max-content 32px 28px;gap:7px;align-items:center;padding:9px 10px;}
.slot-field{display:flex;min-width:0;}
.slot-field-label{display:none;}
.slot-oran .ocol{align-items:stretch;gap:2px;}
.slot-oran .owrap{height:36px;padding:0 8px;background:var(--card);}
.slot-oran .oinp{width:46px;padding:6px 1px;font-size:15px;}
.slot-oran .osab{display:flex;align-items:center;justify-content:center;height:36px;width:100%;padding:6px 10px;color:var(--t1);background:var(--card);border:1px solid var(--cb);font-size:14px;}
.slot-yarn .isel-row{display:flex;gap:6px;min-width:0;width:100%;}
.slot-yarn .isel-row select[data-si]{height:36px;font-size:13px;background-color:var(--card);}
.slot-yarn .isel-row select[data-si].man-dim{opacity:.55;}
.slot-formula{justify-self:end;min-width:150px;padding:0 8px;color:var(--t2);font-size:11.5px;font-weight:550;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;cursor:help;}
.slot-yarn .isel-row{align-items:center;}
.slot-filter-chip{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;max-width:120px;height:24px;padding:0 6px 0 8px;border:1px solid var(--blue-m);border-radius:999px;background:var(--blue-bg);color:var(--blue);font-size:10px;font-weight:700;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.slot-filter-chip span{font-size:12px;opacity:.7;}
.slot-filter-chip:hover span{opacity:1;}
.slot-filter-main{width:100%;height:36px;padding:6px 27px 6px 10px;border:1px solid var(--cb);border-radius:9px;background-color:var(--card);color:var(--t2);font-size:11px;font-weight:600;outline:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2378716C'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer;}
.slot-filter-main:hover,.slot-filter-main:focus{border-color:var(--blue-m);color:var(--t1);}
.slot-main .dbtn{align-self:center;margin:0;width:28px;height:28px;justify-content:center;font-size:13px;opacity:.28;}
.slot-main .dbtn:hover{opacity:1;}
.slot-more-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:30px;padding:0;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--t3);cursor:pointer;}
.slot-more-btn:hover,.slot-more-btn.open{border-color:var(--cb);background:var(--card);color:var(--t1);}
.slot-more-btn.has-settings{color:var(--gold);}
.slot-more-btn svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.slot-more-count{position:absolute;right:2px;top:2px;width:5px;height:5px;min-width:0;padding:0;border-radius:50%;background:var(--gold);font-size:0;}
.slot-more-chev{display:none;}

/* Satıra ait uzman ayarları, gerektiğinde tek yerde açılır */
.slot-advanced{display:none;border-top:1px solid var(--cb);padding:9px 47px 10px 121px;background:color-mix(in srgb,var(--card) 42%,transparent);}
.slot-advanced.open{display:block;animation:slotReveal .16s ease-out;}
@keyframes slotReveal{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
.slot-settings-shell{max-width:680px;border:1px solid var(--cb);border-radius:9px;background:var(--surf);overflow:hidden;}
.slot-settings-head{display:flex;align-items:center;gap:8px;padding:6px 7px 6px 10px;border-bottom:1px solid var(--cb);}
.slot-settings-price{min-width:0;flex:1;padding:0;}
.slot-settings-price .ssub{margin:0;}
.slot-settings-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:3px;margin-left:auto;flex-shrink:0;}
.slot-head-icon{display:inline-flex;align-items:center;justify-content:center;height:27px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--t3);cursor:pointer;}
.slot-head-icon{width:29px;padding:0;}
.slot-head-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.slot-head-icon:hover,.slot-head-icon.on{border-color:var(--cb);background:var(--card);color:var(--t1);}
.slot-head-icon.on{color:var(--blue);border-color:var(--blue-m);background:var(--blue-bg);}
.slot-head-icon.dis{opacity:.38;cursor:not-allowed;}.slot-head-icon.dis:hover{border-color:transparent;background:transparent;color:var(--t3);}
.slot-setting-row{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:14px;min-height:47px;padding:8px 11px;border-bottom:1px solid color-mix(in srgb,var(--cb) 72%,transparent);}
.slot-setting-label{font-size:10.5px;font-weight:700;color:var(--t2);white-space:nowrap;}
.slot-setting-control{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0;}
.slot-setting-control select[data-fi]{width:min(260px,100%);height:31px;padding:4px 25px 4px 9px;border:1px solid var(--cb);border-radius:7px;background-color:var(--card);color:var(--t1);font-size:11px;font-weight:600;outline:none;}
.slot-setting-control .st-add-btn{height:31px;padding:0 10px;font-size:10px;white-space:nowrap;}
.slot-setting-control .man-grp{width:190px;height:31px;}
.slot-setting-control .man-inp{width:100%;min-width:70px;padding:5px 7px;}
.slot-setting-control .st-fiyat-btn{min-height:29px;padding:0 8px;border-color:transparent;color:var(--gold);font-size:10px;font-weight:650;}
.slot-setting-control .st-fiyat-btn:hover{border-color:var(--cb);background:var(--card);}
.slot-setting-control .st-fiyat-btn.dis{color:var(--t3);}
.slot-boya-control input[type=number]{width:62px;padding:4px 6px;border:1px solid var(--cb);border-radius:6px;background:var(--card);color:var(--t1);font-size:11px;font-weight:650;text-align:right;outline:none;appearance:textfield;-moz-appearance:textfield;}
.slot-boya-control input[type=number]:disabled{opacity:.32;}
.setting-switch{position:relative;display:inline-flex;width:31px;height:18px;cursor:pointer;flex-shrink:0;}
.setting-switch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;}
.setting-switch-track{position:absolute;inset:0;border:1px solid var(--cb);border-radius:999px;background:var(--card);transition:background .15s,border-color .15s;}
.setting-switch-track::after{content:"";position:absolute;width:12px;height:12px;left:2px;top:2px;border-radius:50%;background:var(--t3);transition:transform .15s,background .15s;}
.setting-switch input:checked+.setting-switch-track{background:var(--blue-bg);border-color:var(--blue-m);}
.setting-switch input:checked+.setting-switch-track::after{transform:translateX(13px);background:var(--blue);}
.setting-switch input:focus-visible+.setting-switch-track{box-shadow:var(--ring);}
.slot-setting-unit{font-size:10px;color:var(--t3);white-space:nowrap;}
.slot-param-row{display:grid;grid-template-columns:minmax(285px,1fr) minmax(190px,240px);align-items:center;gap:12px;padding:10px 11px;border-bottom:1px solid color-mix(in srgb,var(--cb) 72%,transparent);}
.slot-param-row.editing{background:color-mix(in srgb,var(--blue-bg) 38%,transparent);}
.slot-param-edit-title{font-size:11px;font-weight:750;color:var(--blue);}
.slot-param-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:3px;border:1px solid var(--cb);border-radius:9px;background:var(--card);}
.slot-param-seg.two{grid-template-columns:repeat(2,minmax(0,1fr));}
.slot-param-tab{position:relative;min-height:29px;padding:5px 7px;border:0;border-radius:6px;background:transparent;color:var(--t3);font-size:10px;font-weight:700;cursor:pointer;white-space:nowrap;}
.slot-param-tab:hover{color:var(--t1);background:var(--surf);}
.slot-param-tab.selected{color:var(--blue);background:var(--blue-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--blue-m) 60%,transparent);}
.slot-param-tab.enabled::after{content:"";position:absolute;right:5px;top:5px;width:5px;height:5px;border-radius:50%;background:var(--green);}
.slot-param-editor{display:grid;grid-template-columns:minmax(85px,1fr) 70px;align-items:center;border:1px solid var(--cb);border-radius:9px;background:var(--card);overflow:hidden;}
.slot-param-editor:focus-within{border-color:var(--blue-m);box-shadow:var(--ring);}
.slot-param-editor input{width:100%;height:35px;padding:6px 9px;border:0;background:transparent;color:var(--t1);font-size:12px;font-weight:700;text-align:right;outline:none;appearance:textfield;-moz-appearance:textfield;}
.slot-param-editor select{height:27px;margin-right:4px;padding:3px 22px 3px 7px;border:1px solid var(--cb);border-radius:6px;background-color:var(--surf);color:var(--t1);font-size:10.5px;font-weight:700;outline:none;}
.sp-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:9px 12px;border-bottom:1px solid color-mix(in srgb,var(--cb) 72%,transparent);}
.sp-row:last-child{border-bottom:0;}
.sp-row.sp-on{background:color-mix(in srgb,var(--gold) 8%,transparent);}
.sp-lbl{display:flex;flex-direction:column;gap:2px;min-width:0;}
.sp-lbl b{font-size:11.5px;font-weight:700;color:var(--t1);}
.sp-row.sp-on .sp-lbl b{color:var(--gold);}
.sp-lbl span{font-size:10px;color:var(--t3);line-height:1.35;}
.sp-ctl{display:grid;grid-template-columns:184px 64px;align-items:center;justify-content:end;gap:6px;}
.sp-slot{display:block;}
.sp-mod{margin-left:6px;padding:1px 6px;border-radius:5px;background:var(--blue-bg);color:var(--blue);font-style:normal;font-size:9.5px;font-weight:700;vertical-align:1px;}
.sp-static{display:block;font-size:12px;font-weight:650;color:var(--t1);text-align:right;}
.sp-inp{display:grid;grid-template-columns:minmax(0,1fr) 78px;align-items:center;height:34px;border:1px solid var(--cb);border-radius:8px;background:var(--card);overflow:hidden;}
.sp-inp:focus-within{border-color:var(--blue-m);box-shadow:var(--ring);}
.sp-inp.man-grp.on{border-color:var(--gold);}
.sp-inp input{width:100%;height:100%;padding:5px 9px;border:0;background:transparent;color:var(--t1);font-size:13px;font-weight:700;text-align:right;outline:none;appearance:textfield;-moz-appearance:textfield;}
.sp-inp input::-webkit-outer-spin-button,.sp-inp input::-webkit-inner-spin-button{-webkit-appearance:none;}
.sp-inp input::placeholder{color:var(--t3);font-weight:500;}
.sp-inp select{width:74px;height:26px;margin-right:4px;padding:2px 18px 2px 8px;background-position:right 6px center;border:1px solid var(--cb);border-radius:6px;background-color:var(--surf);color:var(--t1);font-size:10.5px;font-weight:700;outline:none;}
.sp-clr{width:100%;min-height:28px;padding:3px 6px;border:1px solid var(--cb);border-radius:7px;background:transparent;color:var(--t2);font-size:10.5px;font-weight:650;cursor:pointer;}
.sp-clr:hover{color:var(--red);border-color:var(--red);}
.sp-clr.gizli{visibility:hidden;}
.sp-foot{padding:6px 8px;border-top:1px solid var(--cb);}
.slot-formula[data-fopen]{cursor:pointer;border-radius:6px;}
.slot-formula[data-fopen]:hover{color:var(--blue);text-decoration:underline dotted;text-underline-offset:3px;}
.slot-formula.man{color:var(--gold);}
@media(max-width:560px){.sp-row{grid-template-columns:1fr;gap:6px;}.sp-ctl{grid-template-columns:minmax(0,1fr) 64px;justify-content:stretch;}}
.slot-lyc-fire{display:flex;align-items:center;gap:9px;padding:9px 11px;border-bottom:1px solid color-mix(in srgb,var(--cb) 72%,transparent);background:color-mix(in srgb,var(--blue-bg) 34%,transparent);}
.slot-lyc-fire-copy{min-width:0;line-height:1.35;}
.slot-lyc-fire-copy strong{display:block;color:var(--t1);font-size:10.5px;}
.slot-lyc-fire-copy span{display:block;margin-top:2px;color:var(--t3);font-size:9.5px;}
.slot-action-link{display:inline-flex;align-items:center;gap:5px;min-height:27px;padding:4px 8px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--t3);font-size:10px;font-weight:650;cursor:pointer;}
.slot-action-link:hover{border-color:var(--cb);background:var(--surf);color:var(--t1);}
.slot-action-link.primary-link{color:var(--blue);}
.slot-action-link.dis{color:var(--t3);opacity:.48;cursor:not-allowed;}
.slot-action-link.dis:hover{border-color:transparent;background:transparent;}

/* Bileşen ekleme ve sonuç özeti */
.iplik-card .addbtn{margin:6px 0 0;min-height:31px;padding:6px;border-color:transparent;background:transparent;color:var(--t3);font-size:10.5px;}
.iplik-card .addbtn:hover{border-color:var(--cb);background:var(--surf);color:var(--blue);}
.iplik-card .obox{margin-top:8px;padding:9px 2px 0;border:none;border-top:1px solid var(--cb);border-radius:0;background:transparent;}
.compact-result{display:flex;align-items:baseline;justify-content:flex-end;gap:8px;}
.compact-result span{font-size:9.5px;color:var(--t3);}
.compact-result strong{font-size:17px;color:var(--t1);font-variant-numeric:tabular-nums;}
.compact-result small{font-size:10px;color:var(--t3);font-weight:600;}
.compact-result-error{margin-right:auto;font-size:10px;color:var(--red);font-weight:650;}
.compact-result em{font-style:normal;font-size:10.5px;color:var(--t3);font-variant-numeric:tabular-nums;}
/* Kompozisyon çubuğu: oranların hesapta nasıl dağıldığı tek bakışta */
.komp-ozet{display:flex;align-items:center;justify-content:space-between;gap:18px;}
.komp-dagilim{flex:1;min-width:0;max-width:520px;}
.kbar{display:flex;height:8px;border-radius:999px;overflow:hidden;background:var(--surf2);gap:2px;}
.kbar-seg{display:block;min-width:3px;transition:width .2s ease;}
.kbar-gap{display:block;background:repeating-linear-gradient(135deg,transparent 0 4px,color-mix(in srgb,var(--red) 45%,transparent) 4px 6px);}
.kbar-c0{background:var(--blue-m);}.kbar-c1{background:var(--gold);}.kbar-c2{background:#9B87C9;}.kbar-c3{background:#5FA8A0;}.kbar-e{background:var(--green);}
.kleg-row{display:flex;flex-wrap:wrap;gap:3px 12px;margin-top:6px;}
.kleg{display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:240px;font-size:10.5px;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.kleg i{width:7px;height:7px;border-radius:2px;flex-shrink:0;}
.kleg b{color:var(--t1);font-weight:700;font-variant-numeric:tabular-nums;}
.komp-uyari{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;padding:7px 8px 7px 11px;border:1px solid color-mix(in srgb,var(--red) 40%,var(--cb));border-radius:9px;background:color-mix(in srgb,var(--red-bg) 55%,transparent);color:var(--red);font-size:11px;font-weight:600;}
.komp-uyari.soft{border-color:color-mix(in srgb,var(--gold) 40%,var(--cb));background:color-mix(in srgb,var(--gold) 9%,transparent);color:var(--gold);}
.komp-uyari b{font-variant-numeric:tabular-nums;}
.komp-uyari{flex-wrap:wrap;}
.komp-uyari-txt small{font-weight:500;opacity:.8;}
.komp-uyari-btn{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end;}
.komp-duzelt{display:inline-flex;align-items:center;gap:4px;max-width:210px;min-height:27px;padding:4px 9px;border:1px solid color-mix(in srgb,currentColor 45%,transparent);border-radius:7px;background:transparent;color:inherit;font-size:10.5px;font-weight:750;cursor:pointer;white-space:nowrap;}
.komp-duzelt span{overflow:hidden;text-overflow:ellipsis;font-weight:600;}
.komp-duzelt.ana{border-color:currentColor;}
.komp-duzelt:hover{background:var(--card);}
/* İplik arama paneli: satıcı çipleri + fiyat sütunu */
.ipl-cipler{display:flex;flex-wrap:wrap;gap:5px;padding:7px 10px;border-bottom:1px solid var(--cb);max-height:96px;overflow-y:auto;}
.ipl-cip{flex-shrink:0;height:24px;padding:0 10px;border:1px solid var(--cb);border-radius:999px;background:transparent;color:var(--t2);font-size:10.5px;font-weight:650;cursor:pointer;white-space:nowrap;}
.ipl-cip:hover{color:var(--t1);border-color:var(--blue-m);}
.ipl-cip.on{background:var(--blue-bg);border-color:var(--blue-m);color:var(--blue);}
.ipl-cip.odak{outline:2px solid var(--blue-m);outline-offset:2px;}
.ipl-satir{display:flex;align-items:baseline;gap:12px;padding:7px 12px;font-size:12.5px;cursor:pointer;}
.ipl-satir-ad{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ipl-satir-fiyat{flex-shrink:0;font-size:11px;font-weight:600;color:var(--t3);font-variant-numeric:tabular-nums;}
/* Akışı kesmeyen bildirimler */
#toast-kutu{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:10050;display:flex;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 32px);pointer-events:none;}
.toast-item{display:flex;align-items:center;gap:10px;max-width:100%;padding:9px 8px 9px 14px;border:1px solid var(--cb);border-radius:11px;background:var(--card);color:var(--t1);box-shadow:var(--shadow-md);font-size:12.5px;line-height:1.4;pointer-events:auto;animation:toastGir .18s ease-out;}
.toast-item.cikis{opacity:0;transform:translateY(6px);transition:opacity .18s,transform .18s;}
.toast-item button{flex-shrink:0;min-height:28px;padding:3px 10px;border:1px solid var(--blue-m);border-radius:7px;background:var(--blue-bg);color:var(--blue);font-size:11.5px;font-weight:700;cursor:pointer;}
.toast-item .toast-x{min-height:26px;width:26px;padding:0;border-color:transparent;background:transparent;color:var(--t3);font-size:16px;}
.toast-item .toast-x:hover{color:var(--t1);}
@keyframes toastGir{from{transform:translateY(8px)}to{transform:none}}
@media(max-width:760px){#toast-kutu{bottom:calc(92px + env(safe-area-inset-bottom,0px));}}

@media(max-width:760px){
  .slot-main{grid-template-columns:92px minmax(0,1fr) max-content 32px 28px;gap:6px;padding-left:8px;padding-right:8px;}
  .slot-formula{min-width:0;}
  .slot-advanced{padding-left:106px;padding-right:42px;}
  .slot-settings-shell{max-width:none;}
}
@media(max-width:560px){
  .iplik-card-head{padding:10px 12px;}.iplik-card-body{padding:10px 10px 12px;}
  .hm-row{align-items:flex-start;flex-direction:column;gap:8px;}.hm-seg{width:100%;margin:0}.hm-seg-btn{flex:1;}
  .preset-line{align-items:center;flex-wrap:wrap;}.comp-status-hint{display:none;}
  .slot-main{grid-template-columns:76px minmax(0,1fr) 30px 24px;gap:5px;padding:7px 6px;}
  .komp-ozet{flex-direction:column;align-items:stretch;gap:10px;}.komp-dagilim{max-width:none;}
  .komp-uyari{flex-wrap:wrap;}
  .slot-oran .owrap{padding:0 5px;}.slot-oran .oinp{width:38px;}
  .slot-oran{grid-column:1;grid-row:1;}.slot-yarn{grid-column:2;grid-row:1;}.slot-more-btn{grid-column:3;grid-row:1;}.slot-main .dbtn{grid-column:4;grid-row:1;}
  .slot-formula{grid-column:2/4;grid-row:2;justify-self:start;min-width:0;padding:2px 0 0;font-size:10.5px;text-align:left;}
  .slot-main .dbtn{width:24px;}
  .slot-advanced{padding:8px;}
  .slot-setting-row{grid-template-columns:110px minmax(0,1fr);gap:8px;}
  .slot-setting-control{flex-wrap:wrap;}
  .slot-setting-control .man-grp{width:100%;}
  .slot-param-row{grid-template-columns:1fr;gap:8px;}
  .slot-param-editor{width:100%;}
  .slot-settings-head{align-items:center;flex-wrap:wrap;}
  .slot-action-link{flex:1;justify-content:center;}
}
/* metrics */
.mets{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;}
@media(max-width:600px){.mets{grid-template-columns:repeat(2,1fr);}}
.met{background:var(--surf);border-radius:var(--r);padding:10px 12px;}
.met.vurg{background:var(--blue-bg);border:1px solid var(--blue-m);}
.met.mal{border:1px solid var(--surf2);}
.mlbl{font-size:10px;color:var(--t2);margin-bottom:4px;}
.mlbl.bl{color:var(--blue);}
.mval{font-size:17px;font-weight:600;color:var(--t1);}
.mval.bl{color:var(--blue);}
.mval.gr{color:var(--green);}
.msub{font-size:10px;color:var(--t3);margin-top:2px;}
/* adım tablosu */
.atbl{width:100%;border-collapse:collapse;font-size:13px;}
.atbl td{padding:5px 4px;color:var(--t1);}
.atbl td:last-child{text-align:right;font-weight:600;}
.atbl tr.sep td{border-top:1px solid var(--cb);padding-top:8px;}
.atbl tr.bld td{font-weight:600;}
.atbl tr.sat td{font-size:15px;font-weight:600;color:var(--blue);border-top:2px solid var(--cb);padding-top:8px;}
.atbl .muted{color:var(--t2);font-weight:400;}
.fbox{background:var(--surf);border-radius:var(--r);padding:10px 12px;font-size:12px;color:var(--t2);line-height:2.1;}
.fbox strong{color:var(--t1);}
/* sağ listeler */
.lcard{background:var(--card);border:1px solid var(--cb);border-radius:var(--rl);overflow:hidden;}
.lhdr{padding:9px 14px;background:var(--surf);border-bottom:1px solid var(--cb);display:flex;justify-content:space-between;align-items:center;}
.lhdr span{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--t2);}
.ebtn{background:none;border:1px solid var(--cb);border-radius:6px;font-size:10px;color:var(--t2);padding:2px 7px;cursor:pointer;display:flex;align-items:center;gap:2px;height:20px;box-sizing:border-box;white-space:nowrap;}
.ebtn:hover{background:var(--surf2);}
.litem{display:flex;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid var(--cb);cursor:pointer;transition:background .1s;}
.litem.drag-over{background:var(--blue-bg);border-top:2px solid var(--blue-m);}
.litem.dragging{opacity:.4;}
.drag-handle{cursor:grab;color:var(--t3);font-size:11px;padding:0;margin-left:-6px;margin-right:-2px;flex-shrink:0;touch-action:none;opacity:.5;}
.drag-handle:active{cursor:grabbing;}
.satici-blok.drag-over{border-top:2px solid var(--blue-m);background:rgba(55,138,221,.06);}
.satici-blok.dragging{opacity:.4;}
.satici-drag-handle{cursor:grab;color:var(--t3);font-size:11px;padding:0 4px;flex-shrink:0;touch-action:none;opacity:.5;user-select:none;}
.satici-drag-handle:active{cursor:grabbing;}
.litem:last-child{border-bottom:none;}
.litem:hover{background:var(--surf);}
.litem.on{background:var(--blue-bg);}
.litem.on .lname{color:var(--blue);}
.litem.on .lchk{opacity:1;}
.linfo{flex:1;min-width:0;overflow:hidden;}
.lname{font-size:13px;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.lpills{margin-top:2px;}
.lsub{font-size:11px;color:var(--t2);}
.lsub .yab{color:var(--blue);font-weight:600;}
.fiyat-tarih{display:inline-flex;align-items:center;font-size:9px;color:var(--t3);font-weight:650;white-space:nowrap;letter-spacing:.02em;font-variant-numeric:tabular-nums;line-height:1;opacity:.72;padding-left:5px;margin-left:3px;border-left:1px solid currentColor;}
.lpills .fiyat-tarih{color:inherit;opacity:.62;}
/* Liste düzenleme/yeni öğe formlarındaki sayı girişleri — değerler ortalı */
input[id^="hiplf-fiyat"],
input[id^="hfy-fiyat"],
input[id^="hipldir-fiyat"],
input[id^="hiplnew-fiyat"],
input[id^="hiy-fiyat"]{text-align:center;}
.lchk{font-size:14px;color:var(--blue);opacity:0;}
.ldel{font-size:12px;color:var(--t3);cursor:pointer;padding:3px 5px;border-radius:6px;}
.ldel:hover{background:var(--red-bg);color:var(--red);}
.lform{padding:10px 14px;border-top:1px solid var(--cb);background:var(--surf);display:none;flex-direction:column;gap:7px;}
.lform.open{display:flex;}
.lform input,.lform select{padding:6px 9px;border:1px solid var(--cb);border-radius:var(--r);background:var(--card);color:var(--t1);font-size:12px;outline:none;width:100%;}
.lform input:focus,.lform select:focus{border-color:var(--blue-m);}
.frow{display:flex;gap:6px;}
.bsel{font-size:12px;padding:5px 7px;border:1px solid var(--cb);border-radius:var(--r);background:var(--card);color:var(--t1);outline:none;width:auto;}
/* geçmiş */
.gsec{max-width:1200px;margin:0 auto;padding:0 16px 32px;}
.ghdr{margin-bottom:12px;}
.ghdr h2{font-size:13px;font-weight:600;color:var(--t2);letter-spacing:.06em;text-transform:uppercase;}
.gbtnw{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;}
.kbtn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--blue);color:#fff;border:none;border-radius:var(--r);font-size:13px;font-weight:600;cursor:pointer;}
.kbtn:hover{background:var(--blue-m);}
.clbtn{padding:7px 12px;background:none;border:1px solid var(--cb);border-radius:var(--r);font-size:12px;color:var(--t2);cursor:pointer;}
.clbtn:hover{background:var(--red-bg);color:var(--red);border-color:var(--red);}
.gbos{text-align:center;padding:28px;color:var(--t3);font-size:13px;background:var(--card);border:1px dashed var(--cb);border-radius:var(--rl);}
.glist{display:flex;flex-direction:column;gap:8px;}
.gk{background:var(--card);border:1px solid var(--cb);border-radius:var(--rl);padding:14px 16px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start;}
.grup-icerik{display:block;overflow:hidden;transition:all .2s;}
.grup-icerik.gizli{display:none;}
.grup-icerik.gizli~* .grup-ok,.gizli+.grup-ok{transform:rotate(-90deg);}
div:has(>.grup-icerik.gizli) .grup-ok{transform:rotate(-90deg);}
.gk:hover{border-color:var(--blue-m);}
.gkl{min-width:0;}
.gkz{font-size:11px;color:var(--t3);margin-bottom:5px;display:flex;align-items:center;gap:6px;}
.gkzd{width:6px;height:6px;border-radius:50%;background:var(--blue-m);flex-shrink:0;}
.gkk{font-size:13px;font-weight:600;color:var(--t1);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gkd{display:flex;flex-wrap:wrap;gap:6px;}
.gkt{font-size:11px;padding:2px 8px;border-radius:10px;background:var(--surf);color:var(--t2);white-space:nowrap;}
.gkr{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0;}
.gks{font-size:18px;font-weight:700;color:var(--blue);}
.gkm{font-size:12px;color:var(--green);font-weight:600;}
.gksil{background:none;border:none;color:var(--t3);cursor:pointer;font-size:13px;padding:3px 6px;border-radius:6px;}
.gksil:hover{background:var(--red-bg);color:var(--red);}
/* ── İSİM EDİT ── */
.gkk-inp{font-size:13px;font-weight:600;color:var(--t1);background:none;border:none;border-bottom:1px solid var(--cb);outline:none;width:100%;padding:1px 0;margin-bottom:4px;}
.gkk-inp:focus{border-bottom-color:var(--blue-m);}
/* +/- ve çoklu seçim */
.pm-wrap{display:flex;align-items:center;gap:3px;flex-shrink:0;}
.pm-btn{width:24px;height:24px;border-radius:6px;border:1px solid var(--cb);background:var(--card);color:var(--t1);font-size:15px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;}
.pm-btn:hover{background:var(--surf2);}
.pm-cnt{font-size:12px;font-weight:700;color:var(--blue);width:18px;text-align:center;flex-shrink:0;}
.boya-toplam{display:block;font-size:10px;color:var(--green);font-weight:600;padding:2px 7px;background:var(--green-bg);border-radius:8px;margin-top:4px;width:fit-content;}
.gk-guncel{font-size:11px;color:var(--t3);margin-top:5px;padding-top:5px;border-top:1px dashed var(--cb);line-height:1.6;}
.gk-guncel-fiyat{color:var(--blue);font-weight:600;}
.gk-guncel-fark-up{color:var(--red);font-size:10px;margin-left:3px;}
.gk-guncel-fark-dn{color:var(--green);font-size:10px;margin-left:3px;}
/* ── MASAÜSTÜ KAYDET ── */
.save-desk-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--surf);border:1px solid var(--cb);border-radius:var(--r);font-size:13px;font-weight:600;color:var(--t1);cursor:pointer;transition:background .15s;}
.save-desk-btn:hover{background:var(--surf2);}

/* Veriler merkezi */
.data-panel{display:none;position:fixed;inset:0;z-index:400;background:var(--bg);overflow-y:auto;-webkit-overflow-scrolling:touch;}
.data-topbar{position:sticky;top:0;z-index:10;background:var(--card);border-bottom:1px solid var(--cb);padding:11px 16px;display:flex;align-items:center;gap:12px;}
.data-back{display:flex;align-items:center;gap:5px;padding:6px 11px;background:var(--surf);border:1px solid var(--cb);border-radius:8px;cursor:pointer;font-size:11px;font-weight:650;color:var(--t2);white-space:nowrap;}
.data-heading{min-width:0;flex:1;}.data-heading strong{display:block;font-size:15px;color:var(--t1);}.data-heading small{display:block;font-size:10px;color:var(--t3);margin-top:2px;}
.data-actions{display:flex;align-items:center;gap:6px;}.data-search{width:210px;padding:7px 10px;border:1px solid var(--cb);border-radius:8px;background:var(--surf);color:var(--t1);font-size:11px;outline:none;}.data-search:focus{border-color:var(--blue-m);}
.data-add-main{height:32px;padding:0 12px;border:1px solid var(--blue-m);border-radius:8px;background:var(--blue-bg);color:var(--blue);font-size:11px;font-weight:750;cursor:pointer;white-space:nowrap;}.data-add-main:hover{filter:brightness(1.08);}
.data-tabs{background:var(--card);border-bottom:1px solid var(--cb);}.data-tabs-inner{max-width:1060px;margin:0 auto;padding:0 16px;display:flex;gap:22px;}
.data-tab{position:relative;padding:12px 1px 10px;border:0;background:none;color:var(--t3);font-size:12px;font-weight:700;cursor:pointer;}.data-tab.on{color:var(--blue);}.data-tab.on::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--blue);border-radius:2px 2px 0 0;}
.data-view{max-width:1060px;margin:0 auto;padding:16px 16px 50px;}
.saved-group{border:1px solid var(--cb);border-radius:12px;background:var(--card);overflow:hidden;margin-bottom:10px;}
.saved-group-head{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--surf);border-bottom:1px solid var(--cb);}.saved-group-head h3{min-width:0;flex:1;margin:0;font-size:13px;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.saved-group-head span{font-size:10px;color:var(--t3);white-space:nowrap;}
.saved-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,auto) 105px;gap:12px;align-items:center;padding:9px 12px;border-top:1px solid var(--cb);cursor:pointer;}.saved-row:first-child{border-top:0;}.saved-row:hover{background:color-mix(in srgb,var(--surf) 66%,transparent);}
.saved-name{min-width:0;font-size:12px;font-weight:700;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.saved-name small{display:block;font-size:9px;font-weight:400;color:var(--t3);margin-top:2px;}
.saved-prices{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;font-size:11px;color:var(--t2);}.saved-prices b{font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:var(--t3);margin-right:3px;}
.saved-price-pill{padding:0;border:0;background:none;color:inherit;font:inherit;cursor:text;white-space:nowrap;}.saved-price-pill:hover{color:var(--blue);}
.saved-date{text-align:right;font-size:10px;color:var(--t3);white-space:nowrap;}.saved-empty{padding:22px 14px;text-align:center;color:var(--t3);font-size:11px;}
.saved-row-edit{display:grid;grid-template-columns:minmax(170px,1.15fr) repeat(3,minmax(145px,.8fr)) 62px;gap:8px;align-items:center;padding:9px 12px;border-top:1px solid var(--blue-m);border-bottom:1px solid var(--blue-m);background:var(--blue-bg);}
.saved-edit-name,.saved-edit-price input,.saved-edit-price select{height:34px;box-sizing:border-box;border:1px solid var(--cb);border-radius:8px;background:var(--card);color:var(--t1);outline:none;font-size:11px;}.saved-edit-name{width:100%;padding:0 10px;font-size:12px;font-weight:700;}.saved-edit-name:focus,.saved-edit-price input:focus,.saved-edit-price select:focus{border-color:var(--blue-m);box-shadow:0 0 0 2px color-mix(in srgb,var(--blue-m) 18%,transparent);}
.saved-edit-price{display:grid;grid-template-columns:auto minmax(48px,1fr) 54px;align-items:center;gap:5px;}.saved-edit-price>span{font-size:9px;font-weight:750;text-transform:uppercase;color:var(--t3);}.saved-edit-price input{min-width:0;width:100%;padding:0 7px;font-weight:700;font-variant-numeric:tabular-nums;}.saved-edit-price select{width:54px;padding:0 4px;}
.saved-edit-actions{display:flex;gap:4px;justify-content:flex-end;}.saved-edit-actions button{display:inline-flex;align-items:center;justify-content:center;width:29px;height:31px;border:1px solid var(--cb);border-radius:8px;background:var(--card);color:var(--t2);font-size:13px;font-weight:800;cursor:pointer;}.saved-edit-actions button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}.saved-edit-actions .saved-edit-ok{color:var(--green);}.saved-edit-actions .saved-edit-del:hover{color:var(--red);border-color:var(--red);}
@media(max-width:800px){.saved-row-edit{grid-template-columns:1fr 1fr;}.saved-edit-name{grid-column:1/-1}.saved-edit-actions{grid-column:2;}.saved-edit-price{grid-template-columns:46px minmax(55px,1fr) 58px;}}
@media(max-width:650px){.data-topbar{flex-wrap:wrap}.data-heading{order:1}.data-back{order:0}.data-actions{order:2;width:100%}.data-search{width:auto;flex:1}.data-tabs-inner{gap:18px}.saved-group-head{gap:7px}.saved-group-head span{display:none}.saved-row{grid-template-columns:1fr auto;gap:6px 10px}.saved-name{grid-column:1/-1}.saved-prices{justify-content:flex-start}.saved-date{align-self:end}.saved-row-edit{grid-template-columns:1fr}.saved-edit-name,.saved-edit-actions{grid-column:1}.saved-edit-actions{justify-content:flex-start}}
.quick-yarn-overlay{display:none;position:fixed;inset:0;z-index:9800;align-items:center;justify-content:center;padding:18px;background:rgba(10,9,8,.66);backdrop-filter:blur(6px);}.quick-yarn-overlay.open{display:flex;}
.quick-yarn-modal{width:min(520px,100%);border:1px solid var(--cb);border-radius:16px;background:var(--card);box-shadow:0 24px 70px rgba(0,0,0,.45);overflow:hidden;}
.quick-yarn-head{display:flex;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid var(--cb);}.quick-yarn-head strong{flex:1;font-size:15px;color:var(--t1);}.quick-yarn-close{width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--t3);font-size:20px;cursor:pointer;}.quick-yarn-close:hover{background:var(--surf);color:var(--t1);}
.quick-yarn-body{display:flex;flex-direction:column;gap:11px;padding:14px 15px;}.quick-yarn-field{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:10px;}.quick-yarn-field>span{font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.045em;color:var(--t3);}.quick-yarn-field input,.quick-yarn-field select{width:100%;height:39px;box-sizing:border-box;padding:7px 10px;border:1px solid var(--cb);border-radius:9px;background:var(--surf);color:var(--t1);font-size:13px;font-weight:650;outline:none;}.quick-yarn-field input:focus,.quick-yarn-field select:focus{border-color:var(--blue-m);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue-m) 18%,transparent);}
.quick-yarn-types{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:3px;border:1px solid var(--cb);border-radius:9px;background:var(--surf);}.quick-yarn-type{height:33px;border:0;border-radius:7px;background:transparent;color:var(--t3);font-size:11px;font-weight:750;cursor:pointer;}.quick-yarn-type.on{background:var(--blue-bg);color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue-m);}
.quick-yarn-confirm{display:none;align-items:center;gap:7px;margin-top:2px;padding:11px 12px;border:1px solid var(--blue-m);border-radius:10px;background:var(--blue-bg);}.quick-yarn-confirm.show{display:flex;}.quick-yarn-confirm span{min-width:0;flex:1;font-size:12px;font-weight:700;color:var(--t1);}.quick-yarn-confirm button{height:32px;padding:0 14px;border:1px solid var(--cb);border-radius:8px;background:var(--card);color:var(--t2);font-size:11px;font-weight:750;cursor:pointer;}.quick-yarn-confirm .yes{border-color:var(--green);color:var(--green);}.quick-yarn-status{min-height:16px;text-align:center;color:var(--green);font-size:10px;font-weight:650;}
.quick-yarn-actions{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,1fr);gap:8px;margin-top:2px;}.quick-yarn-confirm.show+.quick-yarn-actions{display:none;}.quick-yarn-actions button{height:41px;border:1px solid var(--cb);border-radius:10px;font-size:12px;font-weight:800;cursor:pointer;}.quick-yarn-cancel{background:var(--surf);color:var(--t2);}.quick-yarn-save{border-color:var(--green)!important;background:var(--green);color:var(--bg);}.quick-yarn-status.error{color:var(--red);}
@media(max-width:520px){.quick-yarn-field{grid-template-columns:1fr;gap:5px}.quick-yarn-confirm{flex-wrap:wrap}.quick-yarn-confirm span{flex-basis:100%}}

/* Otomatik kumaş geçmişi */
.hist-icon-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid var(--cb);border-radius:9px;background:var(--surf);color:var(--t2);cursor:pointer;transition:.15s ease;}
.hist-icon-btn:hover{color:var(--blue);border-color:var(--blue-m);background:var(--blue-bg);}
.hist-icon-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.hist-overlay{display:none;position:fixed;inset:0;z-index:9200;background:rgba(10,12,15,.58);backdrop-filter:blur(5px);align-items:stretch;justify-content:flex-end;}
.hist-overlay.open{display:flex;}
.hist-panel{width:min(900px,94vw);height:100%;background:var(--bg);border-left:1px solid var(--cb);box-shadow:-18px 0 50px rgba(0,0,0,.24);display:flex;flex-direction:column;overflow:hidden;}
.hist-head{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--cb);background:var(--card);}
.hist-head-copy{min-width:0;flex:1;}
.hist-head-copy h2{margin:0;font-size:18px;color:var(--t1);font-weight:800;}
.hist-head-copy p{margin:3px 0 0;font-size:11px;color:var(--t3);}
.hist-close{width:34px;height:34px;border-radius:50%;border:1px solid var(--cb);background:var(--surf);color:var(--t2);font-size:20px;cursor:pointer;}
.hist-body{display:grid;grid-template-columns:minmax(235px,285px) minmax(0,1fr);min-height:0;flex:1;}
.hist-list{overflow:auto;border-right:1px solid var(--cb);padding:12px;background:var(--surf);}
.hist-empty{padding:34px 16px;text-align:center;color:var(--t3);font-size:12px;line-height:1.6;border:1px dashed var(--cb);border-radius:var(--rl);background:var(--card);}
.hist-card{width:100%;text-align:left;border:1px solid transparent;border-radius:10px;background:transparent;padding:11px 10px;margin:0 0 4px;cursor:pointer;color:inherit;transition:.15s ease;}
.hist-card:hover,.hist-card.on{border-color:var(--blue-m);box-shadow:0 0 0 2px rgba(55,138,221,.09);}
.hist-card.on{background:var(--blue-bg);}
.hist-card-top{display:flex;align-items:flex-start;gap:8px;}
.hist-card-name{min-width:0;flex:1;font-size:13px;font-weight:750;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hist-card-price{font-size:13px;font-weight:800;color:var(--blue);white-space:nowrap;}
.hist-card-meta{font-size:10px;color:var(--t3);margin-top:5px;display:flex;gap:6px;flex-wrap:wrap;}
.hist-detail{overflow:auto;padding:22px 24px 28px;}
.hist-detail-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
.hist-detail-title{font-size:21px;font-weight:800;color:var(--t1);margin:0;line-height:1.2;}
.hist-detail-sub{font-size:11px;color:var(--t3);margin-top:5px;}
.hist-version-row{display:flex;gap:6px;overflow:auto;padding:15px 0 18px;scrollbar-width:thin;}
.hist-version{flex:0 0 auto;border:1px solid var(--cb);border-radius:18px;background:transparent;color:var(--t2);padding:7px 11px;font-size:10px;cursor:pointer;}
.hist-version.on{color:var(--blue);border-color:var(--blue-m);background:var(--blue-bg);font-weight:700;}
.hist-result{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr) minmax(0,.65fr);border:1px solid var(--cb);border-radius:14px;background:var(--card);overflow:hidden;margin-bottom:10px;}
.hist-result-item{padding:15px 17px;border-left:1px solid var(--cb);min-width:0;}
.hist-result-item:first-child{border-left:0;background:var(--blue-bg);}
.hist-result-item span{display:block;font-size:10px;color:var(--t3);margin-bottom:5px;}
.hist-result-item strong{display:block;font-size:17px;color:var(--t1);white-space:nowrap;}
.hist-result-item:first-child strong{font-size:25px;color:var(--blue);}
.hist-result-item small{display:block;margin-top:3px;font-size:10px;color:var(--t3);}
.hist-change-box{display:flex;align-items:flex-start;gap:8px;border:0;background:transparent;padding:8px 2px 15px;color:var(--t2);font-size:11px;line-height:1.45;}
.hist-change-dot{width:7px;height:7px;margin-top:4px;border-radius:50%;background:var(--blue);flex:0 0 auto;}
.hist-brief{border-top:1px solid var(--cb);padding-top:15px;}
.hist-brief-title{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--t3);margin:0 0 5px;}
.hist-brief-row{display:grid;grid-template-columns:90px minmax(0,1fr);gap:14px;align-items:start;padding:11px 2px;border-bottom:1px solid var(--cb);}
.hist-brief-row:last-child{border-bottom:0;}
.hist-brief-label{font-size:11px;color:var(--t3);padding-top:2px;}
.hist-brief-value{font-size:12px;color:var(--t1);font-weight:700;text-align:right;line-height:1.45;}
.hist-brief-value small{display:block;font-size:10px;font-weight:400;color:var(--t3);margin-top:2px;}
.hist-yarn-list{display:flex;flex-direction:column;gap:6px;}
.hist-yarn{display:flex;justify-content:space-between;gap:10px;align-items:baseline;}
.hist-yarn strong{font-size:12px;color:var(--t1);font-weight:700;text-align:left;}
.hist-yarn span{font-size:11px;color:var(--t2);white-space:nowrap;}
@media(max-width:720px){.hist-panel{width:100vw}.hist-body{grid-template-columns:1fr}.hist-list{max-height:29vh;border-right:none;border-bottom:1px solid var(--cb)}.hist-detail{padding:16px}.hist-head{padding:14px 16px}.hist-result{grid-template-columns:1fr 1fr}.hist-result-item{border-left:1px solid var(--cb)}.hist-result-item:first-child{grid-column:1/-1;border-left:0}.hist-result-item:nth-child(2){border-left:0}.hist-brief-row{grid-template-columns:74px minmax(0,1fr)}}

@media(max-width:500px){.gk{grid-template-columns:1fr;}.gkr{flex-direction:row;align-items:center;justify-content:space-between;}}
/* mobil nav */
.mnav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--card);border-top:1px solid var(--cb);z-index:200;}
.nb{flex:1;padding:10px 4px 8px;display:flex;flex-direction:column;align-items:center;gap:3px;background:var(--card);border:none;color:var(--t3);font-size:10px;cursor:pointer;transition:color .15s;}
@media(max-width:768px){
  .mnav{display:flex;}
  .container{padding-bottom:70px;}
  .right-col{display:none;}
  .right-col.ma{display:flex;}
  .left-col.mh{display:none;}
}
/* ── SEKME SİSTEMİ ── */
.tab-header{background:var(--card);border-bottom:1px solid var(--cb);padding:0 16px;position:sticky;top:53px;z-index:99;display:flex;align-items:stretch;gap:0;overflow-x:auto;scrollbar-width:none;}
.tab-header::-webkit-scrollbar{display:none;}
.kumas-isim-bar{background:var(--card);border-bottom:1px solid var(--cb);padding:7px 16px;position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:10px;}
.kumas-isim-inp{flex:1;max-width:360px;padding:5px 10px;border:1px solid var(--cb);border-radius:var(--r);background:var(--surf);color:var(--t1);font-size:13px;font-weight:500;outline:none;}
.kumas-isim-inp:focus{border-color:var(--blue-m);background:var(--card);box-shadow:0 0 0 3px rgba(55,138,221,.12);}
.kumas-isim-inp::placeholder{color:var(--t3);}
.sekme{display:flex;align-items:center;gap:6px;padding:8px 14px 7px;border:none;background:none;color:var(--t2);font-size:12px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;min-width:0;position:relative;}
.sekme:hover{color:var(--t1);background:var(--surf);}
.sekme.aktif{color:var(--blue);border-bottom-color:var(--blue);background:none;}
.sekme .sekme-isim{max-width:120px;overflow:hidden;text-overflow:ellipsis;}
.sekme .sekme-kapat{width:16px;height:16px;border-radius:50%;border:none;background:none;color:var(--t3);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1;}
.sekme .sekme-kapat:hover{background:var(--surf2);color:var(--t1);}
.sekme-ekle-btn{padding:8px 12px;border:none;background:none;color:var(--t3);font-size:18px;cursor:pointer;line-height:1;flex-shrink:0;}
.sekme-ekle-btn:hover{color:var(--blue);}
.nb:hover{color:var(--t1);}
.nb.on{color:var(--blue);font-weight:600;}
.nb.on .ni{filter:saturate(1.2);}
.ni{font-size:22px;line-height:1;}

/* ── COMBO PANEL ── */
.combo-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:300;align-items:flex-end;justify-content:center;}
.combo-overlay.open{display:flex;}
@media(min-width:520px){.combo-overlay{align-items:center;}}
.combo-panel{background:var(--card);border-radius:18px 18px 0 0;width:100%;max-width:400px;padding:16px;max-height:90vh;overflow-y:auto;box-shadow:0 -4px 32px rgba(0,0,0,.18);}
@media(min-width:520px){.combo-panel{border-radius:18px;}}
.combo-title{font-size:14px;font-weight:600;color:var(--t1);margin-bottom:14px;}
.combo-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:7px;margin-bottom:12px;}
.combo-col-lbl{font-size:10px;font-weight:700;color:var(--t2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px;}
.combo-btn{width:100%;padding:7px 8px;border:1px solid var(--cb);border-radius:8px;background:var(--card);color:var(--t1);font-size:11px;font-weight:500;cursor:pointer;text-align:left;transition:background .1s;}
.combo-btn:hover{background:var(--surf);}
.combo-btn.on{background:var(--blue-bg);border-color:var(--blue-m);color:var(--blue);font-weight:600;}
.combo-btn .cb-sub{font-size:10px;color:var(--t3);margin-top:1px;}
.combo-btn.on .cb-sub{color:var(--blue-m);}
.combo-field{margin-bottom:9px;}
.combo-field label{font-size:10px;color:var(--t2);display:block;margin-bottom:3px;}
.combo-field input,.combo-field select{width:100%;padding:7px 9px;border:1px solid var(--cb);border-radius:8px;background:var(--card);color:var(--t1);font-size:13px;outline:none;font-weight:500;}
.combo-field input:focus,.combo-field select:focus{border-color:var(--blue-m);box-shadow:0 0 0 3px rgba(55,138,221,.12);}
.combo-fiyat-row{display:flex;gap:7px;align-items:center;margin-bottom:9px;}
.combo-fiyat-row label{font-size:10px;color:var(--t2);white-space:nowrap;}
.combo-fiyat-row input{flex:1;padding:7px 9px;border:1px solid var(--cb);border-radius:8px;background:var(--card);color:var(--t1);font-size:13px;outline:none;}
.combo-fiyat-row input:focus{border-color:var(--blue-m);}
.combo-fiyat-row select{padding:7px 5px;border:1px solid var(--cb);border-radius:8px;background:var(--card);color:var(--t1);font-size:12px;outline:none;}
.combo-not-presets{display:flex;gap:7px;margin-top:5px;}
.combo-not-pill{flex:1;padding:5px 8px;border:1px solid var(--cb);border-radius:8px;background:var(--surf);color:var(--t2);font-size:12px;cursor:pointer;text-align:center;}
.combo-not-pill.on{background:var(--blue-bg);border-color:var(--blue-m);color:var(--blue);font-weight:600;}
.combo-actions{display:flex;gap:8px;margin-top:14px;}
.combo-ekle-btn{flex:1;padding:9px;background:var(--blue);color:#fff;border:none;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;}
.combo-ekle-btn:hover{background:var(--blue-m);}
.combo-iptal-btn{padding:9px 16px;background:var(--red-bg);border:1px solid var(--red);border-radius:9px;font-size:12px;color:var(--red);font-weight:600;cursor:pointer;}
.combo-iptal-btn:hover{filter:brightness(1.1);}
.kar-pill{padding:5px 10px;border:1px solid var(--cb);border-radius:8px;background:var(--surf);color:var(--t2);font-size:12px;font-weight:500;cursor:pointer;}

/* ── BOX AWAKENING EFFECT ── */
.card, .lcard, .gk, .isat, .met, .erow {
  transition:
    border-color 0.25s ease,
    box-shadow   0.25s ease,
    background   0.25s ease;
}
.card.awake, .lcard.awake, .gk.awake,
.isat.awake, .met.awake, .erow.awake {
  border-color: var(--box-border, rgba(55,138,221,0.35)) !important;
  box-shadow: 0 0 0 1px var(--box-border, rgba(55,138,221,0.18)), 0 4px 18px rgba(0,0,0,0.18);
  background: var(--box-bg, var(--surf)) !important;
}
/* Renk tonları */
.card, .lcard, .gk         { --box-border: rgba(55,138,221,0.32); --box-bg: color-mix(in srgb, var(--card) 96%, #378ADD 4%); }
.isat                       { --box-border: rgba(135,118,92,0.38); --box-bg: color-mix(in srgb, var(--card) 96%, #C9A96E 4%); }
.met                        { --box-border: rgba(42,145,78,0.35);  --box-bg: color-mix(in srgb, var(--surf) 95%, #97C459 5%); }
.met.vurg                   { --box-border: rgba(55,138,221,0.45); --box-bg: color-mix(in srgb, var(--blue-bg) 96%, #378ADD 4%); }
.erow                       { --box-border: rgba(125,112,88,0.35); --box-bg: color-mix(in srgb, var(--surf) 95%, #C9A96E 5%); }
.pill.on-drag-over{border-color:var(--blue-m);background:var(--blue-bg);outline:2px dashed var(--blue-m);}
.kar-pill:hover{background:var(--blue-bg);border-color:var(--blue-m);color:var(--blue);}
.kar-pill.on{background:var(--blue-bg);border-color:var(--blue-m);color:var(--blue);font-weight:700;}
.ov-val{cursor:text;border-radius:5px;padding:1px 3px;margin:-1px -3px;outline:none;transition:background .15s;}
.ov-val:hover{background:var(--surf2);}
.ov-val:focus{background:var(--surf2);box-shadow:0 0 0 2px var(--blue-m);}
.ov-val.ovr{color:var(--gold)!important;}
.pdf-btn{padding:8px 14px;background:var(--surf);border:1px solid var(--cb);border-radius:var(--r);color:var(--t1);font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;}
.pdf-btn:hover{background:var(--blue-bg);border-color:var(--blue-m);color:var(--blue);}