/* ===================================================================================================================
   ORTAK BİLEŞEN GÖRÜNÜMÜ · Yön B 09.11.2026 — mevcut sınıf adları yeniden giydirildi (yeni sınıf zorunlu değil).
   Düğme · kart/panel · sayı kartı (KPI, altın üst çizgi) · rozet/çip (durum eşlemesi lotus-tokens.css'te tek yer) · tablo/VeriGrid ·
   form alanı · boş durum · yükleniyor · DugmeMesaji · aşama çubuğu · fotoğraf kutusu (object-fit:contain — kırpma yok).
   tasarim.css'ten sonra yüklenir; seçiciler oradakilerle aynı özgüllükte (sonra gelen kazanır). Canlı örnekler: /kontrol/tasarim.
   =================================================================================================================== */

/* ── Düğmeler: birincil (petrol yeşili dolu) · ikincil (beyaz + ince kenar) · küçük · tehlike ─────────────────── */
.kabuk main button,.kabuk dialog button,.kabuk a.dugme-baglanti{min-height:var(--btn-y);padding:0 14px;border-radius:var(--btn-r);font-size:13.5px;font-weight:500;letter-spacing:0}
.kabuk main :is(button,.btn,a.btn):not(.ef-btn):not(.ps-kart):not(.st-kart){border-radius:var(--btn-r)}
.kabuk .form-dugmeler button[type=submit],.kabuk button.birincil,.kabuk a.dugme-baglanti.birincil,
.kabuk button[type=submit]:not(.kucuk):not(.ikincil):not(.tehlike):not(.secili){background:var(--birincil);color:var(--metin-ters);border:1px solid var(--birincil);box-shadow:0 1px 2px rgba(28,25,23,.08)}
.kabuk button.birincil:hover:not(:disabled),.kabuk a.dugme-baglanti.birincil:hover,
.kabuk button[type=submit]:not(.kucuk):not(.ikincil):not(.tehlike):not(.secili):hover:not(:disabled){background:var(--birincil-koyu);border-color:var(--birincil-koyu)}
.kabuk button.ikincil,.kabuk a.dugme-baglanti.ikincil{background:var(--yuzey);color:var(--metin);border:1px solid var(--kenar);box-shadow:0 1px 2px rgba(28,25,23,.05)}
.kabuk button.ikincil:hover:not(:disabled),.kabuk a.dugme-baglanti.ikincil:hover{background:var(--zemin);border-color:var(--kenar-koyu)}
.kabuk button.kucuk,.kabuk a.dugme-baglanti.kucuk{min-height:var(--btn-y-kucuk);padding:0 10px;font-size:12.5px;border-radius:var(--r-mini)}
.kabuk button.tehlike{background:var(--yuzey);color:var(--sorun-metin);border:1px solid var(--sorun-kenar)}
.kabuk button.tehlike:hover:not(:disabled){background:var(--sorun-zemin)}
.kabuk button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
.kabuk button:focus-visible,.kabuk a.dugme-baglanti:focus-visible{outline:2px solid var(--birincil);outline-offset:2px;box-shadow:none}
@media (max-width:640px){.kabuk main button,.kabuk a.dugme-baglanti{min-height:40px}}   /* dokunma alanı */

/* ── Kart / panel: 12 px köşe, ince kenar, çok hafif gölge ─────────────────────────────────────────────────── */
.kabuk .form-bolum,.kabuk .kutu,.kabuk .m360-kart,.kabuk .kart,.kabuk .ps-kutu,.kabuk details.ps-ayrinti,.kabuk .bolum-kutu,.kabuk .dar-kart,
.kabuk .lotus-calisma .calisma-panel{background:var(--yuzey);border:1px solid var(--kenar);border-radius:var(--r);box-shadow:var(--golge)}
.kabuk .form-bolum{padding:20px 22px}
.kabuk .ps-kutu{padding:18px 20px}
@media (max-width:640px){.kabuk .form-bolum{padding:16px}}

/* ── Sayı kartları (KPI): beyaz kart, sol üstte 28 px altın çizgi, sağ üstte soluk ikon, büyük tabular sayı ───── */
.kabuk .patron-sade .ps-kart,.kabuk .lotus-calisma .calisma-gosterge,.kabuk main :is(.hesap-ozet,.kontrol-kart,.fk-tutar,.fatura-ozet-kart,.kart-grup .kart.kucuk),.kabuk .sayi-kutu,.kabuk .imza-sayi.imza-sayi[data-imza]{
  background-color:var(--yuzey);border:1px solid var(--kenar);border-radius:var(--r);box-shadow:var(--golge);
  background-image:linear-gradient(var(--altin),var(--altin));background-repeat:no-repeat;background-size:28px 2px;background-position:18px 0}
.kabuk .patron-sade .ps-kart{padding:18px 18px 16px;column-gap:10px}
.kabuk .patron-sade a.ps-kart:hover,.kabuk .lotus-calisma .calisma-gosterge:hover{transform:none;border-color:var(--kenar-koyu);box-shadow:var(--golge-2);background-color:var(--yuzey)}
.kabuk .ps-ikon{width:auto;height:auto;border-radius:0;background:none;color:var(--metin-3)}
.kabuk .ps-ikon svg{width:18px;height:18px}
.kabuk .patron-sade .ps-kart .l{font-size:13px;font-weight:500;color:var(--metin-2)}
.kabuk .patron-sade .ps-kart strong,.kabuk .lotus-calisma .calisma-gosterge > strong{font-size:var(--kpi-yazi);font-weight:var(--kpi-k);letter-spacing:-.02em;line-height:1.15;margin:10px 0 4px;color:var(--metin);font-variant-numeric:tabular-nums}
.kabuk .patron-sade .ps-kart strong small,.kabuk .lotus-calisma .calisma-gosterge > strong small{font-size:13px;font-weight:500;color:var(--metin-3)}
.kabuk .patron-sade .ps-kart .s{font-size:12px;color:var(--metin-3)}
@container (max-width:300px){.kabuk .patron-sade .ps-kart strong{font-size:26px}}
@media (max-width:900px){.kabuk .patron-sade .ps-kart strong,.kabuk .lotus-calisma .calisma-gosterge > strong{font-size:24px}}
.kabuk .patron-sade a.ps-kart::after{width:24px;height:24px;top:14px;right:14px;background:none;color:var(--metin-3);font-size:14px}
.kabuk .patron-sade a.ps-kart:hover::after{background:var(--hover);color:var(--metin)}
.kabuk .patron-sade .ps-kart.hazir .ps-ikon{background:none;color:var(--iyi-metin)}
.kabuk .patron-sade .ps-kart.kirmizi .ps-ikon{background:none;color:var(--sorun-metin)}
.kabuk .patron-sade .ps-kart.kirmizi{background-image:linear-gradient(var(--sorun-metin),var(--sorun-metin))}
.kabuk .patron-sade .ps-kart.kirmizi .s,.kabuk .patron-sade .ps-kart.kirmizi .l{color:var(--sorun-metin)}
.kabuk .st-kartlar .st-kart{border-radius:var(--r-kucuk);border-color:var(--kenar);box-shadow:var(--golge)}
/* İmza sayı kartı (Siparişler vb.): ana kart da beyaz; büyük sayı token boyunda */
.kabuk .imza-sayi.imza-sayi[data-imza]{padding:18px;gap:6px;border-radius:var(--r)}
.kabuk a.imza-sayi.imza-sayi[data-imza]:hover{transform:none;box-shadow:var(--golge-2);border-color:var(--kenar-koyu)}
.kabuk .imza-sayi.imza-sayi--ana[data-imza]{background-color:var(--yuzey);border-color:var(--kenar);color:var(--metin)}
.kabuk .imza-sayi.imza-sayi--ana :is(.imza-sayi-etiket,.imza-sayi-alt){color:var(--metin-2)}
.kabuk .imza-sayi.imza-sayi--ana :is(.imza-sayi-deger){color:var(--metin)}
.kabuk .imza-sayi.imza-sayi--ana .imza-sayi-deger small,.kabuk .imza-sayi .imza-sayi-alt{color:var(--metin-3)}
.kabuk .imza-sayi .imza-sayi-etiket{font-weight:500}
.kabuk .imza-sayi .imza-sayi-deger{font-size:var(--kpi-yazi);font-weight:var(--kpi-k);letter-spacing:-.02em}
.kabuk .imza-sayi.imza-sayi[data-ton="dikkat"]{background-image:linear-gradient(var(--sorun-metin),var(--sorun-metin));box-shadow:var(--golge)}
@media (max-width:640px){.kabuk .imza-sayi .imza-sayi-deger{font-size:22px}}
/* ilk kart artık koyu degrade DEĞİL (Yön B: tek vurgu altın çizgi); beyaz kart, koyu yazı */
.kabuk .patron-sade .ps-kartlar > .ps-kart:first-child:not(.kirmizi):not(.secili),.kabuk .lotus-calisma .calisma-gosterge:first-child{background:var(--yuzey) linear-gradient(var(--altin),var(--altin)) 18px 0/28px 2px no-repeat;border-color:var(--kenar);box-shadow:var(--golge);color:var(--metin)}
.kabuk .patron-sade .ps-kartlar > .ps-kart:first-child:not(.kirmizi):not(.secili) :is(.l,strong,.s,.s a),
.kabuk .lotus-calisma .calisma-gosterge:first-child :is(> span:first-child,> strong,> strong small,.gosterge-aciklama,.kaynak-etiketi){color:inherit}
.kabuk .patron-sade .ps-kartlar > .ps-kart:first-child:not(.kirmizi):not(.secili) .l{color:var(--metin-2)}
.kabuk .patron-sade .ps-kartlar > .ps-kart:first-child:not(.kirmizi):not(.secili) strong small,.kabuk .patron-sade .ps-kartlar > .ps-kart:first-child:not(.kirmizi):not(.secili) .s{color:var(--metin-3)}
.kabuk .patron-sade .ps-kartlar > .ps-kart:first-child:not(.kirmizi):not(.secili) .s a{color:var(--birincil);text-decoration:none}
.kabuk .patron-sade .ps-kartlar > .ps-kart:first-child:not(.kirmizi):not(.secili) .ps-ikon{background:none;color:var(--metin-3)}
.kabuk .patron-sade .ps-kartlar > a.ps-kart:first-child:not(.kirmizi):not(.secili)::after{background:none;color:var(--metin-3)}
.kabuk .patron-sade .ps-kartlar > a.ps-kart:first-child:not(.kirmizi):not(.secili):hover::after{background:var(--hover);color:var(--metin)}
.kabuk .lotus-calisma .calisma-gosterge{padding:18px}
.kabuk .lotus-calisma .calisma-gosterge:first-child > span:first-child{color:var(--metin-2)}
.kabuk .lotus-calisma .calisma-gosterge > span:first-child::before,.kabuk .lotus-calisma .calisma-gosterge:first-child > span:first-child::before{width:20px;height:20px;background:none;box-shadow:none}
.kabuk .lotus-calisma .calisma-gosterge > span:first-child::after{left:18px;top:18px;width:18px;height:18px;background:var(--metin-3)}
.kabuk .lotus-calisma .calisma-gosterge:first-child > span:first-child::after{background:var(--metin-3)}
.kabuk .lotus-calisma .calisma-gosterge > span:first-child > span,.kabuk .lotus-calisma .calisma-gosterge:first-child > span:first-child > span{background:none;color:var(--metin-3)}
.kabuk .lotus-calisma .calisma-gosterge:hover > span:first-child > span{background:var(--hover);color:var(--metin)}

