/* ═══════════════════════════════════════════════════════════════════
   SADE TASARIM KATMANI (2026-09) — SON SÖZ BU KATMANDA
   Kural: yalın, kalabalık değil, önce kullanıcı. Önceki katmanlardaki
   süsleri (ışıma, gradyan yazı, cam efekti, parlama, zıplama) kapatır;
   tek vurgu rengi, tek köşe ölçüsü, düz yüzeyler, net hiyerarşi:
   kart başlığı = normal yazım + koyu; alan etiketi = küçük + soluk.
   Yalnız görsel; hiçbir class/ID/JS'e dokunmaz.
   ═══════════════════════════════════════════════════════════════════ */
:root{
  --r:8px;--rl:12px;
  --shadow-sm:0 1px 2px rgba(0,0,0,.22);
  --shadow-md:0 8px 24px rgba(0,0,0,.30);
  --hl:0 0 0 transparent;
  --ring:0 0 0 3px color-mix(in srgb,var(--blue-m) 28%,transparent);
}
:root[data-tema="acik"]{
  --shadow-sm:0 1px 2px rgba(30,26,23,.06);
  --shadow-md:0 8px 24px rgba(30,26,23,.10);
  --hl:0 0 0 transparent;
}

/* 1. Zemin: ışık süzmeleri ve renkli halelar kalktı */
body,:root[data-tema="acik"] body{background:var(--bg)!important;}
body::before{display:none!important;}

/* 2. Marka: gradyan yazı yok */
.hdr-brand h1{background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--t1);
  font-size:16px!important;font-weight:650;letter-spacing:-.01em;}

/* 3. Kartlar: düz yüzey, ince çizgi; üzerine gelince yalnız çizgi netleşir */
.card,.lcard,.gk{box-shadow:var(--shadow-sm);}
.gk:hover{transform:none;box-shadow:var(--shadow-sm);}
.card,.lcard,.gk{--box-border:color-mix(in srgb,var(--blue-m) 30%,var(--cb));--box-bg:var(--card);}
.isat,.erow{--box-border:color-mix(in srgb,var(--t3) 45%,var(--cb));--box-bg:var(--surf);}
.met{--box-border:var(--cb);--box-bg:var(--surf);}
.met.vurg{--box-border:color-mix(in srgb,var(--blue-m) 55%,var(--cb));--box-bg:var(--blue-bg);}
.card.awake,.lcard.awake,.gk.awake,.isat.awake,.met.awake,.erow.awake{box-shadow:var(--shadow-sm)!important;}
.isat.awake,.met.awake,.erow.awake{box-shadow:none!important;}

/* 4. Başlık hiyerarşisi: bağırmayan kart başlıkları */
.ctitle,.iplik-card-head .ctitle{font-size:13px;font-weight:650;letter-spacing:0;text-transform:none;color:var(--t1);}
#left-col h2,.ghdr h2{color:var(--t1)!important;text-transform:none!important;letter-spacing:0!important;font-size:14px!important;font-weight:650!important;}
.slbl,.fire-slbl{color:var(--t3);letter-spacing:.06em;}
.card.katli>.ctitle{font-weight:600;color:var(--t2);}
.card.katli>.ctitle:hover,.card.katli.acik>.ctitle{color:var(--t1);}

/* 5. Butonlar: düz tek renk, gölge/zıplama yok */
.kbtn,.pbtn,.combo-ekle-btn,.pp-ok{background:var(--blue-m)!important;background-image:none!important;
  border-color:transparent;color:#fff!important;box-shadow:none!important;}
.kbtn:hover,.pbtn:hover,.combo-ekle-btn:hover,.pp-ok:hover{background:color-mix(in srgb,var(--blue-m) 86%,#000)!important;transform:none;box-shadow:none!important;}
.ebtn:hover{transform:none;box-shadow:none;}

/* 6. Seçim hapları: halka var, ışıma yok */
.pill,.ppill{box-shadow:none;}
.pill.on,.ppill.on,.combo-btn.on,.kar-pill.on{box-shadow:inset 0 0 0 1px var(--blue-m)!important;}

/* 7. Metrikler: sahnede yalnız satış fiyatı */
.met{border:1px solid transparent;border-radius:10px;}
.met.mal::after,.met.vurg::after{display:none!important;}
.met.vurg{background:var(--blue-bg)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--blue-m) 45%,transparent)!important;}
.gks{background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--blue);}
.gkzd{box-shadow:none;}

/* 8. Liste kartları (İplik/Örgü/Boya): cam ve parlama yok, nötr başlık */
.lhdr{background:var(--card)!important;background-image:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  box-shadow:none!important;border-bottom:1px solid var(--cb)!important;}
.lhdr>span:first-child{text-shadow:none!important;color:var(--t1)!important;
  font-size:12px!important;font-weight:700!important;letter-spacing:.06em!important;}
.lhdr>span:first-child::before{display:none!important;}
.lhdr .ebtn,.lqg-chip{background:transparent!important;background-image:none!important;
  box-shadow:none!important;border:1px solid var(--cb)!important;}
.lhdr .ebtn:hover,.lqg-chip:hover{border-color:var(--blue-m)!important;color:var(--t1)!important;}
.grup-hdr{background-image:none!important;background-color:var(--surf)!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;}
.grup-hdr:hover,:root[data-tema="acik"] .grup-hdr:hover{background-color:var(--surf2)!important;}
:root[data-tema="acik"] .grup-hdr{background-image:none!important;background-color:var(--surf)!important;box-shadow:none!important;}
.grup-hdr .gh-title{text-shadow:none!important;}
.litem:hover{padding-left:14px;}
.litem.on{background:var(--blue-bg);}

/* 9. Pencereler & formlar: buzlu cam yerine düz, okunur yüzey */
.lqg-modal{background-image:none!important;background-color:var(--card)!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  border:1px solid var(--cb)!important;border-radius:16px!important;box-shadow:var(--shadow-md)!important;}
.lqg-modal [style*="background:var(--surf)"],
:root[data-tema="acik"] .lqg-modal [style*="background:var(--surf)"]{background:var(--surf)!important;}
.lqg-form{background-image:none;background-color:var(--surf);-webkit-backdrop-filter:none;backdrop-filter:none;
  border-top:1px solid var(--cb);box-shadow:none;}
.lqg-inp,:root[data-tema="acik"] .lqg-inp{background:var(--card);border-color:var(--cb);}
.lqg-btn{background-image:none;background-color:var(--green-bg);box-shadow:none;}
.lqg-x{background-image:none;box-shadow:none;border-color:var(--cb);}
.lform,.mform,.pp-form,:root[data-tema="acik"] .lform,:root[data-tema="acik"] .mform,
:root[data-tema="acik"] .pp-form{background:var(--surf);box-shadow:none;}
.combo-panel{box-shadow:var(--shadow-md);}

/* 10. Giriş ekranları: hale yok */
#parola-overlay,#profil-overlay{background:#171310!important;}
#parola-btn{background:#85B7EB!important;box-shadow:none!important;}

/* 11. Mobil: satış fiyatı tek başına kalmasın, tam satır olsun */
@media(max-width:600px){.mets .met.vurg{grid-column:1/-1;}}
@media(max-width:768px){.mnav{box-shadow:var(--shadow-md);}}

/* 12. Fire hapları: aynı yüzdeden birden fazla varsa ad görünür */
#fason-kart .fire-mini .pill.ayni-oran>span:first-child{display:inline!important;font-size:11px;margin-right:4px;color:var(--t2);}