/**
 * Tema claro — layout, topbar, cards, menus e classes legacy Bootstrap
 * O tema escuro permanece em theme-dark.css (não alterar).
 */

[data-theme="light"] body {
    background-color: var(--color-bg);
    color: var(--color-text-secondary);
}

[data-theme="light"] .content-wrapper {
    background: var(--color-bg);
    color: var(--color-text-secondary);
}

[data-theme="light"] .content-wrapper h1,
[data-theme="light"] .content-wrapper h2,
[data-theme="light"] .content-wrapper h3,
[data-theme="light"] .content-wrapper h4,
[data-theme="light"] .content-wrapper h5,
[data-theme="light"] .content-wrapper h6,
[data-theme="light"] .content-wrapper .h1,
[data-theme="light"] .content-wrapper .h2,
[data-theme="light"] .content-wrapper .h3,
[data-theme="light"] .content-wrapper .h4,
[data-theme="light"] .content-wrapper .h5,
[data-theme="light"] .content-wrapper .h6 {
    color: var(--color-text);
}

[data-theme="light"] .content-wrapper p,
[data-theme="light"] .content-wrapper li,
[data-theme="light"] .content-wrapper td,
[data-theme="light"] .content-wrapper th,
[data-theme="light"] .content-wrapper label,
[data-theme="light"] .content-wrapper span:not(.badge) {
    color: inherit;
}

[data-theme="light"] .content-wrapper small,
[data-theme="light"] .content-wrapper .small,
[data-theme="light"] .content-wrapper .text-muted {
    color: var(--color-muted) !important;
}

[data-theme="light"] .content-wrapper footer {
    color: var(--color-muted);
    border-top-color: var(--color-border);
}

/* --- Topbar --- */
[data-theme="light"] .topbar-menu {
    background: var(--color-surface) !important;
    border-bottom: 1px solid var(--color-border) !important;
    box-shadow: var(--shadow-sm) !important;
}

[data-theme="light"] .topbar-menu-item {
    color: var(--color-text-secondary) !important;
}

[data-theme="light"] .topbar-menu-item:hover {
    background: var(--color-border-light) !important;
    color: var(--color-text) !important;
}

[data-theme="light"] .topbar-menu-item.active {
    background: var(--color-accent-soft) !important;
    color: var(--color-accent) !important;
}

[data-theme="light"] .topbar-menu-title {
    color: var(--color-accent) !important;
}

[data-theme="light"] .topbar-user-name {
    color: var(--color-text) !important;
}

[data-theme="light"] .topbar-user-role {
    color: var(--color-muted) !important;
}

[data-theme="light"] .topbar-avatar-container {
    border-left-color: var(--color-border) !important;
}

[data-theme="light"] .topbar-toggle-btn {
    color: var(--color-text-secondary) !important;
}

[data-theme="light"] .topbar-toggle-btn:hover {
    background: var(--color-accent-soft) !important;
    color: var(--color-accent) !important;
}

[data-theme="light"] .topbar-mobile-brand {
    color: var(--color-accent) !important;
}

[data-theme="light"] .topbar-menu .dropdown-menu {
    background: var(--color-surface) !important;
    border: 1px solid var(--color-border) !important;
    box-shadow: var(--shadow-lg) !important;
}

[data-theme="light"] .topbar-menu .dropdown-item,
[data-theme="light"] .topbar-menu .list-group-item {
    background: var(--color-surface) !important;
    color: var(--color-text-secondary) !important;
    border-color: var(--color-border-light) !important;
}

[data-theme="light"] .topbar-menu .dropdown-item:hover,
[data-theme="light"] .topbar-menu .list-group-item:hover {
    background: var(--color-border-light) !important;
    color: var(--color-text) !important;
}

[data-theme="light"] .topbar-menu-content::-webkit-scrollbar-thumb {
    background: var(--color-border) !important;
}

/* --- Cards --- */
[data-theme="light"] .content-wrapper .card {
    background: var(--color-surface) !important;
    border: 1px solid var(--color-border-light) !important;
    color: var(--color-text-secondary) !important;
    box-shadow: var(--shadow-md) !important;
}

