/**
 * WL Light Mode Override — Tenant Whitelabel
 *
 * Carregado APENAS quando o tenant define layout.mode = "light" no theme.json.
 * 
 * Com o sistema de Design Tokens, este arquivo é MÍNIMO.
 * As cores são todas controladas via CSS custom properties injetadas pelo ThemeManager.
 * Aqui ficam apenas overrides ESTRUTURAIS que não cabem nos tokens.
 */

/* ============================================================
   CONTENT AREA — Reforce tokens no conteúdo principal
   ============================================================ */
.main-content,
.content-wrapper,
main,
.page-content {
    background-color: var(--color-content-bg) !important;
    color: var(--color-text-primary) !important;
}

body {
    background-color: var(--color-page-bg);
    color: var(--color-text-primary);
}

/* ============================================================
   CARDS — Flat shadows for light mode
   ============================================================ */
.card,
.stat-card,
.dashboard-card,
.data-card,
.info-card,
.filter-card,
.table-card {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

/* ============================================================
   HEADINGS — Ensure contrast
   ============================================================ */
.main-content h1,
.main-content h2,
.main-content h3,
.main-content h4,
.main-content h5,
.main-content h6,
.content-wrapper h1,
.content-wrapper h2,
.content-wrapper h3 {
    color: var(--color-text-heading) !important;
}

/* ============================================================
   TABLES — Light hover
   ============================================================ */
.main-content table tr:hover td {
    background: var(--color-row-hover) !important;
}

/* ============================================================
   BALANCE INFO — Gradient stays dark
   ============================================================ */
.balance-info {
    background: linear-gradient(
        135deg,
        var(--color-balance-gradient-start, #132742),
        var(--color-balance-gradient-end, #1E4976)
    ) !important;
}

.balance-value {
    color: var(--color-secondary) !important;
}

/* ============================================================
   SCROLLBAR — Light variant
   ============================================================ */
.main-content::-webkit-scrollbar-track {
    background: var(--color-content-bg);
}

.main-content::-webkit-scrollbar-thumb {
    background: var(--color-border);
    border-radius: 4px;
}

/* ============================================================
   BADGES & STATUS — Consistent across modes
   ============================================================ */
.badge-success, .status-approved { color: var(--color-success) !important; }
.badge-danger, .status-failed    { color: var(--color-danger) !important; }
.badge-warning, .status-pending  { color: var(--color-warning) !important; }
.badge-info                      { color: var(--color-info) !important; }

/* ============================================================
   FOCUS — Light focus style
   ============================================================ */
.main-content input:focus,
.main-content select:focus,
.main-content textarea:focus {
    border-color: var(--color-focus-border) !important;
    box-shadow: 0 0 0 3px var(--color-focus-ring) !important;
}

/* ============================================================
   SIDEBAR & HEADER — Always dark (kept as-is)
   ============================================================ */
.sidebar {
    background: var(--color-sidebar-bg) !important;
}

.sidebar .nav-link {
    color: var(--color-sidebar-text) !important;
}

.sidebar .nav-link.active,
.sidebar .nav-link:hover {
    color: var(--color-sidebar-active-text) !important;
}

.topbar,
.top-bar,
.header-bar,
.mobile-header {
    background: var(--color-header-bg) !important;
}

/* ============================================================
   MOBILE — Responsive hide support icon
   ============================================================ */
@media (max-width: 768px) {
    #support-icon-wrapper {
        display: none !important;
    }
}