/* ============================================================
   ADMIN — PADRÃO DA CASA (AYA+ dark)
   Carregado POR ÚLTIMO em todas as páginas /admin.
   Remapeia as variáveis de tema de cada admin-*.css para a
   paleta da casa e garante componentes legíveis sobre escuro.
   Paleta: fundo #050505 · dourado #FFD700 · verde #228B22
   ============================================================ */

html[data-tema="escuro"]{
    --bg-main:#050505;
    --bg-secondary:#111111;
    --bg-sidebar:#111111;
    --glass-bg:rgba(20,20,20,.78);
    --glass-bg-hover:rgba(30,30,30,.92);
    --glass-border:rgba(255,255,255,.10);
    --gold:#FFD700;
    --gold-soft:rgba(255,215,0,.10);
    --green:#228B22;
    --green-light:#90EE90;
    --red:#C93632;
    --text:#eaeaea;
    --text-muted:rgba(234,234,234,.65);
    --muted:rgba(234,234,234,.6);
    --border:rgba(255,255,255,.12);
}

/* ===== base ===== */
html[data-tema="escuro"] body{
    background:
        radial-gradient(circle at 20% 0%,rgba(34,139,34,.08),transparent 35%),
        radial-gradient(circle at 85% 100%,rgba(255,215,0,.05),transparent 35%),
        #050505 !important;
    color:#eaeaea !important;
}

html[data-tema="escuro"] ::selection{ background:rgba(255,215,0,.25); }

/* ===== títulos (padrão da casa: dourado com glow) ===== */
html[data-tema="escuro"] .page-title,
html[data-tema="escuro"] h1.page-title,
html[data-tema="escuro"] .dashboard-title{
    color:#FFD700 !important;
    text-shadow:0 0 18px rgba(255,215,0,.28) !important;
}