[data-theme="light"] .content-wrapper .card-header {
    background: var(--color-surface) !important;
    border-bottom: 1px solid var(--color-border) !important;
    color: var(--color-text) !important;
}

[data-theme="light"] .content-wrapper .card-body {
    color: var(--color-text-secondary) !important;
}

[data-theme="light"] .content-wrapper .card-footer {
    background: var(--color-border-light) !important;
    border-top: 1px solid var(--color-border) !important;
    color: var(--color-text-secondary) !important;
}

[data-theme="light"] .content-wrapper .card-title {
    color: var(--color-text) !important;
}

[data-theme="light"] .content-wrapper .card-subtitle {
    color: var(--color-muted) !important;
}

[data-theme="light"] .content-wrapper .card.bg-dark,
[data-theme="light"] .content-wrapper .card.border-0.bg-dark {
    background: var(--color-surface) !important;
    border: 1px solid var(--color-border-light) !important;
    color: var(--color-text-secondary) !important;
}

/* --- Tabelas --- */
[data-theme="light"] .content-wrapper .table {
    color: var(--color-text-secondary) !important;
    --bs-table-bg: transparent;
    --bs-table-color: var(--color-text-secondary);
    --bs-table-border-color: var(--color-border);
}

[data-theme="light"] .content-wrapper .table thead th,
[data-theme="light"] .content-wrapper .table thead td {
    background: var(--color-border-light) !important;
    color: var(--color-text) !important;
    border-color: var(--color-border) !important;
}

[data-theme="light"] .content-wrapper .table tbody td,
[data-theme="light"] .content-wrapper .table tbody th {
    border-color: var(--color-border-light) !important;
    color: var(--color-text-secondary) !important;
}

[data-theme="light"] .content-wrapper .table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: rgba(241, 245, 249, 0.7) !important;
    color: var(--color-text-secondary) !important;
}

[data-theme="light"] .content-wrapper .table-hover > tbody > tr:hover > * {
    background-color: var(--color-accent-soft) !important;
    color: var(--color-text) !important;
}

/* --- Formulários --- */
[data-theme="light"] .content-wrapper .form-control,
[data-theme="light"] .content-wrapper .form-select,
[data-theme="light"] .content-wrapper .form-control-plaintext,
[data-theme="light"] .content-wrapper textarea,
[data-theme="light"] .content-wrapper .input-group-text {
    background: var(--color-surface) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text) !important;
}

[data-theme="light"] .content-wrapper .form-control:focus,
[data-theme="light"] .content-wrapper .form-select:focus,
[data-theme="light"] .content-wrapper textarea:focus {
    background: var(--color-surface) !important;
    border-color: var(--color-accent) !important;
    box-shadow: 0 0 0 3px var(--color-accent-ring) !important;
    color: var(--color-text) !important;
}

[data-theme="light"] .content-wrapper .form-control::placeholder,
[data-theme="light"] .content-wrapper textarea::placeholder {
    color: var(--color-muted) !important;
}

[data-theme="light"] .content-wrapper .form-label,
[data-theme="light"] .content-wrapper .col-form-label {
    color: var(--color-text) !important;
}

[data-theme="light"] .content-wrapper .form-text {
    color: var(--color-muted) !important;
}

[data-theme="light"] .content-wrapper .form-check-label {
    color: var(--color-text-secondary) !important;
}

/* --- Menus / navegação interna --- */
[data-theme="light"] .content-wrapper .nav-link {
    color: var(--color-text-secondary) !important;
}

[data-theme="light"] .content-wrapper .nav-link:hover,
[data-theme="light"] .content-wrapper .nav-link:focus {
    color: var(--color-accent) !important;
}

[data-theme="light"] .content-wrapper .nav-link.active {
    color: var(--color-accent) !important;
}

[data-theme="light"] .content-wrapper .nav-tabs {
    border-bottom-color: var(--color-border) !important;
}

[data-theme="light"] .content-wrapper .nav-tabs .nav-link {
    color: var(--color-muted) !important;
}

[data-theme="light"] .content-wrapper .nav-tabs .nav-link.active {
    color: var(--color-accent) !important;
    background: var(--color-surface) !important;
    border-color: var(--color-border) var(--color-border) var(--color-surface) !important;
}

