/* ================================================================
   Admin Theme — auto-generated by Settings → Admin Theme
   Generated: 2026-08-22 04:30:04
   DO NOT EDIT MANUALLY — overwritten on every settings save.
================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

/* ── Brand + status variables ── */
:root,
[data-bs-theme=light] {
    --bs-primary:          #7C3AED;
    --bs-primary-rgb:      124, 58, 237;
    --bs-primary-active:   #6D28D9;
    --bs-primary-light:    #EDE9FE;
    --bs-primary-inverse:  #FFFFFF;
    --bs-text-primary:     #7C3AED;
    --bs-component-active-bg: #7C3AED;
    --bs-link-color:       #7C3AED;
    --bs-link-color-rgb:   124, 58, 237;
    --bs-link-hover-color: #6D28D9;
    --bs-success:         #17C653;
    --bs-success-rgb:     23, 198, 83;
    --bs-success-active:  #14AA47;
    --bs-success-light:   #E8F9EE;
    --bs-success-inverse: #FFFFFF;
    --bs-text-success:    #17C653;
    --bs-danger:         #F8285A;
    --bs-danger-rgb:     248, 40, 90;
    --bs-danger-active:  #D5224D;
    --bs-danger-light:   #FEEAEF;
    --bs-danger-inverse: #FFFFFF;
    --bs-text-danger:    #F8285A;
    --bs-warning:         #F6B100;
    --bs-warning-rgb:     246, 177, 0;
    --bs-warning-active:  #D49800;
    --bs-warning-light:   #FEF7E6;
    --bs-warning-inverse: #FFFFFF;
    --bs-text-warning:    #F6B100;
    --bs-info:         #7239EA;
    --bs-info-rgb:     114, 57, 234;
    --bs-info-active:  #6231C9;
    --bs-info-light:   #F1EBFD;
    --bs-info-inverse: #FFFFFF;
    --bs-text-info:    #7239EA;
}
[data-bs-theme=dark] {
    --bs-primary:         #7C3AED;
    --bs-primary-rgb:     124, 58, 237;
    --bs-primary-active:  #6D28D9;
    --bs-primary-inverse: #FFFFFF;
}

/* ── Layout sizing ── */
/* Width only when the sidebar is expanded — Metronic's own minimize (75px)
   and collapse (0px) states must keep working. */
body:not([data-kt-app-sidebar-minimize=on]):not([data-kt-app-sidebar-collapse=on]) {
    --bs-app-sidebar-width: 260px !important;
}
body {
    --bs-app-header-height: 70px !important;
}

/* ── Page background ── */
[data-bs-theme=light] {
    --bs-app-bg-color: #F7F5FC;
    --bs-page-bg:      #F7F5FC;
}

