/* ── Work Sans font ─────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;600;700&display=swap');

body, .wrapper, .content-wrapper, .main-sidebar, .main-header,
.nav-sidebar .nav-link, .brand-text, .card, .table, input, select, textarea, button {
    font-family: 'Work Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* ── Black sidebar ─────────────────────────────────────────── */
.main-sidebar {
    background: #000 !important;
}

.main-sidebar .brand-link {
    background: #000 !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

.main-sidebar .brand-link .brand-text {
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    letter-spacing: 0.5px !important;
}

.main-sidebar .brand-link .brand-image {
    max-height: 34px !important;
}

/* Sidebar nav items */
.main-sidebar .nav-sidebar .nav-link {
    color: rgba(255,255,255,0.85) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.main-sidebar .nav-sidebar .nav-link:hover {
    background: rgba(255,255,255,0.06) !important;
    color: #fff !important;
}

.main-sidebar .nav-sidebar .nav-link.active {
    background: rgba(255,255,255,0.1) !important;
    color: #fff !important;
    font-weight: 600 !important;
}

/* Sidebar section headers */
.main-sidebar .nav-sidebar .nav-header {
    color: rgba(255,255,255,0.3) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* Sidebar nav link text — prevent wrapping under icon */
.main-sidebar .nav-sidebar .nav-link p {
    margin-left: 0 !important;
    display: inline !important;
}

/* Sidebar icons */
.main-sidebar .nav-sidebar .nav-icon {
    color: rgba(255,255,255,0.5) !important;
    margin-right: 8px !important;
    width: 1.6rem !important;
    text-align: center !important;
}

.main-sidebar .nav-sidebar .nav-link.active .nav-icon,
.main-sidebar .nav-sidebar .nav-link:hover .nav-icon {
    color: rgba(255,255,255,0.85) !important;
}

/* Sidebar treeview arrows */
.main-sidebar .nav-sidebar .nav-treeview {
    background: rgba(255,255,255,0.03) !important;
}

.main-sidebar .nav-sidebar .nav-treeview .nav-link {
    color: rgba(255,255,255,0.7) !important;
    font-size: 13px !important;
}

.main-sidebar .nav-sidebar .nav-treeview .nav-link:hover {
    color: #fff !important;
}

/* Sidebar search */
.main-sidebar .form-control-sidebar {
    background: #111 !important;
    border-color: #333 !important;
    color: #eee !important;
}

/* ── Black top navbar ──────────────────────────────────────── */
.main-header.navbar {
    background: #000 !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

.main-header .nav-link {
    color: rgba(255,255,255,0.7) !important;
}

.main-header .nav-link:hover {
    color: #fff !important;
}

/* ── Content area ──────────────────────────────────────────── */
.content-wrapper {
    background: #f4f6f9 !important;
}

/* ── Login/Logout pages ────────────────────────────────────── */
.jazzmin-login-page {
    background: #000 !important;
}

.jazzmin-login-page .login-box .card {
    background: #111 !important;
    border: 1px solid #333 !important;
}

.jazzmin-login-page .login-box .card .card-body label,
.jazzmin-login-page .login-box .card .card-header,
.jazzmin-login-page .login-box-msg {
    color: #eee !important;
}

.jazzmin-login-page .login-box .login-logo a {
    color: #fff !important;
}

.jazzmin-login-page .login-box .card .form-control {
    background: #222 !important;
    border-color: #444 !important;
    color: #eee !important;
}

.jazzmin-login-page .login-box .input-group-text {
    background: #333 !important;
    border-color: #444 !important;
    color: #aaa !important;
}

.jazzmin-login-page .login-box .password-reset-link a {
    color: #8ab4f8 !important;
}

.login-logo img {
    max-width: 200px;
    height: auto;
}

/* ── Rename "Dashboard" to "Home" in sidebar ──────────────── */
.nav-sidebar > .nav-item:first-child > .nav-link > p {
    font-size: 0;
    line-height: 0;
}
.nav-sidebar > .nav-item:first-child > .nav-link > p::after {
    content: 'Home';
    font-size: 1rem;
    line-height: normal;
}

/* Dashboards sidebar section icon */
.nav-sidebar a.nav-link[href*="/dashboards"] .nav-icon {
    color: #007bff;
}

/* Autocomplete (select2) dropdown: the highlighted option was dark-blue bg with
   dark text and unreadable. Use a friendlier blue with white text on hover/keyboard. */
.select2-container--admin-autocomplete .select2-results__option--highlighted,
.select2-container--admin-autocomplete .select2-results__option--highlighted[aria-selected],
.select2-results__option--highlighted,
.select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #2684ff !important;
    color: #fff !important;
}