Beklenen12 ad
… */
.kabuk .sayi-kutulari{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:10px 0 14px}
.kabuk .sayi-kutu{background:#fafbf9;border:1px solid var(--t-cizgi-acik);border-radius:var(--t-r);padding:10px 14px;display:flex;flex-direction:column;gap:2px;min-width:0}
.kabuk .sayi-kutu > span{font-size:12px;color:var(--t-soluk);font-weight:600}
.kabuk .sayi-kutu > strong{font-size:20px;font-weight:720;letter-spacing:-.02em;color:var(--t-metin);font-variant-numeric:tabular-nums;line-height:1.25}
.kabuk .sayi-kutu > strong small{font-size:12px;font-weight:550;color:var(--t-soluk);margin-left:3px}
.kabuk .sayi-kutu.iyi{background:#eef7f1;border-color:#cfe7d7}.kabuk .sayi-kutu.iyi > strong{color:#1e6a40}
.kabuk .sayi-kutu.dikkat{background:#fdf6e7;border-color:#efdcae}.kabuk .sayi-kutu.dikkat > strong{color:#8a5d16}
.kabuk .sayi-kutu.kotu{background:#fcf0f0;border-color:#f0cdcd}.kabuk .sayi-kutu.kotu > strong{color:#a33a3a}
/* Sabit alt eylem çubuğu:
*/
.kabuk .alt-eylem{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
margin:16px -1px 0;padding:14px 20px;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border:1px solid var(--t-cizgi);border-radius:var(--t-r-b);box-shadow:0 -6px 20px rgba(20,36,47,.08)}
.kabuk .alt-eylem .ozet{font-size:13.5px;color:var(--t-metin-2)}
.kabuk .alt-eylem .ozet strong{color:var(--t-metin);font-size:15px}
.kabuk .alt-eylem .dugmeler{display:flex;gap:10px;flex-wrap:wrap}
.kabuk .alt-eylem button.birincil,.kabuk .alt-eylem button[type=submit]{min-height:44px;padding:0 22px;font-size:14.5px}
/* Bölüm kartı başlığı:
*/
.kabuk .bolum-baslik{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 14px}
.kabuk .bolum-baslik h2{margin:0}
.kabuk .bolum-baslik .sag-eylem{margin-left:auto;display:flex;gap:8px}
/* Büyük seçim düğmeleri (✓ Uygun / ✗ Değil / — Bakılmadı):
… */
.kabuk .secim3{display:inline-flex;gap:6px}
.kabuk .secim3 button{min-width:44px;min-height:40px;padding:0 12px;border-radius:9px;background:#fff;border:1.5px solid var(--t-cizgi-koyu);color:var(--t-soluk);font-weight:700}
.kabuk .secim3 button.evet.secili{background:#e7f5ec;border-color:#5aa77a;color:#1e6a40}
.kabuk .secim3 button.hayir.secili{background:#fcecec;border-color:#d27c7c;color:#a33a3a}
.kabuk .secim3 button.bos.secili{background:#eef0ef;border-color:#9aa6a1;color:var(--t-metin-2)}
/* ── Tablo başlığındaki Excel süzgeç düğmesi: başlığı iki satıra itmesin ───────────────────────────────────────── */
.kabuk main th:has(> .ef-btn){white-space:nowrap}
.kabuk main th .ef-btn{min-height:24px;height:24px;width:22px;padding:0;margin-left:2px;border:0;background:none;box-shadow:none;color:var(--t-soluk);font-size:12px;vertical-align:middle;border-radius:4px}
.kabuk main th .ef-btn:hover{background:#eceeeb;color:var(--t-metin)}
.kabuk main th .ef-btn.ef-aktif{color:var(--t-ana);background:var(--t-ana-acik)}
.kabuk main .grid th{cursor:default}
.kabuk main .grid th[class*=sira],.kabuk main .grid th.sirali{color:var(--t-metin)}
/* tablo içi düğmeler: küçük ve sakin */
.kabuk main .grid td button:not(.birincil),.kabuk main .grid td a.dugme-baglanti{min-height:30px;padding:0 11px;font-size:12.5px;border-radius:6px}
/* ── Giriş ekranı → Yön B (09.11.2026): koyu petrol marka paneli kaldırıldı; tüm giriş / iki adım / şifre görünümü css/lotus-bilesen.css "portal alanı" bölümünde ─ */
/* Kendi biçimli details'lerde tarayıcının ▶ işareti: küçük ve soluk (şekli tarayıcıda kalır) */
.kabuk main summary::marker{color:var(--t-cok-soluk);font-size:.78em}
/* Dar ekranda sekme şeridi tek satır, yana kayar (alt alta dizilmez) */
@media (max-width:760px){
.kabuk .sayfa-sekmeleri{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.kabuk .sayfa-sekmeleri::-webkit-scrollbar{display:none}
.kabuk .sayfa-sekmeleri a{white-space:nowrap;flex:none;padding:10px 12px}
}
/* Dosya seçme düğmesi: tarayıcının ham "Choose File" düğmesi yerine ikincil düğme görünümü */
.kabuk main input[type=file]{font-size:13px;color:var(--t-soluk)}
.kabuk main input[type=file]::file-selector-button{min-height:34px;padding:0 14px;margin-right:10px;border-radius:var(--t-r-k);border:1px solid var(--t-cizgi-koyu);
background:#fff;color:var(--t-metin);font:600 13px/1 inherit;font-family:inherit;cursor:pointer;transition:background .12s ease}
.kabuk main input[type=file]::file-selector-button:hover{background:#f7f8f6}
/* Kendi biçimi olan katlanır bölümler için ortak ok: (sayfalar elle kopyalamasın) */
.kabuk main details.katli > summary{list-style:none;cursor:pointer;user-select:none}
.kabuk main details.katli > summary::-webkit-details-marker{display:none}
.kabuk main details.katli > summary::before{content:"";display:inline-block;width:6px;height:6px;margin:0 11px 2px 2px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
transform:rotate(-45deg);opacity:.55;transition:transform .15s ease;vertical-align:middle}
.kabuk main details.katli[open] > summary::before{transform:rotate(45deg);margin-bottom:4px}
/* Sevk grubu önerileri: tablo başlığında büyük harf dönüşümü yok (TASARIM-STANDARDI); form uyarısı kutu; 4'lü metrikler; ürün kodu tablo içinde bölünmez */
.kabuk main th{text-transform:none!important;letter-spacing:.01em}
.kabuk main .form-uyari{display:block;background:#fdf7ea;border:1px solid #f0e0b9;color:#6f5216;padding:10px 14px}
.kabuk main .sevkiyat-metrikler{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.kabuk main .grid td .kod,.kabuk main .grid td.kod{white-space:nowrap}
/* Kalite grubu önerileri: telefonda adım şeridi 2×2, yapışık alt çubuk alt menünün üstünde */
@media (max-width:640px){
.kabuk .adimlar{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}
.kabuk .adimlar > li{padding:6px 0;font-size:12.5px}
.kabuk .adimlar > li::after{display:none}
.kabuk .alt-eylem{bottom:calc(46px + env(safe-area-inset-bottom));padding:10px 12px}
}
/* Atölye grubu önerisi: app.css'teki genel .ozet kutu stili alt eylem çubuğunda kutu içinde kutu yapmasın */
.kabuk .alt-eylem .ozet{background:none;border:0;box-shadow:none;padding:0;margin:0;transform:none;min-height:0}
.kabuk .alt-eylem .ozet:hover{transform:none;box-shadow:none}
/* SadeUst özet cümlesi: iki satır; üzerine gelince / odaklanınca tamamı (metin silinmez, title'da da var) */
.kabuk .sade-ust .ps-ozet{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;cursor:default;outline:none}
.kabuk .sade-ust .ps-ozet:hover,.kabuk .sade-ust .ps-ozet:focus{-webkit-line-clamp:unset;line-clamp:none;display:block}
@media print{.kabuk .sade-ust .ps-ozet{-webkit-line-clamp:unset;display:block}}
/* .m360-sekmeler başka sayfalarda da (Atölye Cari BPM/ERP) sekme şeridi olarak kullanılıyor: her yerde alt çizgili sekme */
.kabuk main .m360-sekmeler{display:flex;flex-wrap:wrap;background:transparent;border:0;border-bottom:1px solid var(--t-cizgi);border-radius:0;box-shadow:none;padding:0;gap:2px;margin:14px 0 20px}
.kabuk main .m360-sekmeler > button{background:none;color:var(--t-soluk);border:0;border-bottom:2px solid transparent;border-radius:0;box-shadow:none;min-height:44px;padding:0 14px;font-weight:550;margin-bottom:-1px}
.kabuk main .m360-sekmeler > button:hover:not(:disabled){color:var(--t-metin);border-bottom-color:var(--t-cizgi-koyu);background:none}
.kabuk main .m360-sekmeler > button.secili{color:var(--t-ana);border-bottom-color:var(--t-ana);font-weight:680;background:none}
/* Ürün grubu önerileri: durum rozeti hap; onay kutusu/radyo 38 px alan kuralından muaf; nötr etiket için ortak .hap */
.kabuk main .durum-rozeti{border-radius:999px;padding:2px 10px}
.kabuk main input[type=checkbox],.kabuk main input[type=radio]{min-height:0}
.kabuk .hap{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:650;line-height:1.6;white-space:nowrap;background:#f1f3f0;color:var(--t-metin-2);border:1px solid var(--t-cizgi-acik)}
/* Günlük grubu önerisi: bağlantıyla gidilen başlık yapışık üst çubuğun altında kalmasın */
.kabuk main [id]{scroll-margin-top:84px}
/* ═════════════════════════════════════════════════════════════════════════════════════════════════════════════════
Tasarım v4 (29.10 akşam) — Efe'nin referansı (modern SaaS paneli): Inter yazı tipi, büyük yuvarlak kartlar, ikonlu büyük sayı,
ilk (ana) sayı kartı marka renginde dolu, süzgeçler ayrı kartlar, havadar tablolar. Yalnız görünüm; metin/kanca/işlev aynı.
═════════════════════════════════════════════════════════════════════════════════════════════════════════════════ */
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("fontlar/inter-latin-ext.woff2") format("woff2");
unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("fontlar/inter-latin.woff2") format("woff2");
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-feature-settings:"cv11","ss03";-webkit-font-smoothing:antialiased}
.kabuk{--t-zemin:#f4f5f3;--t-r-b:18px;--t-r:12px;--t-r-k:9px;
--t-golge-1:0 1px 2px rgba(16,24,40,.04),0 2px 6px rgba(16,24,40,.025);
--t-golge-2:0 10px 28px rgba(16,24,40,.08),0 2px 6px rgba(16,24,40,.04);
/* madde 11 (03.11): beyaz kart metni en açık noktada 3,37:1 idi (köşe: #2e8574 + %16 beyaz). Aynı yeşil ailesinde koyulaştırma: uç #2e8574 → #287565, parlama .16 → .08 → en kötü 4,66:1 */
--t-hero:radial-gradient(130% 120% at 100% 0%,rgba(255,255,255,.08) 0,rgba(255,255,255,0) 52%),linear-gradient(135deg,#1b574e 0%,#23705f 55%,#287565 100%);
--t-hero-golge:0 14px 30px -10px rgba(27,87,78,.55)}
.kabuk h1,.kabuk .patron-sade .ps-ust h1{font-size:28px;font-weight:700;letter-spacing:-.025em}
.kabuk .kod,.kabuk td.kod,.kabuk code{font-family:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace}
/* ── Sayı kartları (SadeUst .ps-kart): ikon karesi + etiket aynı satırda, altında büyük sayı; bağlantılı kartta sağ üstte yuvarlak ok ── */
.kabuk .patron-sade .ps-kartlar{gap:16px;margin-bottom:22px}
.kabuk .patron-sade .ps-kart{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;align-items:center;align-content:start;
padding:20px 22px 18px;border-radius:20px;border-color:#e7e9e6}
.kabuk .patron-sade .ps-kart > :not(.ps-ikon):not(.l){grid-column:1/-1}
.kabuk .patron-sade .ps-kart:not(:has(.ps-ikon)) > .l{grid-column:1/-1}
.kabuk .ps-ikon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--t-ana-acik);color:var(--t-ana);flex:none}
.kabuk .ps-ikon svg{width:20px;height:20px}
.kabuk .patron-sade .ps-kart .l{font-size:13px;font-weight:600;color:var(--t-metin-2);line-height:1.35}
.kabuk .patron-sade a.ps-kart .l{padding-right:34px}
.kabuk .patron-sade .ps-kart strong{font-size:32px;font-weight:700;letter-spacing:-.03em;line-height:1.15;margin:18px 0 6px;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:2px}
.kabuk .patron-sade .ps-kart{container-type:inline-size}
@container (max-width:300px){.kabuk .patron-sade .ps-kart strong{font-size:28px}}
.kabuk .patron-sade .ps-kart strong small{font-size:14px;font-weight:550;margin-left:4px}
.kabuk .patron-sade a.ps-kart::after{content:"→";position:absolute;top:18px;right:18px;width:30px;height:30px;border-radius:999px;display:grid;place-items:center;
background:#f1f3f1;color:var(--t-soluk);font-size:14px;font-weight:600;transition:background .15s ease,color .15s ease}
.kabuk .patron-sade a.ps-kart:hover::after{background:var(--t-ana);color:#fff}
.kabuk .patron-sade a.ps-kart:hover{transform:translateY(-2px)}
.kabuk .patron-sade .ps-kart.hazir .ps-ikon{background:#e6f4ec;color:#1f7a4a}
.kabuk .patron-sade .ps-kart.kirmizi .ps-ikon{background:#fdecec;color:#b42318}
.kabuk .patron-sade .ps-kart.hazir::before,.kabuk .sade-ust .ps-kart.kirmizi::before{top:20px;bottom:20px}
/* ilk (ana) kart: marka renginde dolu — kırmızı (işlem isteyen) kart bu biçimi almaz */
.kabuk .patron-sade .ps-kartlar > .ps-kart:first-child:not(.kirmizi):not(.secili){background:var(--t-hero);border-color:transparent;box-shadow:var(--t-hero-golge);color:#fff}
.kabuk .patron-sade .ps-kartlar > .ps-kart:first-child:not(.kirmizi):not(.secili)::before{display:none}
.kabuk .patron-sade .ps-kartlar > .ps-kart:first-child:not(.kirmizi):not(.secili) .ps-ikon{background:rgba(255,255,255,.16);color:#fff}
/* UX 31.10 (ortak): koyu degrade ilk kartta soluk beyaz (.85/.78) küçük yazı, degradenin açık ucunda 3,6–4,4 kontrasta iniyordu (WCAG 4,5 altı).
Etiket ve alt satır tam beyaz; sıradüzen yazı boyu/kalınlığıyla korunur. Renk/tema belirteçleri aynı. */
.kabuk .patron-sade .ps-kartlar > .ps-kart:first-child:not(.kirmizi):not(.secili) .l{color:#fff}
.kabuk .patron-sade .ps-kartlar > .ps-kart:first-child:not(.kirmizi):not(.secili) strong{color:#fff}
.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:#fff}
.kabuk .patron-sade .ps-kartlar > .ps-kart:first-child:not(.kirmizi):not(.secili) .s a{color:#fff;text-decoration:underline} /* UX 31.10: bağlantı yalnız renkle ayrılmasın */
.kabuk .patron-sade .ps-kartlar > .ps-kart:first-child:not(.kirmizi):not(.secili) .s a:focus-visible{outline-color:#fff}
.kabuk .patron-sade .ps-kartlar > a.ps-kart:first-child:not(.kirmizi):not(.secili)::after{background:rgba(255,255,255,.16);color:#fff}
.kabuk .patron-sade .ps-kartlar > a.ps-kart:first-child:not(.kirmizi):not(.secili):hover::after{background:#fff;color:var(--t-ana)}
/* ── Ana sayfa gösterge şeridi → ayrı kartlar (aynı dil) ── */
.kabuk .lotus-calisma .calisma-gostergeler{gap:16px;background:transparent;border:0;border-radius:0;overflow:visible;margin-bottom:24px}
.kabuk .lotus-calisma .calisma-gosterge{position:relative;background:#fff;border:1px solid #e7e9e6;border-radius:20px;box-shadow:var(--t-golge-1);padding:20px 22px 18px;gap:6px;
transition:box-shadow .15s ease,transform .15s ease}
.kabuk .lotus-calisma .calisma-gosterge:last-child{border-right:1px solid #e7e9e6}
.kabuk .lotus-calisma .calisma-gosterge:hover{background:#fff;box-shadow:var(--t-golge-2);transform:translateY(-2px)}
.kabuk .lotus-calisma .calisma-gosterge > span:first-child{justify-content:flex-start;gap:12px;font-size:13px;color:var(--t-metin-2)}
.kabuk .lotus-calisma .calisma-gosterge > span:first-child::before{content:"";width:40px;height:40px;border-radius:12px;flex:none;background:var(--t-ana-acik);
-webkit-mask:none;box-shadow:inset 0 0 0 40px var(--t-ana-acik)}
.kabuk .lotus-calisma .calisma-gosterge > span:first-child::after{content:"";position:absolute;left:32px;top:30px;width:20px;height:20px;background:var(--t-ana);
-webkit-mask:var(--ik) center/contain no-repeat;mask:var(--ik) center/contain no-repeat}
.kabuk .lotus-calisma .calisma-gosterge > span:first-child > span{margin-left:auto;width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:#f1f3f1;color:var(--t-soluk);font-size:13px;flex:none}
.kabuk .lotus-calisma .calisma-gosterge:hover > span:first-child > span{background:var(--t-ana);color:#fff}
.kabuk .lotus-calisma .calisma-gosterge > strong{font-size:32px;font-weight:700;letter-spacing:-.03em;line-height:1.15;margin-top:12px}
.kabuk .lotus-calisma .calisma-gosterge > strong small{font-size:14px}
.kabuk .lotus-calisma .calisma-gosterge[data-bugun-acik]{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4' width='14' height='17' rx='2'/%3E%3Cpath d='M9 4V3h6v1M9 10h6M9 14h6M9 18h3'/%3E%3C/svg%3E")}
.kabuk .lotus-calisma .calisma-gosterge[data-bugun-uretimde]{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 6.5l3 3M4 20l8.5-8.5M13 4l7 7-3 3-7-7z'/%3E%3C/svg%3E")}
.kabuk .lotus-calisma .calisma-gosterge[data-bugun-kasada]{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='5' rx='1.5'/%3E%3Cpath d='M5 9v10h14V9M10 13h4'/%3E%3C/svg%3E")}
.kabuk .lotus-calisma .calisma-gosterge[href="/sevkiyat"]{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h11v9H3zM14 10h4l3 3v3h-7'/%3E%3Ccircle cx='7' cy='17.5' r='1.6'/%3E%3Ccircle cx='17' cy='17.5' r='1.6'/%3E%3C/svg%3E")}
.kabuk .lotus-calisma .calisma-gosterge:first-child{background:var(--t-hero);border-color:transparent;box-shadow:var(--t-hero-golge);color:#fff}
.kabuk .lotus-calisma .calisma-gosterge:first-child > span:first-child{color:#fff} /* UX 31.10 (ortak): .85 → tam beyaz (ilk kart kontrastı, ps-kart ile aynı gerekçe) */
.kabuk .lotus-calisma .calisma-gosterge:first-child > span:first-child::before{background:rgba(255,255,255,.16);box-shadow:none}
.kabuk .lotus-calisma .calisma-gosterge:first-child > span:first-child::after{background:#fff}
.kabuk .lotus-calisma .calisma-gosterge:first-child > span:first-child > span{background:rgba(255,255,255,.16);color:#fff}
.kabuk .lotus-calisma .calisma-gosterge:first-child > strong,.kabuk .lotus-calisma .calisma-gosterge:first-child > strong small{color:#fff}
.kabuk .lotus-calisma .calisma-gosterge:first-child .gosterge-aciklama,.kabuk .lotus-calisma .calisma-gosterge:first-child .kaynak-etiketi{color:#fff} /* UX 31.10: .75 → 3,4–3,6 idi */
/* ── Diğer sayı kartları (hesap özetleri, kontrol merkezi, fatura tutarları, sipariş durum kartları): aynı yuvarlak kart dili ── */
.kabuk :is(.hesap-ozet,.kontrol-kart,.fk-tutar,.fatura-ozet-kart,.kart-grup .kart.kucuk){border-radius:20px;border-color:#e7e9e6;box-shadow:var(--t-golge-1)}
.kabuk .st-kartlar .st-kart{border-radius:16px}
/* ── Süzgeçler: her alan ayrı beyaz kart (üstte küçük etiket, altında değer) ── */
.kabuk :is(.fatura-filtre-kutusu,.hesap-filtre-cubuk,.kalite-filtreler,.erp-ie-filtre,.urun-filtre-cubuk){background:transparent;border:0;box-shadow:none;padding-left:0;padding-right:0}
.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])){
background:#fff;border:1px solid #e3e6e2;border-radius:16px;padding:9px 14px 7px;box-shadow:var(--t-golge-1);display:flex;flex-direction:column;gap:1px;
font-size:12px;font-weight:600;color:var(--t-soluk);transition:border-color .15s ease,box-shadow .15s ease;min-width:0}
.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])):focus-within{border-color:var(--t-ana);box-shadow:var(--t-odak)}
.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])) > span{font-size:12px;font-weight:600;color:var(--t-soluk)}
.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])) :is(input,select){
border:0!important;background-color:transparent!important;box-shadow:none!important;padding:0 22px 0 0!important;margin:2px 0 0!important;min-height:30px!important;height:30px!important;line-height:30px;font-size:14px;font-weight:600;color:var(--t-metin);width:100%;outline:0}
.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{padding-right:0!important}
.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])){justify-content:flex-start;align-self:end;margin:0}
/* ── Tablolar: yuvarlak kart, havadar satır, yumuşak başlık ── */
.kabuk .tablo-sar{border-radius:20px;border-color:#e7e9e6;overflow:auto} /* 30.10: hidden, geniş tablolarda sağ sütunları ve max-height içindeki satırları erişilemez kesiyordu (Açık Sipariş Panosu); auto köşeyi yine kırpar, taşanı kaydırır */
.kabuk .grid th{background:#fafbf9;font-size:12px;font-weight:600;color:#7a868c;padding:13px 16px}
.kabuk .grid td{padding:10px 14px} /* UX 02.11 (§7 ortak tablo standardı): 14/16 → 10/14 — satır ~55 → ~47 px, ilk ekranda daha çok satır; yazı boyutu aynı */
.kabuk .grid tbody tr{transition:background .12s ease}
.kabuk .grid tbody tr:hover{background:#f3f8f6}
.kabuk .grid td:first-child a{color:var(--t-ana)}
/* ── Durum hapları: dolgulu, çerçevesiz ── */
.kabuk .etiket,.kabuk .durum-etiket,.kabuk .sp-rozet,.kabuk .durum-rozeti{padding:3px 11px;font-size:12px;font-weight:600}
/* ── Panel / bölüm kartları ── */
.kabuk .form-bolum,.kabuk .kutu,.kabuk .m360-kart,.kabuk .kart,.kabuk .ps-kutu,.kabuk details.ps-ayrinti{border-radius:20px;border-color:#e7e9e6}
.kabuk .ps-kutu{padding:20px 24px}
.kabuk .lotus-calisma .calisma-panel{border-radius:20px}
/* ── Düğmeler: biraz daha yuvarlak ve dolgun ── */
.kabuk main :is(button,.btn,a.btn):not(.ef-btn):not(.ps-kart):not(.st-kart){border-radius:12px}
@media (max-width:900px){.kabuk .patron-sade .ps-kart strong,.kabuk .lotus-calisma .calisma-gosterge > strong{font-size:26px}}
/* v4 süzgeç ekleri: aranabilir seçim alanı da kart; metin kutusu hafif dolgulu (boş kart sanılmasın) */
.kabuk .urun-filtre-cubuk .urun-filtre-alan{background:#fff;border:1px solid #e3e6e2;border-radius:16px;padding:9px 14px 7px;box-shadow:var(--t-golge-1);display:flex;flex-direction:column;gap:1px;align-self:end;min-width:150px}
.kabuk .urun-filtre-cubuk .urun-filtre-alan > span{font-size:12px;font-weight:600;color:var(--t-soluk)}
.kabuk .urun-filtre-cubuk label{min-width:150px}
.kabuk :is(.urun-filtre-alan,.hesap-filtre-cubuk label.hesap-filtre-grup) .aranabilir-secim-deger{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;min-height:30px!important;height:30px;
margin-top:2px;font-size:14px;font-weight:600;color:var(--t-metin);width:100%;display:flex;justify-content:space-between;align-items:center}
.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:#f5f6f4!important;border-radius:9px!important;padding:0 10px!important;margin-top:4px!important}
.kabuk .patron-sade .ps-kart strong small,.kabuk .lotus-calisma .calisma-gosterge > strong small{letter-spacing:0;margin-left:4px}
.kabuk .urun-filtre-cubuk select{min-width:128px}
/* ═════════════════════════════════════════════════════════════════════════════════════════════════════════════════
v5 ALTERNATİFLERİ (29.10 gece) — html[data-tema="a|b|c"]; Efe seçer, seçilen App.razor'da ile varsayılan olur.
A: açık menü + kenarsız gölgeli kartlar (Lotus yeşili) · B: A + koyu tablo panelleri (referanstaki gibi) · C: referans renkleri (çivit mavisi)
═════════════════════════════════════════════════════════════════════════════════════════════════════════════════ */
html[data-tema="c"] .kabuk{--t-ana:#4f46e5;--t-ana-koyu:#4338ca;--t-ana-acik:#eef0ff;--t-ana-cok-acik:#f6f7ff;--t-odak:0 0 0 3px rgba(79,70,229,.2);
--t-hero:radial-gradient(130% 120% at 100% 0%,rgba(255,255,255,.18) 0,rgba(255,255,255,0) 52%),linear-gradient(135deg,#4338ca 0%,#5b54ea 55%,#6d6af3 100%);
--t-hero-golge:0 16px 32px -12px rgba(79,70,229,.55);--t-zemin:#f5f6fa;--satir-hover:#f5f6ff}
html[data-tema] .kabuk{--t-zemin:#f5f6f3;--t-golge-1:0 1px 2px rgba(16,24,40,.04),0 4px 14px rgba(16,24,40,.045);--t-golge-2:0 14px 34px rgba(16,24,40,.1),0 2px 6px rgba(16,24,40,.04)}
html[data-tema="c"] .kabuk{--t-zemin:#f5f6fa}
html[data-tema] body:has(.kabuk){background:var(--t-zemin)}
/* açık sol menü */
html[data-tema] .kabuk .yan{background:#fff;border-right:1px solid #eceeea;box-shadow:none}
html[data-tema] .kabuk .yan .marka{border-bottom:0;color:#14242f;padding:24px 22px 18px}
html[data-tema] .kabuk .yan .marka small{color:#97a1a5}
html[data-tema] .kabuk .ana-gezinme .alan-basligi{color:#a0a8ab;font-size:10.5px;letter-spacing:.08em;margin:20px 22px 6px}
html[data-tema] .kabuk .yan a.is-girisi,html[data-tema] .kabuk .yan a.tek{color:#4b5960;font-weight:500;font-size:13.5px;min-height:36px;border:0;border-radius:10px}
html[data-tema] .kabuk .yan a.is-girisi:hover,html[data-tema] .kabuk .yan a.tek:hover{background:#f3f5f3;color:#14242f}
html[data-tema] .kabuk .yan a.is-girisi.active,html[data-tema] .kabuk .yan a.tek.active{background:var(--t-ana-acik);color:var(--t-ana);font-weight:650;border:0}
html[data-tema] .kabuk .yan a.is-girisi.active::before{display:none}
html[data-tema] .kabuk .yan .is-girisi svg.mi,html[data-tema] .kabuk .yan .tek svg.mi{stroke:#8c979c;opacity:1}
html[data-tema] .kabuk .yan .is-girisi.active svg.mi{stroke:var(--t-ana)}
html[data-tema] .kabuk .yan-imza{color:#97a1a5}
html[data-tema] .kabuk .yan-imza > span:last-child{color:#b3babd}
html[data-tema] .kabuk .yan *{scrollbar-color:#dfe3df transparent}
html[data-tema] .kabuk .yan .dizin-ac{background:#f6f7f5;border:1px solid #eceeea;color:#3d4c55;box-shadow:none}
html[data-tema] .kabuk .yan .dizin-ac:hover{background:#eef1ee}
html[data-tema] .kabuk .yan .dizin-ac svg{stroke:#8c979c}
html[data-tema] .kabuk .yan .dizin-ac :is(span,small,b){background:#e9ece8;color:#5d6a70}
/* üst çubuk: zeminle bütün, arama hap biçiminde */
html[data-tema] .kabuk .ust-cubuk{background:color-mix(in srgb,var(--t-zemin) 88%,transparent);border-bottom:0}
html[data-tema] .kabuk .ust-sag .g-arama,html[data-tema] .kabuk .ust-sag .g-arama input{border-radius:999px}
html[data-tema] .kabuk .ust-sag .g-arama input{background:#fff;border:1px solid #e6e8e4;box-shadow:var(--t-golge-1)}
html[data-tema] .kabuk .kullanici-avatar{background:var(--t-ana-acik);color:var(--t-ana)}
/* ortam/veri şeridi ve "veri tarihi" satırı: bilgi aynı, daha sakin */
html[data-tema] .kabuk .sistem-seridi > *{background:#fff;border:1px solid #e9ebe7;box-shadow:none}
html[data-tema] .kabuk .veri-tarihi.bayat{background:transparent;border:0;padding:0;color:#8a6420;font-weight:550}
/* kartlar: kenarsız, yumuşak gölge, 22px köşe */
html[data-tema] .kabuk :is(.form-bolum,.kutu,.m360-kart,.kart,.ps-kutu,details.ps-ayrinti,.tablo-sar,.calisma-panel,.hesap-ozet,.kontrol-kart,.fk-tutar,.fatura-ozet-kart){border-color:transparent;box-shadow:var(--t-golge-1);border-radius:22px}
html[data-tema] .kabuk .patron-sade .ps-kart,html[data-tema] .kabuk .lotus-calisma .calisma-gosterge{border-color:transparent;box-shadow:var(--t-golge-1);border-radius:22px}
html[data-tema] .kabuk .patron-sade a.ps-kart:hover,html[data-tema] .kabuk .lotus-calisma .calisma-gosterge:hover{box-shadow:var(--t-golge-2)}
html[data-tema] .kabuk .patron-sade .ps-kartlar > .ps-kart:first-child:not(.kirmizi):not(.secili),html[data-tema] .kabuk .lotus-calisma .calisma-gosterge:first-child{box-shadow:var(--t-hero-golge)}
/* ana kartta süs halkaları (veri değil, yalnız doku) */
html[data-tema] .kabuk .patron-sade .ps-kartlar > .ps-kart:first-child:not(.kirmizi):not(.secili),html[data-tema] .kabuk .lotus-calisma .calisma-gosterge:first-child{
background:radial-gradient(circle at 92% 118%,rgba(255,255,255,.13) 0 22%,transparent 22.5%),radial-gradient(circle at 92% 118%,rgba(255,255,255,.08) 0 36%,transparent 36.5%),var(--t-hero);overflow:hidden}
html[data-tema] .kabuk :is(.fatura-filtre-kutusu label,.hesap-filtre-cubuk label.hesap-filtre-grup,.kalite-filtreler > label,.erp-ie-filtre label,.urun-filtre-cubuk label,.urun-filtre-cubuk .urun-filtre-alan):not(:has(input[type=checkbox],input[type=radio])){border-color:transparent;border-radius:18px}
html[data-tema] .kabuk .ps-dk li{border-bottom-color:#f0f1ef}
/* tablolar: başlık zeminsiz, ince ayraç, müşteri baş harfi yuvarlak */
html[data-tema] .kabuk :is(.tablo-sar,.erp-ie-tablo) table th{background:transparent;color:#8a949a;border-bottom:1px solid #eef0ed;font-weight:600}
html[data-tema] .kabuk :is(.tablo-sar,.erp-ie-tablo) table td{border-bottom-color:#f1f2f0}
html[data-tema] .kabuk td.musteri-hucre[data-bas]::before{content:attr(data-bas);display:inline-grid;place-items:center;width:26px;height:26px;margin-right:9px;border-radius:50%;
background:var(--t-ana-acik);color:var(--t-ana);font-size:12.5px;font-weight:700;vertical-align:middle;flex:none}
/* düğmeler: birincil dolgun + hafif gölge, ikincil beyaz gölgeli */
html[data-tema] .kabuk main :is(button,.btn,a.btn).birincil,html[data-tema] .kabuk main button.btn-ana{box-shadow:0 6px 16px -6px color-mix(in srgb,var(--t-ana) 70%,transparent)}
html[data-tema] .kabuk main :is(button,.btn,a.btn):not(.birincil):not(.ef-btn):not(.ps-kart):not(.st-kart):not(.aranabilir-secim-deger){border-color:#e6e8e4;box-shadow:0 1px 2px rgba(16,24,40,.05)}
/* ── B ve C: koyu tablo panelleri (yalnız salt okunur listeler — içinde form alanı olan tablo açık kalır) ── */
html:is([data-tema="b"],[data-tema="c"]) .kabuk{--t-koyu:#122a2f;--t-koyu-2:#183740;--tk-metin:#e3ebec;--tk-soluk:#8ea4aa;--tk-cizgi:rgba(255,255,255,.06);--tk-cizgi-2:rgba(255,255,255,.08);--tk-link:#86dcc6;--tk-guclu:#fff;--tk-avatar:rgba(255,255,255,.12);--tk-avatar-metin:#fff;--tk-dugme:rgba(255,255,255,.08);--tk-dugme-cizgi:rgba(255,255,255,.14);--tk-golge:0 18px 40px -18px rgba(10,20,30,.55);--tk-baslik:transparent;--tk-baslik-metin:var(--tk-soluk)}
html[data-tema="c"] .kabuk{--t-koyu:#171a33;--t-koyu-2:#20244a;--tk-soluk:#9aa0c8;--tk-link:#b3b6ff}
html:is([data-tema="b"],[data-tema="c"]) .kabuk :is(.tablo-sar,.erp-ie-tablo):not(:has(input:not([type=checkbox]),select,textarea)){background:var(--t-koyu);box-shadow:var(--tk-golge)}
html:is([data-tema="b"],[data-tema="c"]) .kabuk :is(.tablo-sar,.erp-ie-tablo):not(:has(input:not([type=checkbox]),select,textarea)) table{color:var(--tk-metin);background:transparent}
html:is([data-tema="b"],[data-tema="c"]) .kabuk :is(.tablo-sar,.erp-ie-tablo):not(:has(input:not([type=checkbox]),select,textarea)) table th{background:var(--tk-baslik);color:var(--tk-baslik-metin);border-bottom-color:var(--tk-cizgi-2)}
html:is([data-tema="b"],[data-tema="c"]) .kabuk :is(.tablo-sar,.erp-ie-tablo):not(:has(input:not([type=checkbox]),select,textarea)) table td{border-bottom-color:var(--tk-cizgi);color:var(--tk-metin);background:transparent}
html:is([data-tema="b"],[data-tema="c"]) .kabuk :is(.tablo-sar,.erp-ie-tablo):not(:has(input:not([type=checkbox]),select,textarea)) table tbody tr:hover{background:var(--t-koyu-2)}
html:is([data-tema="b"],[data-tema="c"]) .kabuk :is(.tablo-sar,.erp-ie-tablo):not(:has(input:not([type=checkbox]),select,textarea)) table a{color:var(--tk-link)}
html:is([data-tema="b"],[data-tema="c"]) .kabuk :is(.tablo-sar,.erp-ie-tablo):not(:has(input:not([type=checkbox]),select,textarea)) table :is(.kod,code,strong,b){color:var(--tk-guclu)}
html:is([data-tema="b"],[data-tema="c"]) .kabuk :is(.tablo-sar,.erp-ie-tablo):not(:has(input:not([type=checkbox]),select,textarea)) table :is(.ipucu,small,.soluk){color:var(--tk-soluk)}
html:is([data-tema="b"],[data-tema="c"]) .kabuk :is(.tablo-sar,.erp-ie-tablo):not(:has(input:not([type=checkbox]),select,textarea)) td.musteri-hucre[data-bas]::before{background:var(--tk-avatar);color:var(--tk-avatar-metin)}
html:is([data-tema="b"],[data-tema="c"]) .kabuk :is(.tablo-sar,.erp-ie-tablo):not(:has(input:not([type=checkbox]),select,textarea)) table td :is(button,.btn){background:var(--tk-dugme);color:var(--tk-guclu);border-color:var(--tk-dugme-cizgi);box-shadow:none}
html:is([data-tema="b"],[data-tema="c"]) .kabuk :is(.tablo-sar,.erp-ie-tablo):not(:has(input:not([type=checkbox]),select,textarea)) table tfoot :is(td,th){background:var(--t-koyu-2)!important;border-top-color:rgba(255,255,255,.1)}
html:is([data-tema="b"],[data-tema="c"]) .kabuk :is(.tablo-sar,.erp-ie-tablo):not(:has(input:not([type=checkbox]),select,textarea)) table th .ef-btn{background:transparent;color:var(--tk-baslik-metin);border-color:transparent}
html:is([data-tema="b"],[data-tema="c"]) .kabuk .erp-ie-tablo:not(:has(input:not([type=checkbox]),select,textarea)){border-radius:22px;overflow:hidden}
html:is([data-tema="b"],[data-tema="c"]) .kabuk :is(.tablo-sar,.erp-ie-tablo):not(:has(input:not([type=checkbox]),select,textarea)) table thead :is(th,td){background:var(--tk-baslik)!important}
html:is([data-tema="b"],[data-tema="c"]) .kabuk :is(.tablo-sar,.erp-ie-tablo):not(:has(input:not([type=checkbox]),select,textarea)) table tbody :is(td,th){background:transparent!important}
html:is([data-tema="b"],[data-tema="c"]) .kabuk :is(.tablo-sar,.erp-ie-tablo):not(:has(input:not([type=checkbox]),select,textarea)) table{background:transparent!important}
html[data-tema] .kabuk .yan .dizin-ac,html[data-tema] .kabuk .yan .dizin-ac *{text-decoration:none}
/* tablo rengi seçenekleri (B üzerinde; Efe seçecek) — html[data-tablo] */
html[data-tablo="1"] .kabuk{--t-koyu:#18233a;--t-koyu-2:#212f4b;--tk-soluk:#93a0bd;--tk-link:#e2c27f;--tk-avatar:rgba(226,194,127,.16);--tk-avatar-metin:#e2c27f}
html[data-tablo="2"] .kabuk{--t-koyu:#1e2227;--t-koyu-2:#292e34;--tk-soluk:#9aa2aa;--tk-link:#e2c27f;--tk-avatar:rgba(226,194,127,.16);--tk-avatar-metin:#e2c27f}
html[data-tablo="3"] .kabuk{--t-koyu:#123d36;--t-koyu-2:#1a4a42;--tk-soluk:#93b9af;--tk-link:#f0d08f;--tk-avatar:rgba(240,208,143,.16);--tk-avatar-metin:#f0d08f}
html[data-tablo="4"] .kabuk{--t-koyu:#1d1f3b;--t-koyu-2:#282b52;--tk-soluk:#9ea2cf;--tk-link:#c7c9ff;--tk-avatar:rgba(199,201,255,.16);--tk-avatar-metin:#dcdcff}
html[data-tablo="5"] .kabuk{--t-koyu:#fff;--t-koyu-2:#f3f8f6;--tk-metin:var(--t-metin);--tk-soluk:var(--t-soluk);--tk-cizgi:#f0f1ef;--tk-cizgi-2:transparent;--tk-link:var(--t-ana);--tk-guclu:var(--t-metin);
--tk-avatar:var(--t-ana-acik);--tk-avatar-metin:var(--t-ana);--tk-dugme:#fff;--tk-dugme-cizgi:#e3e6e2;--tk-golge:var(--t-golge-1);--tk-baslik:#16352f;--tk-baslik-metin:#e4efec}
html[data-tablo="5"] .kabuk :is(.tablo-sar,.erp-ie-tablo):not(:has(input:not([type=checkbox]),select,textarea)) table th :is(a,button,.ef-btn){color:#e4efec}
html:is([data-tema="b"],[data-tema="c"]) .kabuk :is(.tablo-sar,.erp-ie-tablo):not(:has(input:not([type=checkbox]),select,textarea)) table th :is(button,.btn,a){background:transparent!important;color:inherit;border-color:transparent!important;box-shadow:none!important}
/* ── UX 02.11 liste pilotu: YOĞUN liste başlığı (SadeUst Yogun="true") — tablo ilk ekranda başlar; yazı küçültülmez, bilgi silinmez ── */
.kabuk .sade-yogun .veri-tarihi{margin:0 0 6px}
.kabuk .sade-yogun .ps-ust{margin-bottom:4px}
.kabuk .sade-yogun .ps-ozet{-webkit-line-clamp:1;line-clamp:1;margin:2px 0 10px;font-size:13.5px;cursor:pointer}
.kabuk .sade-yogun .ps-ozet:focus,.kabuk .sade-yogun .ps-ozet:active{-webkit-line-clamp:unset;line-clamp:unset;display:block} /* tıkla/odakla → tamamı (yalnız fareyle değil) */
.kabuk .sade-yogun .ps-kartlar{gap:10px;margin-bottom:12px}
.kabuk .patron-sade.sade-yogun .ps-kart{padding:10px 14px;border-radius:14px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:baseline}
.kabuk .patron-sade.sade-yogun .ps-kart .ps-ikon{display:none}
.kabuk .patron-sade.sade-yogun .ps-kart .l{grid-column:1/3;font-size:12.5px}
.kabuk .patron-sade.sade-yogun .ps-kart strong{font-size:22px;line-height:1.15}
.kabuk .patron-sade.sade-yogun .ps-kart .s{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
/* SadeUst kart şablonu ImzaSayiKarti (imza-sayi) kullanıyorsa: aynı kompakt düzen — değer büyük kalır (22 px), etiket/alt satır okunur boyutta */
.kabuk .sade-yogun .imza-sayi[data-imza]{padding:10px 14px;gap:2px;border-radius:14px}
.kabuk .sade-yogun .imza-sayi[data-imza] .imza-sayi-deger{font-size:22px}
.kabuk .sade-yogun .imza-sayi[data-imza] .imza-sayi-alt{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kabuk main:has(.sade-yogun,[data-sayfa-yogun]){padding-top:16px}
/* UX 02.11: yoğun SadeUst — görsel kutu + Dikkat yan yana; kutu dolgusu sıkı (yazı boyları aynı) */
.kabuk .sade-yogun .ps-ikili{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:12px;align-items:stretch;margin-bottom:12px}
.kabuk .sade-yogun .ps-ikili > .ps-kutu{margin:0}
.kabuk .sade-yogun .ps-kutu{padding:14px 18px}
.kabuk .sade-yogun .ps-dk li{padding-top:6px;padding-bottom:6px}
@media (max-width:1100px){.kabuk .sade-yogun .ps-ikili{grid-template-columns:minmax(0,1fr)}}
/* UX 02.11: çubuk dilimi etiketine dar gelirse etiket gizlenir (yarım "15.559,80 g" görünmesin); değer lejantta ve title'da */
.kabuk .patron-sade .ps-cubuk > div{container-type:inline-size}
@container (max-width:88px){.kabuk .patron-sade .ps-cubuk > div > span{display:none}}
/* UX 02.11: yoğun düzende "Dikkat edilecekler" kutusu en az 820 px genişse liste iki sütun (yükseklik ~yarıya); dar kutuda tek sütun */
.kabuk .sade-yogun > .ps-kutu[data-sade-dikkat-kutu]{container-type:inline-size}
@container (min-width:820px){.kabuk .sade-yogun > .ps-kutu[data-sade-dikkat-kutu] .ps-dk{columns:2;column-gap:28px}
.kabuk .sade-yogun > .ps-kutu[data-sade-dikkat-kutu] .ps-dk > li{break-inside:avoid}}
/* UX 02.11 kontrast: tablo başlığı #7a868c (3,5:1) → --t-soluk */
.kabuk .grid th{color:var(--t-soluk)}
/* UX 02.11 kontrast: tanımsız --gri yedek renkleri (#64748b, #647789 → zeminde 4,1:1) yerine erişilebilir gri; fiyat uyarısı yazısı aynı altın tonunun koyusu (#b7934f 2,7:1 → #846936 ≥ 4,6:1) */
.kabuk{--gri:#5a666e}
.kabuk .fiyat-kontrol{color:#846936}
/* UX 02.11 kontrast: onay bekleyen başlık alt yazısı .85 saydamlıkla 3,7:1 idi */
.kabuk .onay-bekleyen .onay-bekleyen-baslik small{opacity:1}
/* UX 02.11: yoğun düzende sayfa açıklaması tek satır (tam metin title'da); katlı Dikkat özeti tek satır */
.kabuk .sade-yogun .ps-tarih[data-sade-alt]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden}
.kabuk .sade-yogun .ps-ikili{align-items:start}
.kabuk .ps-dikkat-katli{padding:10px 16px}
.kabuk .ps-dikkat-katli > summary{display:flex;align-items:baseline;gap:8px;cursor:pointer;list-style:none;min-width:0}
.kabuk .ps-dikkat-katli > summary::-webkit-details-marker{display:none}
.kabuk .ps-dikkat-katli > summary h2{margin:0;font-size:14.5px;white-space:nowrap}
.kabuk .ps-dikkat-katli .ps-dikkat-sayi{font-weight:650;color:#8d1f3c;white-space:nowrap}
.kabuk .ps-dikkat-katli .ps-dikkat-ilk{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--t-metin-2)}
.kabuk .ps-dikkat-katli .ps-dikkat-ac{color:var(--t-ana);font-weight:600;white-space:nowrap}
.kabuk .ps-dikkat-katli[open] .ps-dikkat-ilk{visibility:hidden}
.kabuk .ps-dikkat-katli[open] > summary{margin-bottom:6px}
/* UX 02.11 kontrast — HER SAYFADA tekrar eden düzen öğeleri (31.10 raporundaki "6 sorun": 134 sayfada ~1.000 öğe).
Ölçüm: tests/e2e/ux-ortak-tarama.js (bütün sayfa) + ux-kontrast-tarama.js KAPSAM=govde. Oranlar kendi zemininde.
Veri tarihi çipi, menü imzası ve avatar kaynağında (MainLayout.razor.css) düzeltildi. */
.kabuk .ust-ekmek a{color:var(--t-soluk)} /* 3,15 → 5,9:1 */
.kabuk .ust-ekmek .ayrac{color:var(--t-soluk);opacity:1}
.kabuk .hesap-menusu .hesap-ok{color:var(--t-soluk);opacity:1} /* 2,86 → 5,9:1 */
.kabuk .alt-bilgi small{color:var(--t-soluk);font-size:12px} /* 9,6 px, satır içi opacity .5 → 12 px 5,4:1 (opacity MainLayout'tan kaldırıldı) */
/* sayfaya özgü (aynı taramanın kalan kalıpları) */
.kabuk .tb-ad .tb-kod.tb-kod{color:var(--t-soluk)} /* /rapor/takip-bpm-fark 2,07 */
.kabuk .kar-minik-rozet.kar-minik-rozet,.kabuk .mali-ozet header p{color:var(--t-soluk)} /* /rapor/kar-zarar 4,16–4,35 */
.kabuk .kar-metrik.eksik :is(strong,b),.kabuk .kar-metrik.eksik p b,.kabuk .kar-grid .kar-durum{color:#846936} /* altın tonu koyusu: 2,7–2,9 → ≥ 4,6:1 */
.kabuk .grid tr.silik.silik td{color:#5f6370} /* 4,39 → 6,0:1 */
.kabuk .tb-alt-bolum .tb-bos{color:var(--t-soluk)}
.kabuk .rapor-ek-suzgec > summary{color:var(--t-soluk);opacity:1}
.kabuk .is-satiri .is-ok,.kabuk .calisma-kisayollar .is-baslat a > span{color:#5a666e}
.kabuk .aranabilir-secim-ok{color:inherit} /* seçili (yeşil) zeminde 1,19 */
.kabuk .sade-yogun .ps-ikili{margin-bottom:8px}
.kabuk .sade-yogun .ps-ikili > .ps-kutu[data-sade-gorsel]{padding:10px 16px}
.kabuk .sade-yogun .ps-ikili > .ps-kutu[data-sade-gorsel] > h2{margin:0 0 6px}
.kabuk .sade-yogun .ps-ikili-sag{display:flex;flex-direction:column;gap:8px;min-width:0}
.kabuk .sade-yogun .ps-ikili-sag > details.pano-kapsam{margin:0}
/* UX 02.11: konuşma tepki düğmesi "benim" balonunun beyaz yazısını alıyordu (beyaz zeminde 1:1) */
.kabuk .konusma-tepki{color:var(--t-metin)}
/* UX 02.11 axe link-in-text-block: metin içindeki bağlantı yalnız renkle değil alt çizgiyle de ayrılır */
.kabuk main :is(p,small,.ipucu,.ps-not,.urun-filtre-alt) a:not([class*="dugme"]):not(.birincil):not(.ikincil){text-decoration:underline !important;text-underline-offset:2px} /* sayfa kapsamlı "a{text-decoration:none}" kurallarını geçmeli; yalnız metin içi bağlantılar */
/* UX 02.11: Türkçe yeniden bağlanma penceresi (.NET 10 components-reconnect-* sınıfları) */
#components-reconnect-modal{display:none;position:fixed;inset:0;z-index:10000;background:rgba(20,36,47,.35);align-items:flex-start;justify-content:center;padding-top:14vh}
#components-reconnect-modal:is(.components-reconnect-show,.components-reconnect-retrying,.components-reconnect-failed,.components-reconnect-rejected,.components-reconnect-paused){display:flex}
#components-reconnect-modal .lotus-yb-kutu{max-width:440px;margin:0 16px;padding:18px 22px;background:#fff;color:#14242f;border-radius:14px;box-shadow:0 10px 30px rgba(20,36,47,.25);font:14px/1.5 system-ui,sans-serif}
#components-reconnect-modal .lotus-yb-baslik{font-weight:700;font-size:16px;margin:0 0 6px}
#components-reconnect-modal p{margin:0 0 8px}
#components-reconnect-modal :is(.lotus-yb-sayac,.lotus-yb-basarisiz,.lotus-yb-reddedildi){display:none}
#components-reconnect-modal.components-reconnect-retrying .lotus-yb-sayac{display:block}
#components-reconnect-modal.components-reconnect-failed :is(.lotus-yb-yeniden,.lotus-yb-sayac){display:none}
#components-reconnect-modal.components-reconnect-failed .lotus-yb-basarisiz{display:block}
#components-reconnect-modal.components-reconnect-rejected :is(.lotus-yb-yeniden,.lotus-yb-sayac){display:none}
#components-reconnect-modal.components-reconnect-rejected .lotus-yb-reddedildi{display:block}
#components-reconnect-modal button{margin-top:6px;min-height:36px;padding:6px 14px;border-radius:8px;border:0;background:#1f6359;color:#fff;font-weight:650;cursor:pointer}
@media (prefers-reduced-motion:no-preference){#components-reconnect-modal .lotus-yb-kutu{animation:lotus-yb-gir .15s ease-out}}
@keyframes lotus-yb-gir{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.lotus-uzun-kesinti{position:fixed;left:50%;top:12px;transform:translateX(-50%);z-index:10001;max-width:560px;margin:0 16px;padding:12px 16px;background:#fff8e9;color:#3d2a06;border:1px solid #f0dca8;border-radius:12px;box-shadow:0 8px 24px rgba(20,36,47,.18);font:14px/1.5 system-ui,sans-serif}
.lotus-uzun-kesinti button{margin-left:8px;min-height:32px;padding:4px 12px;border-radius:8px;border:0;background:#1f6359;color:#fff;font-weight:650;cursor:pointer}
/* UX 02.11 gece: menü grup başlıkları 10,5 px BÜYÜK HARF → 12 px cümle düzeni (okunur; app-screens kuralı: grup etiketleri büyük harf değil) */
.kabuk .ana-gezinme .alan-basligi,html[data-tema] .kabuk .ana-gezinme .alan-basligi{font-size:12px;letter-spacing:0;text-transform:none;font-weight:600;color:#9fb2bf;margin:16px 22px 4px}
/* UX 02.11 gece: yoğun sayfada sayı kartları varken özet cümle aynı sayıları tekrar ediyordu → görsel olarak gizli, ekran okuyucuda kalır */
.kabuk .sade-yogun:has(.ps-kartlar) > .ps-ozet{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* UX 03.11 gece — ana sayfa: başlık tek satır (bağlam + ana eylem), gösterge kartları ~200 → ~130 px; panel üstündeki BÜYÜK HARF göz başlıkları h2'yi tekrar ediyordu → gizli */
.kabuk .lotus-calisma .calisma-baslik{margin:0 0 14px;align-items:center}
.kabuk .lotus-calisma .calisma-baslik h1{margin:0 0 2px}
.kabuk .lotus-calisma .calisma-baslik p{font-size:13px;color:var(--t-metin-2)}
.kabuk .lotus-calisma .calisma-baslik p a{color:inherit;text-underline-offset:3px}
.kabuk .lotus-calisma .calisma-ana-eylem{flex:none}
.kabuk .lotus-calisma .calisma-veri{margin:0}
.kabuk .lotus-calisma .calisma-gostergeler{gap:12px;margin-bottom:16px}
.kabuk .lotus-calisma .calisma-gosterge{padding:14px 16px 12px;border-radius:16px;gap:2px}
.kabuk .lotus-calisma .calisma-gosterge > span:first-child::before{width:30px;height:30px;border-radius:9px}
.kabuk .lotus-calisma .calisma-gosterge > span:first-child::after{left:23px;top:21px;width:16px;height:16px}
.kabuk .lotus-calisma .calisma-gosterge > span:first-child{gap:10px}
.kabuk .lotus-calisma .calisma-gosterge > span:first-child > span{width:24px;height:24px;font-size:12px;background:transparent;color:var(--t-metin-2)}
.kabuk .lotus-calisma .calisma-gosterge > strong{font-size:26px;margin-top:6px}
.kabuk .lotus-calisma .calisma-gosterge .gosterge-aciklama{font-size:12.5px;line-height:1.45}
.kabuk .lotus-calisma .calisma-gosterge .kaynak-etiketi{font-size:12px;margin-top:2px}
.kabuk .lotus-calisma .panel-baslik .calisma-kucuk-baslik{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.kabuk .lotus-calisma .panel-baslik{padding-top:16px;padding-bottom:10px}
.kabuk .lotus-calisma .panel-baslik h2{margin-top:0}
.kabuk .lotus-calisma .is-satiri{min-height:60px;padding-top:11px;padding-bottom:11px}
/* UX 03.11 gece — "her alan ayrı kart" süzgeçleri (kalite, ürün, fatura, hesap, iş emri): kart başına ~70 → ~54 px; alan sayısı, sırası ve etiketleri aynı */
.kabuk .kalite-filtreler{padding-top:8px;padding-bottom:8px;gap:8px}
.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])){padding:5px 12px 3px;border-radius:12px}
.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])) :is(input,select){height:28px!important;min-height:28px!important;line-height:28px}
/* UX 03.11 gece kontrast: kârlılık "N eksik bilgili" ve "gram bilgisi eksik" notları altın #b7934f ile beyazda 2,88:1 idi → aynı tonun koyusu #846936 (fiyat-kontrol ile aynı, ≥ 4,6:1); boyut 12 px */
.kabuk :is(.kar-eksik-rozet,.kar-yillik-eksik){color:#846936;font-size:12px}
/* UX 03.11 gece — yazı tabanı ≥ 12 px (yönetim talimatı): en küçük belirteç 11,5 → 12 px (161 kullanım); tablo/liste içi küçük notlar ve tablo başlıkları 12 px altına inmez.
max() yalnız tabanı yükseltir; 12 px üstündeki boyutlar aynı kalır. */
.kabuk{--yazi-xs:12px}
.kabuk #icerik :is(td,th,dd,dt,li) small,.kabuk #icerik .kalite-gecikmis small{font-size:max(12px,.8em)}
.kabuk #icerik th{font-size:max(12px,.86em)}
.kabuk .lotus-calisma :is(.teslim-durum,.panel-dipnot,.baglanti-eksik,.is-metni small,.is-adet small,.calisma-acilir dt,.calisma-acilir dd){font-size:12px}
.kabuk .lotus-calisma :is(.yonetim-ozet small,.is-baslat small,.gercek-islemler span,.calisma-piyasa,.calisma-piyasa a,.calisma-piyasa small,.calisma-piyasa span,.katalog-baglanti small,.panel-baslik p,.teslim-dipnot a,.calisma-kucuk-baslik){font-size:12px}
.kabuk .lotus-calisma td .baglanti-eksik{font-size:12px}
.kabuk :is(.marka-bant .marka-ad,.sd-kafa-meta small,.sd-arac .etiket,td .sd-fiyat-bekliyor,.ipucu .st-22){font-size:12px}
.kabuk .lotus-calisma td .baglanti-eksik{font-size:12px!important}
.kabuk :is(.sk-ekle-satir label > span,.siparis-calisma summary small){font-size:12px}
.kabuk .katalog-kart :is(.kat-kart-id,.kat-kart-cins,.kat-kart-alt .marka-ad){font-size:12px}
.kabuk .aranabilir-secim-ok{font-size:12px}
/* UX 03.11: sekme bu görünüme seçili müşteri/sipariş bağlamını taşıyamıyorsa (kimlikle süzemez) görünür işaret — seçim sessizce düşmesin */
.sayfa-sekmeleri a .sekme-baglamsiz{margin-left:6px;font-size:12px;font-weight:500;color:#8a5d16}
/* UX 03.11 kontrast (birleşik tarama dce236af: müşteri hesap sekmesi 3,18:1): pasif satır opacity .5 ile soluklaştırılıyordu → okunabilir gri + italik
(≥ 4,5:1; pasif olduğu yine görünür). Koyu zeminli sipariş listesi satırları (st-ana-satir) kendi düzenini korur. */
.kabuk .grid tr.pasif:not(.st-ana-satir){opacity:1}
.kabuk .grid tr.pasif:not(.st-ana-satir) > td{color:#4c5961;font-style:italic}
/* UX-genel-08: ağ kopunca anında şerit (baglanti.js) — yeniden bağlanma penceresinin altında, her şeyin üstünde */
.lotus-cevrimdisi-serit{position:fixed;top:0;left:0;right:0;z-index:9999;padding:8px 16px;padding-top:calc(8px + env(safe-area-inset-top,0px));background:#8a5a00;color:#fff;font:600 14px/1.4 system-ui,sans-serif;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.lotus-cevrimdisi-serit[hidden]{display:none}
html.lotus-cevrimdisi main#icerik{opacity:.6;transition:opacity .2s}
/* duzeltme-5: belge hazırlanıyor göstergesi (lotus.js lotusIndir) — sağ altta, içeriği kapatmaz; düğme hazırlanırken soluk + bekleme imleci */
.lotus-belge-durum{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:9998;max-width:min(420px,calc(100vw - 32px));padding:10px 14px;border-radius:var(--radius,7px);background:var(--murekkep,#193247);color:#fff;font:600 14px/1.4 system-ui,sans-serif;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.lotus-belge-durum[hidden]{display:none}
.lotus-belge-durum[data-tur="bekliyor"]::before{content:"";display:inline-block;width:12px;height:12px;margin-right:8px;vertical-align:-1px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%}
@media (prefers-reduced-motion:no-preference){.lotus-belge-durum[data-tur="bekliyor"]::before{animation:lotus-belge-don .8s linear infinite}}
@keyframes lotus-belge-don{to{transform:rotate(360deg)}}
.lotus-belge-durum[data-tur="tamam"]{background:var(--basari,#14602A)}
.lotus-belge-durum[data-tur="hata"]{background:var(--tehlike,#B00020)}
[data-lotus-hazirlaniyor]{cursor:progress!important;opacity:.65;pointer-events:none}
/* UX-genel-10: veri kaynağı şeridi kısa özet + tıklayınca kaynak dökümü */
.kabuk .sistem-seridi > .veri-kaynak{position:relative;padding:0;border:0;background:transparent;box-shadow:none;border-radius:0}
.kabuk .sistem-seridi .veri-kaynak > summary{list-style:none;cursor:pointer}
.kabuk .sistem-seridi .veri-kaynak > summary::-webkit-details-marker{display:none}
.kabuk .sistem-seridi .veri-kaynak > summary:focus-visible{outline:3px solid #b89a60;outline-offset:2px}
.kabuk .sistem-seridi .veri-kaynak-ayrinti{position:absolute;top:calc(100% + 4px);left:0;z-index:60;width:max-content;max-width:min(560px,calc(100vw - 32px));white-space:normal;background:#fff;color:#14242f;border:1px solid #e7ecef;border-radius:6px;padding:8px 10px;font-size:12px;font-weight:400;line-height:1.45;box-shadow:0 6px 18px rgba(20,36,47,.15)}
/* UX-genel-13: ekran okuyucuya görünen, gözle görünmeyen etiket */
.gizli-etiket{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* UX-genel-13: birincil düğmede odak görünmüyordu (koyu yeşil zemin üstünde %18 yeşil gölge) → koyu altın halka (zemine ≥ 3:1) */
.kabuk :is(button.birincil,a.birincil,.dugme-baglanti.birincil,button[type=submit].birincil):focus-visible{outline:3px solid #9a7426;outline-offset:2px;box-shadow:none}