/* ── Typography ── */
body {
    font-family: 'Inter', Inter, Helvetica, sans-serif;
    font-size: 13px;
}
[data-bs-theme=light] body { color: #252F4A; }
h1, h2, h3, h4, h5, h6 { font-weight: 500; }

/* ── Radius & cards ── */
.card {
    border-radius: 12px;
    box-shadow: 0 3px 4px 0 rgba(3, 7, 18, 0.03), 0 1px 2px 0 rgba(3, 7, 18, 0.05);
}
.card .card-header:first-child {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.btn:not(.btn-icon):not(.btn-flush):not(.rounded-pill):not(.rounded-circle) {
    border-radius: 8px;
}
.form-control:not(.rounded-pill), .form-select, .input-group-text {
    border-radius: 8px;
}

/* ── Forms ── */
[data-bs-theme=light] .form-control:not(.form-control-solid):not(.form-control-transparent):not(.form-control-flush),
[data-bs-theme=light] .form-select:not(.form-select-solid):not(.form-select-transparent) {
    background-color: #FFFFFF;
    border-color: #DBDFE9;
}
[data-bs-theme=light] .form-control:focus,
[data-bs-theme=light] .form-select:focus {
    border-color: #7C3AED;
    box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.12);
}
.form-label, .col-form-label { font-weight: 400; }
.form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

/* ── Tables & grid ── */
.table {
    --bs-table-hover-bg: #F4F6FF;
    --bs-table-striped-bg: #FAFBFF;
}
[data-bs-theme=light] .table > thead { background-color: #F8F9FC; }
[data-bs-theme=light] .table > thead th { color: #4B5675; }
[data-bs-theme=light] .table > :not(caption) > * > * { border-bottom-color: #F1F1F4; }
[data-bs-theme=light] .table-hover > tbody > tr:hover > * { background-color: #F4F6FF; }


/* ── Sidebar ── */
.app-sidebar {
    background: linear-gradient(180deg, #190F2E 0%, #100A1F 100%) !important;
    border-right: 1px solid #2E2050 !important;
}
.app-sidebar .app-sidebar-logo {
    border-bottom: 1px dashed #2E2050 !important;
}
.app-sidebar .menu .menu-item .menu-link {
    border-radius: 8px;
}
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-title,
.app-sidebar .menu .menu-item .menu-link .menu-title,
.app-sidebar .menu .menu-item .menu-link .menu-arrow,
.app-sidebar .menu .menu-item .menu-link .menu-icon,
.app-sidebar .menu .menu-item .menu-link .menu-icon i {
    color: #A79ABF;
}
.app-sidebar .menu .menu-item .menu-link:hover:not(.disabled):not(.active) {
    background-color: rgba(125, 125, 145, 0.08);
}
.app-sidebar .menu .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-title,
.app-sidebar .menu .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-icon i {
    color: #7C3AED;
}
.app-sidebar .menu .menu-item .menu-link.active {
    background-color: #7C3AED !important;
    box-shadow: 0 6px 14px -6px rgba(124, 58, 237, 0.55);
}
.app-sidebar .menu .menu-item .menu-link.active .menu-title,
.app-sidebar .menu .menu-item .menu-link.active .menu-icon i {
    color: #FFFFFF !important;
}
.app-sidebar .search-input {
    background: rgba(125, 125, 145, 0.10) !important;
    border-color: #2E2050 !important;
    color: #A79ABF;
}

/* ── Sidebar logo area (Branding + Sidebar tabs) ── */
.app-sidebar .app-sidebar-logo {
    min-height: 70px;
    background-color: #1C1C2B !important;
}
.app-sidebar img.app-sidebar-logo-default {
    height: 90px !important;
    width: auto;
    max-width: calc(100% - 30px);
    object-fit: contain;
}
.app-sidebar .app-sidebar-logo-text {
    color: #FFFFFF;
    letter-spacing: -0.02em;
    white-space: nowrap;
}
body.app-blank img.h-100px {
    height: 200px !important;
    width: auto;
}

/* ── Sidebar toggle button ── */
.app-sidebar .app-sidebar-toggle {
    background-color: #FFFFFF !important;
    border: 1px solid #2E2050 !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.10) !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.app-sidebar .app-sidebar-toggle svg {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
}
.app-sidebar .app-sidebar-toggle i,
.app-sidebar .app-sidebar-toggle svg {
    color: #A79ABF;
}
.app-sidebar .app-sidebar-toggle:hover i,
.app-sidebar .app-sidebar-toggle.active i,
.app-sidebar .app-sidebar-toggle:hover svg,
.app-sidebar .app-sidebar-toggle.active svg {
    color: #7C3AED;
}

/* ── Header ── */
[data-bs-theme=light] .app-header {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #F0EDF6 !important;
    box-shadow: none;
}

/* ── Login page ── */
body.app-blank {
    background: linear-gradient(160deg, #EDE9FE 0%, #FFFFFF 100%) !important;
}

/* ── Scrollbar accent ── */
::-webkit-scrollbar-thumb { background-color: #D9D9E4; }