/*
 * ============================================================
 *  EasySchool — Dark Mode v2
 *  Compatível com Bootstrap 3 + SmartAdmin3 (smart-style-2)
 *  Especificidade: body.smart-style-2.dark-mode = (0,2,1)
 * ============================================================
 */

/* ── ANTI-FLASH ───────────────────────────────────────────── */
html.dark-mode-loading {
    background-color: #0f1117 !important;
}

html.dark-mode-loading body {
    visibility: hidden !important;
}

/* ── 1. CSS VARIABLES ─────────────────────────────────────── */
body.smart-style-0.dark-mode, body.smart-style-1.dark-mode,
body.smart-style-2.dark-mode, body.smart-style-3.dark-mode,
body.smart-style-4.dark-mode, body.smart-style-5.dark-mode,
body.smart-style-6.dark-mode {
    --body:                    #0f1117;
    --background:              #0f1117;
    --foreground:              #e2e8f0;
    --sidebar:                 #161b27;
    --sidebar-foreground:      #a0aec0;
    --sidebar-hover:           #1e2536;
    --header:                  #161b27;
    --header-foreground:       #e2e8f0;
    --header-btn-foreground:   #a0aec0;
    --widget:                  #1a2035;
    --widget-header:           #1e2740;
    --widget-header-foreground:#cbd5e1;
    --widget-header-border:    #2d3748;
    --border:                  #2d3748;
    --input:                   #1e2536;
    --ring:                    #3b82f6;
    --muted:                   #1a2035;
    --muted-foreground:        #64748b;
    --primary:                 #3b82f6;
    --primary-hover:           #2563eb;
    --primary-color:           #3b82f6;
    --brand:                   #3b82f6;
    --btn-primary:             #3b82f6;
    --btn-primary-hover:       #2563eb;
    --btn-primary-foreground:  #ffffff;
    --secondary:               #1e2740;
    --secondary-hover:         #263352;
    --secondary-foreground:    #cbd5e1;
    --accent:                  #1e2740;
    --accent-foreground:       #e2e8f0;
    --danger:                  #ef4444;
    --tw-color-neutral-100:    #1e2536;
    --tw-color-neutral-200:    #263352;
    --tw-color-neutral-300:    #2d3748;
    --tw-color-neutral-400:    #4a5568;
    --tw-color-neutral-600:    #94a3b8;
    --tw-color-neutral-700:    #cbd5e1;
    --tw-color-gray-50:        #1a2035;
    --tw-color-gray-600:       #94a3b8;
    --tw-color-gray-800:       #e2e8f0;
}

/* ── 2. BASE ──────────────────────────────────────────────── */
body.smart-style-2.dark-mode {
    background: #0f1117 !important;
    background-color: #0f1117 !important;
    color: #e2e8f0 !important;
}