/* ── Rozet / etiket / çip — durum renkleri lotus-tokens.css --durum-* (tek eşleme) ──────────────────────────── */
.kabuk .durum-rozeti,.kabuk .etiket,.kabuk .durum-etiket,.kabuk .sp-rozet,.kabuk .rozet{display:inline-flex;align-items:center;gap:6px;border-radius:var(--rozet-r);
  font-size:12px;font-weight:500;line-height:18px;padding:1px 8px;letter-spacing:0;white-space:nowrap;border:1px solid rgba(0,0,0,.06);vertical-align:middle}
.kabuk .durum-rozeti--mor,.kabuk .r-bekliyor{background:var(--durum-bekliyor-zemin);color:var(--durum-bekliyor-metin)}   /* İŞ EMRİ BEKLİYOR */
.kabuk .durum-rozeti--amber,.kabuk .r-uretim{background:var(--durum-uretim-zemin);color:var(--durum-uretim-metin)}       /* İMALAT / ÜRETİM */
.kabuk .durum-rozeti--mavi,.kabuk .r-kalite{background:var(--durum-kalite-zemin);color:var(--durum-kalite-metin)}         /* KALİTE */
.kabuk .durum-rozeti--yesil,.kabuk .r-hazir,.kabuk .etiket-yesil{background:var(--durum-hazir-zemin);color:var(--durum-hazir-metin)}   /* KASADA / ONAYLI / TAMAM */
.kabuk .durum-rozeti--kirmizi,.kabuk .r-sorun,.kabuk .etiket-kirmizi{background:var(--durum-sorun-zemin);color:var(--durum-sorun-metin)}   /* İPTAL / KAPAT / sorun */
.kabuk .durum-rozeti--sari,.kabuk .durum-rozeti--turuncu,.kabuk .etiket-sari,.kabuk .rozet.tahmini{background:var(--durum-uyari-zemin);color:var(--durum-uyari-metin);border-color:var(--uyari-kenar)}
.kabuk .durum-rozeti--gri{background:var(--notr-zemin);color:var(--notr-metin)}
.kabuk .rozet > i{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}
.kabuk .sayac{background:var(--notr-zemin);border:0;color:var(--metin-2);font-weight:600;font-size:12px;padding:2px 8px;border-radius:var(--r-mini)}
/* süzgeç çipleri: VeriGrid .vg-cip, ortak .cip / .cip-cubuk */
.kabuk .vg-cip,.kabuk .cip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;padding:3px 10px;border-radius:var(--cip-r);border:1px solid var(--kenar);color:var(--metin-2);background:var(--yuzey);white-space:nowrap}
.kabuk .cip.aktif,.kabuk .cip.secili,.kabuk .cip[aria-pressed="true"]{background:var(--metin);border-color:var(--metin);color:var(--metin-ters)}
.kabuk .vg-cip button{min-height:0;height:18px;width:18px;padding:0;border:0;background:none;color:var(--metin-3);box-shadow:none}

/* ── Tablolar ve VeriGrid: beyaz başlık, açık gri başlık yazısı, satır üzerinde hafif zemin, sayılar sağda tabular ── */
.kabuk .tablo-sar{background:var(--yuzey);border:1px solid var(--kenar);border-radius:var(--r);box-shadow:var(--golge)}
.kabuk .grid{font-size:var(--tablo-yazi);border-collapse:separate;border-spacing:0;background:var(--yuzey)}
.kabuk .grid th{background:var(--yuzey);color:var(--metin-3);font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;padding:var(--th-p);border-bottom:1px solid var(--kenar);white-space:nowrap;vertical-align:bottom}
.kabuk .tablo-sar .grid thead th{position:sticky;top:0;z-index:2}   /* sabit başlık (kaydırılan tablo kabında) */
.kabuk .grid td{padding:var(--td-p);border-bottom:1px solid var(--ic-kenar);vertical-align:middle}
.kabuk .grid tbody tr:nth-child(even){background:transparent}
.kabuk .grid tbody tr:hover,.kabuk .grid tbody tr:hover > td{background:var(--satir-hover-zemin)}
.kabuk .grid tbody tr:last-child td{border-bottom:0}
.kabuk .grid tfoot td,.kabuk .grid tfoot th{background:var(--zemin);font-weight:650;border-top:1px solid var(--kenar);border-bottom:0}
.kabuk .grid :is(td,th):is(.sag,.num,.sayi),.kabuk .grid td.sag{text-align:right;font-variant-numeric:tabular-nums}
.kabuk .grid td:first-child a{color:var(--birincil)}
.kabuk .grid a{font-weight:600}
.kabuk .kod,.kabuk td.kod,.kabuk code{font-family:var(--kod-font);font-size:12.5px;letter-spacing:var(--kod-ls);font-weight:600;color:var(--metin)}
.kabuk .grid .kod{overflow-wrap:normal;word-break:keep-all}
.kabuk .sayfalama{gap:6px}
.kabuk .sayfalama .sayfa-aktif,.kabuk .sayfalama span{background:var(--metin);color:var(--metin-ters);border-radius:var(--r-mini)}

/* ── Form alanları ──────────────────────────────────────────────────────────────────────────────────────────── */
.kabuk main input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),.kabuk main select,.kabuk main textarea,.kabuk dialog input:not([type=checkbox]):not([type=radio]):not([type=file]),.kabuk dialog textarea{
  min-height:var(--alan-y);border:1px solid var(--kenar-koyu);border-radius:var(--r-kucuk);background-color:var(--yuzey);color:var(--metin);font-size:14px;box-shadow:0 1px 2px rgba(28,25,23,.04)}
.kabuk input:hover:not(:disabled):not(:focus),.kabuk select:hover:not(:disabled):not(:focus),.kabuk textarea:hover:not(:disabled):not(:focus){border-color:#a8a29e}
.kabuk input:focus,.kabuk select:focus,.kabuk textarea:focus{outline:none;border-color:var(--birincil);box-shadow:var(--odak)}
.kabuk input:disabled,.kabuk select:disabled,.kabuk textarea:disabled{background-color:var(--yuzey-2);color:var(--metin-3)}
.kabuk input::placeholder,.kabuk textarea::placeholder{color:var(--metin-3)}
.kabuk input[type=checkbox],.kabuk input[type=radio]{accent-color:var(--birincil)}
.kabuk label:where(:not(:has(> input[type=radio]))) > span,.kabuk .form-bolum label:where(:not(:has(> input[type=radio]))) > span,.kabuk .alan-etiketi{font-size:12.5px;font-weight:500;color:var(--metin-2)}
/* süzgeç alan kartları (tasarim.css v4): 16 px yerine form köşesi, aynı kenar */
.kabuk :is(.fatura-filtre-kutusu label,.hesap-filtre-cubuk label.hesap-filtre-grup,.kalite-filtreler > label,.erp-ie-filtre label,.urun-filtre-cubuk label):not(:has(input[type=checkbox],input[type=radio])),
.kabuk .urun-filtre-cubuk .urun-filtre-alan{border-radius:var(--r-kucuk);border-color:var(--kenar);box-shadow:var(--golge)}
.kabuk :is(.fatura-filtre-kutusu label,.hesap-filtre-cubuk label.hesap-filtre-grup,.kalite-filtreler > label,.erp-ie-filtre label,.urun-filtre-cubuk label):not(:has(input[type=checkbox],input[type=radio])) input:not([type=date]){background-color:var(--yuzey-2)!important;border-radius:var(--r-mini)!important}

/* ── Bildirim kutuları ve DugmeMesaji iletileri: ince kenar, sakin zemin ──────────────────────────────────── */
.kabuk p.uyari,.kabuk div.uyari,.kabuk ul.form-uyari,.kabuk .dugme-mesaji p.form-uyari{background:var(--uyari-zemin);border:1px solid var(--uyari-kenar);color:var(--uyari-metin)}
.kabuk p.hata,.kabuk div.hata,.kabuk ul.form-hata,.kabuk .dugme-mesaji p.form-hata{background:var(--sorun-zemin);border:1px solid var(--sorun-kenar);color:var(--sorun-metin)}
.kabuk p.form-basari,.kabuk .dugme-mesaji p.form-basari{background:var(--iyi-zemin);border:1px solid var(--iyi-kenar);color:var(--iyi-metin)}
.kabuk ul.form-bilgi,.kabuk .dugme-mesaji p.form-bilgi{background:var(--bilgi-zemin);border:1px solid var(--bilgi-kenar);color:var(--bilgi-metin)}
.kabuk :is(.uyari,.hata,.bilgi,.basari,.form-uyari,.form-hata,.form-basari,.form-bilgi){border-radius:var(--r-kucuk);font-size:13.5px;line-height:1.55}
.kabuk .dugme-mesaji p{border-radius:var(--r-kucuk);padding:9px 12px;margin:8px 0 0;font-size:13.5px}
.kabuk .ipucu{color:var(--metin-3);font-size:12.5px;line-height:1.55}

/* ── Boş durum ve yükleniyor ──────────────────────────────────────────────────────────────────────────────── */
.kabuk .bos-ekran{border:1px dashed var(--kenar-koyu);border-radius:var(--r);background:var(--yuzey);color:var(--metin-2);padding:24px}
.kabuk .bos-ekran-simge{background:var(--notr-zemin);color:var(--metin-3);border-radius:var(--r-kucuk);width:40px;height:40px}
.kabuk .bos-ekran-ne{color:var(--metin-3)}
.kabuk .bos-ekran--hata{border-style:solid;border-color:var(--sorun-kenar);background:var(--sorun-zemin);color:var(--sorun-metin)}
.kabuk .bos{font-style:normal;color:var(--metin-3);padding:36px 24px;text-align:center}
.kabuk .iskelet{border-radius:var(--r-mini)}
.kabuk [data-sade-yukleniyor],.kabuk .sn-yukleniyor{color:var(--metin-3)}

/* ── Aşama çubuğu (.adimlar): tamamlanan dolu yeşil + ✓, etkin altın halka, sıradaki soluk ─────────────────── */
.kabuk .adimlar > li{color:var(--metin-3);font-weight:500}
.kabuk .adimlar > li::before{width:28px;height:28px;background:var(--yuzey);border:2px solid var(--kenar);color:var(--metin-3);font-size:12px;font-weight:700}
.kabuk .adimlar > li:not(:last-child)::after{background:var(--kenar)}
.kabuk .adimlar > li.tamam{color:var(--metin)}
.kabuk .adimlar > li.tamam::before{content:"✓";border-color:var(--birincil);background:var(--birincil);color:var(--metin-ters)}
.kabuk .adimlar > li.tamam:not(:last-child)::after{background:var(--birincil)}
.kabuk .adimlar > li.aktif{color:var(--metin);font-weight:600}
.kabuk .adimlar > li.aktif::before{border-color:var(--altin);background:var(--yuzey);color:var(--altin-koyu);box-shadow:0 0 0 4px var(--altin-acik)}

/* ── Fotoğraf kutusu: tam görünür (object-fit:contain), kırpma ve yeniden boyutlandırma yok, açık zemin ─────── */
.kabuk .kod-foto,.kabuk .urun-foto,.kabuk .foto-kutu{border-radius:var(--foto-r);background:var(--yuzey);border:1px solid var(--ic-kenar)}
.kabuk :is(.kod-foto,.urun-foto,.foto-kutu,.grid,.katalog-kart .resim,.galeri .resim,.m360-urun) img{object-fit:contain}
.foto-kutu{display:grid;place-items:center;overflow:hidden;aspect-ratio:1;width:var(--foto-b,64px)}
.foto-kutu > img{width:100%;height:100%;object-fit:contain}

/* ── Katlanır "Nasıl çalışır?" ve details ─────────────────────────────────────────────────────────────────── */
.kabuk main details.nasil > summary{color:var(--birincil)}
.kabuk main details.nasil > :not(summary){background:var(--zemin);border-color:var(--ic-kenar);border-radius:var(--r-kucuk)}

/* ── Yeni ortak sınıflar (maket adları; aşama 2'de ekranlar bunlara geçebilir) ────────────────────────────── */
.kabuk .kpi-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--b-4);margin-bottom:var(--b-4)}
.kabuk .kpi{background-color:var(--yuzey);border:1px solid var(--kenar);border-radius:var(--r);box-shadow:var(--golge);padding:18px;
  background-image:linear-gradient(var(--altin),var(--altin));background-repeat:no-repeat;background-size:28px 2px;background-position:18px 0}
