:root { /* Tek kaynak: Marka rengi (kullanıcı isteği, 16.08.2026 — "10/10" tema geçişinde site.css'teki çakışan #2453ff ikinci :root bloğu kaldırıldı, tüm marka rengi artık yalnızca burada tanımlı). */ --hw-primary: #3a63e0; --hw-primary-light: #5c81ea; --hw-primary-dark: #2949b0; --hw-primary-grad: linear-gradient(135deg, #3a63e0, #2949b0); --hw-sidebar-bg: #10192b; --hw-sidebar-bg-2: #16223a; --hw-sidebar-hover: #1c2b46; --hw-sidebar-active: #3a63e0; --hw-bg: #f5f6f9; --hw-text: #1d2939; --hw-card-bg: #ffffff; --hw-border: #e7eaf1; --hw-card-radius: 0.75rem; --hw-radius: 0.75rem; /* Kullanıcı isteği, 27.08.2026: "sol menüyü biraz daralt" — 232px'ten 208px'e indirildi (~%10 daha dar). */ --hw-sidebar-width: 208px; --hw-shadow-sm: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .05); --hw-shadow-md: 0 6px 16px rgba(16, 24, 40, .07); --hw-card-shadow: 0 2px 10px rgba(16, 24, 40, .04), 0 1px 2px rgba(16, 24, 40, .04); --hw-card-shadow-hover: 0 10px 26px rgba(16, 24, 40, .08); } [data-theme='dark'] { --hw-bg: #0b1120; --hw-text: #e5e9f0; --hw-card-bg: #131b2c; --hw-border: #263349; --hw-sidebar-bg: #030712; --hw-sidebar-hover: #111827; /* Koyu temada marka rengi biraz aydınlatılır — düşük parlaklıklı zeminde daha iyi kontrast/okunabilirlik sağlar (kullanıcı isteği, 16.08.2026: "koyu tema kart görünümlerini düzenle"). */ --hw-primary: #6b8ef2; --hw-primary-light: #8aa6f5; --hw-primary-dark: #4a6fe0; --hw-primary-grad: linear-gradient(135deg, #6b8ef2, #4a6fe0); --hw-card-shadow: 0 4px 18px rgba(0, 0, 0, .38), 0 1px 3px rgba(0, 0, 0, .3); --hw-card-shadow-hover: 0 16px 38px rgba(0, 0, 0, .5); } /* html'e ayrıca overflow:hidden verilmediğinde, body'nin kendi overflow:hidden'ı viewport'a "propagate" OLMAZ (CSS spec: yalnızca body'nin overflow'u varsayılan 'visible' iken propagate eder) — bu durumda html kendi başına, kutusundan taşan herhangi bir içerik (ör. bir flex çocuğun min-height:0 zincirinin bir yerde kırılması) için KENDİ kaydırma çubuğunu açar. Sonuç: .hw-nav + .hw-content'in KENDİ scrollbar'larının YANINA üçüncü, istenmeyen bir tarayıcı/doküman scrollbar'ı daha eklenir (kullanıcı bildirimi, 29.08.2026: "3 tane scroll olmuş"). html'i de sabitleyerek tüm kaydırmayı yalnızca bu iki iç konteynere hapsediyoruz. */ html { height: 100%; overflow: hidden; } body { background-color: var(--hw-bg); color: var(--hw-text); font-family: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif; font-size: .85rem; line-height: 1.5; transition: background-color 0.3s ease, color 0.3s ease; -webkit-font-smoothing: antialiased; height: 100vh; overflow: hidden; } /* HideChrome sayfaları (Login/Register + popup=true ile açılan Stok/Cari Düzenle gibi iframe içerikleri) .hw-sidebar/.hw-content SARMALAYICISI OLMADAN doğrudan 'ye render edilir — yukarıdaki genel overflow:hidden bu sayfalarda kaydırmayı TAMAMEN engelleyip formun alt kısmını (ör. Kaydet butonunu) erişilemez kılıyordu (kullanıcı bildirimi, 12.09.2026: "Satış ekranında satış kalemindeki stok kartını güncellerken kaydet butonu görünmüyor" — /Stok/Edit/{id}?popup=true iframe'i içinde). Bu sayfalarda body'nin kendi scroll'unu açıyoruz. */ body.hw-hidechrome-body { height: auto; min-height: 100vh; overflow-y: auto; } html:has(body.hw-hidechrome-body) { overflow: auto; } /* Satış Kalemleri satır avatarı — sadece mobil kart görünümünde (bkz. .hw-kalem-card, 767.98px altı) gösterilir, masaüstünde gizli (kullanıcı isteği, 13.09.2026). */ .hw-kalem-avatar { display: none; } /* Okunaklılık: başlıklar biraz daha sıkı, gövde metni ferah */ h1, h2, h3, h4, h5, h6 { letter-spacing: -.01em; } .text-muted { color: #667085 !important; } /* İkonlar: bi ikonlarını çevredeki metinle hizalar, "yeni tip" hissi için hafif kalınlaştırır */ i.bi { vertical-align: -0.09em; } .btn i.bi, .hw-nav-link i.bi { font-size: 1rem; } /* Sidebar */ .hw-sidebar { position: fixed; top: 0; bottom: 0; left: 0; width: var(--hw-sidebar-width); background: linear-gradient(180deg, var(--hw-sidebar-bg), var(--hw-sidebar-bg-2, var(--hw-sidebar-bg))); color: #cbd5e1; z-index: 1030; display: flex; flex-direction: column; box-shadow: 2px 0 12px rgba(16, 24, 40, .12); transition: transform .2s ease, background-color 0.3s ease; } .hw-sidebar .hw-brand { display: flex; align-items: center; gap: .6rem; padding: 1rem 1.25rem; color: #fff; font-weight: 700; font-size: 1rem; border-bottom: 1px solid rgba(255,255,255,.08); text-decoration: none; transition: background-color .15s ease; } /* Marka alanı artık Panel'e giden bir link — kullanıcı isteği, 15.08.2026: "Genel ve Panel menüsünü kaldırıp panel sayfa içeriği logo veya şirket yazısına tıklanınca ekrana gelsin". */ .hw-sidebar .hw-brand:hover { background-color: rgba(255,255,255,.06); color: #fff; } .hw-sidebar .hw-brand .badge { background: var(--hw-primary); } .hw-nav { padding: .75rem .6rem; overflow-y: auto; flex: 1; } /* Modern renkli ikon rayı (kullanıcı isteği, 22.08.2026: "soldaki ana ve alt menülerde renkli ikonlar olsun ... yeni modern görünüm olsun"; 23.08.2026: referans görsele göre — dolu renkli ikon rozetleri, büyük yuvarlatılmış satırlar, aktif satırda tam genişlik mor/indigo vurgu — birebir eşleştirildi). Her grup kendi vurgu rengini `--grp-accent` CSS değişkeniyle taşır (bkz. _Sidebar.cshtml grupGorselleri sözlüğü); alt menü ikonları da aynı değişkeni miras alır, böylece grup ile alt öğeleri görsel olarak aynı renk ailesinden okunur. */ .hw-nav .hw-nav-section { font-size: .93rem; font-weight: 700; letter-spacing: .01em; color: #cbd5e1; /* Kullanıcı isteği, 29.08.2026: "menü yükseklikleri fazla ... çerçeveler birbirine değiyor" — dikey padding düşürüldü (.7rem -> .42rem). Sol padding de ayrıca düşürüldü (.75rem -> .5rem) — "ana menü ikonları biraz daha solda olsun. alt menü ile karışıyor": ana grup ikonu ile onun altındaki alt menü ikonu (bkz. .hw-nav-link, margin-left .35rem + padding-left .6rem) arasındaki yatay boşluk artırılarak iki seviye görsel olarak netçe ayrıştırıldı. */ padding: .42rem .75rem .42rem .5rem; margin-top: .15rem; border-radius: .75rem; } .hw-nav button.hw-nav-section-toggle:hover { color: #fff; background: rgba(255,255,255,.06); } .hw-nav button.hw-nav-section-toggle { display: flex; align-items: center; gap: .75rem; width: 100%; /* `background: none` BİLEREK yok — bu buton `[aria-expanded="true"]` haliyle aynı özgüllükte bir `background` kısayolu bildiriyordu ve 23.08.2026'daki canlı testte (özgüllük hesabına göre KAZANMAMASI gerekirken) aktif satır vurgusunu eziyordu; native