/* ═══ TEK DÜZEN (2026-10): solda girdiler, sağda hep görünen Sonuç ═══ */
html.tek-duzen .container{max-width:1320px;padding:16px 20px 48px;}
html.tek-duzen .main-grid{grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start;}
html.tek-duzen .left-col{gap:14px;}
#param-card,#ov-hizli-kaydet,.mnav{display:none!important;}

/* Kur şeridi */
#hz-kur{padding:10px 16px!important;}

/* ── Örgü, boya ve fire: satır = etiket · elle kutu + liste · o satırın firesi */
#fason-kart{padding-bottom:6px;container-type:inline-size;align-self:stretch;width:100%;box-sizing:border-box;}
/* Satırlar ortak sütunları paylaşır (subgrid): örgü ve boya kutuları birebir hizalı */
.fz-izgara{display:grid;grid-template-columns:52px minmax(0,1fr) auto;column-gap:16px;}
.fz-satir{grid-column:1/-1;display:grid;grid-template-columns:subgrid;row-gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--cb);}
.fz-izgara>.fz-satir:first-child{border-top:0;padding-top:2px;}
.fz-cipler.kaydi{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 14px);mask-image:linear-gradient(to right,transparent 0,#000 14px);}
.fz-etiket{font-size:12px;color:var(--t2);}
.fz-deger{display:flex;flex-wrap:nowrap;gap:8px;align-items:center;min-width:0;}
.fz-deger [hidden]{display:none!important;}
/* Elle yazma kutusu — önce bu */
.fz-gir{display:inline-flex;align-items:center;gap:4px;height:36px;flex:1 1 auto;min-width:0;max-width:440px;border:1px solid var(--cb);border-radius:9px;background:var(--card);padding:0 4px 0 10px;cursor:text;transition:border-color .12s;}
.fz-gir:focus-within{border-color:var(--blue-m);box-shadow:0 0 0 2px color-mix(in srgb,var(--blue-m) 22%,transparent);}
.fz-gir input{flex:1;min-width:0;border:0;outline:0;background:none;color:var(--t1);font:inherit;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;text-align:left;padding:0;}
.fz-gir input::placeholder{color:var(--t3);font-weight:500;}

.fz-gir-sil{display:none;border:0;background:none;color:var(--t3);font-size:15px;line-height:1;width:22px;height:22px;border-radius:6px;cursor:pointer;padding:0;}
.fz-gir.on{border-color:color-mix(in srgb,var(--gold) 70%,var(--cb));}
.fz-gir.on input{color:var(--gold);}
.fz-gir.on .fz-gir-sil{display:inline-block;}
.fz-gir-sil:hover{color:var(--red);background:var(--surf);}
/* Liste seçici (sağda) */
.fz-orgu-sec{display:flex;flex:0 0 200px;min-width:0;}
.fz-orgu-sec .fz-sec,.fz-boya-sec{width:200px;flex:0 0 200px;justify-content:space-between;}
.fz-sec .fz-ad{overflow:hidden;text-overflow:ellipsis;}
.fz-gir,.fz-yigin{padding-right:6px;}
.fz-sec .fz-ad{flex:0 1 auto;}
.fz-sec .fz-fiyat{margin-left:auto;}
.fz-sec{display:inline-flex;align-items:center;gap:8px;height:36px;max-width:100%;min-width:0;border:1px solid var(--cb);background:var(--surf);border-radius:9px;padding:0 9px 0 11px;font:inherit;font-size:13px;color:var(--t1);cursor:pointer;transition:border-color .12s;}
.fz-sec:hover{border-color:var(--t3);}
.fz-sec.pasif .fz-ad{color:var(--t3);font-weight:500;}
.fz-sec.pasif .fz-fiyat{text-decoration:line-through;}
.fz-sec:focus-visible,.fz-cip button:focus-visible,.fm-ekle:focus-visible,.fz-gir-sil:focus-visible{outline:2px solid var(--blue-m);outline-offset:1px;}
.fz-ad{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}
.fz-fiyat{color:var(--t3);font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums;}
.fz-ok{width:14px;height:14px;flex:0 0 auto;fill:none;stroke:var(--t3);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.fz-boya-sec{flex:0 0 auto;color:var(--t2);}
.fz-boya-sec .fz-ad{font-weight:500;}
/* Boya yığını: tek satır, taşarsa yatay kayar — satır yüksekliği hiç değişmez */
.fz-yigin{display:flex;align-items:center;gap:5px;flex:1 1 auto;min-width:0;max-width:440px;height:36px;border:1px solid var(--cb);border-radius:9px;background:var(--card);padding:0 4px 0 6px;overflow:hidden;cursor:text;transition:border-color .12s;}
.fz-yigin:focus-within{border-color:var(--blue-m);box-shadow:0 0 0 2px color-mix(in srgb,var(--blue-m) 22%,transparent);}
.fz-cipler{display:flex;align-items:center;gap:5px;flex:0 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;}
.fz-cipler:empty{display:none;}
.fz-cipler::-webkit-scrollbar{display:none;}
.fz-yigin input{flex:1 0 64px;min-width:64px;height:100%;border:0;outline:0;background:none;color:var(--t1);font:inherit;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;padding:0 4px;}
.fz-yigin input::placeholder,.fz-gir input::placeholder{color:var(--t3);font-weight:500;font-size:13px;}
.fz-yigin input.hata{color:var(--red);}
.fz-cip{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;height:26px;border:1px solid var(--cb);background:var(--surf);border-radius:7px;padding:0 2px 0 9px;font-size:12.5px;color:var(--t1);white-space:nowrap;}
.fz-cip .fz-fiyat{font-size:11.5px;}
.fz-cip.fz-parca .fz-ad{font-weight:700;font-variant-numeric:tabular-nums;}
.fz-cip.fz-ust{border-color:color-mix(in srgb,var(--gold) 60%,var(--cb));color:var(--gold);}
.fz-yigin.ust .fz-cip:not(.fz-ust){opacity:.45;}
.fz-cip button{border:0;background:none;color:var(--t3);font-size:14px;line-height:1;width:22px;height:22px;border-radius:5px;cursor:pointer;padding:0;}
.fz-cip button:hover{color:var(--red);background:var(--card);}
.fz-toplam{flex:0 0 auto;font-size:13px;font-weight:700;color:var(--t1);white-space:nowrap;font-variant-numeric:tabular-nums;padding-right:2px;}
.fz-boya-secw{display:flex;flex:0 0 200px;min-width:0;}
.fz-toplam:empty{display:none;}
.fz-not{font-size:12px;color:var(--t2);line-height:1.45;}
/* Fire: satırın sağında tek sıra */
.fire-mini{display:flex;align-items:center;gap:8px;justify-self:start;min-width:0;position:relative;}
.fm-etiket{min-width:66px;}
.fm-etiket{font-size:11px;color:var(--t3);white-space:nowrap;}
.fm-pills{display:flex;gap:4px;align-items:center;flex-wrap:nowrap;}
.fm-pills[hidden],.fm-form[hidden]{display:none!important;}
/* Silme: hapın köşesinde, üzerine gelince görünür */
#fason-kart .fire-mini .pill{position:relative;}
.fm-sil{position:absolute;top:-7px;right:-7px;width:18px;height:18px;border-radius:50%;border:1px solid var(--cb);background:var(--card);color:var(--t2);font-size:12px;line-height:1;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .12s;z-index:1;}
#fason-kart .fire-mini .pill:hover .fm-sil,#fason-kart .fire-mini .pill:focus-within .fm-sil,.fm-sil:focus-visible{opacity:1;}
.fm-sil:hover{color:#fff;background:var(--red);border-color:var(--red);}
@media(hover:none){.fm-sil{opacity:.85;}}
#fason-kart .fire-mini .pill{margin:0;padding:0 8px!important;height:36px;box-sizing:border-box;min-width:40px;display:inline-flex;align-items:center;cursor:pointer;}
.fm-ekle{height:36px;width:36px;border:1px dashed var(--cb);border-radius:8px;background:none;color:var(--t3);font-size:15px;line-height:1;cursor:pointer;padding:0;}
.fm-ekle:hover{color:var(--blue-m);border-color:var(--blue-m);}
.fm-form{display:flex;gap:4px;align-items:center;}
.fm-form input{height:30px;border:1px solid var(--cb);border-radius:7px;background:var(--card);color:var(--t1);font:inherit;font-size:12px;padding:0 8px;outline:0;}
.fm-form input[data-fmb-ifval],.fm-form input[data-fmb-ffval]{width:64px;text-align:center;}
.fm-form input:focus{border-color:var(--blue-m);}
.fm-tamam{height:30px;padding:0 10px;border:0;border-radius:7px;background:var(--blue);color:#fff;font-size:12px;font-weight:600;cursor:pointer;}
.fm-iptal{height:30px;width:26px;border:0;background:none;color:var(--t3);font-size:15px;cursor:pointer;}
/* Kart daralınca fire kendi satırının altına iner (aynı hizada) */
@container (max-width:780px){
  .fz-izgara{grid-template-columns:52px minmax(0,1fr);}
  .fire-mini{grid-column:2;justify-self:start;}
}

/* Örgü/boya seçici */
#fz-panel{position:fixed;z-index:9600;background:var(--card);border:1px solid var(--cb);border-radius:11px;box-shadow:0 14px 34px rgba(0,0,0,.2);display:flex;flex-direction:column;overflow:hidden;}
.fz-ara{padding:9px 12px;border-bottom:1px solid var(--cb);display:flex;align-items:center;gap:8px;}
.fz-adet{font-size:10px;color:var(--t3);white-space:nowrap;flex-shrink:0;}
.fz-ara input{flex:1;min-width:0;width:100%;border:0;outline:0;background:none;color:var(--t1);font:inherit;font-size:13px;}
.fz-liste{overflow-y:auto;overscroll-behavior:contain;padding:4px 0;flex:1;}
.fz-grup{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--t3);padding:9px 12px 4px;}
.fz-satir-l{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 12px;font-size:13px;color:var(--t1);cursor:pointer;}
.fz-satir-l .fz-ad{font-weight:500;}
.fz-satir-l.aktif{background:var(--blue-bg);}
.fz-satir-l.on .fz-ad{font-weight:700;color:var(--blue);}
.fz-tik{color:var(--blue);font-weight:700;font-size:12px;}
.fz-bos{padding:18px;text-align:center;color:var(--t3);font-size:12px;}
.fz-alt{border-top:1px solid var(--cb);padding:7px 12px;font-size:10px;color:var(--t3);}

/* ── Sonuç kolonu: masaüstünde sabit */
.sonuc-kolon{position:sticky;top:106px;display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 118px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;border-radius:var(--rl,14px);}
.sonuc-kolon::-webkit-scrollbar{display:none;}
#sonuc-kart{padding:16px 22px 14px!important;margin:0;}
#sonuc-kart>.ctitle{margin-bottom:10px!important;}
.sn-baslik{font-weight:700;color:var(--t1);}
#ozet-baslik-sep,#ozet-baslik-isim{display:none!important;}
/* Satış fiyatı: sayfanın ana sonucu */
#sonuc-kart .met.vurg{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 7px;background:var(--blue-bg)!important;border:1px solid color-mix(in srgb,var(--blue-m) 35%,transparent)!important;border-radius:12px!important;padding:14px 16px 13px!important;margin:0 0 4px;box-shadow:none!important;min-height:0!important;transform:none!important;}
#sonuc-kart .met.vurg .mlbl{flex-basis:100%;font-size:12px!important;color:var(--blue)!important;margin:0!important;text-transform:none!important;letter-spacing:0!important;}
#sonuc-kart .met.vurg .mval{font-size:40px!important;line-height:1.05!important;font-weight:800!important;color:var(--blue)!important;letter-spacing:-.01em;font-variant-numeric:tabular-nums;}
#sonuc-kart .met.vurg .msub{margin:0!important;}
#sonuc-kart .met.vurg>.msub:nth-child(3){font-size:14px!important;font-weight:600;color:var(--blue)!important;opacity:.75;}
#sonuc-kart .met.vurg>.msub:nth-child(4){flex-basis:100%;font-size:12px!important;margin-top:3px!important;}
/* Kâr: satışın hemen altında, onu doğrudan değiştirir */
#sonuc-kart>div:has(>#kar-normal){margin:0!important;padding:10px 0 12px!important;border-top:0!important;border-bottom:1px solid var(--cb);}
#sonuc-kart #kar-normal{align-items:center!important;gap:8px!important;flex-wrap:nowrap!important;}
#sonuc-kart #kar-normal .pg{max-width:none!important;display:flex!important;flex-direction:row!important;align-items:center;gap:8px;margin:0;flex:1 1 auto;}
#sonuc-kart #kar-normal .pg label{margin:0;font-size:12px;color:var(--t2);white-space:nowrap;text-transform:none;letter-spacing:0;}
#sonuc-kart #p-kar{width:64px;padding:6px 8px;font-size:14px;font-weight:700;text-align:center;}
#sonuc-kart .kar-pill{padding:6px 4px;font-size:12px;flex:1 1 0;min-width:0;text-align:center;white-space:nowrap;}
/* Kâr satırı kolona sığar: hazır oranlar kalan genişliği eşit paylaşır */
#sonuc-kart #kar-normal>div:not(.pg){flex:1 1 auto;min-width:0;display:flex;gap:5px;padding-bottom:0!important;}
#sonuc-kart #kar-normal .pg{flex:0 0 auto;}
#sonuc-kart #p-kar{width:54px!important;}
#sonuc-kart{overflow-x:hidden;}
/* Maliyet kalemleri: etiket solda, değer sağda */
#sonuc-kart .mets{display:flex!important;flex-direction:column;gap:0!important;margin:0!important;grid-template-columns:none!important;}
#sonuc-kart .mets .met{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:18px;background:none!important;border:0!important;border-bottom:1px solid var(--cb)!important;border-radius:0!important;padding:9px 0!important;min-height:0!important;box-shadow:none!important;transform:none!important;}
#sonuc-kart .mets .met .mlbl{grid-column:1;grid-row:1;font-size:13px!important;color:var(--t1)!important;margin:0!important;text-transform:none!important;letter-spacing:0!important;font-weight:500;}
#sonuc-kart .mets .met .mval{grid-column:2;grid-row:1;font-size:15px!important;font-weight:700!important;text-align:right;color:var(--t1);font-variant-numeric:tabular-nums;letter-spacing:.01em;min-width:5ch;}
#sonuc-kart .mets .met .msub{grid-column:1/-1;font-size:11px!important;color:var(--t3)!important;margin:1px 0 0!important;line-height:1.35;}
#sonuc-kart .mets .met .msub:empty{display:none;}
#sonuc-kart .mets .met.mal .mval{color:var(--green)!important;font-size:16px!important;}
#sonuc-kart .mets .met.mal{border-bottom:0!important;}
#sonuc-kart .mets .met.mal>.msub:nth-child(3){display:none;}
/* Elle yazılabilir değerler belli olsun */
#sonuc-kart .ov-val{cursor:text;border-bottom:1px dashed color-mix(in srgb,var(--t3) 55%,transparent);border-radius:5px;padding:3px 7px 2px;margin-right:-7px;outline:none;}
#sonuc-kart .ov-val:hover{background:var(--surf);}
#sonuc-kart .ov-val:focus{background:var(--card);border-bottom-color:var(--blue-m);box-shadow:0 0 0 2px color-mix(in srgb,var(--blue-m) 25%,transparent);}
#sonuc-kart .ov-val.ovr{color:var(--gold)!important;}
/* Dağılım çubuğu */
:root{--bar-kar:#B579DF;}
:root[data-tema="acik"]{--bar-kar:#8045A5;}
.sn-bar{margin:12px 0 2px;}
.sn-bar[hidden]{display:none;}
.sn-bar-cizgi{display:flex;gap:2px;height:8px;border-radius:5px;overflow:hidden;}
.sn-bar-cizgi span{min-width:3px;}
.sn-bar-etiket{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:8px;font-size:11px;color:var(--t2);font-variant-numeric:tabular-nums;}
.sn-bar-etiket i{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:5px;}
.sn-eylem{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:14px 0 2px;}
.sn-eylem #gs-kaydet{grid-column:1/-1;padding:10px;font-size:13px;}
.sn-eylem .gs-btn{padding:8px 10px;}
#sonuc-kart #pv-kalem-notu{margin:10px 0 0!important;font-size:11px!important;background:none!important;padding:0!important;text-align:left!important;color:var(--t3)!important;}
#liste-kart .lhdr>span:first-child{visibility:hidden;width:0;overflow:hidden;}
#sonuc-kart #pv-kalem-notu::before{content:'Hesapta kullanılan: ';color:var(--t3);font-weight:400;}
#sonuc-kart .fg-blok{margin-top:14px!important;}

/* ── Fiyat listeleri: tek kart, sekmeli */
#liste-kart{padding:0!important;overflow:hidden;}
.lk-baslik{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px 12px;}
.lk-sekmeler{display:flex;gap:2px;background:var(--surf);border:1px solid var(--cb);border-radius:9px;padding:2px;}
.lk-sekmeler button{border:0;background:none;font:inherit;font-size:12px;color:var(--t2);padding:5px 13px;border-radius:7px;cursor:pointer;}
.lk-sekmeler button.on{background:var(--card);color:var(--t1);font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.08);}
#liste-kart .right-col{position:static!important;max-height:none!important;overflow:visible!important;display:block!important;padding:0!important;gap:0!important;}
#liste-kart .lk-gizli{display:none!important;}
#liste-kart .lcard{border:0!important;border-radius:0!important;box-shadow:none!important;border-top:1px solid var(--cb)!important;margin:0!important;}

/* Araçlar (katlanır kartlar) daha sakin */
#left-col>.card.katli{padding-top:12px;padding-bottom:12px;}
.formul-detay{margin-top:12px;}
.formul-detay summary{cursor:pointer;font-size:12px;color:var(--t2);}
.formul-detay .fbox{margin-top:8px;}

/* ── Telefon / dar ekran: tek sütun, Sonuç Fason kartından sonra; altta sabit fiyat */
.sn-alt{display:none;}
@media(max-width:1099px){
  html.tek-duzen .main-grid{display:flex!important;flex-direction:column;gap:12px;}
  html.tek-duzen #left-col{display:contents!important;}
  #hz-kur{order:1;}
  #left-col>.iplik-card{order:2;}
  #fason-kart{order:3;}
  .sonuc-kolon{order:4;position:static;max-height:none;overflow:visible;}
  #gecmis-ozet{order:5;}
  #liste-kart{order:6;}
  #left-col>.card.katli{order:7;}
  .sn-alt{display:flex;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:300;align-items:baseline;gap:10px;padding:12px 16px;border-radius:14px;background:var(--card);border:1px solid var(--cb);box-shadow:0 8px 28px rgba(0,0,0,.22);cursor:pointer;transition:transform .22s ease,opacity .22s ease;}
  .sn-alt.gizle{transform:translateY(150%);opacity:0;pointer-events:none;}
  .sn-alt-l{font-size:12px;color:var(--t2);}
  .sn-alt strong{font-size:20px;color:var(--blue);font-weight:800;font-variant-numeric:tabular-nums;}
  .sn-alt-m{font-size:12px;color:var(--t3);margin-left:auto;white-space:nowrap;}
  .sn-alt-ok{color:var(--t3);}
  html.tek-duzen .container{padding:12px 12px 96px;}
}
@media(max-width:560px){
  .fz-izgara{grid-template-columns:minmax(0,1fr);}
  .fz-orgu-sec,.fz-boya-secw{flex-basis:128px;}
  .fz-orgu-sec .fz-sec,.fz-boya-sec{width:128px;flex-basis:128px;padding:0 8px 0 10px;}
  .fz-sec .fz-fiyat{display:none;}
  .fz-yigin input{flex-basis:48px;min-width:48px;}
  .fz-satir{gap:8px;}
  .fire-mini{grid-column:1;}
  .fz-yigin{max-width:none;}
  #sonuc-kart .met.vurg .mval{font-size:34px!important;}
  .lk-baslik{flex-wrap:wrap;}
}
@media (prefers-reduced-motion:reduce){.sn-alt{transition:none;}}

/* ── Fiyat listesi satırı: … Hesapta · ☆ favori · ✎ düzenle */
.litem.yarn-manage-row{grid-template-columns:14px minmax(0,1fr) auto 28px 28px;}
.yarn-row-status{grid-column:3;}
.yarn-row-fav{grid-column:4;padding:0;cursor:pointer;}
.yarn-row-edit{grid-column:5;}
.yarn-row-fav svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;}
.yarn-manage-row .yarn-row-fav.on,.yarn-manage-row:hover .yarn-row-fav.on{color:var(--gold);}
.yarn-row-fav.on svg{fill:currentColor;}
.yarn-row-fav:hover,.yarn-row-fav:focus-visible{background:var(--surf)!important;color:var(--gold)!important;outline:1px solid color-mix(in srgb,var(--gold) 50%,transparent);}
@media(max-width:480px){.litem.yarn-manage-row{grid-template-columns:8px minmax(0,1fr) auto 25px 25px;}}
/* Mod satırı: Peşin · Vadeli · Manuel ……… + Liste */
.liste-ekle-btn{margin-left:auto;flex-shrink:0;padding:3px 10px;border:1px solid var(--cb);border-radius:12px;background:var(--card);color:var(--t2);font-size:10px;font-weight:600;letter-spacing:.02em;line-height:1.3;cursor:pointer;white-space:nowrap;}
.liste-ekle-btn:hover{color:var(--t1);border-color:var(--blue-m);}

/* ── Kompozisyon satırı: liste fiyatı seçimin içinde, yanında geçici fiyat kutusu */
.isel-kutu{position:relative;display:flex;flex:1;min-width:0;}
.slot-yarn .isel-row .isel-kutu select[data-si]{flex:1;min-width:0;padding-right:112px;text-overflow:ellipsis;}
.isel-fiyat{position:absolute;right:30px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:12.5px;font-weight:600;color:var(--t2);font-variant-numeric:tabular-nums;white-space:nowrap;}
.isel-fiyat.pasif{text-decoration:line-through;color:var(--t3);font-weight:500;}
.slot-gecici{display:inline-flex;align-items:center;gap:6px;height:36px;width:132px;border:1px solid var(--cb);border-radius:8px;background:var(--card);padding:0 5px 0 11px;cursor:text;transition:border-color .12s;}
.slot-gecici:focus-within{border-style:solid;border-color:var(--blue-m);box-shadow:0 0 0 2px color-mix(in srgb,var(--blue-m) 22%,transparent);}
.slot-gecici input{flex:1;min-width:0;border:0;outline:0;background:none;color:var(--t1);font:inherit;font-size:13.5px;font-weight:700;font-variant-numeric:tabular-nums;text-align:left;padding:0;}
.slot-gecici input::placeholder{color:var(--t3);font-weight:400;font-size:12.5px;}
.slot-gecici-birim,.fz-birim{flex:0 0 auto;height:22px;min-width:34px;border:1px solid var(--cb);background:var(--surf);font:inherit;font-size:10.5px;font-weight:700;letter-spacing:.03em;color:var(--t2);cursor:pointer;padding:0 6px;border-radius:6px;}
.slot-gecici-birim:hover,.fz-birim:hover{color:var(--blue-m);border-color:var(--blue-m);}
.slot-gecici.on{border-style:solid;border-color:color-mix(in srgb,var(--gold) 70%,var(--cb));}
.slot-gecici.on input{color:var(--gold);}
.slot-gecici-sil{border:0;background:none;color:var(--t3);font-size:15px;line-height:1;width:22px;height:22px;border-radius:6px;cursor:pointer;padding:0;}
.slot-gecici-sil:hover{color:var(--red);background:var(--surf);}
/* İplik ayarları: satırın altında ince şerit, ok ile açılır liste */
#iplik-ed .slot-main{grid-template-columns:104px minmax(240px,1fr) max-content 28px;padding-bottom:4px;}
.slot-ayar-serit{display:flex;align-items:center;gap:8px;width:calc(100% - 20px);margin:0 10px;padding:3px 4px 6px 115px;border:0;background:none;font:inherit;font-size:11.5px;color:var(--t3);cursor:pointer;text-align:left;min-height:24px;}
.slot-ayar-serit:hover .slot-ayar-ad,.slot-ayar-serit:focus-visible .slot-ayar-ad{color:var(--t1);}
.slot-ayar-serit:focus-visible{outline:2px solid var(--blue-m);outline-offset:-2px;border-radius:6px;}
.slot-ayar-ad{font-weight:600;letter-spacing:.01em;transition:color .12s;}
.slot-ayar-cip{font-size:11px;font-weight:600;color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,transparent);border-radius:999px;padding:1px 8px;white-space:nowrap;}
.slot-ayar-ok{width:13px;height:13px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s ease;}
.slot-ayar-serit.open{color:var(--t2);}
.slot-ayar-serit.open .slot-ayar-ok{transform:rotate(180deg);}
.isat.comp-slot .slot-advanced{border-top:0;padding:0 47px 12px 125px;background:none;}
@media(max-width:760px){.slot-ayar-serit{padding-left:100px;}.isat.comp-slot .slot-advanced{padding:0 10px 10px 104px;}}
@media(max-width:560px){
  #iplik-ed .slot-main{grid-template-columns:76px minmax(0,1fr) 24px;}
  .slot-ayar-serit{padding-left:80px;}
  .isat.comp-slot .slot-advanced{padding:0 8px 8px;}
  .slot-main .dbtn{grid-column:3!important;}
  .slot-gecici{grid-column:2/4;grid-row:2;justify-self:start;width:140px;height:32px;}
  .slot-yarn .isel-row .isel-kutu select[data-si]{padding-right:92px;}
  .isel-fiyat{font-size:11.5px;right:26px;}
}
/* Maliyet markası */
.hdr-brand{display:flex;align-items:center;gap:8px;min-width:0;}
.brand-logo{display:block;width:34px;height:34px;object-fit:contain;flex:none;}
.login-brand-logo{display:block;width:64px;height:64px;object-fit:contain;margin:0 auto 12px;}
@media(max-width:480px){.brand-logo{width:28px;height:28px;}}

/* Hesap çalışma alanı — sakin yüzeyler, tek marka rengi, net odak. */
:root{
  --bg:#0b0f15;--card:#181e28;--surf:#1e2531;--surf2:#242c38;--cb:#242c38;
  --t1:#e6ebf2;--t2:#8e9aab;--t3:#718096;
  --blue:#0a84ff;--blue-m:#0a84ff;--blue-bg:rgba(10,132,255,.14);
  --green:#30d158;--green-bg:rgba(48,209,88,.12);--gold:#ffd60a;
  --red:#ff453a;--red-bg:rgba(255,69,58,.13);
  --r:9px;--rl:16px;
}
:root[data-tema="acik"]{
  --bg:#eceef2;--card:#ffffff;--surf:#f2f4f7;--surf2:#f6f7f9;--cb:#e4e7ec;
  --t1:#172131;--t2:#526072;--t3:#606c7f;
  --blue:#075bb5;--blue-m:#075bb5;--blue-bg:#eaf4ff;
  --green:#248a3d;--green-bg:#edf8f0;--gold:#9a6700;
  --red:#d70015;--red-bg:#fff0f1;
}
body{font-size:14px;-webkit-font-smoothing:antialiased;}
.app-header{height:64px!important;padding:0 max(24px,calc((100vw - 1280px)/2))!important;gap:24px!important;background:var(--card)!important;}
.hdr-brand{gap:10px;}
.brand-logo{width:32px;height:32px;}
.hdr-brand h1{font-size:16px!important;letter-spacing:-.025em;}
.hdr-sub{display:none;}
.kumas-isim-inp{background:var(--surf)!important;border:1px solid transparent!important;border-radius:9px!important;height:36px;padding:0 12px!important;font-weight:500;max-width:340px;}
.kumas-isim-inp:hover,.kumas-isim-inp:focus{border-color:var(--cb)!important;}
#canli-btn{border:0!important;background:var(--surf)!important;border-radius:8px!important;padding:8px 12px!important;font-weight:600!important;}
#profil-badge-btn{height:34px;border:0!important;background:transparent!important;padding-right:4px!important;}
.tab-header{top:64px!important;min-height:44px;padding:6px max(24px,calc((100vw - 1280px)/2))!important;background:var(--card)!important;box-shadow:none!important;border-bottom:1px solid var(--cb);gap:6px!important;}
.sekme{border-radius:8px!important;border-color:transparent!important;background:transparent!important;padding:5px 12px!important;}
.sekme.aktif{background:var(--blue-bg)!important;color:var(--blue)!important;border-color:var(--cb)!important;}
.sekme-ekle-btn{border-radius:8px;min-width:32px;min-height:30px;color:var(--t2);}
html.tek-duzen .container{max-width:1328px;padding:24px 24px 48px;}
html.tek-duzen .main-grid{grid-template-columns:minmax(0,1fr) 360px;gap:24px;}
html.tek-duzen .left-col{gap:16px;}
.card,.lcard{box-shadow:none!important;border-color:var(--cb)!important;}
.ctitle,.iplik-card-head .ctitle{font-size:14px!important;font-weight:650;letter-spacing:-.015em;}
#hz-kur{background:transparent;border:0!important;padding:0 2px 2px!important;}
#hz-kur .kur-inp{background:var(--card);border-color:var(--cb);height:32px;width:76px;}
#hz-kur .kur-auto-btn{height:32px;border-color:transparent;}
#hz-kur .kp-badge{border:0;}
.iplik-card-head{padding:18px 20px!important;background:transparent!important;}
.iplik-card-body{padding:14px 20px 16px!important;}
#iplik-ed .isat.comp-slot{background:var(--surf)!important;border:1px solid var(--cb)!important;border-radius:12px!important;box-shadow:none!important;margin-bottom:10px;}
#iplik-ed .slot-main{padding:12px 12px 3px!important;grid-template-columns:78px minmax(180px,1fr) max-content 24px;gap:10px;}
#iplik-ed .osab,#iplik-ed .owrap{background:var(--card)!important;border-color:var(--cb)!important;min-height:40px;border-radius:8px;}
.slot-yarn .isel-row .isel-kutu select[data-si]{height:40px;background:var(--card)!important;border-color:var(--cb)!important;border-radius:8px!important;font-size:13px;}
.slot-gecici{height:40px;width:122px;background:var(--card);}
.slot-ayar-serit{padding:3px 0 9px 90px;font-size:11px;min-height:30px;}
.isat.comp-slot .slot-advanced{padding:0 12px 12px 102px;}
#ip-ekle{min-height:40px;margin:0;border:1px dashed var(--cb)!important;border-radius:9px!important;color:var(--blue)!important;font-size:12px;font-weight:600;background:transparent!important;}
#ip-ekle:hover{background:var(--blue-bg)!important;border-color:var(--blue-m)!important;}
#iplik-ozet{margin-top:14px;padding-top:14px;border-color:var(--cb);}
#fason-kart{padding:18px 20px 12px!important;}
#fason-kart>.ctitle{margin-bottom:12px;}
.fz-etiket{font-size:13px;font-weight:600;color:var(--t1);}
.fz-gir,.fz-yigin,.fz-sec{min-height:40px!important;background:var(--surf);border-radius:9px;}
.fz-sec{background:var(--card);}
.fz-satir{padding:9px 0;}
#fason-kart .fire-mini .pill{height:32px!important;background:transparent;}
.fire-mini .fm-ad{color:var(--t2);}
.sonuc-kolon{top:132px;max-height:calc(100vh - 148px);gap:16px;}
#sonuc-kart{padding:20px!important;}
#sonuc-kart>.ctitle{margin-bottom:16px!important;}
#sonuc-kart .met.vurg{background:var(--blue-bg)!important;border:0!important;border-radius:12px!important;padding:22px 20px!important;margin-bottom:10px;}
#sonuc-kart .met.vurg .mlbl{color:#d6e0ef!important;font-size:12px!important;}
#sonuc-kart .met.vurg .mval{color:#fff!important;font-size:44px!important;letter-spacing:-.045em;line-height:1.2!important;}
#sonuc-kart .met.vurg .msub{color:#d6e0ef!important;opacity:1!important;}
#sonuc-kart .mets .met{padding:11px 0!important;}
#sonuc-kart .mets .met .msub{color:var(--t2)!important;}
#sonuc-kart #kar-normal .pg label{font-size:0;}
#sonuc-kart #kar-normal .pg label::after{content:'Kâr %';font-size:12px;}
#sonuc-kart #p-kar{height:34px;}
#sonuc-kart .kar-pill{border-color:transparent;background:var(--surf);border-radius:7px;}
.sn-bar-cizgi{height:5px;gap:3px;}
.sn-bar-etiket{font-size:10px;color:var(--t2);gap:4px 10px;}
.sn-eylem{gap:8px;margin-top:20px;}
.sn-eylem #gs-kaydet{background:var(--blue-m)!important;color:#fff!important;border:0!important;min-height:42px;font-weight:650;}
.sn-eylem .gs-btn{min-height:36px;border-radius:8px;font-size:12px;}
#sonuc-kart #pv-kalem-notu{display:none!important;}
#gecmis-ozet{padding:14px 20px;}
.gs-bos{font-size:12px!important;padding:6px 0!important;color:var(--t2)!important;}
#liste-kart .lk-baslik{padding:14px 20px;}
#left-col>.card.katli{background:transparent;border:0!important;border-bottom:1px solid var(--cb)!important;border-radius:0!important;padding:12px 4px!important;}
#ipl-arama-panel,#fz-panel{border-radius:12px!important;box-shadow:0 12px 36px #17233326!important;}
#ipl-arama-panel input,.fz-ara input{font-size:16px!important;}
.fz-satir-l{min-height:40px;}
.fz-alt{display:none;}
:where(button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--blue-m);outline-offset:3px;}
#sonuc-kart{scroll-margin-top:124px;}
@media(max-width:1099px){
  .app-header{padding:0 20px!important;gap:16px!important;}
  .tab-header{padding:6px 20px!important;}
  html.tek-duzen .container{max-width:840px;padding:20px 20px 96px;}
  html.tek-duzen .main-grid{gap:16px;}
  .sn-alt{background:var(--blue-bg);border:0;color:var(--t1);}
  .sn-alt strong{color:#fff;}.sn-alt-l,.sn-alt-m,.sn-alt-ok{color:#d6e0ef;}
}
@media(max-width:560px){
  .app-header{height:58px!important;padding:0 12px!important;gap:10px!important;flex-wrap:wrap;}
  .hdr-brand{gap:6px;}.hdr-brand h1{font-size:13px!important;}.brand-logo{width:25px;height:25px;}
  .kumas-isim-inp{flex:1;width:80px;height:34px;font-size:12px!important;padding:0 8px!important;}
  #canli-btn{padding:7px 8px!important;font-size:11px!important;margin:0!important;}
  #profil-badge-btn{padding:0!important;}#profil-adi,.profil-adi-txt{display:none!important;}
  .tab-header{top:58px!important;padding:5px 12px!important;}
  html.tek-duzen .container{padding:14px 12px 96px;}
  #hz-kur .kur-row{gap:6px;}#hz-kur .kur-inp{width:64px;}
  #hz-kur .kur-auto-btn{font-size:10px;padding:4px 6px;}
  .iplik-card-head{padding:14px!important;}.iplik-card-body{padding:12px!important;}
  #iplik-ed .slot-main{grid-template-columns:56px minmax(0,1fr) 24px;gap:8px;padding:10px 8px 3px!important;}
  .slot-gecici{grid-column:2/4;grid-row:2;width:100%;height:36px;}
  .slot-gecici input::placeholder{font-size:12px;}
  .slot-ayar-serit{padding:3px 0 8px 62px;}
  .isat.comp-slot .slot-advanced{padding:0 8px 10px;}
  .slot-yarn .isel-row .isel-kutu select[data-si]{padding-right:28px;font-size:12px;}
  .isel-fiyat{display:none;}
  #fason-kart{padding:14px 12px 10px!important;}
  .fz-orgu-sec,.fz-boya-secw{flex-basis:114px;}
  .fz-orgu-sec .fz-sec,.fz-boya-sec{width:114px;flex-basis:114px;}
  #sonuc-kart{padding:18px!important;scroll-margin-top:116px;}
  #sonuc-kart .met.vurg .mval{font-size:40px!important;}
  #gecmis-ozet{padding:14px;}
  .sn-alt{left:12px;right:12px;gap:8px;padding:14px;}
  .sn-alt strong{font-size:19px;}.sn-alt-m{font-size:10px;}
  #iplik-ed input,.fz-gir input,.fz-yigin input{font-size:16px!important;}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important;}}
#sonuc-kart .met.vurg>.msub:nth-child(3),#sonuc-kart .met.vurg>.msub:nth-child(4),#s-sat-usd{color:#d6e0ef!important;}
:root[data-tema="acik"] #sonuc-kart .met.vurg .mlbl,
:root[data-tema="acik"] #sonuc-kart .met.vurg .mval{color:var(--t1)!important;}
:root[data-tema="acik"] #sonuc-kart .met.vurg .msub,
:root[data-tema="acik"] #sonuc-kart .met.vurg>.msub:nth-child(3),
:root[data-tema="acik"] #sonuc-kart .met.vurg>.msub:nth-child(4),
:root[data-tema="acik"] #s-sat-usd{color:var(--t2)!important;}
.currency-pair{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;}
@media(max-width:1099px){
  html.tek-duzen .main-grid{align-items:stretch!important;}
  #hz-kur{gap:8px 14px;}
}
@media(max-width:560px){
  #hz-kur .kur-row{flex-basis:100%;flex-wrap:nowrap;gap:8px;}
  #hz-kur .kur-inp{width:58px;}
  .currency-pair{gap:5px;}
  #hz-kur .kur-auto-btn{font-size:0;min-width:30px;padding:4px;}
  #hz-kur .kur-auto-btn::after{content:'↻';font-size:18px;}
  #hz-kur .trow{margin-left:auto!important;}
}
@media(max-width:560px){
  #iplik-ed .slot-oran .owrap{padding:0 3px;gap:0;}
  #iplik-ed .slot-oran .oinp{width:32px;min-width:0;}
  #fason-kart .fire-mini{flex-wrap:wrap;max-width:100%;gap:6px;}
  #hz-kur .kur-row{flex-wrap:wrap;}
  #hz-kur .kur-status{max-width:100%;overflow:hidden;}
  #hz-kur #k-txt{overflow:hidden;text-overflow:ellipsis;}
}

/* Çalışma alanı: hizalı kompozisyon tablosu, bağımsız süreçler, sabit sonuç. */
html.tek-duzen .main-grid{grid-template-columns:minmax(0,1fr) 336px;gap:20px;}
html.tek-duzen .left-col{gap:14px;}
.iplik-card-head{padding:15px 18px!important;}
.iplik-card-body{padding:12px 18px 14px!important;}
.comp-columns{display:grid;grid-template-columns:64px minmax(0,1fr) 132px 32px 24px;gap:8px;padding:0 0 7px;color:var(--t3);font-size:11px;}
.comp-columns span:nth-child(3){padding-left:10px;}
#iplik-ed .isat.comp-slot{background:transparent!important;border:0!important;border-top:1px solid var(--cb)!important;border-radius:0!important;margin:0;}
#iplik-ed .slot-main{grid-template-columns:64px minmax(0,1fr) 132px 32px 24px!important;gap:8px;padding:10px 0!important;align-items:center;}
#iplik-ed .slot-main>.slot-field{min-width:0;}
#iplik-ed .slot-oran .owrap{height:38px;min-height:38px;gap:0;padding:0 4px;}
#iplik-ed .slot-oran .oinp{width:36px;font-size:14px!important;}
#iplik-ed .osab{height:38px;min-height:38px;padding:0 8px;display:flex;align-items:center;justify-content:center;font-size:13px;}
#iplik-ed .slot-yarn .isel-kutu select[data-si]{height:38px;padding:0 28px 0 10px!important;font-weight:500;}
#iplik-ed .isel-fiyat{display:none;}
#iplik-ed .slot-gecici{width:100%;height:38px;grid-column:3;grid-row:1;background:var(--surf);border-color:var(--cb);padding-left:10px;}
#iplik-ed .slot-gecici input{font-size:14px!important;}
#iplik-ed .slot-gecici input::placeholder{font-weight:650;color:var(--t1);opacity:1;font-size:14px;}
#iplik-ed .slot-gecici.on{border-color:color-mix(in srgb,var(--gold) 70%,var(--cb));}
#iplik-ed .slot-ayar-serit{grid-column:4;grid-row:1;width:32px;height:38px;min-height:38px;padding:0;margin:0;justify-content:center;border-radius:7px;color:var(--t2);}
.slot-ayar-serit::before{content:'⋯';font-size:22px;line-height:1;}
.slot-ayar-serit .slot-ayar-ad,.slot-ayar-serit .slot-ayar-ok,.slot-ayar-serit .slot-ayar-cip{display:none;}
.slot-ayar-serit.has-settings::after{content:'';width:4px;height:4px;border-radius:50%;background:var(--gold);position:absolute;bottom:3px;}
.slot-ayar-serit{position:relative;}
#iplik-ed .slot-main .dbtn{grid-column:5!important;grid-row:1;height:32px;width:24px;}
#iplik-ed .isat.comp-slot .slot-advanced{padding:0 0 12px 72px;}
#ip-ekle{margin-top:4px;min-height:34px;height:34px;font-size:12px;}
#iplik-ozet{padding:10px 0 0!important;margin-top:12px!important;border-top:1px solid var(--cb)!important;}
#iplik-ozet .compact-result{justify-content:flex-end;}
#iplik-ozet .compact-result strong{font-size:15px;}
#fason-kart{border:0!important;background:transparent!important;padding:0!important;overflow:visible;}
.process-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start;}
.process-card{min-width:0;border:1px solid var(--cb);border-radius:14px;background:var(--card);padding:16px;}
.process-card h2{font-size:14px;font-weight:650;line-height:1.4;margin:0 0 12px;letter-spacing:-.01em;}
.process-card .fz-deger{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%;}
.process-card .fz-orgu-sec,.process-card .fz-boya-secw{order:-1;flex:0 0 auto;width:100%;}
.process-card .fz-sec{width:100%!important;flex:1 1 auto!important;min-height:40px!important;height:auto!important;gap:8px;padding:9px 11px;background:var(--surf);align-items:center;}
.process-card .fz-sec .fz-ad{white-space:normal;overflow-wrap:anywhere;font-size:13px;line-height:1.35;flex:1;}
.process-card .fz-sec .fz-fiyat{display:inline;flex:0 0 auto;margin-left:auto;font-size:13px;font-weight:650;color:var(--t2);white-space:nowrap;font-variant-numeric:tabular-nums;}
.process-card .fz-gir{max-width:none;min-height:40px!important;height:40px;padding:0 7px 0 11px;gap:8px;background:var(--card);}
.process-field-label{font-size:11px;color:var(--t2);flex:0 0 auto;}
.process-card .fz-gir input{font-size:15px;min-width:0;text-align:right;}
.process-card .fz-gir input::placeholder{font-size:15px;color:var(--t1);opacity:1;font-weight:600;}
.process-card .fz-birim{min-width:34px;height:26px;}
.process-card .fz-yigin{display:block;height:auto;min-height:40px!important;padding:0;max-width:none;background:var(--card);overflow:visible;}
.process-price-line{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 7px 0 11px;}
.process-card .fz-yigin input{flex:1;min-width:0;height:38px;font-size:15px;text-align:right;padding:0;}
.process-card .fz-yigin input::placeholder{font-size:15px;}
.process-price-add{height:26px;width:26px;border:0;background:var(--surf);border-radius:6px;color:var(--blue);font-size:18px;cursor:pointer;flex:none;}
.process-additions{display:flex;align-items:flex-start;gap:8px;padding:8px;border-top:1px solid var(--cb);}
.process-additions:has(.fz-cipler:empty){display:none;}
.process-card .fz-cipler{display:flex;flex-wrap:wrap;gap:5px;flex:1;overflow:visible;min-width:0;mask-image:none;-webkit-mask-image:none;}
.process-card .fz-toplam{font-size:12px;padding-top:4px;}
.process-card .fire-mini{display:flex;align-items:flex-start;flex-wrap:nowrap;gap:8px;padding-top:12px;margin-top:12px;border-top:1px solid var(--cb);width:100%;max-width:100%;}
.process-card .fm-etiket{font-size:11px;min-width:26px;width:26px;flex:none;padding-top:7px;color:var(--t2);}
.process-card .fm-pills{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:6px;}
#fason-kart .process-card .fire-mini .pill{min-width:36px;height:29px!important;padding:0 7px!important;font-size:11px;}
.process-card .fm-ekle{width:29px;height:29px;border-radius:7px;flex:none;}
.process-card .fm-form{flex:1;min-width:0;flex-wrap:wrap;gap:5px;}
.process-card .fz-not{font-size:12px;padding:10px;border:1px solid var(--cb);border-radius:8px;}
/* Aşağıdaki araçlar hesap alanından ayrı, sessiz bir bölüm. */
#gecmis-ozet,#liste-kart{border-radius:12px;}
#gecmis-ozet{padding:12px 16px;}
#gecmis-ozet .ctitle{font-size:12px!important;margin-bottom:8px;}
.gs-satir{padding:7px 0;font-size:11px;gap:8px;grid-template-columns:12px 68px minmax(0,1fr) auto 62px;}
.lk-baslik{padding:12px 16px!important;}
.lk-baslik .ctitle{font-size:12px!important;}
/* Sonuç kartı: yaklaşık 440px; kendi içinde kaydırma yok. */
.sonuc-kolon{top:126px;max-height:none;overflow:visible;}
#sonuc-kart{padding:16px!important;overflow:visible;border-radius:14px;}
#sonuc-kart>.ctitle{margin-bottom:10px!important;font-size:13px!important;}
#sonuc-kart .hist-icon-btn{width:28px;height:28px;padding:6px;}
#sonuc-kart .met.vurg{padding:12px 14px!important;min-height:0!important;margin:0 0 4px!important;border-radius:9px!important;gap:1px 7px;}
#sonuc-kart .met.vurg .mlbl{font-size:11px!important;}
#sonuc-kart .met.vurg .mval{font-size:30px!important;font-weight:750!important;line-height:1.15!important;letter-spacing:-.03em;}
#sonuc-kart .met.vurg>.msub:nth-child(3){font-size:12px!important;}
#sonuc-kart .met.vurg>.msub:nth-child(4){font-size:11px!important;margin-top:2px!important;}
#s-sat-usd{font-size:11px!important;}
#sonuc-kart>div:has(>#kar-normal){padding:8px 0!important;}
#sonuc-kart #p-kar{height:29px;width:46px!important;padding:4px!important;font-size:12px;}
#sonuc-kart #kar-normal{gap:6px!important;}
#sonuc-kart #kar-normal .pg{gap:6px!important;}
#sonuc-kart .kar-pill{padding:5px 3px;font-size:11px;}
#sonuc-kart .mets .met{padding:8px 0!important;gap:1px 10px;min-height:35px!important;}
#sonuc-kart .mets .met .mlbl{font-size:12px!important;}
#sonuc-kart .mets .met .mval{font-size:14px!important;}
#sonuc-kart .mets .met .msub{font-size:10px!important;margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#sonuc-kart .mets .met .msub:not([id]){display:none;}
#sonuc-kart .mets .met.mal{padding-top:10px!important;}
#sonuc-kart .mets .met.mal .mval{font-size:16px!important;}
#sonuc-kart .ov-val{padding:1px 5px;border-bottom-color:transparent;background:none;margin-right:-5px;}
#sonuc-kart .ov-val:hover{background:none;}
.sn-bar{margin:8px 0 0;}
.sn-bar-cizgi{height:4px;}
.sn-bar-etiket{margin-top:5px;font-size:9px;gap:3px 8px;}
.sn-eylem{margin:12px 0 0;gap:6px;}
.sn-eylem #gs-kaydet{min-height:34px;height:34px;padding:7px;font-size:12px;}
.sn-eylem .gs-btn{min-height:30px;height:30px;padding:5px 7px;font-size:11px;}
#sn-order-dialog{margin:auto;width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:20px;border:1px solid var(--cb);border-radius:16px;background:var(--card);color:var(--t1);overflow:auto;box-shadow:0 24px 80px #0005;}
#sn-order-dialog::backdrop{background:#11182799;}
.order-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.order-dialog-head h2{font-size:16px;font-weight:650;}
.order-dialog-head button{width:30px;height:30px;border:0;background:var(--surf);border-radius:8px;color:var(--t2);font-size:22px;cursor:pointer;}
#sn-order-dialog .fg-blok{margin-top:12px!important;padding-top:12px!important;}
#sn-order-dialog .fg-blok>div:first-child>div:first-child,#sn-order-dialog #fg-daralt-btn{display:none;}
#sn-order-dialog #fg-user{overflow-wrap:anywhere;}
#sn-order-dialog .fg-row{flex-wrap:wrap;}
#sn-order-dialog .fg-field{min-width:0;}
@media(max-width:1099px){
  .sonuc-kolon{max-height:none;overflow:visible;position:static;}
  .process-grid{gap:14px;}
}
@media(max-width:700px){
  .comp-columns{grid-template-columns:54px minmax(0,1fr) 104px 28px 22px;gap:6px;}
  #iplik-ed .slot-main{grid-template-columns:54px minmax(0,1fr) 104px 28px 22px!important;gap:6px;}
  #iplik-ed .slot-ayar-serit{width:28px;}
  #iplik-ed .slot-gecici{padding:0 4px 0 8px;gap:4px;}
  #iplik-ed .slot-gecici-birim{min-width:29px;padding:0 4px;}
}
@media(max-width:560px){
  .iplik-card-head{padding:13px 12px!important;}.iplik-card-body{padding:10px 12px 12px!important;}
  .comp-columns{display:none;}
  #iplik-ed .slot-main{grid-template-columns:54px minmax(0,1fr) 28px 22px!important;gap:8px 6px;padding:10px 0!important;}
  #iplik-ed .slot-yarn{grid-column:2/5;grid-row:1;}
  #iplik-ed .slot-gecici{grid-column:2;grid-row:2;width:100%;height:34px;}
  #iplik-ed .slot-ayar-serit{grid-column:3;grid-row:2;height:34px;min-height:34px;}
  #iplik-ed .slot-main .dbtn{grid-column:4!important;grid-row:2;}
  #iplik-ed .slot-main>.slot-oran{grid-column:1;grid-row:1/3;align-self:center;}
  #iplik-ed .slot-gecici input{font-size:16px!important;}
  #iplik-ed .isat.comp-slot .slot-advanced{padding:0 0 10px;}
  .process-grid{grid-template-columns:minmax(0,1fr);gap:12px;}
  .process-card{padding:14px;border-radius:12px;}
  .process-card .fz-deger{display:grid;grid-template-columns:minmax(0,1fr) 138px;align-items:start;gap:8px;}
  .process-card .fz-orgu-sec,.process-card .fz-boya-secw{grid-column:1;grid-row:1;order:0;}
  .process-card .fz-gir,.process-card .fz-yigin{grid-column:2;grid-row:1;}
  .process-field-label{display:none;}
  .process-card .fz-gir{padding:0 5px 0 8px;gap:5px;}
  .process-price-line{padding:0 5px 0 8px;gap:5px;}
  .process-card .fz-birim{min-width:29px;font-size:10px;padding:0 4px;}
  .process-card .fz-gir input,.process-card .fz-yigin input{font-size:16px!important;}
  .process-price-add{width:22px;}
  .process-card .process-additions{padding:6px;}
  .process-card .fz-cip{font-size:11px;padding-left:6px;gap:2px;}
  .process-card .fz-toplam{display:none;}
  .process-card .fire-mini{padding-top:10px;margin-top:10px;}
  #sonuc-kart{padding:14px!important;scroll-margin-top:114px;}
  #sonuc-kart .met.vurg .mval{font-size:30px!important;}
  .gs-satir{grid-template-columns:10px 60px minmax(0,1fr) auto;gap:5px;}
}
@media(max-width:360px){
  .process-card .fz-deger{grid-template-columns:minmax(0,1fr);}
  .process-card .fz-gir,.process-card .fz-yigin{grid-column:1;grid-row:2;}
  .process-field-label{display:inline;}
}
@media(min-width:1100px) and (max-height:700px){
  .sonuc-kolon{top:120px;}
  #sonuc-kart{padding:14px!important;}
  #sonuc-kart>.ctitle{margin-bottom:7px!important;}
  #sonuc-kart .met.vurg{padding:10px 12px!important;}
  #sonuc-kart .mets .met{padding:6px 0!important;}
}
.process-grid{align-items:stretch;}
.process-card{display:flex;flex-direction:column;}
.process-card .fz-deger{flex:1;}
.process-card .fz-sec{text-align:left;}
#sonuc-kart .mets .met .msub{display:none!important;}
#sonuc-kart .mets .met .mlbl,#sonuc-kart .mets .met .mval{line-height:1.35!important;}
#sonuc-kart .met.vurg{display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:0 7px;}
#sonuc-kart .met.vurg .mlbl{grid-column:1/-1;grid-row:1;line-height:1.3!important;}
#sonuc-kart .met.vurg .mval{grid-column:1;grid-row:2;line-height:1.1!important;}
#sonuc-kart .met.vurg>.msub:nth-child(3){grid-column:2;grid-row:2;align-self:end;line-height:1.5;}
#sonuc-kart .met.vurg>.msub:nth-child(4){grid-column:1/-1;grid-row:3;line-height:1.3;}
#sonuc-kart>div:has(>#kar-normal){padding:6px 0!important;}

/* Arama başlığı sabit, seçenekler kalan alanda kayar. */
#fz-panel .fz-ara,#fz-panel .fz-alt,#fz-panel .fz-filtre,#ipl-arama-panel>div:first-child,#ipl-arama-cipler{flex-shrink:0;}
#fz-panel .fz-liste{min-height:0;}