.kabuk .kpi-bas{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--metin-2);font-size:13px;font-weight:500}
.kabuk .kpi-deger{font-size:var(--kpi-yazi);font-weight:var(--kpi-k);letter-spacing:-.02em;margin:8px 0 4px;font-variant-numeric:tabular-nums}
.kabuk .kpi-deger small{font-size:13px;font-weight:500;color:var(--metin-3);margin-left:5px}
.kabuk .kpi-alt{font-size:12px;color:var(--metin-3)}
.kabuk .kart-bas{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 12px}
.kabuk .kart-bas h2{font-size:var(--h2);font-weight:var(--h2-k);margin:0}
.kabuk .cipler{display:flex;gap:6px;flex-wrap:wrap}
.kabuk .bag{display:inline-flex;align-items:center;gap:2px;font-size:13px;color:var(--birincil);font-weight:600;text-decoration:none}
@media (max-width:640px){.kabuk .kpi-izgara{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kabuk .kpi{padding:12px}.kabuk .kpi-deger{font-size:22px}}

/* ===================================================================================================================
   PATRON ALANI · Yön B aşama 2 (09.11.2026) — Ana sayfa, Bugün (rol blokları), Patron özeti + kokpit sekmeleri, Gün sonu,
   Günlük kapanış, Kârlılık küpü, Kontrol Merkezi. Tek KPI/kart dili (maket "Bugün"): beyaz kart, ince kenar, 12 px köşe,
   sol üstte 28 px altın çizgi; etiket üstte (13 px, --metin-2), büyük tabular sayı, alt satır (12 px, --metin-3).
   Durum rengi SOL ÇİZGİ ile değil, üst çizginin rengi + sayının rengiyle verilir (kırmızı = işlem bekliyor, amber = dikkat,
   yeşil = hazır). Yalnız görünüm: sınıf adları, kancalar, DOM sırası ve metin aynı.
   =================================================================================================================== */
.kabuk{--kpi-cizgi:linear-gradient(var(--altin),var(--altin));--kpi-cizgi-kirmizi:linear-gradient(var(--sorun-metin),var(--sorun-metin));
  --kpi-cizgi-amber:linear-gradient(var(--uyari-metin),var(--uyari-metin));--kpi-cizgi-yesil:linear-gradient(var(--iyi-metin),var(--iyi-metin))}

/* ── İş kartı (.rol-kart: Bugün "Bekleyen işler", Lojistik masası) + Kontrol Merkezi kartı → KPI dili ──────────── */
.kabuk .rol-kartlari{gap:var(--b-4)}
.kabuk .rol-kart,.kabuk .kontrol-kart{border:1px solid var(--kenar);border-radius:var(--r);box-shadow:var(--golge);padding:18px 18px 16px;gap:4px;
  background:var(--yuzey) var(--kpi-cizgi) 18px 0/28px 2px no-repeat}
.kabuk a.rol-kart:hover,.kabuk .rol-kart.baglantili:hover,.kabuk a.kontrol-kart:hover{transform:none;border-color:var(--kenar-koyu);box-shadow:var(--golge-2)}
.kabuk .rol-kart > span{order:0;font-size:13px;font-weight:500;color:var(--metin-2);padding-right:24px}
.kabuk .rol-kart strong{order:1;font-size:var(--kpi-yazi);font-weight:var(--kpi-k);letter-spacing:-.02em;line-height:1.15;margin:6px 0 2px;color:var(--metin);padding-right:0}
.kabuk .rol-kart small{order:2;font-size:12px;color:var(--metin-3)}
.kabuk .rol-kart .rol-kart-ek{order:3;color:var(--birincil)}
.kabuk a.rol-kart::after,.kabuk .rol-kart.baglantili::after{color:var(--metin-3);font-size:14px}
.kabuk a.rol-kart:hover::after,.kabuk .rol-kart.baglantili:hover::after{color:var(--metin);transform:none}
.kabuk :is(.rol-kart,.kontrol-kart).kirmizi{border-color:var(--kenar);background-color:var(--yuzey);background-image:var(--kpi-cizgi-kirmizi)}
.kabuk .rol-kart.kirmizi::before{content:none}
.kabuk .rol-kart.kirmizi strong,.kabuk .kontrol-kart.kirmizi .kontrol-sayi{color:var(--sorun-metin)}
.kabuk .rol-kart.bos{background-image:none;background-color:var(--zemin);border-style:dashed;border-color:var(--kenar-koyu)}
.kabuk .rol-kart.bos strong{color:var(--metin-3)}
.kabuk .kontrol-izgara{gap:var(--b-3)}
.kabuk .kontrol-kart .kontrol-sayi{font-size:24px;font-weight:var(--kpi-k);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--metin)}
.kabuk .kontrol-kart small{font-size:12px;color:var(--metin-3)}
@media (max-width:640px){
  .kabuk .rol-kartlari{gap:10px}
  .kabuk .rol-kart,.kabuk .kontrol-kart{padding:14px 12px 12px;background-position:12px 0}
  .kabuk .rol-kart > span{font-size:12px}
  .kabuk .rol-kart strong{font-size:22px}
}

/* ── Sayı kutuları (.kutular > .kutu: Gün sonu, Günlük kapanış, Kârlılık küpü) → KPI dili; renkli sol çizgi yerine üst çizgi ── */
.kabuk .kutular{gap:var(--b-4);margin-bottom:var(--b-5)}
.kabuk .kutular > .kutu{border:1px solid var(--kenar);border-radius:var(--r);box-shadow:var(--golge);padding:18px 18px 16px;gap:4px;
  background:var(--yuzey) var(--kpi-cizgi) 18px 0/28px 2px no-repeat;color:var(--metin)}
