/* _content/BlazorApp1/Components/Layout/MainLayout.razor.rz.scp.css */
/* ========================================================
   INOVITH KURUMSAL DASHBOARD TASARIMI
   ======================================================== */

body[b-j65y7q72mt] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    background-color: #f3f3f9;
    margin: 0;
}

.inovith-wrapper[b-j65y7q72mt] {
    display: flex;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

/* --- SIDEBAR ANA YAPI --- */
.inovith-sidebar[b-j65y7q72mt] {
    width: 260px;
    background-color: #ffffff;
    border-right: 1px solid #e9ebec;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-shrink: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1000;
}

.sidebar-top[b-j65y7q72mt] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
}

.sidebar-logo[b-j65y7q72mt] {
    height: 70px;
    display: flex;
    align-items: center;
    padding: 0 24px;
    flex-shrink: 0;
}

.logo-text[b-j65y7q72mt] {
    font-weight: 800;
    font-size: 1.2rem;
    color: #212529;
    letter-spacing: -0.5px;
}

/* --- KULLANICI B�LG�S� KARTI --- */
.sidebar-user[b-j65y7q72mt] {
    padding: 16px 24px;
    display: flex;
    align-items: center;
    background-color: #f8f9fa;
    margin: 0 16px 16px 16px;
    border-radius: 12px;
    flex-shrink: 0;
}

    .sidebar-user img[b-j65y7q72mt] {
        width: 38px;
        height: 38px;
        margin-right: 12px;
    }

.user-meta[b-j65y7q72mt] {
    display: flex;
    flex-direction: column;
}

.u-name[b-j65y7q72mt] {
    font-size: 13px;
    font-weight: 600;
    color: #495057;
}

.u-role[b-j65y7q72mt] {
    font-size: 11px;
    color: #919bae;
}


/* --- MEN� KISMI VE L�NKLER --- */
.sidebar-menu-scroll[b-j65y7q72mt] {
    flex-grow: 1;
    overflow-y: auto;
}

    /* �nce, ��k bir kayd�rma �ubu�u */
    .sidebar-menu-scroll[b-j65y7q72mt]::-webkit-scrollbar {
        width: 4px;
    }

    .sidebar-menu-scroll[b-j65y7q72mt]::-webkit-scrollbar-thumb {
        background: #e9ebec;
        border-radius: 4px;
    }

.menu-category[b-j65y7q72mt] {
    font-size: 11px;
    font-weight: 600;
    color: #919bae;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 12px 24px 6px 24px;
}

/* L�NKLER� STANDART MAV�L�KTEN KURTARMA */
[b-j65y7q72mt] a,
.menu-link[b-j65y7q72mt],
.sub-link[b-j65y7q72mt] {
    text-decoration: none !important;
}

.menu-link[b-j65y7q72mt] {
    display: flex;
    align-items: center;
    padding: 10px 24px;
    color: #545965 !important;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    border-left: 3px solid transparent; /* Aktif �izgisi i�in haz�rl�k */
}

.menu-icon[b-j65y7q72mt] {
    font-size: 1.1rem;
    color: #878a99;
    min-width: 30px;
    transition: color 0.2s ease;
}

.arrow-icon[b-j65y7q72mt] {
    margin-left: auto;
    font-size: 0.7rem;
    color: #878a99;
    transition: transform 0.3s;
}

/* Hover Efekti */
.menu-link:hover[b-j65y7q72mt] {
    background-color: #f8f9fa;
    color: #405189 !important;
}

    .menu-link:hover .menu-icon[b-j65y7q72mt] {
        color: #405189;
    }

/* AKT�F SAYFA EFEKT� (Hangi sayfadaysan sabit gri/mavi kal�r) */
[b-j65y7q72mt] .menu-link.active,
.menu-link.active[b-j65y7q72mt] {
    background-color: #f3f3f9 !important;
    color: #405189 !important;
    border-left: 3px solid #405189; /* Sol tarafta ��k mavi bir vurgu �izgisi */
    font-weight: 500;
}

    [b-j65y7q72mt] .menu-link.active .menu-icon,
    .menu-link.active .menu-icon[b-j65y7q72mt] {
        color: #405189 !important;
    }


/* --- ALT MEN� (SUBMENU) MANTI�I --- */
.nav-group .submenu[b-j65y7q72mt] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    background-color: #fff;
}

.nav-group.is-open .submenu[b-j65y7q72mt] {
    max-height: 250px;
}

.nav-group.is-open .arrow-icon[b-j65y7q72mt] {
    transform: rotate(90deg);
}

.nav-group.is-open .menu-link[b-j65y7q72mt] {
    color: #405189 !important;
}

.sub-link[b-j65y7q72mt] {
    display: block;
    padding: 8px 24px 8px 54px;
    font-size: 13px;
    color: #797c8b !important;
    transition: color 0.2s;
}

    .sub-link:hover[b-j65y7q72mt],
    [b-j65y7q72mt] .sub-link.active {
        color: #405189 !important;
        font-weight: 600;
    }


/* --- OTURUMU KAPAT BUTONU (EN ALTTA) --- */
.sidebar-footer[b-j65y7q72mt] {
    padding: 16px;
    border-top: 1px solid #e9ebec;
    display: flex;
    justify-content: center;
    flex-shrink: 0;
}

.logout-link[b-j65y7q72mt] {
    font-size: 13px;
    font-weight: 600;
    color: #f06548 !important;
    display: flex;
    align-items: center;
    padding: 8px 20px;
    border-radius: 8px;
    transition: background 0.2s;
}

    .logout-link:hover[b-j65y7q72mt] {
        background-color: #fff5f3;
    }


/* --- MEN�Y� TAMAMEN G�ZLEME MANTI�I (0px Width) --- */
.inovith-wrapper.sidebar-hidden .inovith-sidebar[b-j65y7q72mt] {
    width: 0;
    min-width: 0;
    border-right: none;
}

.inovith-wrapper.sidebar-hidden .sidebar-top[b-j65y7q72mt],
.inovith-wrapper.sidebar-hidden .sidebar-footer[b-j65y7q72mt] {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease;
}


/* --- SA� TARAF ANA ��ER�K --- */
.inovith-main[b-j65y7q72mt] {
    flex-grow: 1;
    background-color: #f3f3f9;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

/* �ST NAVBAR */
.inovith-topbar[b-j65y7q72mt] {
    height: 70px;
    background-color: #ffffff;
    border-bottom: 1px solid #e9ebec;
    display: flex;
    align-items: center;
    padding: 0 24px;
    flex-shrink: 0;
}

.toggle-btn[b-j65y7q72mt] {
    border: none;
    background: transparent;
    font-size: 1.3rem;
    color: #878a99;
    padding: 0;
    cursor: pointer;
}

.topbar-page-title[b-j65y7q72mt] {
    font-size: 13px;
    font-weight: 700;
    color: #878a99;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-left: 15px;
}

/* SAYFA ORTA ��ER��� */
.inovith-content[b-j65y7q72mt] {
    padding: 24px;
    flex-grow: 1;
    overflow-y: auto;
}