[data-theme="light"] .content-wrapper .breadcrumb-item,
[data-theme="light"] .content-wrapper .breadcrumb-item a {
    color: var(--color-muted) !important;
}

[data-theme="light"] .content-wrapper .breadcrumb-item.active {
    color: var(--color-text) !important;
}

[data-theme="light"] .content-wrapper .list-group-item {
    background: var(--color-surface) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text-secondary) !important;
}

[data-theme="light"] .content-wrapper .list-group-item-action:hover {
    background: var(--color-border-light) !important;
    color: var(--color-text) !important;
}

[data-theme="light"] .content-wrapper .dropdown-menu {
    background: var(--color-surface) !important;
    border: 1px solid var(--color-border) !important;
    box-shadow: var(--shadow-lg) !important;
}

[data-theme="light"] .content-wrapper .dropdown-item {
    color: var(--color-text-secondary) !important;
}

[data-theme="light"] .content-wrapper .dropdown-item:hover,
[data-theme="light"] .content-wrapper .dropdown-item:focus {
    background: var(--color-border-light) !important;
    color: var(--color-text) !important;
}

/* --- Modais / offcanvas --- */
[data-theme="light"] .content-wrapper .modal-content,
[data-theme="light"] .modal-content {
    background: var(--color-surface) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-text-secondary) !important;
}

[data-theme="light"] .content-wrapper .modal-header,
[data-theme="light"] .modal-header {
    border-bottom-color: var(--color-border) !important;
    background: var(--color-surface) !important;
}

[data-theme="light"] .content-wrapper .modal-footer,
[data-theme="light"] .modal-footer {
    border-top-color: var(--color-border) !important;
    background: var(--color-border-light) !important;
}

[data-theme="light"] .content-wrapper .modal-title,
[data-theme="light"] .modal-title {
    color: var(--color-text) !important;
}

[data-theme="light"] .content-wrapper .offcanvas {
    background: var(--color-surface) !important;
    color: var(--color-text-secondary) !important;
}

/* --- Utilitários Bootstrap legacy --- */
[data-theme="light"] .content-wrapper .text-light,
[data-theme="light"] .content-wrapper .text-white {
    color: var(--color-text) !important;
}

[data-theme="light"] .content-wrapper .text-dark {
    color: var(--color-text) !important;
}

[data-theme="light"] .content-wrapper .bg-dark {
    background-color: var(--color-surface) !important;
    color: var(--color-text-secondary) !important;
}

[data-theme="light"] .content-wrapper .bg-secondary,
[data-theme="light"] .content-wrapper .bg-secondary.bg-opacity-25 {
    background-color: var(--color-border-light) !important;
    color: var(--color-text-secondary) !important;
}

[data-theme="light"] .content-wrapper .border-secondary {
    border-color: var(--color-border) !important;
}

[data-theme="light"] .content-wrapper .page-header {
    background: var(--color-surface) !important;
    border: 1px solid var(--color-border-light) !important;
    color: var(--color-text) !important;
}

[data-theme="light"] .content-wrapper .kpi-card {
    background: var(--color-surface) !important;
    border: 1px solid var(--color-border-light) !important;
}

[data-theme="light"] .content-wrapper .kpi-value {
    color: var(--color-text) !important;
}

[data-theme="light"] .content-wrapper .kpi-label {
    color: var(--color-muted) !important;
}

/* --- SweetAlert2 --- */
[data-theme="light"] .swal2-input,
[data-theme="light"] .swal2-textarea,
[data-theme="light"] .swal2-select {
    background: var(--color-surface) !important;
    color: var(--color-text) !important;
}

/* --- Scrollbar --- */
[data-theme="light"] ::-webkit-scrollbar-thumb {
    background: #cbd5e1;
}

[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

[data-theme="light"] ::-webkit-scrollbar-track {
    background: var(--color-border-light);
}

/* --- Mobile topbar --- */
@media (max-width: 1199px) {
    [data-theme="light"] .topbar-menu {
        box-shadow: var(--shadow-sm) !important;
    }

    [data-theme="light"] .topbar-menu-content::-webkit-scrollbar-track {
        background: var(--color-border-light) !important;
    }
}