.kabuk .kutular > .kutu:hover{transform:none;border-color:var(--kenar);box-shadow:var(--golge)}
.kabuk .kutular > a.kutu:hover{border-color:var(--kenar-koyu);box-shadow:var(--golge-2)}
.kabuk .kutular > .kutu .baslik{font-size:13px;font-weight:500;color:var(--metin-2);text-transform:none;letter-spacing:0}
.kabuk .kutular > .kutu strong{font-size:26px;font-weight:var(--kpi-k);letter-spacing:-.02em;line-height:1.2;margin:6px 0 2px;color:var(--metin)}
.kabuk .kutular > .kutu .alt{font-size:12px;color:var(--metin-3);line-height:1.5}
.kabuk .kutular > .kutu:is(.renk-turuncu,.renk-sari){background-image:var(--kpi-cizgi-amber)}
.kabuk .kutular > .kutu:is(.renk-turuncu,.renk-sari) strong{color:var(--uyari-metin)}
.kabuk .kutular > .kutu:is(.dikkat,.renk-kirmizi){background-color:var(--yuzey);background-image:var(--kpi-cizgi-kirmizi);border-color:var(--kenar)}
.kabuk .kutular > .kutu:is(.dikkat,.renk-kirmizi) strong{color:var(--sorun-metin)}
.kabuk .kutular > .kutu.renk-yesil{background-image:var(--kpi-cizgi-yesil)}
@media (max-width:640px){.kabuk .kutular{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kabuk .kutular > .kutu{padding:14px 12px 12px;background-position:12px 0}.kabuk .kutular > .kutu strong{font-size:20px}}

/* ── Sade üst kartları (SadeUst / PatronSade .ps-kart): sol renk şeridi yok — üst çizgi rengi ────────────────── */
.kabuk .patron-sade .ps-kart.hazir::before,.kabuk .sade-ust .ps-kart.kirmizi::before{content:none}
.kabuk .patron-sade .ps-kart.hazir,.kabuk .sade-ust .ps-kart.kirmizi{border-left:1px solid var(--kenar)}
.kabuk .patron-sade .ps-kart.hazir{background-image:var(--kpi-cizgi-yesil)}
/* telefonda (maket gibi) KPI ikonu gizli — etiket iki sütuna sıkışıp 3 satıra bölünmesin */
@media (max-width:640px){
  .kabuk .patron-sade .ps-kart .ps-ikon{display:none}
  .kabuk .patron-sade .ps-kart > .l{grid-column:1/-1;padding-right:22px}
  .kabuk .patron-sade .ps-kart{padding:14px 12px 12px;background-position:12px 0}
}

/* ── Sabah şeridi (Dün · Kim borçlu · Ne gecikti) → kart dili; "dikkat" kutusu kırmızı üst çizgi ───────────────── */
.kabuk .sabah-seridi{gap:var(--b-4);margin-bottom:var(--b-5)}
.kabuk .sabah-seridi .ss-kutu{border:1px solid var(--kenar);border-radius:var(--r);box-shadow:var(--golge);padding:18px 18px 14px;
  background:var(--yuzey) var(--kpi-cizgi) 18px 0/28px 2px no-repeat}
.kabuk .sabah-seridi .ss-kutu.dikkat{border-left:1px solid var(--kenar);background-image:var(--kpi-cizgi-kirmizi)}
.kabuk .sabah-seridi .ss-baslik{font-size:13px;font-weight:600;color:var(--metin);margin-bottom:10px}
.kabuk .sabah-seridi .ss-satir span{color:var(--metin-2)}
.kabuk .sabah-seridi .ss-satir b{color:var(--metin);font-weight:650}
.kabuk .sabah-seridi .ss-satir small,.kabuk .sabah-seridi .ss-alt{color:var(--metin-3)}
.kabuk .piyasa-seridi{border-color:var(--kenar);box-shadow:var(--golge);padding:10px 16px}
.kabuk .piyasa-seridi.bayat{border-color:var(--sorun-kenar);background:var(--yuzey)}
/* üç kutu (finans görürse) ya da iki kutu yan yana tam genişlik — boş dördüncü sütun kalmasın (alt satır 1/-1 yayılıyor) */
@media (min-width:901px){
  .kabuk .sabah-seridi:has(> .ss-kutu){grid-template-columns:repeat(2,minmax(0,1fr))}
  .kabuk .sabah-seridi:has(> .ss-kutu ~ .ss-kutu ~ .ss-kutu){grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:640px){.kabuk .sabah-seridi .ss-kutu{padding:14px 14px 12px;background-position:14px 0}}

/* ── Bölüm başlıkları (Lojistik masası, Bekleyen işler, Ayrıntı) maketteki kart başlığı ölçüsünde ────────────── */
.kabuk .bolum-ust h2,.kabuk .bugun-kart-baslik h2,.kabuk .sade-ayrinti-baslik,.kabuk .ps-ayrinti-baslik{font-size:var(--yazi-l);font-weight:var(--h2-k);color:var(--metin);letter-spacing:-.005em}
.kabuk .bugun-kart-baslik,.kabuk .bolum-ust{margin:28px 0 12px}

/* ── Bugün › Kalite kuyruğu: kovalar renkli zemin değil; durum üst çizgi + sayı renginde ─────────────────────── */
.kabuk .kk-kuyruk{padding:16px 18px}
.kabuk .kk-kuyruk .sayi-kutulari{gap:var(--b-3)}
.kabuk .sayi-kutu:is(.dikkat,.kotu,.iyi){background-color:var(--yuzey);border-color:var(--kenar)}
.kabuk .sayi-kutu.dikkat{background-image:var(--kpi-cizgi-amber)}.kabuk .sayi-kutu.dikkat > strong{color:var(--uyari-metin)}
.kabuk .sayi-kutu.kotu{background-image:var(--kpi-cizgi-kirmizi)}.kabuk .sayi-kutu.kotu > strong{color:var(--sorun-metin)}
.kabuk .sayi-kutu.iyi{background-image:var(--kpi-cizgi-yesil)}.kabuk .sayi-kutu.iyi > strong{color:var(--iyi-metin)}
.kabuk .kk-hiz li{border-color:var(--kenar);background:var(--yuzey)}
/* Marj onayı: her satır uyarı zemini değil — durum sütunu yeterli, satır sakin */
.kabuk .marj-onay{padding:16px 18px}
.kabuk .marj-onay tr.uyari-satir,.kabuk .marj-onay tr.uyari-satir > td{background:var(--yuzey)}
.kabuk .marj-onay tr.uyari-satir:hover > td{background:var(--satir-hover-zemin)}

/* ── Kokpit sekmeleri (Patron özeti .huni-sekmeler) → hap sekme (ortak .ic-sekmeler ile aynı görünüm) ───────── */
.kabuk [data-kokpit-sekmeler].huni-sekmeler{display:flex;flex-wrap:wrap;gap:4px;padding:3px;background:var(--yuzey-2);border-radius:var(--r-kucuk)}
.kabuk [data-kokpit-sekmeler].huni-sekmeler button{min-height:32px;padding:0 12px;border:0;border-radius:var(--r-mini);background:none;color:var(--metin-2);font-size:13.5px;font-weight:500;box-shadow:none}
.kabuk [data-kokpit-sekmeler].huni-sekmeler button:hover:not(:disabled){background:var(--hover);color:var(--metin)}
.kabuk [data-kokpit-sekmeler].huni-sekmeler button.secili{background:var(--yuzey);color:var(--metin);font-weight:600;box-shadow:inset 0 0 0 1px var(--kenar),0 1px 2px rgba(28,25,23,.05)}

/* Durum türevleri: eski kurallar (app.css .rol-kart.kirmizi, tasarim.css .sayi-kutu.dikkat …) "background" kısaltmasıyla
   boyut/tekrar değerlerini sıfırlıyordu → çizgi bütün kartı boyuyordu. Üst çizginin ölçüsü burada açıkça yeniden verilir. */
.kabuk :is(.rol-kart,.kontrol-kart).kirmizi,.kabuk .kutular > .kutu:is(.dikkat,.renk-kirmizi,.renk-turuncu,.renk-sari,.renk-yesil),
.kabuk .sayi-kutu:is(.dikkat,.kotu,.iyi),.kabuk .sabah-seridi .ss-kutu.dikkat,.kabuk .patron-sade .ps-kart.hazir{
  background-size:28px 2px;background-repeat:no-repeat;background-position:18px 0}
@media (max-width:640px){.kabuk :is(.rol-kart,.kontrol-kart).kirmizi,.kabuk .kutular > .kutu:is(.dikkat,.renk-kirmizi,.renk-turuncu,.renk-sari,.renk-yesil){background-position:12px 0}}

/* ── Gün sonu: bölüm kartları form ızgarası değil — tablo kartın tam genişliğinde (maketteki "kart + tablo") ────── */
.kabuk section.form-bolum[data-gs-bolum]{display:block;padding:0;overflow:hidden}
.kabuk section.form-bolum[data-gs-bolum] > h2{margin:0;padding:16px 18px 12px;font-size:var(--h2);font-weight:var(--h2-k);border:0}
.kabuk section.form-bolum[data-gs-bolum] > .tablo-sar{border:0;border-top:1px solid var(--ic-kenar);border-radius:0;box-shadow:none;width:100%}
.kabuk section.form-bolum[data-gs-bolum] > .tablo-sar > table.grid{width:100%}
.kabuk main p.ipucu[data-gs-veri]{margin:0 0 var(--b-4)}

/* ── Kontrol Merkezi: başlık yanındaki sayım h1 ile aynı hizada (önce h1'in altına kayıyordu) ─────────────────── */
.kabuk .baslik-satir > .ipucu-satir{align-self:center;font-size:13px;font-weight:500;color:var(--metin-2);background:var(--notr-zemin);border-radius:var(--r-mini);padding:2px 8px}
.kabuk .kontrol-ortam{border-color:var(--kenar);border-radius:var(--r);box-shadow:var(--golge)}

/* ── Ana sayfa › ilk gösterge ("Açık sipariş"): aşama 1'deki ":is(> strong …)" seçicisi geçersiz olduğundan tarayıcı kuralı
      atıyordu → tasarim.css'teki eski koyu kartın beyaz yazısı beyaz kartta kalıyor, büyük sayı görünmüyordu. Geçerli seçicilerle. */
.kabuk .lotus-calisma .calisma-gosterge:first-child > span:first-child,.kabuk .lotus-calisma .calisma-gosterge:first-child > strong,
.kabuk .lotus-calisma .calisma-gosterge:first-child .gosterge-aciklama,.kabuk .lotus-calisma .calisma-gosterge:first-child .kaynak-etiketi{color:var(--metin-2)}
.kabuk .lotus-calisma .calisma-gosterge:first-child > strong{color:var(--metin)}
.kabuk .lotus-calisma .calisma-gosterge:first-child > strong small,.kabuk .lotus-calisma .calisma-gosterge:first-child .kaynak-etiketi{color:var(--metin-3)}
.kabuk .lotus-calisma .calisma-gosterge:first-child > span:first-child::before{background:none}
.kabuk .lotus-calisma .calisma-gosterge:first-child > span:first-child::after{background:var(--metin-3)}

/* ── Ana sayfa › Patron kokpiti kartları (.yonetim-ozet) → KPI ızgarası ─────────────────────────────────────── */
.kabuk .lotus-calisma .yonetim-ozet{gap:var(--b-3);padding:4px 0 12px}
.kabuk .lotus-calisma .yonetim-ozet > a{border:1px solid var(--kenar);border-radius:var(--r);box-shadow:var(--golge);padding:18px 18px 14px;
  background:var(--yuzey) var(--kpi-cizgi) 18px 0/28px 2px no-repeat;color:var(--metin-2)}
.kabuk .lotus-calisma .yonetim-ozet > a:hover{border-color:var(--kenar-koyu);box-shadow:var(--golge-2);color:var(--metin-2)}
.kabuk .lotus-calisma .yonetim-ozet > a > span{font-size:13px;font-weight:500;color:var(--metin-2)}
.kabuk .lotus-calisma .yonetim-ozet strong{font-size:22px;font-weight:var(--kpi-k);letter-spacing:-.02em;color:var(--metin)}
.kabuk .lotus-calisma .yonetim-ozet small{font-size:12px;line-height:1.5;color:var(--metin-3)}
/* ── siparis alanı (Yön B aşama 2, 09.11): sipariş · takip · üretim · kalite · sevkiyat ekranlarının ortak düzeltmeleri ───────────── */
/* başlık satırında SayfaBasligi'nin kendi 20 px alt boşluğu sayaç/bağlantıları h1'in 20 px altına itiyordu (Teklif hunisi "331 kart") */
.kabuk .baslik-satir > .sayfa-basligi{margin:0}
.kabuk .baslik-satir{align-items:center}
   finans alanı · Yön B aşama 2 (09.11.2026) — Kasa/Mali Yönetim Merkezi, ay sonu, has bilançosu, atölye defteri/cari, müşteri hesabı.
   Yalnız bu ekranların kökleri altında (başka alanı etkilemez); yeni görünüm icat edilmedi — üst etiket, sayı kartı, onay kutusu
   satırı ve düğme hizası ortak dilin aynısı.
   =================================================================================================================== */
/* üst etiket (başlığın üstündeki küçük bölüm adı) */
.kabuk :is(.kasa-sayfa,.ay-sonu,.has-bilancosu,.atolye-defter,.atolye-cari-sayfa) .ust-etiket{display:block;font-size:var(--yazi-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--metin-3);margin:0 0 4px}
.kabuk :is(.ay-sonu,.has-bilancosu) > header{margin-bottom:var(--b-4)}
.kabuk :is(.ay-sonu,.has-bilancosu) > header .sayfa-basligi{margin-bottom:6px}
.kabuk :is(.ay-sonu,.has-bilancosu) > header > .ipucu{max-width:90ch;font-size:var(--yazi-m);color:var(--metin-2)}
.kabuk :is(.ay-sonu,.has-bilancosu,.atolye-defter) h2{font-size:var(--yazi-l);font-weight:600;margin:var(--b-5) 0 var(--b-2)}
.kabuk :is(.ay-sonu,.has-bilancosu,.atolye-defter) h3{font-size:var(--h2);font-weight:600;margin:var(--b-5) 0 var(--b-2)}
.kabuk :is(.ay-sonu,.has-bilancosu,.atolye-defter) .form-bolum > h2{margin:0}

/* has bilançosu: sayı kartları eşit sütun (telefonda tek sütun), KPI boyunda sayı; tablo ara başlıkları sakin zemin */
.kabuk .has-bilancosu .kart-grup.yatay{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--b-4)}
.kabuk .has-bilancosu .kart-grup .kart.kucuk{min-width:0;padding:18px}
.kabuk .has-bilancosu .kart-baslik{font-size:var(--yazi-m);font-weight:500;color:var(--metin-2)}
.kabuk .has-bilancosu .kart-deger{font-size:var(--kpi-yazi);font-weight:var(--kpi-k);letter-spacing:-.02em;margin:10px 0 4px;font-variant-numeric:tabular-nums}
.kabuk .has-bilancosu .kart.kucuk small{font-size:var(--yazi-s);color:var(--metin-3)}
.kabuk .has-bilancosu .grid tr.ara-baslik th{background:var(--zemin);color:var(--metin-2);font-size:var(--yazi-s);font-weight:600;text-align:left;padding:8px 14px}
.kabuk .has-bilancosu .grid tr.soluk td{color:var(--metin-2)}
@media (max-width:640px){.kabuk .has-bilancosu .kart-deger{font-size:22px}.kabuk .has-bilancosu .tablo-sar .grid{min-width:600px}}

/* ay sonu: dönem durumu ve kontrol listesi ortak kart; onay kutuları satır içi; düğmeler içerik genişliğinde */
.kabuk .ay-sonu .kontrol-listesi{background:var(--yuzey);border:1px solid var(--kenar);border-radius:var(--r);box-shadow:var(--golge);padding:4px 20px;margin:0 0 var(--b-4)}
.kabuk .ay-sonu .kontrol-listesi > li{padding:11px 0;border-bottom:1px solid var(--ic-kenar);font-size:var(--yazi-m);line-height:1.55;color:var(--metin-2)}
.kabuk .ay-sonu .kontrol-listesi > li:last-child{border-bottom:0}
.kabuk .ay-sonu .kontrol-listesi > li strong{color:var(--metin)}
.kabuk .ay-sonu .kontrol-listesi > li.tehlike-renk,.kabuk .ay-sonu .kontrol-listesi > li.tehlike-renk strong{color:var(--sorun-metin)}
.kabuk .ay-sonu .kontrol-listesi > li a{margin-left:4px;white-space:nowrap}
.kabuk .ay-sonu .form-bolum{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:end}
.kabuk .ay-sonu .form-bolum > :is(h2,p,.form-satir){grid-column:1/-1}
.kabuk .ay-sonu .form-bolum .form-satir label{max-width:240px}
.kabuk .ay-sonu .form-bolum label:has(> input[type=checkbox]){flex-direction:row;align-items:center;gap:var(--b-2);color:var(--metin);font-size:var(--yazi-m)}
.kabuk .ay-sonu .form-bolum > button{justify-self:start}

/* atölye defteri: üst etiket + ad + açıklama alt alta; sağda bağlantı düğmeleri */
.kabuk .atolye-defter .ad-baslik{align-items:flex-end}
.kabuk .atolye-defter .ad-baslik .sayfa-basligi{display:block;margin:0;flex:1 1 420px;min-width:0}
.kabuk .atolye-defter .ad-baslik h1 small{font-size:var(--yazi-l);font-weight:500;color:var(--metin-3);margin-left:4px}
.kabuk .atolye-defter .ad-baslik .ipucu{margin:6px 0 0;font-size:var(--yazi-m);color:var(--metin-2);max-width:90ch}
.kabuk .atolye-defter .ad-baslik > .bosluk{display:none}
.kabuk .atolye-defter .ad-baglantilar{margin:0}
.kabuk .atolye-defter .tablo-sar + h2,.kabuk .atolye-defter h2.ad-bolum{margin-top:var(--b-5)}
@media (max-width:640px){.kabuk .atolye-defter .ad-baslik .sayfa-basligi{flex-basis:100%}}

/* açık alacak kartı (müşteri hesabı, müşteri › hesap sekmesi): form ızgarası başlığı ve kartı iki sütuna bölüp boşluk bırakıyordu → alt alta;
   kartlar has bilançosuyla aynı sayı kartı */
.kabuk .acik-alacak-karti.form-bolum{display:block}
.kabuk .acik-alacak-karti.form-bolum > * + *{margin-top:var(--b-3)}
.kabuk :is(.acik-alacak-karti,.has-defteri) .kart-grup.yatay{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--b-4);margin:var(--b-3) 0 0}
.kabuk :is(.acik-alacak-karti,.has-defteri) .kart-grup .kart.kucuk{min-width:0;padding:18px}
.kabuk :is(.acik-alacak-karti,.has-defteri) .kart-baslik{font-size:var(--yazi-m);font-weight:500;color:var(--metin-2)}
.kabuk :is(.acik-alacak-karti,.has-defteri) .kart-deger{font-size:var(--yazi-2xl);font-weight:var(--kpi-k);letter-spacing:-.02em;margin:10px 0 4px;font-variant-numeric:tabular-nums}
.kabuk :is(.acik-alacak-karti,.has-defteri) .kart.kucuk small{font-size:var(--yazi-s);color:var(--metin-3)}