/* ===== cards / painéis / módulos ===== */
html[data-tema="escuro"] .stat-card,
html[data-tema="escuro"] .section-card,
html[data-tema="escuro"] .module-card,
html[data-tema="escuro"] .glass-card,
html[data-tema="escuro"] .panel,
html[data-tema="escuro"] .card{
    background:rgba(20,20,20,.78) !important;
    border-color:rgba(255,255,255,.12) !important;
    color:#eaeaea !important;
}
html[data-tema="escuro"] .stat-card:hover,
html[data-tema="escuro"] .module-card:hover,
html[data-tema="escuro"] .card:hover{
    background:rgba(30,30,30,.92) !important;
}
html[data-tema="escuro"] .card-header,
html[data-tema="escuro"] .card-footer{
    background-color:rgba(255,255,255,.04) !important;
    border-color:rgba(255,255,255,.12) !important;
}
html[data-tema="escuro"] .card-body,
html[data-tema="escuro"] .card-title,
html[data-tema="escuro"] .card-text{ color:#eaeaea !important; }

/* ===== topbar / sidebar (já escuras — selo final da casa) ===== */
html[data-tema="escuro"] .topbar,
html[data-tema="escuro"] .sidebar{
    border-color:rgba(255,255,255,.10) !important;
}
html[data-tema="escuro"] .sidebar-brand span,
html[data-tema="escuro"] .sidebar a,
html[data-tema="escuro"] .sidebar-menu a{
    color:rgba(234,234,234,.85) !important;
}
html[data-tema="escuro"] .sidebar a.active,
html[data-tema="escuro"] .sidebar .active,
html[data-tema="escuro"] .sidebar-menu a.active{
    color:#FFD700 !important;
    background:rgba(255,215,0,.10) !important;
}
html[data-tema="escuro"] .topbar .page-title{ color:#eaeaea !important; text-shadow:none !important; }

/* ===== tabelas (bootstrap + próprias) ===== */
html[data-tema="escuro"] .table,
html[data-tema="escuro"] table{ color:#eaeaea; }
html[data-tema="escuro"] .table>:not(caption)>*>*{
    background-color:transparent;
    color:inherit;
    border-color:rgba(255,255,255,.10);
}
html[data-tema="escuro"] .table thead th{
    color:rgba(234,234,234,.6) !important;
    border-bottom-color:rgba(255,255,255,.15) !important;
    text-transform:uppercase; font-size:.68rem; letter-spacing:.4px;
}
html[data-tema="escuro"] .table-hover tbody tr:hover>*{
    color:inherit; background-color:rgba(255,255,255,.05) !important;
}
html[data-tema="escuro"] .table-primary,
html[data-tema="escuro"] .table-success,
html[data-tema="escuro"] .table-danger,
html[data-tema="escuro"] .table-warning{
    color:#eaeaea !important;
    --bs-table-bg:transparent;
    background-image:none;
}
html[data-tema="escuro"] tbody tr.bg-light,
html[data-tema="escuro"] tr.bg-light{ background-color:rgba(255,255,255,.04) !important; color:#eaeaea !important; }

/* ===== formulários ===== */
html[data-tema="escuro"] .form-control,
html[data-tema="escuro"] .form-select,
html[data-tema="escuro"] input:not([type=checkbox]):not([type=radio]),
html[data-tema="escuro"] textarea,
html[data-tema="escuro"] select{
    background-color:#0f0f0f !important;
    color:#eaeaea !important;
    border-color:rgba(255,255,255,.16) !important;
}
html[data-tema="escuro"] .form-control::placeholder,
html[data-tema="escuro"] input::placeholder{ color:rgba(234,234,234,.40); }
html[data-tema="escuro"] .form-control:focus,
html[data-tema="escuro"] .form-select:focus,
html[data-tema="escuro"] input:focus,
html[data-tema="escuro"] textarea:focus{
    background-color:#0f0f0f !important;
    color:#eaeaea !important;
    border-color:rgba(255,215,0,.55) !important;
    box-shadow:0 0 0 3px rgba(255,215,0,.08) !important;
}
html[data-tema="escuro"] .form-label,
html[data-tema="escuro"] .form-check-label,
html[data-tema="escuro"] label{ color:rgba(234,234,234,.75) !important; }
html[data-tema="escuro"] input[type=checkbox],
html[data-tema="escuro"] input[type=radio]{ accent-color:#FFD700; }

/* ===== botões bootstrap (contraste sobre escuro) ===== */
html[data-tema="escuro"] .btn-light{
    --bs-btn-bg:#1c1c1c; --bs-btn-border-color:rgba(255,255,255,.20);
    --bs-btn-color:#eaeaea;
    --bs-btn-hover-bg:#262626; --bs-btn-hover-border-color:rgba(255,255,255,.30); --bs-btn-hover-color:#fff;
    --bs-btn-active-bg:#2e2e2e; --bs-btn-active-border-color:rgba(255,255,255,.35); --bs-btn-active-color:#fff;
}
html[data-tema="escuro"] .btn-outline-light{
    --bs-btn-color:rgba(234,234,234,.85); --bs-btn-border-color:rgba(255,255,255,.30);
    --bs-btn-hover-color:#050505; --bs-btn-hover-bg:#eaeaea; --bs-btn-hover-border-color:#eaeaea;
    --bs-btn-active-color:#050505; --bs-btn-active-bg:#eaeaea; --bs-btn-active-border-color:#eaeaea;
    --bs-btn-disabled-color:rgba(234,234,234,.5); --bs-btn-disabled-border-color:rgba(255,255,255,.2);
}
html[data-tema="escuro"] .btn-outline-secondary{
    --bs-btn-color:rgba(234,234,234,.75); --bs-btn-border-color:rgba(255,255,255,.25);
    --bs-btn-hover-bg:#1c1c1c; --bs-btn-hover-border-color:rgba(255,255,255,.4); --bs-btn-hover-color:#fff;
    --bs-btn-active-bg:#262626; --bs-btn-active-border-color:rgba(255,255,255,.45); --bs-btn-active-color:#fff;
}

/* ===== badges & alertas ===== */
html[data-tema="escuro"] .badge.bg-light,
html[data-tema="escuro"] .badge.text-bg-light{ background-color:rgba(255,255,255,.16) !important; color:#eaeaea !important; }
html[data-tema="escuro"] .alert-light{
    background-color:rgba(255,255,255,.07) !important;
    border-color:rgba(255,255,255,.14) !important; color:#eaeaea !important;
}

/* ===== modais ===== */
html[data-tema="escuro"] .modal-content{
    background:#141414 !important; color:#eaeaea !important;
    border-color:rgba(255,255,255,.15) !important;
}
html[data-tema="escuro"] .modal-header,
html[data-tema="escuro"] .modal-footer{ border-color:rgba(255,255,255,.12) !important; }
html[data-tema="escuro"] .modal-title{ color:#FFD700 !important; }

/* ===== dropdowns / tooltips / offcanvas / toast ===== */
html[data-tema="escuro"] .dropdown-menu{
    background:#141414 !important; border-color:rgba(255,255,255,.14) !important;
}
html[data-tema="escuro"] .dropdown-item{ color:#eaeaea !important; }
html[data-tema="escuro"] .dropdown-item:hover,
html[data-tema="escuro"] .dropdown-item:focus{ background:rgba(255,255,255,.08) !important; color:#fff !important; }
html[data-tema="escuro"] .offcanvas{ background:#111111 !important; color:#eaeaea !important; }
html[data-tema="escuro"] .toast{ background:#1a1a1a !important; border-color:rgba(255,255,255,.14) !important; color:#eaeaea !important; }
html[data-tema="escuro"] .tooltip-inner{ background:#1a1a1a !important; color:#eaeaea !important; }

/* ===== paginação & nav-pills ===== */
html[data-tema="escuro"] .pagination .page-link{
    background:#141414 !important; border-color:rgba(255,255,255,.14) !important; color:#eaeaea !important;
}
html[data-tema="escuro"] .pagination .page-link:hover{ background:#1f1f1f !important; color:#fff !important; }
html[data-tema="escuro"] .pagination .active .page-link{
    background:#FFD700 !important; border-color:#FFD700 !important; color:#0a0a0a !important;
}
html[data-tema="escuro"] .nav-pills .nav-link.active,
html[data-tema="escuro"] .nav-tabs .nav-link.active{ color:#0a0a0a !important; }
html[data-tema="escuro"] .nav-tabs .nav-link{ color:rgba(234,234,234,.75) !important; }
html[data-tema="escuro"] .nav-tabs{ border-color:rgba(255,255,255,.14) !important; }
html[data-tema="escuro"] .nav-tabs .nav-link.active{ background:#FFD700 !important; }

/* ===== progresso & utilidades ===== */
html[data-tema="escuro"] .progress{ background:rgba(255,255,255,.08) !important; }
html[data-tema="escuro"] .text-dark{ color:#eaeaea !important; }
html[data-tema="escuro"] .text-muted{ color:rgba(234,234,234,.6) !important; }
html[data-tema="escuro"] .bg-light{ background-color:rgba(255,255,255,.05) !important; color:#eaeaea !important; }
html[data-tema="escuro"] .border{ border-color:rgba(255,255,255,.14) !important; }
html[data-tema="escuro"] hr{ border-color:rgba(255,255,255,.14) !important; }

/* ===== scrollbars ===== */
html[data-tema="escuro"] ::-webkit-scrollbar{ width:10px; height:10px; }
html[data-tema="escuro"] ::-webkit-scrollbar-track{ background:#0a0a0a; }
html[data-tema="escuro"] ::-webkit-scrollbar-thumb{ background:#2a2a2a; border-radius:6px; }
html[data-tema="escuro"] ::-webkit-scrollbar-thumb:hover{ background:#3a3a3a; }