body.smart-style-2.dark-mode a       { color: #60a5fa; }
body.smart-style-2.dark-mode a:hover { color: #93c5fd; }
body.smart-style-2.dark-mode hr      { border-color: #2d3748; }
body.smart-style-2.dark-mode ::placeholder { color: #4a5568 !important; }

body.smart-style-2.dark-mode h1,
body.smart-style-2.dark-mode h2,
body.smart-style-2.dark-mode h3,
body.smart-style-2.dark-mode h4,
body.smart-style-2.dark-mode h5,
body.smart-style-2.dark-mode h6 { color: #e2e8f0 !important; }

/* ── 3. NAVBAR / HEADER ───────────────────────────────────── */
body.smart-style-2.dark-mode #header,
body.smart-style-2.dark-mode .navbar,
body.smart-style-2.dark-mode .navbar-default,
body.smart-style-2.dark-mode .navbar-static-top {
    background: #161b27 !important;
    background-color: #161b27 !important;
    border-bottom-color: #2d3748 !important;
}

/* Título centralizado do header */
body.smart-style-2.dark-mode #header .navbar-header,
body.smart-style-2.dark-mode #header h1,
body.smart-style-2.dark-mode #header .navbar-brand,
body.smart-style-2.dark-mode #header span,
body.smart-style-2.dark-mode #header p {
    color: #e2e8f0 !important;
}

body.smart-style-2.dark-mode .navbar-default .navbar-brand,
body.smart-style-2.dark-mode .navbar-default .navbar-nav > li > a,
body.smart-style-2.dark-mode .navbar-default .navbar-text { color: #e2e8f0 !important; }

body.smart-style-2.dark-mode .navbar-default .navbar-nav > li > a:hover,
body.smart-style-2.dark-mode .navbar-default .navbar-nav > .active > a,
body.smart-style-2.dark-mode .navbar-default .navbar-nav > .open > a {
    background-color: #1e2740 !important;
    color: #ffffff !important;
}

body.smart-style-2.dark-mode .navbar-default .navbar-toggle { border-color: #2d3748 !important; }
body.smart-style-2.dark-mode .navbar-default .navbar-toggle .icon-bar { background-color: #a0aec0 !important; }

/* Botões do header */
body.smart-style-2.dark-mode .btn-header > :first-child > a {
    background-color: #263352 !important;
    border-color: #2d3748 !important;
    color: #a0aec0 !important;
}

body.smart-style-2.dark-mode .btn-header > :first-child > a:hover {
    background-color: #1e2740 !important;
    color: #e2e8f0 !important;
}

/* Badge no logo/header */
body.smart-style-2.dark-mode #header .badge,
body.smart-style-2.dark-mode #logo-group .badge {
    background-color: #3b82f6 !important;
    color: #fff !important;
    border: 1px solid #2563eb !important;
}

/* ── 4. SIDEBAR / LEFT PANEL ──────────────────────────────── */
body.smart-style-2.dark-mode #left-panel,
body.smart-style-2.dark-mode aside#left-panel,
body.smart-style-2.dark-mode .minifyme {
    background-color: #161b27 !important;
    border-right-color: #2d3748 !important;
}

body.smart-style-2.dark-mode nav > ul,
body.smart-style-2.dark-mode aside#left-panel nav > ul { background-color: #161b27 !important; }

body.smart-style-2.dark-mode #left-panel nav ul li a,
body.smart-style-2.dark-mode aside nav ul li a {
    color: #94a3b8 !important;
    border-bottom-color: #1e2536 !important;
}

body.smart-style-2.dark-mode #left-panel nav ul li a:hover,
body.smart-style-2.dark-mode #left-panel nav ul li.active > a,
body.smart-style-2.dark-mode aside nav ul li:hover > a,
body.smart-style-2.dark-mode aside nav ul li.active > a {
    background-color: #1e2740 !important;
    color: #e2e8f0 !important;
}

body.smart-style-2.dark-mode #left-panel nav ul li ul,
body.smart-style-2.dark-mode aside nav ul li ul { background-color: #0f1520 !important; }

body.smart-style-2.dark-mode #left-panel nav ul li ul li a { color: #64748b !important; }
body.smart-style-2.dark-mode #left-panel nav ul li ul li a:hover { color: #94a3b8 !important; }

body.smart-style-2.dark-mode .login-info,
body.smart-style-2.dark-mode .login-info a { background-color: #0f1117 !important; color: #94a3b8 !important; }

/* ── 5. CONTENT AREA ──────────────────────────────────────── */
body.smart-style-2.dark-mode #content,
body.smart-style-2.dark-mode #main,
body.smart-style-2.dark-mode .container-fluid {
    background-color: #0f1117 !important;
}

/* ── 6. PANELS / WIDGETS ──────────────────────────────────── */
body.smart-style-2.dark-mode .panel,
body.smart-style-2.dark-mode .jarviswidget > div,
body.smart-style-2.dark-mode .widget-body,
body.smart-style-2.dark-mode .well {
    background-color: #1a2035 !important;
    border-color: #2d3748 !important;
    color: #e2e8f0 !important;
}

body.smart-style-2.dark-mode .panel-heading,
body.smart-style-2.dark-mode .jarviswidget header,
body.smart-style-2.dark-mode .widget-header {
    background-color: #1e2740 !important;
    border-bottom-color: #2d3748 !important;
    color: #cbd5e1 !important;
}

body.smart-style-2.dark-mode .panel-heading h1, body.smart-style-2.dark-mode .panel-heading h2,
body.smart-style-2.dark-mode .panel-heading h3, body.smart-style-2.dark-mode .panel-heading h4,
body.smart-style-2.dark-mode .panel-heading .panel-title,
body.smart-style-2.dark-mode .jarviswidget header h2 { color: #e2e8f0 !important; }

body.smart-style-2.dark-mode .panel-footer {
    background-color: #1a2035 !important;
    border-top-color: #2d3748 !important;
    color: #94a3b8 !important;
}

body.smart-style-2.dark-mode .panel-default > .panel-heading { background-color: #1e2740 !important; border-color: #2d3748 !important; }
body.smart-style-2.dark-mode .panel-primary > .panel-heading { background-color: #1a3a6e !important; border-color: #1e4080 !important; }
body.smart-style-2.dark-mode .panel-success > .panel-heading { background-color: #14401e !important; border-color: #1a5228 !important; }
body.smart-style-2.dark-mode .panel-warning > .panel-heading { background-color: #3d2e00 !important; border-color: #4a3800 !important; }
body.smart-style-2.dark-mode .panel-danger  > .panel-heading { background-color: #3d1010 !important; border-color: #4a1414 !important; }
body.smart-style-2.dark-mode .panel-info    > .panel-heading { background-color: #0a2d3d !important; border-color: #0e3a50 !important; }

/* ── 7. TABLES ────────────────────────────────────────────── */
body.smart-style-2.dark-mode .table { color: #e2e8f0 !important; }

body.smart-style-2.dark-mode .table > thead > tr > th,
body.smart-style-2.dark-mode .table > tbody > tr > td,
body.smart-style-2.dark-mode .table > tfoot > tr > td {
    border-color: #2d3748 !important;
    color: #e2e8f0 !important;
    background-color: transparent !important;
}

body.smart-style-2.dark-mode .table > thead > tr > th {
    background-color: #1e2740 !important;
    color: #94a3b8 !important;
}

/* Ícones de ordenação das colunas (DataTables) */
body.smart-style-2.dark-mode .table > thead > tr > th.sorting,
body.smart-style-2.dark-mode .table > thead > tr > th.sorting_asc,
body.smart-style-2.dark-mode .table > thead > tr > th.sorting_desc {
    color: #cbd5e1 !important;
}

body.smart-style-2.dark-mode table.dataTable thead .sorting::after,
body.smart-style-2.dark-mode table.dataTable thead .sorting_asc::after,
body.smart-style-2.dark-mode table.dataTable thead .sorting_desc::after,
body.smart-style-2.dark-mode table.dataTable thead .sorting::before,
body.smart-style-2.dark-mode table.dataTable thead .sorting_asc::before,
body.smart-style-2.dark-mode table.dataTable thead .sorting_desc::before {
    color: #64748b !important;
    opacity: 1 !important;
}

body.smart-style-2.dark-mode table.dataTable thead .sorting_asc::after,
body.smart-style-2.dark-mode table.dataTable thead .sorting_desc::after {
    color: #3b82f6 !important;
}

/* Linhas */
body.smart-style-2.dark-mode .table-striped > tbody > tr:nth-of-type(odd)  { background-color: #1a2035 !important; }
body.smart-style-2.dark-mode .table-striped > tbody > tr:nth-of-type(even) { background-color: #161b27 !important; }

body.smart-style-2.dark-mode .table-hover > tbody > tr:hover { background-color: #263352 !important; }

/* Indicador de linha hover — borda esquerda azul */
body.smart-style-2.dark-mode .table-hover > tbody > tr:hover > td:first-child {
    border-left: 3px solid #3b82f6 !important;
}

body.smart-style-2.dark-mode .table-bordered,
body.smart-style-2.dark-mode .table-bordered > thead > tr > th,
body.smart-style-2.dark-mode .table-bordered > tbody > tr > td { border-color: #2d3748 !important; }

/* DataTables toolbar/footer */
body.smart-style-2.dark-mode .dt-toolbar,
body.smart-style-2.dark-mode .dt-toolbar-footer,
body.smart-style-2.dark-mode .DTTT_container {
    background-color: #1e2740 !important;
    border-color: #2d3748 !important;
    color: #94a3b8 !important;
}

body.smart-style-2.dark-mode .dataTables_wrapper .dataTables_filter input,
body.smart-style-2.dark-mode .dataTables_wrapper .dataTables_length select {
    background-color: #1e2536 !important;
    border-color: #2d3748 !important;
    color: #e2e8f0 !important;
}

body.smart-style-2.dark-mode .dataTables_wrapper .dataTables_info,
body.smart-style-2.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button { color: #94a3b8 !important; }

body.smart-style-2.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background-color: #1e2740 !important;
    border-color: #2d3748 !important;
    color: #e2e8f0 !important;
}

body.smart-style-2.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #1e2740 !important;
    border-color: #3b82f6 !important;
    color: #3b82f6 !important;
}

/* ── 8. FORMS ─────────────────────────────────────────────── */
body.smart-style-2.dark-mode .form-control,
body.smart-style-2.dark-mode input[type="text"],
body.smart-style-2.dark-mode input[type="email"],
body.smart-style-2.dark-mode input[type="password"],
body.smart-style-2.dark-mode input[type="number"],
body.smart-style-2.dark-mode input[type="search"],
body.smart-style-2.dark-mode input[type="tel"],
body.smart-style-2.dark-mode input[type="url"],
body.smart-style-2.dark-mode input[type="date"],
body.smart-style-2.dark-mode textarea,
body.smart-style-2.dark-mode select {
    background-color: #1e2536 !important;
    border-color: #2d3748 !important;
    color: #e2e8f0 !important;
}

body.smart-style-2.dark-mode .form-control:focus,
body.smart-style-2.dark-mode input:focus,
body.smart-style-2.dark-mode textarea:focus,
body.smart-style-2.dark-mode select:focus {
    background-color: #1e2536 !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59,130,246,0.2) !important;
    color: #e2e8f0 !important;
    outline: none !important;
}

body.smart-style-2.dark-mode .input-group-addon {
    background-color: #263352 !important;
    border-color: #2d3748 !important;
    color: #94a3b8 !important;
}

body.smart-style-2.dark-mode .control-label,
body.smart-style-2.dark-mode label { color: #cbd5e1 !important; }
body.smart-style-2.dark-mode .help-block { color: #64748b !important; }

/* Select2 v3 */
body.smart-style-2.dark-mode .select2-container .select2-choice,
body.smart-style-2.dark-mode .select2-container-multi .select2-choices {
    background: #1e2536 !important;
    background-image: none !important;
    border-color: #2d3748 !important;
    color: #e2e8f0 !important;
}

body.smart-style-2.dark-mode .select2-drop,
body.smart-style-2.dark-mode .select2-dropdown {
    background-color: #1a2035 !important;
    border-color: #2d3748 !important;
    color: #e2e8f0 !important;
}

body.smart-style-2.dark-mode .select2-results .select2-result-label { color: #e2e8f0 !important; }
body.smart-style-2.dark-mode .select2-results .select2-highlighted  { background-color: #263352 !important; }
body.smart-style-2.dark-mode .select2-container .select2-choice .select2-arrow {
    background: #263352 !important;
    border-left-color: #2d3748 !important;
}
body.smart-style-2.dark-mode .select2-search input {
    background-color: #1e2536 !important;
    border-color: #2d3748 !important;
    color: #e2e8f0 !important;
}

/* ── 9. BOTÕES ────────────────────────────────────────────── */
body.smart-style-2.dark-mode .btn-default {
    background-color: #1e2740 !important;
    background-image: none !important;
    border-color: #2d3748 !important;
    color: #cbd5e1 !important;
    text-shadow: none !important;
}

body.smart-style-2.dark-mode .btn-default:hover,
body.smart-style-2.dark-mode .btn-default:focus {
    background-color: #263352 !important;
    border-color: #3b82f6 !important;
    color: #e2e8f0 !important;
}

body.smart-style-2.dark-mode .btn-primary {
    background-color: #3b82f6 !important;
    background-image: none !important;
    border-color: #2563eb !important;
    text-shadow: none !important;
}
body.smart-style-2.dark-mode .btn-primary:hover { background-color: #2563eb !important; }

body.smart-style-2.dark-mode .btn-success {
    background-color: #16a34a !important;
    background-image: none !important;
    border-color: #15803d !important;
    text-shadow: none !important;
    filter: brightness(0.9);
}
body.smart-style-2.dark-mode .btn-success:hover { background-color: #15803d !important; filter: brightness(1); }

/* Editar — menos saturado no dark */
body.smart-style-2.dark-mode .btn-warning {
    background-color: #d97706 !important;
    background-image: none !important;
    border-color: #b45309 !important;
    text-shadow: none !important;
    filter: brightness(0.85);
}
body.smart-style-2.dark-mode .btn-warning:hover { background-color: #b45309 !important; filter: brightness(1); }

/* Excluir — menos saturado no dark */
body.smart-style-2.dark-mode .btn-danger {
    background-color: #dc2626 !important;
    background-image: none !important;
    border-color: #b91c1c !important;
    text-shadow: none !important;
    filter: brightness(0.85);
}
body.smart-style-2.dark-mode .btn-danger:hover { background-color: #b91c1c !important; filter: brightness(1); }

body.smart-style-2.dark-mode .btn-info {
    background-color: #0891b2 !important;
    background-image: none !important;
    border-color: #0e7490 !important;
    text-shadow: none !important;
    filter: brightness(0.85);
}
body.smart-style-2.dark-mode .btn-info:hover { background-color: #0e7490 !important; filter: brightness(1); }

/* ── 10. MODAIS ───────────────────────────────────────────── */
body.smart-style-2.dark-mode .modal-content {
    background-color: #1a2035 !important;
    border-color: #2d3748 !important;
    color: #e2e8f0 !important;
}

body.smart-style-2.dark-mode .modal-header {
    background-color: #1e2740 !important;
    border-bottom-color: #2d3748 !important;
}

body.smart-style-2.dark-mode .modal-header .modal-title,
body.smart-style-2.dark-mode .modal-header h4 { color: #e2e8f0 !important; }

body.smart-style-2.dark-mode .modal-body   { background-color: #1a2035 !important; }
body.smart-style-2.dark-mode .modal-footer { background-color: #1a2035 !important; border-top-color: #2d3748 !important; }

body.smart-style-2.dark-mode .close { color: #94a3b8 !important; text-shadow: none !important; opacity: 0.8; }
body.smart-style-2.dark-mode .close:hover { color: #e2e8f0 !important; opacity: 1; }

/* ── 11. DROPDOWNS ────────────────────────────────────────── */
body.smart-style-2.dark-mode .dropdown-menu {
    background-color: #1a2035 !important;
    border-color: #2d3748 !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.5) !important;
}

body.smart-style-2.dark-mode .dropdown-menu > li > a { color: #cbd5e1 !important; }

body.smart-style-2.dark-mode .dropdown-menu > li > a:hover,
body.smart-style-2.dark-mode .dropdown-menu > li > a:focus,
body.smart-style-2.dark-mode .dropdown-menu > .active > a,
body.smart-style-2.dark-mode .dropdown-menu > .active > a:hover {
    background-color: #263352 !important;
    background-image: none !important;
    color: #e2e8f0 !important;
}

body.smart-style-2.dark-mode .dropdown-menu > .divider         { background-color: #2d3748 !important; }
body.smart-style-2.dark-mode .dropdown-menu > .dropdown-header { color: #64748b !important; }

/* ── 12. BREADCRUMB / RIBBON ──────────────────────────────── */
body.smart-style-2.dark-mode #ribbon {
    background-color: #1a2035 !important;
    border-bottom-color: #2d3748 !important;
}

/* Breadcrumb mais legível */
body.smart-style-2.dark-mode #ribbon .breadcrumb > li { color: #64748b !important; }
body.smart-style-2.dark-mode #ribbon .breadcrumb > li a {
    color: #60a5fa !important;
    text-decoration: none;
}
body.smart-style-2.dark-mode #ribbon .breadcrumb > li a:hover { color: #93c5fd !important; }
body.smart-style-2.dark-mode #ribbon .breadcrumb > li.active  { color: #cbd5e1 !important; font-weight: 500; }
body.smart-style-2.dark-mode #ribbon .breadcrumb > li + li::before { color: #4a5568 !important; }

body.smart-style-2.dark-mode .breadcrumb { background-color: #1e2536 !important; border-color: #2d3748 !important; }
body.smart-style-2.dark-mode .breadcrumb > li + li::before,
body.smart-style-2.dark-mode .breadcrumb > .active { color: #64748b !important; }

/* ── 13. PAGINAÇÃO ────────────────────────────────────────── */
body.smart-style-2.dark-mode .pagination > li > a,
body.smart-style-2.dark-mode .pagination > li > span {
    background-color: #1e2536 !important;
    border-color: #2d3748 !important;
    color: #94a3b8 !important;
}

body.smart-style-2.dark-mode .pagination > li > a:hover { background-color: #263352 !important; color: #e2e8f0 !important; }

body.smart-style-2.dark-mode .pagination > .active > a,
body.smart-style-2.dark-mode .pagination > .active > a:hover,
body.smart-style-2.dark-mode .pagination > .active > a:focus,
body.smart-style-2.dark-mode .pagination > .active > span {
    background-color: #3b82f6 !important;
    border-color: #3b82f6 !important;
    color: #fff !important;
}

body.smart-style-2.dark-mode .pagination > .disabled > a { background-color: #161b27 !important; color: #4a5568 !important; }

/* ── 14. TABS ─────────────────────────────────────────────── */
body.smart-style-2.dark-mode .nav-tabs { border-bottom-color: #2d3748 !important; }

body.smart-style-2.dark-mode .nav-tabs > li > a {
    color: #94a3b8 !important;
    background-color: #1a2035 !important;
    border-color: #2d3748 !important;
}

body.smart-style-2.dark-mode .nav-tabs > li > a:hover {
    background-color: #1e2740 !important;
    color: #e2e8f0 !important;
    border-color: #2d3748 !important;
}

body.smart-style-2.dark-mode .nav-tabs > li.active > a,
body.smart-style-2.dark-mode .nav-tabs > li.active > a:hover,
body.smart-style-2.dark-mode .nav-tabs > li.active > a:focus {
    background-color: #1a2035 !important;
    border-color: #2d3748 #2d3748 transparent !important;
    color: #e2e8f0 !important;
}

body.smart-style-2.dark-mode .tab-content { background-color: #1a2035 !important; border-color: #2d3748 !important; }

/* ── 15. ALERTS ───────────────────────────────────────────── */
body.smart-style-2.dark-mode .alert-success { background-color: #14401e !important; border-color: #166534 !important; color: #86efac !important; }
body.smart-style-2.dark-mode .alert-warning { background-color: #3d2e00 !important; border-color: #4a3800 !important; color: #fcd34d !important; }
body.smart-style-2.dark-mode .alert-danger  { background-color: #3d1010 !important; border-color: #4a1414 !important; color: #fca5a5 !important; }
body.smart-style-2.dark-mode .alert-info    { background-color: #0a2d3d !important; border-color: #0e3a50 !important; color: #7dd3fc !important; }

/* ── 16. LIST GROUPS ──────────────────────────────────────── */
body.smart-style-2.dark-mode .list-group-item {
    background-color: #1a2035 !important;
    border-color: #2d3748 !important;
    color: #e2e8f0 !important;
}

body.smart-style-2.dark-mode .list-group-item:hover,
body.smart-style-2.dark-mode a.list-group-item:hover { background-color: #1e2740 !important; }
body.smart-style-2.dark-mode .list-group-item.active { background-color: #3b82f6 !important; border-color: #3b82f6 !important; }

/* ── 17. TOOLTIPS / POPOVERS ──────────────────────────────── */
body.smart-style-2.dark-mode .tooltip .tooltip-inner { background-color: #0f1117 !important; color: #e2e8f0 !important; }
body.smart-style-2.dark-mode .popover { background-color: #1a2035 !important; border-color: #2d3748 !important; color: #e2e8f0 !important; }
body.smart-style-2.dark-mode .popover-title { background-color: #1e2740 !important; border-bottom-color: #2d3748 !important; color: #e2e8f0 !important; }

/* ── 18. PROGRESS BARS ────────────────────────────────────── */
body.smart-style-2.dark-mode .progress { background-color: #263352 !important; }

/* ── 19. CÓDIGO / PRE ─────────────────────────────────────── */
body.smart-style-2.dark-mode pre,
body.smart-style-2.dark-mode code { background-color: #0f1520 !important; border-color: #2d3748 !important; color: #7dd3fc !important; }

/* ── 20. SMARTADMIN ESPECÍFICOS ───────────────────────────── */
body.smart-style-2.dark-mode #shortcut { background-color: rgba(22,27,39,0.97) !important; }

body.smart-style-2.dark-mode .ajax-notifications,
body.smart-style-2.dark-mode .ajax-dropdown { background-color: #1a2035 !important; border-color: #2d3748 !important; }

body.smart-style-2.dark-mode .ajax-notifications .header,
body.smart-style-2.dark-mode .ajax-dropdown .header {
    background-color: #1e2740 !important;
    border-bottom-color: #2d3748 !important;
    color: #e2e8f0 !important;
}

body.smart-style-2.dark-mode .notification-body > li > span { background-color: #1a2035 !important; color: #e2e8f0 !important; }
body.smart-style-2.dark-mode .notification-body > li > span:hover { background-color: #1e2740 !important; }

body.smart-style-2.dark-mode .jarviswidget-ctrls a       { color: #4a5568 !important; }
body.smart-style-2.dark-mode .jarviswidget-ctrls a:hover { color: #94a3b8 !important; }

body.smart-style-2.dark-mode .thumbnail,
body.smart-style-2.dark-mode .profile-card,
body.smart-style-2.dark-mode .info-box {
    background-color: #1a2035 !important;
    border-color: #2d3748 !important;
    color: #e2e8f0 !important;
}

body.smart-style-2.dark-mode .smart-form.widget-body-toolbar,
body.smart-style-2.dark-mode .widget-body-toolbar { background-color: #1e2740 !important; }

body.smart-style-2.dark-mode .page-footer {
    background-color: #161b27 !important;
    border-top-color: #2d3748 !important;
    color: #64748b !important;
}

/* ── 21. SCROLLBAR ────────────────────────────────────────── */
body.smart-style-2.dark-mode ::-webkit-scrollbar         { width: 8px; height: 8px; }
body.smart-style-2.dark-mode ::-webkit-scrollbar-track   { background: #0f1117; }
body.smart-style-2.dark-mode ::-webkit-scrollbar-thumb   { background: #2d3748; border-radius: 4px; }
body.smart-style-2.dark-mode ::-webkit-scrollbar-thumb:hover { background: #4a5568; }

/* ── 22. TRANSIÇÃO — só no toggle manual ─────────────────── */
body.smart-style-2.dark-mode-transition,
body.smart-style-2.dark-mode-transition * {
    transition:
        background-color 0.2s ease,
        background 0.2s ease,
        border-color 0.2s ease,
        color 0.15s ease !important;
}

/* ── FIX: Botões topo direito do header ───────────────────── */
body.smart-style-2.dark-mode #header .btn-header.transparent > :first-child > a,
body.smart-style-2.dark-mode #header .btn-header > :first-child > a {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #94a3b8 !important;
    box-shadow: none !important;
}

body.smart-style-2.dark-mode #header .btn-header.transparent > :first-child > a:hover,
body.smart-style-2.dark-mode #header .btn-header > :first-child > a:hover {
    background-color: #1e2740 !important;
    color: #e2e8f0 !important;
}

/* ── FIX: Login-info sidebar (João Neto) ──────────────────── */
body.smart-style-2.dark-mode .login-info,
body.smart-style-2.dark-mode .login-info span,
body.smart-style-2.dark-mode .login-info > span > a,
body.smart-style-2.dark-mode .login-info > span > a em {
    background-color: transparent !important;
    color: #94a3b8 !important;
}

body.smart-style-2.dark-mode .login-info > span > a:hover,
body.smart-style-2.dark-mode .login-info > span > a:hover em {
    color: #e2e8f0 !important;
}

/* Seta do dropdown do usuário */
body.smart-style-2.dark-mode .login-info > span > a b.caret {
    border-top-color: #94a3b8 !important;
}

/* ── FIX: Nestable / drag-drop list items ─────────────────── */
body.smart-style-2.dark-mode .dd-handle {
    background: #1e2740 !important;
    background-color: #1e2740 !important;
    border-color: #2d3748 !important;
    color: #e2e8f0 !important;
}

body.smart-style-2.dark-mode .dd-handle:hover {
    background: #263352 !important;
    color: #ffffff !important;
    cursor: grab;
}

body.smart-style-2.dark-mode .dd-item > button {
    color: #94a3b8 !important;
}

body.smart-style-2.dark-mode .dd-list .dd-list {
    border-left-color: #2d3748 !important;
}

/* ── FIX: Panel body branco dentro dos módulos ────────────── */
body.smart-style-2.dark-mode .panel-body,
body.smart-style-2.dark-mode .panel-collapse .panel-body {
    background-color: #1a2035 !important;
    color: #e2e8f0 !important;
}

/* ── FIX: Badges de status (liberado em / páginas) ────────── */
body.smart-style-2.dark-mode .label,
body.smart-style-2.dark-mode .badge {
    color: #e2e8f0 !important;
}

body.smart-style-2.dark-mode .label-success,
body.smart-style-2.dark-mode .badge-success { background-color: #14401e !important; color: #86efac !important; }

body.smart-style-2.dark-mode .label-info,
body.smart-style-2.dark-mode .badge-info    { background-color: #0a2d3d !important; color: #7dd3fc !important; }

body.smart-style-2.dark-mode .label-warning,
body.smart-style-2.dark-mode .badge-warning { background-color: #3d2e00 !important; color: #fcd34d !important; }

body.smart-style-2.dark-mode .label-danger,
body.smart-style-2.dark-mode .badge-danger  { background-color: #3d1010 !important; color: #fca5a5 !important; }

body.smart-style-2.dark-mode .label-primary,
body.smart-style-2.dark-mode .badge-primary { background-color: #1a3a6e !important; color: #93c5fd !important; }

/* ── FIX: Botões — tons mais suaves para dark mode ───────── */
body.smart-style-2.dark-mode .btn-primary,
body.smart-style-2.dark-mode .btn-primary.btn-sm,
body.smart-style-2.dark-mode .dd-nodrag.btn.btn-primary,
body.smart-style-2.dark-mode .smart-style-2 .btn-primary {
    background-color: #1d4ed8 !important;
    background-image: none !important;
    border-color: #1e40af !important;
    color: #e2e8f0 !important;
    text-shadow: none !important;
    box-shadow: none !important;
    filter: none !important;
}

body.smart-style-2.dark-mode .btn-primary:hover,
body.smart-style-2.dark-mode .btn-primary:focus,
body.smart-style-2.dark-mode .btn-primary:active,
body.smart-style-2.dark-mode .dd-nodrag.btn.btn-primary:hover {
    background-color: #1e40af !important;
    border-color: #1e3a8a !important;
    color: #ffffff !important;
}

body.smart-style-2.dark-mode .btn-success,
body.smart-style-2.dark-mode .btn-success.btn-sm {
    background-color: #15803d !important;
    background-image: none !important;
    border-color: #166534 !important;
    color: #e2e8f0 !important;
    text-shadow: none !important;
    filter: none !important;
}

body.smart-style-2.dark-mode .btn-success:hover { background-color: #166534 !important; }

body.smart-style-2.dark-mode .btn-warning,
body.smart-style-2.dark-mode .btn-warning.btn-sm {
    background-color: #b45309 !important;
    background-image: none !important;
    border-color: #92400e !important;
    color: #fef3c7 !important;
    text-shadow: none !important;
    filter: none !important;
}

body.smart-style-2.dark-mode .btn-warning:hover { background-color: #92400e !important; }

body.smart-style-2.dark-mode .btn-danger,
body.smart-style-2.dark-mode .btn-danger.btn-sm {
    background-color: #b91c1c !important;
    background-image: none !important;
    border-color: #991b1b !important;
    color: #fee2e2 !important;
    text-shadow: none !important;
    filter: none !important;
}

body.smart-style-2.dark-mode .btn-danger:hover { background-color: #991b1b !important; }

body.smart-style-2.dark-mode .btn-info,
body.smart-style-2.dark-mode .btn-info.btn-sm {
    background-color: #0e7490 !important;
    background-image: none !important;
    border-color: #155e75 !important;
    color: #e0f2fe !important;
    text-shadow: none !important;
    filter: none !important;
}

body.smart-style-2.dark-mode .btn-info:hover { background-color: #155e75 !important; }