/* telefon: fatura ve müşteri hesapları süzgeç alanları ikişer sütun / tam genişlik (sağa yaslanıp daralıyordu) */
@media (max-width:700px){
  .kabuk .fatura-filtre-kutusu label.fatura-filtre-etiket{flex:1 1 calc(50% - 10px);min-width:0}
  .kabuk .fatura-filtre-kutusu label.fatura-filtre-etiket.fatura-arama-genisletilmis{flex-basis:100%}
}
@media (max-width:768px){
  .kabuk .hesap-filtre-cubuk label.hesap-filtre-grup:not(:has(input[type=checkbox],input[type=radio])),.kabuk .hesap-filtre-cubuk .hesap-filtre-grup{align-self:stretch;width:100%}
}
/* portal alanı */
/* ===================================================================================================================
   Yön B aşama 2 (09.11.2026) — MÜŞTERİ PORTALI (PortalLayout .portal-duzen) + GİRİŞ / İKİ ADIM / ŞİFRE / DAVET (BosLayout .bos-duzen).
   Bu iki düzen .kabuk değil → yukarıdaki .kabuk bileşen kuralları buraya aynı tokenlarla taşındı.
   Yalnız görünüm: sınıf adları, metin, düğme sayısı ve kancalar (data-*) aynı. Fotoğraflar object-fit:contain, yeniden boyut/kırpma yok.
   =================================================================================================================== */

/* ── Portal kabuğu: açık, buzlu beyaz üst bant (koyu lacivert bant kalktı) · marka: altın "L" işareti + LOTUS GOLD ──────── */
.portal-duzen{background:var(--zemin);color:var(--metin);font-family:var(--font)}
.portal-ust{position:sticky;top:0;z-index:20;min-height:var(--ust-y);gap:8px 20px;padding:8px 24px;background:rgba(255,255,255,.85);
  -webkit-backdrop-filter:saturate(1.4) blur(8px);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--kenar);color:var(--metin);box-sizing:border-box}
