/* /Components/Layout/AuthLayout.razor.rz.scp.css */
.auth-page[b-ljex3zxabo] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eef0f3;
    padding: 32px 16px;
}

.auth-card[b-ljex3zxabo] {
    width: 100%;
    max-width: 400px;
    border-radius: 22px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 12px 40px rgba(0, 0, 0, .14);
}

.auth-brand[b-ljex3zxabo] {
    background: #111111;
    padding: 28px 24px 36px;
    text-align: center;
}

.auth-logo[b-ljex3zxabo] {
    max-height: 64px;
    max-width: 170px;
    width: auto;
    display: inline-block;
    margin-bottom: 12px;
    background: #fff;
    border-radius: 10px;
    padding: 8px 14px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .25);
}

.auth-brand-title[b-ljex3zxabo] {
    color: #fff;
    font-weight: 700;
    font-size: 1.05rem;
    letter-spacing: 3px;
}

.auth-brand-sub[b-ljex3zxabo] {
    color: #C8102E;
    font-size: .7rem;
    letter-spacing: 2px;
    margin-top: 2px;
}

.auth-body[b-ljex3zxabo] {
    background: #fff;
    border-radius: 24px 24px 0 0;
    margin-top: -18px;
    padding: 30px 28px 32px;
    position: relative;
}

    .auth-body[b-ljex3zxabo]  h4 {
        text-align: center;
    }

    .auth-body[b-ljex3zxabo]  p.text-muted {
        text-align: center;
    }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/*
   DİKKAT — Buraya düzen (layout) kuralı YAZMAYIN.

   Bu dosya eskiden Blazor şablonundan gelen varsayılan kuralları taşıyordu
   (.page / .sidebar / .top-row / main + kendi @media 641px kırılımı). Scoped CSS
   `[b-xxxxx]` ekiyle derlendiği için app.css'ten DAHA YÜKSEK özgüllüğe sahip ve
   `ElzemSystem.Web.styles.css` app.css'ten SONRA yükleniyor — yani buradaki her
   kural app.css'i sessizce eziyordu. İki somut sonucu vardı:

     1) Tablette (641–991.98px) app.css sidebar'ı `position: fixed` + 
        `translateX(-100%)` ile çekmece yapıyor, buradaki `position: sticky` ise
        onu akışta tutuyordu: sidebar görünmüyor ama 260px'lik yerini işgal
        ediyordu → sayfanın solunda koca boş şerit.
     2) `.sidebar { background-image: linear-gradient(...) }` şablonun mor/lacivert
        gradyanını app.css'teki `--sb-bg` lacivertinin üstüne bindiriyordu.

   Sayfa düzeninin tek kaynağı wwwroot/app.css'tir. Aşağıdaki kuralın app.css'te
   karşılığı yok, o yüzden burada kaldı.
*/

/* Blazor hata şeridindeki ✕ düğmesi (şerit #blazor-error-ui app.css'te biçimlenir) */
#blazor-error-ui .dismiss[b-ajykqml80n] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* Sidebar stilleri app.css tarafından yönetiliyor */