/* _content/CRM.Admin/Components/Layout/AdminLayout.razor.rz.scp.css */
/* =========================================
   AdminLayout.razor.css
   Pastel, okunaklı, kart görünümlü sidebar
   ========================================= */

/* ---- Design tokens (kullanım) ---- */
:root[b-ddvmrkgklh] {
    --bg: #f6f7fb;
    --surface: #ffffff;
    --border: #e6e8eb;
    --sb-text: #2f3640;
    --sb-muted: #8a94a6;
    --accent-1: #6f98bf;
    --accent-2: #5ea89c;
    --r-lg: 12px;
    --shadow-sm: 0 4px 10px rgba(0,0,0,.06);
    --shadow-md: 0 10px 24px rgba(0,0,0,.08);
}

/* ---- Page scaffold ---- */
.container-fluid[b-ddvmrkgklh] {
   /* background: var(--bg);*/
    min-height: 100vh;
}

/* =======================
   SIDEBAR
   ======================= */

/* Başlık alanı: küçültülmüş ve çizgi hizalı */
.sidebar-title[b-ddvmrkgklh] {
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: .5rem;
}

    .sidebar-title .brand[b-ddvmrkgklh] {
        display: block;
        font-size: 1rem;
        color: var(--sb-text);
    }

    .sidebar-title .role[b-ddvmrkgklh] {
        font-size: .8rem;
        color: var(--sb-muted);
    }

/* Başlık altındaki çizgi: topbar çizgisiyle hizalı */
.sidebar > hr[b-ddvmrkgklh] {
    margin: 0 0 1rem 0; /* üst boşluk yok, aşağı 1rem */
}

/* Nav boşlukları */
.sidebar .nav[b-ddvmrkgklh] {
    gap: .5rem;
}

/* Kart gibi nav-link – ::deep ile child component hedefle */
.sidebar[b-ddvmrkgklh]  .nav-link,
.sidebar[b-ddvmrkgklh]  .nav-link:visited {
    --bs-nav-link-color: #2f3640;
    --bs-nav-link-hover-color: #1f2329;
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .7rem .9rem;
    border-radius: 12px;
    font-weight: 600;
    letter-spacing: .1px;
    color: var(--bs-nav-link-color) !important;
    background: #fff;
    border: 1px solid #d5dae1;
    box-shadow: 0 2px 6px rgba(0,0,0,.05);
    text-decoration: none;
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .06s ease, color .18s ease;
}

    /* ikonlar */
    .sidebar[b-ddvmrkgklh]  .nav-link i {
        font-size: 1.1rem;
        color: #5b6b7a;
        transition: color .18s ease, transform .06s ease;
    }

    /* hover */
    .sidebar[b-ddvmrkgklh]  .nav-link:hover,
    .sidebar[b-ddvmrkgklh]  .nav-link:focus {
        background: #eef3fb;
        border-color: #9cc1ff;
        color: var(--bs-nav-link-hover-color) !important;
        transform: translateX(2px);
        box-shadow: 0 4px 12px rgba(0,0,0,.10);
    }

        .sidebar[b-ddvmrkgklh]  .nav-link:hover i {
            color: #355b7a;
            transform: translateX(1px);
        }

/* active */
.sidebar[b-ddvmrkgklh]  .active-link {
    --bs-nav-link-color: #214b91;
    background: #e9f1ff !important;
    border-color: #9cc1ff !important;
    box-shadow: inset 0 0 0 2px rgba(156,193,255,.45);
    color: #214b91 !important;
}

    .sidebar[b-ddvmrkgklh]  .active-link i {
        color: #214b91 !important;
    }

/* Logout butonu nav-link gibi görünsün */
.sidebar .logout-link[b-ddvmrkgklh] {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .7rem .9rem;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #d5dae1;
    box-shadow: 0 2px 6px rgba(0,0,0,.05);
}

    .sidebar .logout-link:hover[b-ddvmrkgklh] {
        background: #fff4f4;
        border-color: #f5b3b3;
    }

/* =======================
   CONTENT
   ======================= */
.card[b-ddvmrkgklh] {
    border: 1px solid var(--border) !important;
    background: var(--surface);
    border-radius: var(--r-lg) !important;
    box-shadow: var(--shadow-sm);
}


.card:hover[b-ddvmrkgklh] {
    box-shadow: var(--shadow-md);
}

/* Tables */
.table thead th[b-ddvmrkgklh] {
    background: #e9f1ff;
    border-bottom: 2px solid #cfe0ff;
    color: #2b3442;
    font-weight: 600;
}

.table > :not(caption) > * > *[b-ddvmrkgklh] {
    background-color: transparent !important;
}

/* =======================
   Responsive
   ======================= */
@media (max-width: 991.98px) {
    .sidebar[b-ddvmrkgklh] {
        position: static;
    }

        .sidebar[b-ddvmrkgklh]  .nav-link {
            padding: .6rem .7rem;
        }
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
    .sidebar[b-ddvmrkgklh]  .nav-link,
    .sidebar[b-ddvmrkgklh]  .nav-link i {
        transition: none;
    }
}