.portal-marka{display:inline-flex;align-items:center;gap:9px;color:var(--metin);font-size:14px;font-weight:700;letter-spacing:.14em;white-space:nowrap}
.portal-marka::before{content:"L";display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:var(--r-kucuk);background:linear-gradient(145deg,#b8975a,var(--altin));
  color:var(--metin-ters);font:700 16px/1 Georgia,"Times New Roman",serif;letter-spacing:0}
.portal-marka small{margin-left:0;opacity:1;color:var(--altin-koyu);font-size:11px;font-weight:600;letter-spacing:.08em}
.portal-menu{gap:2px;align-items:center;flex:1 1 auto;min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.portal-menu::-webkit-scrollbar{display:none}
.portal-menu a{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border:0;border-radius:var(--r-kucuk);color:var(--metin-2);font-size:13.5px;font-weight:500;
  white-space:nowrap;transition:background .12s ease,color .12s ease}
.portal-menu a:hover{border:0;background:var(--hover);color:var(--metin)}
.portal-menu a:focus-visible{outline:2px solid var(--birincil);outline-offset:1px}
.portal-sag{gap:12px}
.portal-ust .portal-dil{gap:2px;padding:2px;border:1px solid var(--kenar);border-radius:var(--r-kucuk);background:var(--yuzey)}
.portal-ust .portal-dil button{min-width:30px;min-height:26px!important;padding:0 6px!important;border-radius:var(--r-mini)!important;color:var(--metin-3)!important;font-size:12px!important;font-weight:600!important;letter-spacing:.02em}
.portal-ust .portal-dil button:hover{color:var(--metin)!important;background:var(--hover)!important}
.portal-ust .portal-dil button.secili{color:var(--metin)!important;background:var(--yuzey-2)!important;text-decoration:none;box-shadow:inset 0 0 0 1px var(--kenar)!important}
.portal-ust .portal-dil-etiket{color:var(--metin-3);font-size:12px}
.portal-kullanici{color:var(--metin-2);font-size:13px;font-weight:500;max-width:16em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.portal-sag .cikis-btn{min-height:32px;padding:0 12px;border:1px solid var(--kenar);border-radius:var(--btn-r);background:var(--yuzey);color:var(--metin);font-size:13px;font-weight:500;box-shadow:var(--golge)}
.portal-sag .cikis-btn:hover:not(:disabled){filter:none;background:var(--zemin);border-color:var(--kenar-koyu)}
.portal-govde{padding:28px 32px 48px}
.portal-alt{width:100%;max-width:1400px;margin:0 auto;padding:12px 32px 20px;box-sizing:border-box;color:var(--metin-3);font-size:12px;border-top:1px solid var(--ic-kenar)}
@media (max-width:1100px){.portal-govde{padding:22px 22px 44px}.portal-ust{padding:8px 16px}.portal-menu{order:3;flex-basis:100%}}
@media (max-width:700px){
  .portal-ust{padding:8px 12px 6px;gap:6px 10px}
  .portal-marka{font-size:13px}
  .portal-sag{gap:8px}
  .portal-kullanici{max-width:8.5em;font-size:12.5px}
  .portal-menu{order:3;width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:2px 0 0}
  .portal-menu::-webkit-scrollbar{display:none}
  .portal-menu a{min-height:36px;padding:0 10px}
  .portal-govde{padding:16px 16px 40px}
  .portal-alt{padding:12px 16px 18px}
}

/* ── Portal içerik: başlıklar, kartlar, düğmeler, tablolar, form alanları, rozetler, iletiler (kabuktaki Yön B ile aynı) ─── */
.portal-govde h1{font-size:var(--h1);font-weight:var(--h1-k);letter-spacing:var(--h1-ls);line-height:1.2;color:var(--metin);margin:0}
.portal-govde h2{color:var(--metin)}
.portal-govde h3{font-size:14.5px;font-weight:600;color:var(--metin)}
@media (max-width:640px){.portal-govde h1{font-size:22px}}
.portal-govde .baslik-satir{align-items:center;gap:8px 12px;margin-bottom:12px}
.portal-govde .sayac{background:var(--notr-zemin);color:var(--metin-2);font-weight:600;font-size:12px;padding:2px 8px;border-radius:var(--r-mini);letter-spacing:.02em}
.portal-govde a{color:var(--birincil)}
.portal-govde a.ikincil-baglanti{color:var(--birincil);font-weight:500;font-size:13.5px}
.portal-govde .ipucu{color:var(--metin-3);font-size:12.5px;line-height:1.55}

/* kart / bölüm */
:is(.portal-govde,.bos-duzen) .form-bolum{background:var(--yuzey);border:1px solid var(--kenar);border-radius:var(--r);box-shadow:var(--golge);padding:20px 22px;margin-bottom:16px}
:is(.portal-govde,.bos-duzen) .form-bolum h2{font-size:var(--h2);font-weight:var(--h2-k);color:var(--metin);text-transform:none;letter-spacing:-.005em;margin:0 0 12px;padding:0;border:0}
:is(.portal-govde,.bos-duzen) .form-bolum h2 small{font-size:12.5px;font-weight:500;color:var(--metin-3);text-transform:none;letter-spacing:0}
@media (max-width:640px){:is(.portal-govde,.bos-duzen) .form-bolum{padding:16px}}

/* düğmeler: birincil (petrol yeşili dolu) · ikincil (beyaz + ince kenar) · küçük · tehlike; bağlantı görünümlü düğmeler (.bag-dugme) hariç */
:is(.portal-govde,.bos-duzen) button:not(.bag-dugme),:is(.portal-govde,.bos-duzen) a.dugme-baglanti{min-height:var(--btn-y);padding:0 14px;border-radius:var(--btn-r);font-size:13.5px;font-weight:500;letter-spacing:0;line-height:1.2}
:is(.portal-govde,.bos-duzen) button:not(.ikincil):not(.tehlike):not(.bag-dugme),:is(.portal-govde,.bos-duzen) a.dugme-baglanti:not(.ikincil){
  background:var(--birincil);color:var(--metin-ters);border:1px solid var(--birincil);box-shadow:0 1px 2px rgba(28,25,23,.08)}
:is(.portal-govde,.bos-duzen) button:not(.ikincil):not(.tehlike):not(.bag-dugme):hover:not(:disabled),:is(.portal-govde,.bos-duzen) a.dugme-baglanti:not(.ikincil):hover{filter:none;background:var(--birincil-koyu);border-color:var(--birincil-koyu)}
/* app.css "büyük kaydet butonu" (submit, 0,5,1) degrade + 10px 24px dolgu verir → Yön B düz petrol yeşili */
:is(.portal-govde,.bos-duzen) button[type=submit]:not(.kucuk):not(.ikincil):not(.tehlike):not(.secili){padding:0 14px;font-size:13.5px;font-weight:500;background:var(--birincil);box-shadow:0 1px 2px rgba(28,25,23,.08)}
:is(.portal-govde,.bos-duzen) button[type=submit]:not(.kucuk):not(.ikincil):not(.tehlike):not(.secili):hover:not(:disabled){background:var(--birincil-koyu)}
:is(.portal-govde,.bos-duzen) button.ikincil,:is(.portal-govde,.bos-duzen) a.dugme-baglanti.ikincil{background:var(--yuzey);color:var(--metin);border:1px solid var(--kenar);box-shadow:var(--golge)}
:is(.portal-govde,.bos-duzen) button.ikincil:hover:not(:disabled),:is(.portal-govde,.bos-duzen) a.dugme-baglanti.ikincil:hover{filter:none;background:var(--zemin);border-color:var(--kenar-koyu)}
:is(.portal-govde,.bos-duzen) button.kucuk{min-height:var(--btn-y-kucuk);padding:0 10px;font-size:12.5px;border-radius:var(--r-mini)}
:is(.portal-govde,.bos-duzen) button.tehlike{background:var(--yuzey);color:var(--sorun-metin);border:1px solid var(--sorun-kenar)}
:is(.portal-govde,.bos-duzen) button.tehlike:hover:not(:disabled){filter:none;background:var(--sorun-zemin)}
:is(.portal-govde,.bos-duzen) button:disabled{opacity:.5;box-shadow:none}
:is(.portal-govde,.bos-duzen) button:focus-visible,:is(.portal-govde,.bos-duzen) a.dugme-baglanti:focus-visible{outline:2px solid var(--birincil);outline-offset:2px}
.portal-govde .grid td button:not(.birincil){min-height:30px;padding:0 10px;font-size:12.5px;border-radius:var(--r-mini)}
@media (max-width:640px){:is(.portal-govde,.bos-duzen) button:not(.bag-dugme),:is(.portal-govde,.bos-duzen) a.dugme-baglanti{min-height:40px}}   /* dokunma alanı */

/* form alanları */
:is(.portal-govde,.bos-duzen) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),select,textarea){
  min-height:var(--alan-y);border:1px solid var(--kenar-koyu);border-radius:var(--r-kucuk);background-color:var(--yuzey);color:var(--metin);font-size:14px;box-shadow:0 1px 2px rgba(28,25,23,.04);box-sizing:border-box}
:is(.portal-govde,.bos-duzen) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),select){padding:0 10px}
:is(.portal-govde,.bos-duzen) textarea{padding:8px 10px;line-height:1.5}
:is(.portal-govde,.bos-duzen) :is(input,select,textarea):hover:not(:disabled):not(:focus){border-color:#a8a29e}
:is(.portal-govde,.bos-duzen) :is(input,select,textarea):focus{outline:none;border-color:var(--birincil);box-shadow:var(--odak)}
:is(.portal-govde,.bos-duzen) :is(input,select,textarea):disabled{background-color:var(--yuzey-2);color:var(--metin-3)}
:is(.portal-govde,.bos-duzen) :is(input,textarea)::placeholder{color:var(--metin-3)}
:is(.portal-govde,.bos-duzen) input:is([type=checkbox],[type=radio]){accent-color:var(--birincil)}
:is(.portal-govde,.bos-duzen) input[type=file]{max-width:100%;font-size:13px;color:var(--metin-2)}
:is(.portal-govde,.bos-duzen) input[type=file]::file-selector-button{min-height:32px;margin-right:10px;padding:0 12px;border:1px solid var(--kenar);border-radius:var(--r-mini);background:var(--yuzey);color:var(--metin);font:500 13px var(--font);cursor:pointer}
:is(.portal-govde,.bos-duzen) .form-bolum label > span:not(.etiket){font-size:12.5px;font-weight:500;color:var(--metin-2);letter-spacing:0;text-transform:none}

/* tablolar: beyaz başlık, açık gri başlık yazısı (büyük harf yok), hafif satır zemini, sayılar sağda tabular */
.portal-govde .veri-tablosu{max-width:100%;overflow-x:auto;border:1px solid var(--kenar);border-radius:var(--r);background:var(--yuzey);box-shadow:var(--golge)}
.portal-govde .veri-tablosu > table.grid{border:0;border-radius:0;box-shadow:none}
.portal-govde table.grid{font-size:var(--tablo-yazi);border-collapse:separate;border-spacing:0;background:var(--yuzey);border:1px solid var(--kenar);border-radius:var(--r)}
.portal-govde .grid th{position:static;background:var(--yuzey);color:var(--metin-3);font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;padding:var(--th-p);border-bottom:1px solid var(--kenar);white-space:nowrap;vertical-align:bottom}
.portal-govde .grid td{padding:var(--td-p);border-bottom:1px solid var(--ic-kenar);vertical-align:middle}
.portal-govde .grid tbody tr:nth-child(even) td{background:transparent}
.portal-govde .grid tbody tr:hover > td{background:var(--satir-hover-zemin)}
.portal-govde .grid tbody tr:last-child > td{border-bottom:0}
.portal-govde .grid tfoot :is(td,th){background:var(--zemin);font-weight:650;border-top:1px solid var(--kenar);border-bottom:0}
.portal-govde .grid :is(td,th):is(.sag,.num,.sayi){text-align:right;font-variant-numeric:tabular-nums}
.portal-govde .grid td a{color:var(--birincil);font-weight:600}
.portal-govde .grid img{background:var(--yuzey);border:1px solid var(--ic-kenar);border-radius:var(--foto-r);object-fit:contain}
.portal-govde :is(.kod,td.kod,code){font-family:var(--kod-font);font-size:12.5px;letter-spacing:var(--kod-ls);font-weight:600;color:var(--metin)}
.portal-govde .grid .bos{font-style:normal;color:var(--metin-3);padding:32px 24px}
.portal-govde .grid .bos::before{display:none}
/* telefonda sipariş / sevkiyat kartları (UX-portal-05) */
@media (max-width:600px){
  .portal-govde .veri-tablosu:has(> table.portal-kart-tablo){border:0;background:transparent;box-shadow:none;border-radius:0}
  .portal-govde table.portal-kart-tablo{border:0;background:transparent}
  .portal-govde table.portal-kart-tablo tr{border:1px solid var(--kenar);border-radius:var(--r);background:var(--yuzey);box-shadow:var(--golge);padding:12px 14px;margin-bottom:10px}
  .portal-govde table.portal-kart-tablo td{padding:1px 0;border:0}
  .portal-govde table.portal-kart-tablo td.kart-detay a{min-height:32px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid var(--kenar);border-radius:var(--r-kucuk);background:var(--yuzey);color:var(--metin);font-weight:500}
  .portal-govde table.portal-kart-tablo td[data-etiket]::before{color:var(--metin-3)}
}

/* rozet / etiket */
.portal-govde :is(.etiket,.durum-rozeti,.rozet){display:inline-flex;align-items:center;gap:6px;border-radius:var(--rozet-r);font-size:12px;font-weight:500;line-height:18px;padding:1px 8px;
  letter-spacing:0;white-space:nowrap;border:1px solid rgba(0,0,0,.06);vertical-align:middle;background:var(--notr-zemin);color:var(--notr-metin)}
.portal-govde :is(.etiket-sari,.rozet.tahmini){background:var(--durum-uyari-zemin);color:var(--durum-uyari-metin);border-color:var(--uyari-kenar)}
.portal-govde .etiket-yesil{background:var(--durum-hazir-zemin);color:var(--durum-hazir-metin)}
.portal-govde .etiket-kirmizi{background:var(--durum-sorun-zemin);color:var(--durum-sorun-metin)}

/* iletiler */
:is(.portal-govde,.bos-duzen) :is(p.uyari,div.uyari,ul.form-uyari,p.form-uyari){background:var(--uyari-zemin);border:1px solid var(--uyari-kenar);color:var(--uyari-metin)}
:is(.portal-govde,.bos-duzen) :is(p.hata,div.hata,ul.hata,ul.form-hata,p.form-hata){background:var(--sorun-zemin);border:1px solid var(--sorun-kenar);color:var(--sorun-metin)}
:is(.portal-govde,.bos-duzen) :is(p.form-basari,p.basari){background:var(--iyi-zemin);border:1px solid var(--iyi-kenar);color:var(--iyi-metin)}
:is(.portal-govde,.bos-duzen) :is(.uyari,.hata,.bilgi,.basari,.form-uyari,.form-hata,.form-basari,.form-bilgi){border-radius:var(--r-kucuk);font-size:13.5px;line-height:1.55}

/* özet satırı (sipariş detayı): beyaz kart, büyük harfsiz etiket, tabular sayı */
.portal-govde .ozet{background:var(--yuzey);border:1px solid var(--kenar);border-radius:var(--r);box-shadow:var(--golge);padding:16px 20px;gap:12px 24px;margin:0 0 16px}
.portal-govde .ozet:hover{transform:none;box-shadow:var(--golge)}
.portal-govde .ozet span{font-size:12.5px;font-weight:500;color:var(--metin-2);text-transform:none;letter-spacing:0}
.portal-govde .ozet strong{font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--metin);font-variant-numeric:tabular-nums}
.portal-govde details > summary{color:var(--birincil);cursor:pointer}

/* katalog sekmeleri (ürün türü): hap biçimli, seçili koyu çip (eski lacivert yerine) */
.portal-katalog .sekmeler{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.portal-govde .portal-katalog .sekmeler button:not(.ikincil):not(.tehlike){min-height:32px;margin:0;padding:0 12px;border:1px solid var(--kenar);border-radius:var(--cip-r);background:var(--yuzey);color:var(--metin-2);font-weight:500;box-shadow:none}
.portal-govde .portal-katalog .sekmeler button:not(.ikincil):not(.tehlike):hover:not(:disabled){background:var(--hover);border-color:var(--kenar);color:var(--metin)}
.portal-govde .portal-katalog .sekmeler button.secili:not(.ikincil):not(.tehlike),.portal-govde .portal-katalog .sekmeler button.secili:not(.ikincil):not(.tehlike):hover:not(:disabled){background:var(--metin);border-color:var(--metin);color:var(--metin-ters)}
.portal-katalog .katalog-taslak-bant{background:var(--birincil-cok-acik);border:1px solid var(--bilgi-kenar);border-radius:var(--r-kucuk);padding:8px 12px}
.portal-katalog .katalog-kart{border-color:var(--kenar);box-shadow:var(--golge);padding:10px}
.portal-katalog .kat-kart-resim{background:var(--yuzey);border:1px solid var(--ic-kenar);border-radius:var(--foto-r)}

/* ── Portal girişi kod ekranı (/portal/kod): ortada tek kart, altın işaret ─────────────────────────────────────── */
.portal-kod{box-sizing:border-box;width:100%;max-width:420px;margin:0 auto;padding:32px 30px 26px;background:var(--yuzey);border:1px solid var(--kenar);border-radius:16px;
  box-shadow:0 12px 32px rgba(28,25,23,.08),0 1px 2px rgba(28,25,23,.04);font-family:var(--font);color:var(--metin)}
.portal-kod::before{content:"L";display:grid;place-items:center;width:36px;height:36px;margin:0 0 18px;border-radius:10px;background:linear-gradient(145deg,#b8975a,var(--altin));
  color:var(--metin-ters);font:700 19px/1 Georgia,"Times New Roman",serif}
.portal-kod h1{font-size:22px;font-weight:var(--h1-k);letter-spacing:-.02em;margin:0 0 6px;color:var(--metin)}
.portal-kod .ipucu{color:var(--metin-2);font-size:13.5px;line-height:1.55}
.portal-kod label{display:flex;flex-direction:column;gap:6px;margin-top:16px;font-size:12.5px;font-weight:500;color:var(--metin-2)}
.bos-duzen .portal-kod input[name=kod]:not([type=checkbox]):not([type=radio]):not([type=file]){width:100%;min-height:52px;padding:0 10px;font:600 1.6em var(--kod-font);letter-spacing:.3em;text-align:center}
.bos-duzen .portal-kod .portal-kod-hatirla{flex-direction:row;align-items:center;gap:8px;margin-top:12px;font-size:13.5px;color:var(--metin-2)}
.portal-kod .portal-kod-hatirla input{width:18px;height:18px}
.bos-duzen .portal-kod button{width:100%;min-height:44px;margin-top:12px;font-size:14px;font-weight:600}
.portal-kod .form-hata{margin:10px 0 0}
.portal-kod-yeniden{margin:4px 0 0}.portal-kod-yeniden .ipucu{display:block;margin-top:6px}
@media (max-width:480px){.portal-kod{padding:26px 20px 20px}}

/* ── Giriş / iki adım / şifre / davet (BosLayout): sade açık zemin, ortada kart, altın "L" işareti (koyu petrol marka paneli kalktı) ── */
.bos-duzen{background:var(--zemin)}
.bos-duzen:has(.giris-kabuk,.giris-kutu,.portal-kod){background:radial-gradient(900px 480px at 50% -12%,var(--altin-acik) 0,transparent 62%),var(--zemin)}
.giris-kabuk{border-radius:16px;overflow:hidden;border:1px solid var(--kenar);box-shadow:0 12px 32px rgba(28,25,23,.08),0 1px 2px rgba(28,25,23,.04);background:var(--yuzey)}
.giris-kabuk.giris-iki{width:min(880px,100%);grid-template-columns:minmax(0,1fr) minmax(340px,400px);min-height:480px}
.giris-tanitim{padding:40px 44px;color:var(--metin);background:linear-gradient(180deg,var(--birincil-cok-acik),var(--yuzey));border-right:1px solid var(--ic-kenar)}
.giris-tanitim-marka{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:700;letter-spacing:.18em;color:var(--metin)}
.giris-tanitim .giris-tanitim-marka span{display:grid;place-items:center;width:40px;height:40px;margin:0;border-radius:11px;animation:none;background:linear-gradient(145deg,#b8975a,var(--altin));
  color:var(--metin-ters);font:700 21px/1 Georgia,"Times New Roman",serif;letter-spacing:0;box-shadow:0 1px 2px rgba(122,95,44,.25)}
.giris-tanitim p{color:var(--altin-koyu);font-size:11.5px;font-weight:600;letter-spacing:.16em}
.giris-tanitim h1{color:var(--metin);font-size:32px;font-weight:var(--h1-k);line-height:1.18;letter-spacing:-.03em;margin:10px 0 16px}
.giris-tanitim div>span{color:var(--metin-2);font-size:14px;line-height:1.7}
.giris-tanitim small{color:var(--metin-3);font-size:10.5px;letter-spacing:.16em}
.giris-kutu{background:var(--yuzey);border-color:var(--kenar);color:var(--metin)}
.giris-kabuk>.giris-kutu{padding:44px 40px 30px}
.giris-kabuk:not(.giris-iki){max-width:420px}
.giris-kabuk:not(.giris-iki)>.giris-kutu{border-radius:0;padding:32px 30px 26px}
.giris-kutu .marka,.giris-kabuk>.giris-kutu .marka{display:flex;align-items:center;gap:10px;margin:0 0 22px;padding:0;text-align:left;color:var(--metin);font-size:13px;font-weight:700;letter-spacing:.18em}
.giris-kutu .marka::before{content:"L";display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:var(--r-kucuk);background:linear-gradient(145deg,#b8975a,var(--altin));
  color:var(--metin-ters);font:700 16px/1 Georgia,"Times New Roman",serif;letter-spacing:0}
.giris-kutu .marka span,.giris-kabuk>.giris-kutu .marka span{color:var(--altin-koyu)}
.giris-kutu :is(h1,h2){font-size:24px;font-weight:var(--h1-k);letter-spacing:-.025em;line-height:1.2;color:var(--metin);margin:0 0 4px}
.giris-kutu h1.sifre-baslik{font-size:22px;margin:0 0 12px}
.giris-aciklama{color:var(--metin-2);font-size:13.5px;margin:0 0 22px}
.giris-kutu label{gap:6px;margin-bottom:14px}
.giris-kutu label span,.giris-kabuk>.giris-kutu label span{color:var(--metin-2);font-size:12.5px;font-weight:500}
.bos-duzen .giris-kutu input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]){width:100%;min-height:42px;padding:0 12px;font-size:15px}
.bos-duzen .giris-kutu input.kod-girdi:not([type=checkbox]):not([type=radio]):not([type=file]){min-height:52px;font:600 1.6em var(--kod-font);letter-spacing:.3em;text-align:center}
.giris-kutu fieldset{border:0;margin:0;padding:0;min-width:0}
.bos-duzen .giris-kutu button{width:100%;min-height:44px;margin-top:6px;font-size:14.5px;font-weight:600;cursor:pointer}
.bos-duzen .giris-kutu a.dugme-baglanti{min-height:42px}
.bos-duzen :is(.giris-kutu,.portal-kod) button[type=submit]:not(.kucuk):not(.ikincil):not(.tehlike):not(.secili){padding:0 14px;font-size:14.5px;font-weight:600}
.giris-kutu .ipucu{color:var(--metin-3);font-size:12px;line-height:1.55}
.giris-kutu .hata,.giris-kutu .uyari{font-size:13px}
.giris-kutu details > summary{color:var(--birincil);font-size:13.5px}
.giris-kutu .iki-adim-adimlar{padding-left:20px;color:var(--metin-2);font-size:13.5px;line-height:1.6}
.giris-kutu .qr-kutu{padding:12px;border:1px solid var(--kenar);border-radius:var(--r);background:var(--yuzey);width:max-content;max-width:100%;margin:12px auto;box-sizing:border-box}
.giris-kutu code.anahtar-metin{font-family:var(--kod-font)}
@media (max-width:720px){
  .giris-kabuk.giris-iki{display:block;max-width:440px;min-height:0}
  .giris-tanitim{padding:22px 24px 18px;min-height:0;border-right:0;border-bottom:1px solid var(--ic-kenar)}
  .giris-tanitim h1{font-size:22px;margin:8px 0 0}
  .giris-tanitim .giris-tanitim-marka span{width:34px;height:34px;font-size:18px}
  .giris-kabuk>.giris-kutu{padding:26px 22px 22px}
}
/* sorun bildir bölümü: başlık üstte, form altta (form-bolum 2 sütun ızgarası burada istenmiyor) */
.portal-govde .form-bolum.portal-sorun{display:block}
.portal-govde .form-bolum.portal-sorun > h2{margin-bottom:8px}
@media (min-width:1101px){.portal-ust{flex-wrap:nowrap}}   /* masaüstü: marka · menü · dil/çıkış tek satır; menü sığmazsa kendi içinde kayar */
.bos-duzen h1[tabindex="-1"]:focus{outline:none}   /* gezinme sonrası programatik odak (FocusOnNavigate) çerçevesi görünmesin */
.giris-kutu details + form,.giris-kutu [data-iki-adim-elle] + form{margin-top:14px}
:is(.portal-govde,.bos-duzen) .form-bolum input:is([type=checkbox],[type=radio]){width:18px;height:18px;min-height:0;padding:0;margin:0;box-shadow:none;flex:none}   /* onay kutusu metin kutusu boyunda görünüyordu */
.portal-govde .veri-tablosu + .form-bolum{margin-top:16px}
   musteri alanı · Yön B aşama 2 (09.11.2026) — Müşteriler, Müşteri 360, firma kartı, Katalog, Ürünler, Fiyat listesi,
   Durum raporları, Mesaj şablonları, Müşteri ritmi, Haftalık satış, Adaylar, Fuarlar, Pazar, Sorun bildirimleri, Numune kasası.
   Yalnız görünüm: işaretleme, kancalar, metinler ve düğmeler aynı. Fotoğraf kuralları (contain, kırpmasız, katalog yerleşimi) değişmez.
   =================================================================================================================== */

/* ── Başlık satırı: SayfaBasligi'nin kendi alt boşluğu sayacı başlığın altına itiyordu → sayaç başlıkla aynı hizada ── */
.kabuk .baslik-satir{align-items:center}
.kabuk .baslik-satir > .sayfa-basligi{margin:0}
.kabuk .baslik-satir > .sayfa-basligi h1,.kabuk .baslik-satir > h1{margin:0}
.kabuk main .baslik-satir .sayac:not([class*="durum-rozeti"]){background:var(--notr-zemin);color:var(--metin-2);border:0;font-weight:600;font-size:12px;padding:2px 9px;border-radius:var(--r-hap)}
.kabuk .baslik-satir .sure{color:var(--metin-3);font-size:12px}

/* ── Süzgeç şeridi: sayfa üstündeki seçim/arama satırları tek beyaz kartta (Adaylar, Durum raporları, Ritim, Haftalık, Sorun) ── */
.kabuk :is(.aday-filtre,.kalite-iade-suzgec),
.kabuk :is(.durum-raporlari,.musteri-ritmi,.haftalik-satis) > div.satir-ici:first-of-type{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;background:var(--yuzey);border:1px solid var(--kenar);border-radius:var(--r);box-shadow:var(--golge);padding:12px 14px;margin:12px 0 16px}
.kabuk .kalite-iade-suzgec :is(input,select){font-size:14px}
.kabuk :is(.aday-filtre,.kalite-iade-suzgec) label:not(.satir-ici),.kabuk :is(.durum-raporlari,.musteri-ritmi,.haftalik-satis) > div.satir-ici:first-of-type > label:not(.satir-ici){display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500;color:var(--metin-2)}
.kabuk :is(.aday-filtre,.kalite-iade-suzgec,.durum-raporlari > div.satir-ici,.musteri-ritmi > div.satir-ici,.haftalik-satis > div.satir-ici) :is(label.satir-ici,label.onay){font-size:13px;color:var(--metin-2)}
.kabuk .filtreler.cerceveli{background:var(--yuzey);border-color:var(--kenar);border-radius:var(--r)}

/* ── Sekme düğmeleri (Sorun bildirimleri, Atölye cari .m360-sekmeler > button): hap sekme, seçili beyaz ─────────── */
.kabuk .sorun-pano .sekme-satiri{display:flex;gap:4px;flex-wrap:wrap;margin:8px 0 16px}
.kabuk .sorun-pano .sekme-satiri > button[role=tab],.kabuk main .m360-sekmeler > button{min-height:32px;padding:0 12px;border:0;border-radius:var(--r-kucuk);background:none;color:var(--metin-2);font-size:13.5px;font-weight:500;box-shadow:none;margin:0}
.kabuk .sorun-pano .sekme-satiri > button[role=tab]:hover:not(:disabled),.kabuk main .m360-sekmeler > button:hover:not(:disabled){background:var(--hover);color:var(--metin);border:0}
.kabuk .sorun-pano .sekme-satiri > button[role=tab].birincil,.kabuk main .m360-sekmeler > button.secili{background:var(--yuzey);color:var(--metin);font-weight:600;box-shadow:inset 0 0 0 1px var(--kenar),0 1px 2px rgba(28,25,23,.05)}
.kabuk main .m360-sekmeler:not(:has(> .m360-sekme-listesi)){border-bottom:0;gap:4px}

/* ── Müşteri 360 üst "Diğer" düğmesi ikincil düğme ile aynı ─────────────────────────────────────────────────── */
.kabuk .m360-diger > summary{min-height:var(--btn-y);display:inline-flex;align-items:center;padding:0 14px;border:1px solid var(--kenar);border-radius:var(--btn-r);background:var(--yuzey);font-size:13.5px;font-weight:500;color:var(--metin);box-shadow:0 1px 2px rgba(28,25,23,.05)}
.kabuk .m360-diger > summary:hover{background:var(--zemin);border-color:var(--kenar-koyu)}

/* ── Firma kartı: onay kutulu etiketler yan yana (kutu + yazı tek satır) ──────────────────────────────────────── */
.kabuk main .form-bolum label:has(> input[type=checkbox]):not(:has(> :is(select,textarea,input:not([type=checkbox])))){flex-direction:row;align-items:center;gap:8px;font-size:13.5px;color:var(--metin)}
.kabuk main .form-bolum label:has(> input[type=checkbox]) > span{font-size:13.5px;color:var(--metin);font-weight:500}
.kabuk main .form-bolum .onay-grup{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center}

/* ── Pazar önceliği: öneri kartındaki sayı sayaç hapı (satır boyu gri şerit değil) ───────────────────────────── */
.kabuk .pazar-kartlar .sayi-kutu > .sayac{align-self:flex-start;margin:2px 0 4px}
.kabuk .pazar-kartlar .sayi-kutu > strong{font-size:16px}

/* ── Katalog: süzgeç kartı sakin (tüm alanlar 32 px, etiketler soluk, cins çipleri hap), ikinci satır açık zemin ── */
.kabuk main section.kat-serit[data-kat-filtre]{border-color:var(--kenar);border-radius:var(--r);box-shadow:var(--golge);padding:12px 14px;gap:10px}
.kabuk main section.kat-serit[data-kat-filtre] :is(input:not([type=checkbox]):not([type=radio]),select){min-height:32px;height:32px;padding-top:0;padding-bottom:0;font-size:13px;border-color:var(--kenar);border-radius:var(--r-kucuk);box-shadow:none}
.kabuk main section.kat-serit[data-kat-filtre] .aranabilir-secim-deger{min-height:32px;height:32px;display:flex;align-items:center;justify-content:space-between;gap:6px;padding-top:0;padding-bottom:0;font-size:13px;border-color:var(--kenar);border-radius:var(--r-kucuk);box-shadow:none}
.kabuk main section.kat-serit[data-kat-filtre] .kat-etiket{font-size:12px;font-weight:500;color:var(--metin-3)}
.kabuk main section.kat-serit[data-kat-filtre] .kat-filtre-baslik{font-size:13px;font-weight:600;color:var(--metin);margin-right:4px}
.kabuk main section.kat-serit[data-kat-filtre] .kat-serit-alt{border-top:1px solid var(--ic-kenar);padding-top:10px}
.kabuk main section.kat-serit[data-kat-filtre] .kat-serit-satir--ikinci{border-top:0;background:var(--zemin);border-radius:var(--r-kucuk);padding:8px 10px;margin:0 -4px;gap:8px 16px}
.kabuk main .kat-serit .kat-hazir-cip{height:30px;min-height:30px;padding:0 12px;border:1px solid var(--kenar);border-radius:var(--cip-r);background:var(--yuzey);color:var(--metin-2);font-size:13px;font-weight:500;box-shadow:none}
.kabuk main .kat-serit .kat-hazir-cip:hover{background:var(--hover);color:var(--metin)}
.kabuk main .kat-serit .kat-hazir-cip.secili{background:var(--metin);border-color:var(--metin);color:var(--metin-ters)}
.kabuk .kat-ust-sag a.kat-btn--satis{background:var(--yuzey);color:var(--metin)!important;border:1px solid var(--kenar);box-shadow:0 1px 2px rgba(28,25,23,.05)}
.kabuk .kat-ust-sag a.kat-btn--satis:hover{background:var(--zemin);border-color:var(--kenar-koyu)}
.kabuk .kat-ust .kat-sayac{background:var(--notr-zemin);color:var(--metin-2);font-size:12px;padding:2px 9px}
/* onerror ile sonradan eklenen "foto yok" kutusu kapsamlı CSS almaz (Blazor özniteliği yok) → burada aynı yer tutucu görünümü */
.kabuk .kat-kart-resim > .kat-foto-yer{width:100%;height:100%;min-height:120px;display:flex;align-items:center;justify-content:center;background:var(--yuzey-2);color:var(--metin-3);font-size:12px;letter-spacing:.02em}
.kabuk .kat-kart--satir .kat-kart-resim > .kat-foto-yer{min-height:60px;height:60px}
@media (max-width:640px){.kabuk main section.kat-serit[data-kat-filtre]{padding:10px}.kabuk main section.kat-serit[data-kat-filtre] .kat-serit-satir--ikinci{margin:0}}
/* ── Adaylar / Fuarlar / Ritim küçük düzen: tablo üst boşluğu, aday notu alanı etiket üstte, gün sayısı ayrık ── */
.kabuk :is(.aday,.fuar,.pazar) > .tablo-sar{margin-top:12px}
.kabuk .aday-kart label.aday-alan{display:flex;flex-direction:column;align-items:stretch;gap:5px;flex:1 1 100%;max-width:720px;margin-bottom:8px}
.kabuk .aday-kart label.aday-alan ~ label.satir-ici{margin-right:14px}
.kabuk .aday-kart label.aday-alan > span{font-size:12.5px;font-weight:500;color:var(--metin-2)}
.kabuk .musteri-ritmi td small.ipucu{margin-left:4px}