/* ══════════════════════════════════════════════════════════════════════════════════
   F&A SEGUROS — THEME LIGHT ENGINE (v5.2.0)
   Motor Moderno de Tema Claro: Elevação em Camadas, Respiro Visual & Alta Nitidez
   ══════════════════════════════════════════════════════════════════════════════════ */

/* ───────────────────────────────────────────────────────────────────────────────
   1. DESIGN TOKENS — MODO CLARO
   ─────────────────────────────────────────────────────────────────────────────── */
html[data-theme="light"],
body.theme-light {
    /* Cores de Fundo e Superfície */
    --bg-base: #f8fafc;
    --bg-subtle: #f1f5f9;
    --bg-surface: #ffffff;
    --bg-surface-elevated: #ffffff;
    --bg-surface-inset: #f8fafc;
    --bg-surface-hover: #f1f5f9;
    --bg-surface-active: #e2e8f0;

    /* Variáveis Globais de Compatibilidade */
    --bg: #f8fafc !important;
    --bg-color: #f8fafc !important;
    --card: #ffffff !important;
    --card-bg: #ffffff !important;
    --card-glass: rgba(255, 255, 255, 0.95) !important;
    --input-bg: #ffffff !important;
    --hover-bg: #f1f5f9 !important;
    --table-header-bg: #f1f5f9 !important;
    --table-row-border: #f1f5f9 !important;

    /* Tipografia e Contraste de Texto (WCAG AA & AAA) */
    --text: #0f172a !important;
    --text-color: #0f172a !important;
    --text-primary: #0f172a;
    --text-secondary: #1e293b;            /* Escurecido para Slate 800 */
    --text-muted: #475569 !important;      /* Escurecido para Slate 600 (+28% contraste) */
    --muted: #475569 !important;           /* Escurecido para Slate 600 */
    --text-tertiary: #64748b;             /* Escurecido para Slate 500 */

    /* Bordas e Divisores Nítidos */
    --border: #cbd5e1 !important;          /* Escurecido para Slate 300 (1.55:1) */
    --border-color: #cbd5e1 !important;    /* Escurecido para Slate 300 */
    --border-strong: #94a3b8;             /* Slate 400 */
    --border-subtle: #e2e8f0;             /* Slate 200 */
    --border-focus: #2563eb;

    /* Cores de Destaque / Ação */
    --primary: #2563eb !important;
    --primary-hover: #1d4ed8;
    --primary-light: #eff6ff;
    --primary-border: #bfdbfe;
    --blue: #2563eb !important;
    --accent: #10b981 !important;

    /* Status Semânticos (Modo Claro de Alto Contraste) */
    --status-success-bg: #ecfdf5;
    --status-success-text: #065f46;
    --status-success-border: #a7f3d0;

    --status-warning-bg: #fffbeb;
    --status-warning-text: #92400e;
    --status-warning-border: #fde68a;

    --status-danger-bg: #fef2f2;
    --status-danger-text: #991b1b;
    --status-danger-border: #fecaca;

    --status-info-bg: #eff6ff;
    --status-info-text: #1e40af;
    --status-info-border: #bfdbfe;

    --status-purple-bg: #faf5ff;
    --status-purple-text: #6b21a8;
    --status-purple-border: #e9d5ff;

    --status-neutral-bg: #f1f5f9;
    --status-neutral-text: #334155;
    --status-neutral-border: #cbd5e1;

    /* ── SISTEMA DE ELEVAÇÃO E SOMBRAS EM CAMADAS ── */
    --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-card: 0 1px 3px 0 rgba(0, 0, 0, 0.08), 0 1px 2px -1px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.03);
    --shadow-card-hover: 0 10px 20px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -2px rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(0, 0, 0, 0.04);
    --shadow-elevated: 0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -2px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.04);
    --shadow-dropdown: 0 12px 28px -4px rgba(0, 0, 0, 0.12), 0 4px 10px -2px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.05);
    --shadow-modal: 0 25px 50px -12px rgba(0, 0, 0, 0.18), 0 10px 20px -5px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.06);

    /* Raios de Arredondamento */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-xl: 18px;
    --radius-2xl: 24px;
}

/* ───────────────────────────────────────────────────────────────────────────────
   2. ESTRUTURA GERAL DA PÁGINA & RESPIRO VISUAL
   ─────────────────────────────────────────────────────────────────────────────── */
html[data-theme="light"] body,
body.theme-light {
    background-color: var(--bg-base) !important;
    color: var(--text-primary) !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html[data-theme="light"] .main-content,
body.theme-light .main-content {
    background-color: var(--bg-base) !important;
    color: var(--text-primary) !important;
    padding: 24px 32px 48px 32px !important;
    box-sizing: border-box;
}

/* ───────────────────────────────────────────────────────────────────────────────
   3. BARRA SUPERIOR (SECURITY / TASK BAR) & MENU LATERAL
   ─────────────────────────────────────────────────────────────────────────────── */
html[data-theme="light"] .security-bar,
body.theme-light .security-bar {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid var(--border) !important;
    box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.04) !important;
    color: var(--text-primary) !important;
}

html[data-theme="light"] #sidebar,
body.theme-light #sidebar {
    background: #ffffff !important;
    border-right: 1px solid var(--border) !important;
    box-shadow: 2px 0 12px 0 rgba(0, 0, 0, 0.03) !important;
}

html[data-theme="light"] .sidebar .nav-category,
body.theme-light .sidebar .nav-category {
    color: #334155 !important;
    font-weight: 800 !important;
    letter-spacing: 0.06em !important;
}

html[data-theme="light"] .sidebar .nav-item,
body.theme-light .sidebar .nav-item {
    color: #1e293b !important;
    font-weight: 600 !important;
    border-radius: var(--radius-md) !important;
    margin-bottom: 3px !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

html[data-theme="light"] .sidebar .nav-item:hover,
body.theme-light .sidebar .nav-item:hover {
    background: var(--bg-subtle) !important;
    color: var(--primary) !important;
    transform: translateX(3px);
}

html[data-theme="light"] .sidebar .nav-item.active,
body.theme-light .sidebar .nav-item.active {
    background: #eff6ff !important;
    color: var(--primary) !important;
    font-weight: 800 !important;
    box-shadow: inset 3px 0 0 var(--primary), 0 2px 6px rgba(37, 99, 235, 0.08) !important;
}

/* ───────────────────────────────────────────────────────────────────────────────
   4. SISTEMA UNIVERSAL DE CARDS & ELEVAÇÃO COM SOMBRAS
   ─────────────────────────────────────────────────────────────────────────────── */
html[data-theme="light"] .card-glass,
html[data-theme="light"] .dashboard-card,
html[data-theme="light"] .portal-card,
html[data-theme="light"] .app-card,
html[data-theme="light"] .bento-card,
html[data-theme="light"] .isabel-hub-card,
html[data-theme="light"] .kpi-card,
html[data-theme="light"] .kpi-box,
html[data-theme="light"] .stat-card,
html[data-theme="light"] .audit-table-wrapper,
html[data-theme="light"] .fin-card,
html[data-theme="light"] .agro-card,
html[data-theme="light"] .tr-card,
html[data-theme="light"] .doc-card,
body.theme-light .card-glass,
body.theme-light .dashboard-card,
body.theme-light .portal-card,
body.theme-light .app-card,
body.theme-light .bento-card,
body.theme-light .isabel-hub-card,
body.theme-light .kpi-card,
body.theme-light .kpi-box,
body.theme-light .stat-card,
body.theme-light .audit-table-wrapper,
body.theme-light .fin-card,
body.theme-light .agro-card,
body.theme-light .tr-card,
body.theme-light .doc-card {
    background: #ffffff !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: var(--shadow-card) !important;
    color: var(--text-primary) !important;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.2s ease !important;
}

/* Hover Suave com Elevação */
html[data-theme="light"] .dashboard-card:hover,
html[data-theme="light"] .portal-card:hover,
html[data-theme="light"] .app-card:hover,
html[data-theme="light"] .bento-card:hover,
html[data-theme="light"] .stat-card:hover,
body.theme-light .dashboard-card:hover,
body.theme-light .portal-card:hover,
body.theme-light .app-card:hover,
body.theme-light .bento-card:hover,
body.theme-light .stat-card:hover {
    box-shadow: var(--shadow-card-hover) !important;
    border-color: #93c5fd !important;
    transform: translateY(-2px);
}

/* Grids de Cards com Respiro Confortável */
html[data-theme="light"] .dashboard-grid,
html[data-theme="light"] .bento-grid,
html[data-theme="light"] .kpi-grid,
body.theme-light .dashboard-grid,
body.theme-light .bento-grid,
body.theme-light .kpi-grid {
    gap: 20px !important;
    margin-bottom: 24px !important;
}

/* ───────────────────────────────────────────────────────────────────────────────
   5. KANBAN DO SUPER CRM — HIERARQUIA VISUAL E PROFUNDIDADE
   ─────────────────────────────────────────────────────────────────────────────── */
/* Colunas de Pipeline: Fundo contrastante cinza-claro com bordas nítidas */
html[data-theme="light"] .scrm-kanban-col,
html[data-theme="light"] .kanban-col,
html[data-theme="light"] .kanban-column,
body.theme-light .scrm-kanban-col,
body.theme-light .kanban-col,
body.theme-light .kanban-column {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: var(--radius-xl) !important;
    padding: 16px !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04), 0 2px 6px rgba(0, 0, 0, 0.03) !important;
}

html[data-theme="light"] .scrm-kanban-header,
body.theme-light .scrm-kanban-header {
    padding-bottom: 12px !important;
    margin-bottom: 14px !important;
    border-bottom: 2px solid #cbd5e1 !important;
}

/* Cards de Negociação no Kanban: Fundo Branco Puro com Sombra e Margem Confortável */
html[data-theme="light"] .scrm-card,
html[data-theme="light"] .kanban-card,
body.theme-light .scrm-card,
body.theme-light .kanban-card {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: var(--radius-md) !important;
    padding: 16px !important;
    margin-bottom: 12px !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08), 0 1px 2px -1px rgba(0, 0, 0, 0.06) !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

html[data-theme="light"] .scrm-card:hover,
html[data-theme="light"] .kanban-card:hover,
body.theme-light .scrm-card:hover,
body.theme-light .kanban-card:hover {
    background: #ffffff !important;
    border-color: #93c5fd !important;
    box-shadow: 0 12px 24px -4px rgba(37, 99, 235, 0.12), 0 4px 6px -2px rgba(0, 0, 0, 0.04) !important;
    transform: translateY(-2px) !important;
}

html[data-theme="light"] .scrm-card-title,
body.theme-light .scrm-card-title {
    color: #0f172a !important;
    font-weight: 800 !important;
}

html[data-theme="light"] .scrm-card-client,
body.theme-light .scrm-card-client {
    color: #475569 !important;
    font-weight: 600 !important;
}

html[data-theme="light"] .scrm-card-metrics,
body.theme-light .scrm-card-metrics {
    border-top: 1px solid #f1f5f9 !important;
    border-bottom: 1px solid #f1f5f9 !important;
    background: #f8fafc !important;
    border-radius: var(--radius-sm) !important;
    padding: 8px 10px !important;
    margin: 10px 0 !important;
}

html[data-theme="light"] .scrm-card-val,
body.theme-light .scrm-card-val {
    color: #047857 !important;
    font-weight: 800 !important;
}

html[data-theme="light"] .scrm-pill-warning,
body.theme-light .scrm-pill-warning {
    background: var(--status-warning-bg) !important;
    color: var(--status-warning-text) !important;
    border: 1px solid var(--status-warning-border) !important;
}

html[data-theme="light"] .scrm-pill-danger,
body.theme-light .scrm-pill-danger {
    background: var(--status-danger-bg) !important;
    color: var(--status-danger-text) !important;
    border: 1px solid var(--status-danger-border) !important;
}

html[data-theme="light"] .scrm-pill-success,
body.theme-light .scrm-pill-success {
    background: var(--status-success-bg) !important;
    color: var(--status-success-text) !important;
    border: 1px solid var(--status-success-border) !important;
}

html[data-theme="light"] .scrm-pill-info,
body.theme-light .scrm-pill-info {
    background: var(--status-info-bg) !important;
    color: var(--status-info-text) !important;
    border: 1px solid var(--status-info-border) !important;
}

/* Header Bar e Filtros do Super CRM */
html[data-theme="light"] .scrm-header-bar,
html[data-theme="light"] .scrm-filter-bar,
body.theme-light .scrm-header-bar,
body.theme-light .scrm-filter-bar {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: var(--shadow-card) !important;
    padding: 16px 20px !important;
    margin-bottom: 20px !important;
}

/* ───────────────────────────────────────────────────────────────────────────────
   6. TABELAS OPERACIONAIS — RESPIRO, ZEBRA STRIPING & NITIDEZ
   ─────────────────────────────────────────────────────────────────────────────── */
html[data-theme="light"] table,
html[data-theme="light"] .audit-table,
html[data-theme="light"] .table-modern,
body.theme-light table,
body.theme-light .audit-table,
body.theme-light .table-modern {
    background: #ffffff !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    width: 100% !important;
    border-radius: var(--radius-md) !important;
}

html[data-theme="light"] th,
html[data-theme="light"] .audit-table th,
body.theme-light th,
body.theme-light .audit-table th {
    background: #f1f5f9 !important;
    color: #0f172a !important;
    font-weight: 800 !important;
    font-size: 0.82rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    padding: 14px 18px !important;
    border-bottom: 2px solid #cbd5e1 !important;
    white-space: nowrap !important;
}

html[data-theme="light"] td,
html[data-theme="light"] .audit-table td,
body.theme-light td,
body.theme-light .audit-table td {
    color: #1e293b !important;
    font-size: 0.88rem !important;
    padding: 13px 18px !important;
    border-bottom: 1px solid #e2e8f0 !important;
    transition: background 0.15s ease !important;
}

/* Zebra Striping Suave */
html[data-theme="light"] tbody tr:nth-child(even),
body.theme-light tbody tr:nth-child(even) {
    background-color: #fafafa !important;
}

/* Hover de Linha */
html[data-theme="light"] tbody tr:hover,
body.theme-light tbody tr:hover {
    background-color: #eff6ff !important;
}

/* ───────────────────────────────────────────────────────────────────────────────
   7. FORMULÁRIOS, INPUTS, SELECTS E BOTÕES
   ─────────────────────────────────────────────────────────────────────────────── */
html[data-theme="light"] input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
html[data-theme="light"] select,
html[data-theme="light"] textarea,
html[data-theme="light"] .input-dark,
body.theme-light input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
body.theme-light select,
body.theme-light textarea,
body.theme-light .input-dark {
    background-color: #ffffff !important;
    color: #0f172a !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: var(--radius-md) !important;
    padding: 10px 14px !important;
    font-size: 0.90rem !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.2s ease !important;
}

html[data-theme="light"] input:focus,
html[data-theme="light"] select:focus,
html[data-theme="light"] textarea:focus,
html[data-theme="light"] .input-dark:focus,
body.theme-light input:focus,
body.theme-light select:focus,
body.theme-light textarea:focus,
body.theme-light .input-dark:focus {
    border-color: #2563eb !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15), 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

/* Preservação de Espaçamento para Ícones de Busca (Lupa) em Inputs */
html[data-theme="light"] input.agro-search-input,
body.theme-light input.agro-search-input,
html[data-theme="light"] input[id*="busca"],
body.theme-light input[id*="busca"],
html[data-theme="light"] input[id*="search"],
body.theme-light input[id*="search"] {
    padding-left: 38px !important;
}

/* Rótulos e Labels de Alta Legibilidade */
html[data-theme="light"] label,
html[data-theme="light"] .form-label,
html[data-theme="light"] .scrm-form-group label,
body.theme-light label,
body.theme-light .form-label,
body.theme-light .scrm-form-group label {
    color: #1e293b !important;
    font-weight: 700 !important;
    font-size: 0.82rem !important;
    letter-spacing: 0.02em !important;
}

/* Botões Padrão com Elevação */
html[data-theme="light"] .btn-act,
body.theme-light .btn-act {
    background: #ffffff !important;
    color: #1e293b !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: var(--radius-md) !important;
    padding: 9px 16px !important;
    font-weight: 600 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

html[data-theme="light"] .btn-act:hover,
body.theme-light .btn-act:hover {
    background: #f1f5f9 !important;
    color: #2563eb !important;
    border-color: #93c5fd !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08) !important;
    transform: translateY(-1px);
}

/* Botões Primários */
html[data-theme="light"] .btn-primary,
html[data-theme="light"] .btn-new,
body.theme-light .btn-primary,
body.theme-light .btn-new {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
    color: #ffffff !important;
    border: 1px solid #1d4ed8 !important;
    border-radius: var(--radius-md) !important;
    box-shadow: 0 2px 4px rgba(37, 99, 235, 0.25), 0 1px 2px rgba(0, 0, 0, 0.06) !important;
}

html[data-theme="light"] .btn-primary:hover,
html[data-theme="light"] .btn-new:hover,
body.theme-light .btn-primary:hover,
body.theme-light .btn-new:hover {
    background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%) !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.35) !important;
    transform: translateY(-1px);
}

/* ───────────────────────────────────────────────────────────────────────────────
   8. MODAIS, DIALOGS E POPOVERS (PROFUNDIDADE MÁXIMA)
   ─────────────────────────────────────────────────────────────────────────────── */
html[data-theme="light"] dialog,
html[data-theme="light"] .modal-content,
html[data-theme="light"] .modal-box,
html[data-theme="light"] .modal-container,
html[data-theme="light"] .swal2-popup,
body.theme-light dialog,
body.theme-light .modal-content,
body.theme-light .modal-box,
body.theme-light .modal-container,
body.theme-light .swal2-popup {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: var(--radius-xl) !important;
    box-shadow: var(--shadow-modal) !important;
    color: #0f172a !important;
    padding: 28px !important;
}

html[data-theme="light"] dialog > div[style*="background:#0f172a"],
html[data-theme="light"] dialog > div[style*="background: #0f172a"],
html[data-theme="light"] dialog > div[style*="background:#1e293b"],
html[data-theme="light"] dialog > div[style*="background: #1e293b"],
body.theme-light dialog > div[style*="background:#0f172a"],
body.theme-light dialog > div[style*="background: #0f172a"],
body.theme-light dialog > div[style*="background:#1e293b"],
body.theme-light dialog > div[style*="background: #1e293b"] {
    background: #ffffff !important;
    color: #0f172a !important;
}

html[data-theme="light"] #modal-crop-avatar,
body.theme-light #modal-crop-avatar {
    background: #ffffff !important;
    color: #0f172a !important;
    border-color: rgba(59, 130, 246, 0.4) !important;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.2) !important;
}

html[data-theme="light"] #modal-crop-avatar h3,
body.theme-light #modal-crop-avatar h3 {
    color: #0f172a !important;
}

html[data-theme="light"] #modal-crop-avatar .crop-bar,
body.theme-light #modal-crop-avatar .crop-bar {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}

html[data-theme="light"] #modal-crop-avatar .crop-bar div[style*="color:#f1f5f9"],
body.theme-light #modal-crop-avatar .crop-bar div[style*="color:#f1f5f9"] {
    color: #0f172a !important;
}

html[data-theme="light"] dialog::backdrop,
html[data-theme="light"] .modal-backdrop,
body.theme-light dialog::backdrop,
body.theme-light .modal-backdrop {
    background: rgba(15, 23, 42, 0.45) !important;
    backdrop-filter: blur(6px) !important;
}

html[data-theme="light"] .modal-header,
body.theme-light .modal-header {
    border-bottom: 2px solid #f1f5f9 !important;
    padding-bottom: 16px !important;
    margin-bottom: 20px !important;
}

html[data-theme="light"] .modal-footer,
body.theme-light .modal-footer {
    border-top: 2px solid #f1f5f9 !important;
    padding-top: 16px !important;
    margin-top: 24px !important;
}

/* SweetAlert2 no Modo Claro */
html[data-theme="light"] .swal2-title,
body.theme-light .swal2-title {
    color: #0f172a !important;
}
html[data-theme="light"] .swal2-html-container,
body.theme-light .swal2-html-container {
    color: #475569 !important;
}

/* ───────────────────────────────────────────────────────────────────────────────
   9. BADGES E STATUS PILLS DE ALTO CONTRASTE (WCAG AA)
   ─────────────────────────────────────────────────────────────────────────────── */
/* Sucesso (Vigente, Ativo, Concluído, Pago) */
html[data-theme="light"] .badge-success,
html[data-theme="light"] span[style*="rgba(16,185,129"],
html[data-theme="light"] span[style*="rgba(16, 185, 129"],
body.theme-light .badge-success,
body.theme-light span[style*="rgba(16,185,129"],
body.theme-light span[style*="rgba(16, 185, 129"] {
    background: var(--status-success-bg) !important;
    color: var(--status-success-text) !important;
    border: 1px solid var(--status-success-border) !important;
    font-weight: 700 !important;
}

/* Alerta / Atenção (Pendente, Em Aberto, Vencendo) */
html[data-theme="light"] .badge-warning,
html[data-theme="light"] span[style*="rgba(245,158,11"],
html[data-theme="light"] span[style*="rgba(245, 158, 11"],
body.theme-light .badge-warning,
body.theme-light span[style*="rgba(245,158,11"],
body.theme-light span[style*="rgba(245, 158, 11"] {
    background: var(--status-warning-bg) !important;
    color: var(--status-warning-text) !important;
    border: 1px solid var(--status-warning-border) !important;
    font-weight: 700 !important;
}

/* Perigo / Erro (Cancelado, Sinistro, Demitido) */
html[data-theme="light"] .badge-danger,
html[data-theme="light"] span[style*="rgba(239,68,68"],
html[data-theme="light"] span[style*="rgba(239, 68, 68"],
body.theme-light .badge-danger,
body.theme-light span[style*="rgba(239,68,68"],
body.theme-light span[style*="rgba(239, 68, 68"] {
    background: var(--status-danger-bg) !important;
    color: var(--status-danger-text) !important;
    border: 1px solid var(--status-danger-border) !important;
    font-weight: 700 !important;
}

/* Informativo / Proposta (Azul) */
html[data-theme="light"] .badge-info,
html[data-theme="light"] span[style*="rgba(59,130,246"],
html[data-theme="light"] span[style*="rgba(59, 130, 246"],
body.theme-light .badge-info,
body.theme-light span[style*="rgba(59,130,246"],
body.theme-light span[style*="rgba(59, 130, 246"] {
    background: var(--status-info-bg) !important;
    color: var(--status-info-text) !important;
    border: 1px solid var(--status-info-border) !important;
    font-weight: 700 !important;
}

/* Roxo / Renovada / Prospecção */
html[data-theme="light"] span[style*="rgba(168,85,247"],
html[data-theme="light"] span[style*="rgba(168, 85, 247"],
html[data-theme="light"] span[style*="rgba(99,102,241"],
html[data-theme="light"] span[style*="rgba(99, 102, 241"],
body.theme-light span[style*="rgba(168,85,247"],
body.theme-light span[style*="rgba(168, 85, 247"],
body.theme-light span[style*="rgba(99,102,241"],
body.theme-light span[style*="rgba(99, 102, 241"] {
    background: var(--status-purple-bg) !important;
    color: var(--status-purple-text) !important;
    border: 1px solid var(--status-purple-border) !important;
    font-weight: 700 !important;
}

/* ───────────────────────────────────────────────────────────────────────────────
   10. ABAS E NAVEGAÇÕES INTERNAS
   ─────────────────────────────────────────────────────────────────────────────── */
html[data-theme="light"] .tab-btn,
html[data-theme="light"] .subnav-btn,
html[data-theme="light"] .cfg-tab-btn,
html[data-theme="light"] .db-subtab-btn,
html[data-theme="light"] .sys-email-tab-btn,
html[data-theme="light"] .gov-tab-btn,
html[data-theme="light"] .frotas-tab-btn,
html[data-theme="light"] .abast-tab-btn,
html[data-theme="light"] .qualidade-tab-btn,
html[data-theme="light"] .rom-tab-btn,
html[data-theme="light"] .agro-vendas-tab-btn,
html[data-theme="light"] .agro-tab-btn,
html[data-theme="light"] .scrm-tab-btn,
html[data-theme="light"] .prosp-tab,
body.theme-light .tab-btn,
body.theme-light .subnav-btn,
body.theme-light .cfg-tab-btn,
body.theme-light .db-subtab-btn,
body.theme-light .sys-email-tab-btn,
body.theme-light .gov-tab-btn,
body.theme-light .frotas-tab-btn,
body.theme-light .abast-tab-btn,
body.theme-light .qualidade-tab-btn,
body.theme-light .rom-tab-btn,
body.theme-light .agro-vendas-tab-btn,
body.theme-light .agro-tab-btn,
body.theme-light .scrm-tab-btn,
body.theme-light .prosp-tab {
    color: #334155 !important;
    font-weight: 700 !important;
    transition: all 0.2s ease !important;
    border-bottom: 3px solid transparent !important;
}

html[data-theme="light"] .tab-btn:hover,
html[data-theme="light"] .subnav-btn:hover,
html[data-theme="light"] .cfg-tab-btn:hover,
html[data-theme="light"] .db-subtab-btn:hover,
html[data-theme="light"] .sys-email-tab-btn:hover,
html[data-theme="light"] .gov-tab-btn:hover,
html[data-theme="light"] .frotas-tab-btn:hover,
html[data-theme="light"] .abast-tab-btn:hover,
html[data-theme="light"] .qualidade-tab-btn:hover,
html[data-theme="light"] .rom-tab-btn:hover,
html[data-theme="light"] .agro-vendas-tab-btn:hover,
html[data-theme="light"] .agro-tab-btn:hover,
html[data-theme="light"] .scrm-tab-btn:hover,
html[data-theme="light"] .prosp-tab:hover,
body.theme-light .tab-btn:hover,
body.theme-light .subnav-btn:hover,
body.theme-light .cfg-tab-btn:hover,
body.theme-light .db-subtab-btn:hover,
body.theme-light .sys-email-tab-btn:hover,
body.theme-light .gov-tab-btn:hover,
body.theme-light .frotas-tab-btn:hover,
body.theme-light .abast-tab-btn:hover,
body.theme-light .qualidade-tab-btn:hover,
body.theme-light .rom-tab-btn:hover,
body.theme-light .agro-vendas-tab-btn:hover,
body.theme-light .agro-tab-btn:hover,
body.theme-light .scrm-tab-btn:hover,
body.theme-light .prosp-tab:hover {
    color: #1d4ed8 !important;
    background: #f1f5f9 !important;
}

html[data-theme="light"] .tab-btn.active,
html[data-theme="light"] .subnav-btn.active,
html[data-theme="light"] .cfg-tab-btn.active,
html[data-theme="light"] .db-subtab-btn.active,
html[data-theme="light"] .sys-email-tab-btn.active,
html[data-theme="light"] .gov-tab-btn.active,
html[data-theme="light"] .frotas-tab-btn.active,
html[data-theme="light"] .abast-tab-btn.active,
html[data-theme="light"] .qualidade-tab-btn.active,
html[data-theme="light"] .rom-tab-btn.active,
html[data-theme="light"] .agro-vendas-tab-btn.active,
html[data-theme="light"] .agro-tab-btn.active,
html[data-theme="light"] .scrm-tab-btn.active,
html[data-theme="light"] .prosp-tab.active,
body.theme-light .tab-btn.active,
body.theme-light .subnav-btn.active,
body.theme-light .cfg-tab-btn.active,
body.theme-light .db-subtab-btn.active,
body.theme-light .sys-email-tab-btn.active,
body.theme-light .gov-tab-btn.active,
body.theme-light .frotas-tab-btn.active,
body.theme-light .abast-tab-btn.active,
body.theme-light .qualidade-tab-btn.active,
body.theme-light .rom-tab-btn.active,
body.theme-light .agro-vendas-tab-btn.active,
body.theme-light .agro-tab-btn.active,
body.theme-light .scrm-tab-btn.active,
body.theme-light .prosp-tab.active {
    color: #1d4ed8 !important;
    border-bottom: 3px solid #2563eb !important;
    background: #eff6ff !important;
    font-weight: 800 !important;
}

/* Pills de Filtro e Abas em Formato de Cápsula (Bento Pills, Usuários Pills, Margem Pills) */
html[data-theme="light"] .bento-pill,
html[data-theme="light"] .users-tab-pill-btn,
html[data-theme="light"] .btn-margem-pill,
body.theme-light .bento-pill,
body.theme-light .users-tab-pill-btn,
body.theme-light .btn-margem-pill {
    background: #ffffff !important;
    color: #1e293b !important;
    border: 1px solid #cbd5e1 !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
}

html[data-theme="light"] .bento-pill:hover,
html[data-theme="light"] .users-tab-pill-btn:hover,
html[data-theme="light"] .btn-margem-pill:hover,
body.theme-light .bento-pill:hover,
body.theme-light .users-tab-pill-btn:hover,
body.theme-light .btn-margem-pill:hover {
    background: #f8fafc !important;
    border-color: #93c5fd !important;
    color: #1d4ed8 !important;
    transform: translateY(-1px);
}

html[data-theme="light"] .bento-pill.active,
html[data-theme="light"] .users-tab-pill-btn.active,
html[data-theme="light"] .btn-margem-pill.active,
body.theme-light .bento-pill.active,
body.theme-light .users-tab-pill-btn.active,
body.theme-light .btn-margem-pill.active {
    background: #eff6ff !important;
    border-color: #2563eb !important;
    color: #1d4ed8 !important;
    font-weight: 800 !important;
    box-shadow: 0 1px 3px rgba(37, 99, 235, 0.15) !important;
}

/* ───────────────────────────────────────────────────────────────────────────────
   11. APEXCHARTS NO MODO CLARO
   ─────────────────────────────────────────────────────────────────────────────── */
html[data-theme="light"] .apexcharts-tooltip,
body.theme-light .apexcharts-tooltip {
    background: #ffffff !important;
    color: #0f172a !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1) !important;
    border-radius: var(--radius-md) !important;
}

html[data-theme="light"] .apexcharts-tooltip-title,
body.theme-light .apexcharts-tooltip-title {
    background: #f8fafc !important;
    border-bottom: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
    font-weight: 700 !important;
}

html[data-theme="light"] .apexcharts-text,
body.theme-light .apexcharts-text {
    fill: #475569 !important;
}

html[data-theme="light"] .apexcharts-gridline,
body.theme-light .apexcharts-gridline {
    stroke: #f1f5f9 !important;
}

/* ───────────────────────────────────────────────────────────────────────────────
   12. NEUTRALIZAÇÃO DE ESTILOS INLINE ESCUROS RESIDUAIS EM MÓDULOS ESPECÍFICOS
   ─────────────────────────────────────────────────────────────────────────────── */

/* 12.1 Contratos Agro, Vendas & Silagem */
html[data-theme="light"] #view-contratos-agro .dashboard-card,
html[data-theme="light"] #view-contratos-agro [style*="background:#1e293b"],
html[data-theme="light"] #view-contratos-agro [style*="background: #1e293b"],
html[data-theme="light"] #view-contratos-agro [style*="background:#0f172a"],
html[data-theme="light"] #view-contratos-agro [style*="background: #0f172a"],
html[data-theme="light"] #view-silagem .dashboard-card,
html[data-theme="light"] #view-silagem [style*="background:#1e293b"],
html[data-theme="light"] #view-silagem [style*="background:#0f172a"],
html[data-theme="light"] #view-agro-vendas .dashboard-card,
html[data-theme="light"] #view-agro-vendas [style*="background:#1e293b"],
html[data-theme="light"] #view-agro-vendas [style*="background:#0f172a"],
body.theme-light #view-contratos-agro .dashboard-card,
body.theme-light #view-contratos-agro [style*="background:#1e293b"],
body.theme-light #view-contratos-agro [style*="background: #1e293b"],
body.theme-light #view-contratos-agro [style*="background:#0f172a"],
body.theme-light #view-contratos-agro [style*="background: #0f172a"],
body.theme-light #view-silagem .dashboard-card,
body.theme-light #view-silagem [style*="background:#1e293b"],
body.theme-light #view-silagem [style*="background:#0f172a"],
body.theme-light #view-agro-vendas .dashboard-card,
body.theme-light #view-agro-vendas [style*="background:#1e293b"],
body.theme-light #view-agro-vendas [style*="background:#0f172a"] {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
    box-shadow: var(--shadow-card) !important;
}

html[data-theme="light"] #view-contratos-agro [style*="color:#fff"],
html[data-theme="light"] #view-contratos-agro [style*="color: #fff"],
html[data-theme="light"] #view-contratos-agro [style*="color:#cbd5e1"],
html[data-theme="light"] #view-contratos-agro [style*="color: #cbd5e1"],
body.theme-light #view-contratos-agro [style*="color:#fff"],
body.theme-light #view-contratos-agro [style*="color: #fff"],
body.theme-light #view-contratos-agro [style*="color:#cbd5e1"],
body.theme-light #view-contratos-agro [style*="color: #cbd5e1"] {
    color: #1e293b !important;
}

/* 12.2 Abastecimento, Bombas & Postos */
html[data-theme="light"] #view-abastecimento .dashboard-card,
html[data-theme="light"] #view-abastecimento [style*="background:#0b132b"],
html[data-theme="light"] #view-abastecimento [style*="background: #0b132b"],
html[data-theme="light"] #view-abastecimento [style*="background:#1e293b"],
html[data-theme="light"] #view-abastecimento [style*="background: #1e293b"],
body.theme-light #view-abastecimento .dashboard-card,
body.theme-light #view-abastecimento [style*="background:#0b132b"],
body.theme-light #view-abastecimento [style*="background: #0b132b"],
body.theme-light #view-abastecimento [style*="background:#1e293b"],
body.theme-light #view-abastecimento [style*="background: #1e293b"] {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
    box-shadow: var(--shadow-card) !important;
}

/* 12.3 Isabel I.A & Chat */
html[data-theme="light"] #view-ai .dashboard-card,
html[data-theme="light"] #view-ai [style*="background:#0f172a"],
html[data-theme="light"] #view-ai [style*="background: #0f172a"],
html[data-theme="light"] #view-ai [style*="background:#1e293b"],
html[data-theme="light"] #view-ai [style*="background: #1e293b"],
body.theme-light #view-ai .dashboard-card,
body.theme-light #view-ai [style*="background:#0f172a"],
body.theme-light #view-ai [style*="background: #0f172a"],
body.theme-light #view-ai [style*="background:#1e293b"],
body.theme-light #view-ai [style*="background: #1e293b"] {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
    box-shadow: var(--shadow-card) !important;
}

html[data-theme="light"] #view-ai .ai-msg-assistant,
body.theme-light #view-ai .ai-msg-assistant {
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
    box-shadow: var(--shadow-xs) !important;
}

html[data-theme="light"] #view-ai .ai-msg-user,
body.theme-light #view-ai .ai-msg-user {
    background: #eff6ff !important;
    border: 1px solid #bfdbfe !important;
    color: #1e3a8a !important;
}

/* 12.4 Configurações do Sistema & Gestão de Usuários */
html[data-theme="light"] #view-apps-config .dashboard-card,
html[data-theme="light"] #view-apps-config [style*="background:#1e293b"],
html[data-theme="light"] #view-apps-config [style*="background: #1e293b"],
html[data-theme="light"] #view-apps-config [style*="background:#0f172a"],
html[data-theme="light"] #view-apps-config [style*="background: #0f172a"],
body.theme-light #view-apps-config .dashboard-card,
body.theme-light #view-apps-config [style*="background:#1e293b"],
body.theme-light #view-apps-config [style*="background: #1e293b"],
body.theme-light #view-apps-config [style*="background:#0f172a"],
body.theme-light #view-apps-config [style*="background: #0f172a"] {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
    box-shadow: var(--shadow-card) !important;
}

/* 12.5 Operacional de Seguros (Código SUSEP e Badges) */
html[data-theme="light"] #view-op-apolices span[style*="background:#1e293b"],
body.theme-light #view-op-apolices span[style*="background:#1e293b"] {
    background: #eff6ff !important;
    color: #1d4ed8 !important;
    border: 1px solid #bfdbfe !important;
}

/* 12.6 Ponto Eletrônico & Holerites */
html[data-theme="light"] #view-ponto .dashboard-card,
html[data-theme="light"] #view-ponto-admin .dashboard-card,
html[data-theme="light"] #view-holerites-user .dashboard-card,
html[data-theme="light"] #view-holerites-admin .dashboard-card,
body.theme-light #view-ponto .dashboard-card,
body.theme-light #view-ponto-admin .dashboard-card,
body.theme-light #view-holerites-user .dashboard-card,
body.theme-light #view-holerites-admin .dashboard-card {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: var(--shadow-card) !important;
}

/* ───────────────────────────────────────────────────────────────────────────────
   13. SCROLLBARS ELEGANTES NO MODO CLARO
   ─────────────────────────────────────────────────────────────────────────────── */
html[data-theme="light"] ::-webkit-scrollbar,
body.theme-light ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

html[data-theme="light"] ::-webkit-scrollbar-track,
body.theme-light ::-webkit-scrollbar-track {
    background: #f1f5f9;
}

html[data-theme="light"] ::-webkit-scrollbar-thumb,
body.theme-light ::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
}

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

/* ───────────────────────────────────────────────────────────────────────────────
   14. SELETOR DE AMBIENTES (WORKSPACE SELECTOR) & TRANSIÇÃO NO MODO CLARO
   ─────────────────────────────────────────────────────────────────────────────── */
html[data-theme="light"] #workspace-selector-overlay,
body.theme-light #workspace-selector-overlay {
    background: rgba(241, 245, 249, 0.60) !important;
    backdrop-filter: blur(18px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(160%) !important;
}

html[data-theme="light"] #workspace-selector-title,
html[data-theme="light"] #workspace-selector-overlay h2,
body.theme-light #workspace-selector-title,
body.theme-light #workspace-selector-overlay h2 {
    color: #0f172a !important;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.9) !important;
    font-weight: 800 !important;
}

html[data-theme="light"] #workspace-selector-overlay > div > p,
body.theme-light #workspace-selector-overlay > div > p {
    color: #334155 !important;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8) !important;
    font-weight: 600 !important;
}

html[data-theme="light"] #btn-close-workspace-selector,
body.theme-light #btn-close-workspace-selector {
    background: rgba(15, 23, 42, 0.08) !important;
    border: 1px solid rgba(15, 23, 42, 0.15) !important;
    color: #0f172a !important;
}

html[data-theme="light"] #btn-close-workspace-selector:hover,
body.theme-light #btn-close-workspace-selector:hover {
    background: rgba(239, 68, 68, 0.9) !important;
    color: #ffffff !important;
}

html[data-theme="light"] #unit-transition-overlay,
body.theme-light #unit-transition-overlay {
    background: rgba(248, 250, 252, 0.75) !important;
    backdrop-filter: blur(24px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(160%) !important;
}

html[data-theme="light"] .unit-transition-card,
body.theme-light .unit-transition-card {
    background: rgba(255, 255, 255, 0.94) !important;
    border: 1.5px solid rgba(203, 213, 225, 0.8) !important;
    box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.15), 0 0 35px rgba(37, 99, 235, 0.10) !important;
}

html[data-theme="light"] #unit-transition-title,
body.theme-light #unit-transition-title {
    color: #0f172a !important;
}

html[data-theme="light"] #unit-transition-sub,
body.theme-light #unit-transition-sub {
    color: #475569 !important;
}

/* ───────────────────────────────────────────────────────────────────────────────
   15. VENDAS FRENTE (AGRO), ALERTAS OPERACIONAIS E DIALOGS DE PREÇOS (ALTO CONTRASTE)
   ─────────────────────────────────────────────────────────────────────────────── */

/* 15.1 Alertas Universais do Sistema (Warning, Danger, Success, Info) */
html[data-theme="light"] .agro-warning-alert,
html[data-theme="light"] #mconf-alerta-bloqueio,
html[data-theme="light"] div[style*="rgba(234,179,8"],
html[data-theme="light"] div[style*="rgba(234, 179, 8"],
body.theme-light .agro-warning-alert,
body.theme-light #mconf-alerta-bloqueio,
body.theme-light div[style*="rgba(234,179,8"],
body.theme-light div[style*="rgba(234, 179, 8"] {
    background: #fefce8 !important;
    border: 1.5px solid #facc15 !important;
    color: #713f12 !important;
}
html[data-theme="light"] .agro-warning-alert *,
html[data-theme="light"] #mconf-alerta-bloqueio *,
html[data-theme="light"] div[style*="rgba(234,179,8"] *,
html[data-theme="light"] div[style*="rgba(234, 179, 8"] *,
body.theme-light .agro-warning-alert *,
body.theme-light #mconf-alerta-bloqueio *,
body.theme-light div[style*="rgba(234,179,8"] *,
body.theme-light div[style*="rgba(234, 179, 8"] * {
    color: #713f12 !important;
}
html[data-theme="light"] .agro-warning-alert i,
html[data-theme="light"] #mconf-alerta-bloqueio i,
html[data-theme="light"] div[style*="rgba(234,179,8"] i,
html[data-theme="light"] div[style*="rgba(234, 179, 8"] i,
body.theme-light .agro-warning-alert i,
body.theme-light #mconf-alerta-bloqueio i,
body.theme-light div[style*="rgba(234,179,8"] i,
body.theme-light div[style*="rgba(234, 179, 8"] i {
    color: #d97706 !important;
    margin-right: 6px !important;
}
html[data-theme="light"] .agro-warning-alert b,
html[data-theme="light"] .agro-warning-alert strong,
html[data-theme="light"] #mconf-alerta-bloqueio b,
html[data-theme="light"] #mconf-alerta-bloqueio strong,
body.theme-light .agro-warning-alert b,
body.theme-light .agro-warning-alert strong,
body.theme-light #mconf-alerta-bloqueio b,
body.theme-light #mconf-alerta-bloqueio strong {
    color: #713f12 !important;
    font-weight: 800 !important;
}

/* Alertas Danger / Vermelhos */
html[data-theme="light"] div[style*="rgba(239,68,68"],
html[data-theme="light"] div[style*="rgba(239, 68, 68"],
body.theme-light div[style*="rgba(239,68,68"],
body.theme-light div[style*="rgba(239, 68, 68"] {
    background: #fef2f2 !important;
    border: 1.5px solid #fca5a5 !important;
    color: #991b1b !important;
}
html[data-theme="light"] div[style*="rgba(239,68,68"] *,
html[data-theme="light"] div[style*="rgba(239, 68, 68"] *,
body.theme-light div[style*="rgba(239,68,68"] *,
body.theme-light div[style*="rgba(239, 68, 68"] * {
    color: #991b1b !important;
}
html[data-theme="light"] div[style*="rgba(239,68,68"] b,
html[data-theme="light"] div[style*="rgba(239,68,68"] strong,
body.theme-light div[style*="rgba(239,68,68"] b,
body.theme-light div[style*="rgba(239,68,68"] strong {
    color: #7f1d1d !important;
    font-weight: 800 !important;
}

/* 15.2 Barra de Confirmação Diária de Preços (#bar-status-confirmacao-dia) */
html[data-theme="light"] #bar-status-confirmacao-dia.status-dia-confirmado,
body.theme-light #bar-status-confirmacao-dia.status-dia-confirmado {
    background: #ecfdf5 !important;
    border: 1.5px solid #a7f3d0 !important;
}
html[data-theme="light"] #bar-status-confirmacao-dia.status-dia-confirmado #lbl-status-confirmado-texto,
body.theme-light #bar-status-confirmacao-dia.status-dia-confirmado #lbl-status-confirmado-texto {
    color: #065f46 !important;
    font-weight: 600 !important;
}
html[data-theme="light"] #bar-status-confirmacao-dia.status-dia-confirmado #lbl-status-confirmado-texto b,
body.theme-light #bar-status-confirmacao-dia.status-dia-confirmado #lbl-status-confirmado-texto b {
    color: #042f2e !important;
    font-weight: 800 !important;
}
html[data-theme="light"] #bar-status-confirmacao-dia.status-dia-confirmado #badge-status-confirmado-pill,
body.theme-light #bar-status-confirmacao-dia.status-dia-confirmado #badge-status-confirmado-pill {
    background: #d1fae5 !important;
    color: #065f46 !important;
    border: 1px solid #6ee7b7 !important;
    font-weight: 800 !important;
}

html[data-theme="light"] #bar-status-confirmacao-dia.status-dia-bloqueado,
body.theme-light #bar-status-confirmacao-dia.status-dia-bloqueado {
    background: #fef2f2 !important;
    border: 1.5px solid #fecaca !important;
}
html[data-theme="light"] #bar-status-confirmacao-dia.status-dia-bloqueado #lbl-status-confirmado-texto,
body.theme-light #bar-status-confirmacao-dia.status-dia-bloqueado #lbl-status-confirmado-texto {
    color: #991b1b !important;
    font-weight: 600 !important;
}
html[data-theme="light"] #bar-status-confirmacao-dia.status-dia-bloqueado #lbl-status-confirmado-texto b,
body.theme-light #bar-status-confirmacao-dia.status-dia-bloqueado #lbl-status-confirmado-texto b {
    color: #7f1d1d !important;
    font-weight: 800 !important;
}
html[data-theme="light"] #bar-status-confirmacao-dia.status-dia-bloqueado #badge-status-confirmado-pill,
body.theme-light #bar-status-confirmacao-dia.status-dia-bloqueado #badge-status-confirmado-pill {
    background: #fee2e2 !important;
    color: #991b1b !important;
    border: 1px solid #fca5a5 !important;
    font-weight: 800 !important;
}
html[data-theme="light"] #btn-historico-precos-dia,
body.theme-light #btn-historico-precos-dia {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
    font-weight: 700 !important;
}
html[data-theme="light"] #btn-historico-precos-dia:hover,
body.theme-light #btn-historico-precos-dia:hover {
    background: #f1f5f9 !important;
    color: #0f172a !important;
}

/* 15.3 Modal de Confirmação Diária de Preços (#modal-confirmar-precos-dia) */
html[data-theme="light"] .mconf-dialog-card,
html[data-theme="light"] #modal-confirmar-precos-dia > div,
body.theme-light .mconf-dialog-card,
body.theme-light #modal-confirmar-precos-dia > div {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0f172a !important;
    box-shadow: var(--shadow-modal) !important;
}
html[data-theme="light"] .mconf-header-sub,
body.theme-light .mconf-header-sub {
    color: #854d0e !important;
    font-weight: 800 !important;
}
html[data-theme="light"] .mconf-header-title,
body.theme-light .mconf-header-title {
    color: #0f172a !important;
    font-weight: 900 !important;
}
html[data-theme="light"] .mconf-btn-close,
body.theme-light .mconf-btn-close {
    color: #475569 !important;
}
html[data-theme="light"] .mconf-btn-close:hover,
body.theme-light .mconf-btn-close:hover {
    color: #0f172a !important;
}

/* Preço do Diesel */
html[data-theme="light"] .mconf-diesel-box,
body.theme-light .mconf-diesel-box {
    background: #f8fafc !important;
    border: 1.5px solid #cbd5e1 !important;
}
html[data-theme="light"] .mconf-diesel-label,
body.theme-light .mconf-diesel-label {
    color: #0369a1 !important;
    font-weight: 800 !important;
}
html[data-theme="light"] .mconf-diesel-help,
body.theme-light .mconf-diesel-help {
    color: #475569 !important;
    font-weight: 500 !important;
}
html[data-theme="light"] .mconf-diesel-prefix,
body.theme-light .mconf-diesel-prefix {
    color: #1e293b !important;
    font-weight: 800 !important;
}
html[data-theme="light"] #mconf-diesel,
html[data-theme="light"] .mconf-diesel-input,
body.theme-light #mconf-diesel,
body.theme-light .mconf-diesel-input {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0369a1 !important;
    font-weight: 900 !important;
}

/* Catálogo de Produtos */
html[data-theme="light"] .mconf-prods-label,
body.theme-light .mconf-prods-label {
    color: #15803d !important;
    font-weight: 800 !important;
}
html[data-theme="light"] .mconf-prods-help,
body.theme-light .mconf-prods-help {
    color: #475569 !important;
    font-weight: 500 !important;
}
html[data-theme="light"] .mconf-prod-row,
html[data-theme="light"] #mconf-produtos-container > div,
body.theme-light .mconf-prod-row,
body.theme-light #mconf-produtos-container > div {
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
}
html[data-theme="light"] .mconf-prod-nome,
body.theme-light .mconf-prod-nome {
    color: #0f172a !important;
    font-weight: 700 !important;
}
html[data-theme="light"] .mconf-prod-unit,
body.theme-light .mconf-prod-unit {
    color: #475569 !important;
    font-weight: 600 !important;
}
html[data-theme="light"] .mconf-prod-moeda,
body.theme-light .mconf-prod-moeda {
    color: #1e293b !important;
    font-weight: 800 !important;
}
html[data-theme="light"] .mconf-prod-sufixo,
body.theme-light .mconf-prod-sufixo {
    color: #475569 !important;
    font-weight: 600 !important;
}
html[data-theme="light"] input.mconf-prod-preco,
body.theme-light input.mconf-prod-preco {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #166534 !important;
    font-weight: 900 !important;
}

/* Botões do Modal */
html[data-theme="light"] .mconf-btn-cancelar,
body.theme-light .mconf-btn-cancelar {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
    font-weight: 700 !important;
}
html[data-theme="light"] .mconf-btn-manter,
html[data-theme="light"] #btn-mconf-manter,
body.theme-light .mconf-btn-manter,
body.theme-light #btn-mconf-manter {
    background: #ecfdf5 !important;
    border: 1.5px solid #86efac !important;
    color: #166534 !important;
    font-weight: 800 !important;
}
html[data-theme="light"] .mconf-btn-manter:hover,
html[data-theme="light"] #btn-mconf-manter:hover,
body.theme-light .mconf-btn-manter:hover,
body.theme-light #btn-mconf-manter:hover {
    background: #d1fae5 !important;
    color: #065f46 !important;
}

/* 15.4 Histórico de Auditoria de Preços (#modal-historico-precos) */
html[data-theme="light"] #modal-historico-precos > div,
body.theme-light #modal-historico-precos > div {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0f172a !important;
    box-shadow: var(--shadow-modal) !important;
}
html[data-theme="light"] #modal-historico-precos thead tr,
html[data-theme="light"] #cfg-tabela-historico-precos-body + thead tr,
body.theme-light #modal-historico-precos thead tr {
    background: #f1f5f9 !important;
}
html[data-theme="light"] #modal-historico-precos thead th,
body.theme-light #modal-historico-precos thead th {
    background: #f1f5f9 !important;
    color: #0f172a !important;
    font-weight: 800 !important;
    border-bottom: 2px solid #cbd5e1 !important;
}
html[data-theme="light"] .hist-preco-tr,
body.theme-light .hist-preco-tr {
    border-bottom: 1px solid #e2e8f0 !important;
}
html[data-theme="light"] .hist-preco-data,
body.theme-light .hist-preco-data {
    color: #0f172a !important;
    font-weight: 800 !important;
}
html[data-theme="light"] .hist-preco-criado,
body.theme-light .hist-preco-criado {
    color: #475569 !important;
    font-weight: 500 !important;
}
html[data-theme="light"] .hist-preco-user-nome,
body.theme-light .hist-preco-user-nome {
    color: #0f172a !important;
    font-weight: 700 !important;
}
html[data-theme="light"] .hist-preco-user-cpf,
body.theme-light .hist-preco-user-cpf {
    color: #64748b !important;
}
html[data-theme="light"] .hist-preco-diesel,
body.theme-light .hist-preco-diesel {
    color: #0369a1 !important;
    font-weight: 800 !important;
}
html[data-theme="light"] .hist-preco-prod-pill,
body.theme-light .hist-preco-prod-pill {
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
    font-weight: 600 !important;
}
html[data-theme="light"] .hist-preco-prod-val,
body.theme-light .hist-preco-prod-val {
    color: #166534 !important;
    font-weight: 800 !important;
}
html[data-theme="light"] .hist-preco-resumo-texto,
html[data-theme="light"] .hist-preco-resumo-detalhe,
body.theme-light .hist-preco-resumo-texto,
body.theme-light .hist-preco-resumo-detalhe {
    color: #475569 !important;
}

/* 15.5 Vendas Frente — Hero, Stepper, Cards e Totais Financeiros */
html[data-theme="light"] .agro-vendas-hero,
body.theme-light .agro-vendas-hero {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    box-shadow: var(--shadow-card) !important;
}
html[data-theme="light"] .agro-vendas-hero h1,
body.theme-light .agro-vendas-hero h1 {
    color: #0f172a !important;
    font-weight: 800 !important;
}
html[data-theme="light"] .agro-vendas-hero p,
body.theme-light .agro-vendas-hero p {
    color: #475569 !important;
    font-weight: 500 !important;
}
html[data-theme="light"] .agro-vendas-hero .agro-pill,
body.theme-light .agro-vendas-hero .agro-pill {
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
}
html[data-theme="light"] .agro-vendas-hero .agro-pill span,
body.theme-light .agro-vendas-hero .agro-pill span {
    color: #475569 !important;
    font-weight: 600 !important;
}
html[data-theme="light"] #badge-agro-diesel,
body.theme-light #badge-agro-diesel {
    color: #0369a1 !important;
    font-weight: 800 !important;
}
html[data-theme="light"] #badge-agro-palha,
body.theme-light #badge-agro-palha {
    color: #854d0e !important;
    font-weight: 800 !important;
}
html[data-theme="light"] #badge-agro-silagem,
body.theme-light #badge-agro-silagem {
    color: #15803d !important;
    font-weight: 800 !important;
}

/* Stepper */
html[data-theme="light"] .agro-stepper-bar,
body.theme-light .agro-stepper-bar {
    background: #f8fafc !important;
    border: 1.5px solid #cbd5e1 !important;
}
html[data-theme="light"] .agro-step-circle,
body.theme-light .agro-step-circle {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #334155 !important;
    font-weight: 800 !important;
}
html[data-theme="light"] .agro-step-title,
body.theme-light .agro-step-title {
    color: #1e293b !important;
    font-weight: 700 !important;
}
html[data-theme="light"] .agro-step-desc,
body.theme-light .agro-step-desc {
    color: #475569 !important;
    font-weight: 500 !important;
}
html[data-theme="light"] .agro-step-item.active .agro-step-circle,
body.theme-light .agro-step-item.active .agro-step-circle {
    background: #2563eb !important;
    color: #ffffff !important;
    border-color: #2563eb !important;
}
html[data-theme="light"] .agro-step-item.active .agro-step-title,
body.theme-light .agro-step-item.active .agro-step-title {
    color: #1d4ed8 !important;
    font-weight: 800 !important;
}
html[data-theme="light"] .agro-step-item.completed .agro-step-circle,
body.theme-light .agro-step-item.completed .agro-step-circle {
    background: #16a34a !important;
    color: #ffffff !important;
    border-color: #16a34a !important;
}
html[data-theme="light"] .agro-step-item.completed .agro-step-title,
body.theme-light .agro-step-item.completed .agro-step-title {
    color: #15803d !important;
    font-weight: 800 !important;
}

/* Cards Selecionáveis de Origem e Produto */
html[data-theme="light"] .btn-origem-card,
body.theme-light .btn-origem-card {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0f172a !important;
}
html[data-theme="light"] .btn-origem-card .origem-title,
body.theme-light .btn-origem-card .origem-title {
    color: #0f172a !important;
    font-weight: 800 !important;
}
html[data-theme="light"] .btn-origem-card .origem-sub,
body.theme-light .btn-origem-card .origem-sub {
    color: #475569 !important;
    font-weight: 500 !important;
}
html[data-theme="light"] .btn-origem-card:hover,
body.theme-light .btn-origem-card:hover {
    background: #eff6ff !important;
    border-color: #93c5fd !important;
}
html[data-theme="light"] .btn-origem-card.active,
body.theme-light .btn-origem-card.active {
    background: #eff6ff !important;
    border-color: #2563eb !important;
}
html[data-theme="light"] .btn-origem-card.active .origem-title,
body.theme-light .btn-origem-card.active .origem-title {
    color: #1d4ed8 !important;
}

html[data-theme="light"] .btn-produto-card,
body.theme-light .btn-produto-card {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0f172a !important;
}
html[data-theme="light"] .btn-produto-card .prod-name,
body.theme-light .btn-produto-card .prod-name {
    color: #0f172a !important;
    font-weight: 800 !important;
}
html[data-theme="light"] .btn-produto-card .prod-price,
body.theme-light .btn-produto-card .prod-price {
    color: #166534 !important;
    font-weight: 900 !important;
}
html[data-theme="light"] .btn-produto-card .prod-unit,
body.theme-light .btn-produto-card .prod-unit {
    color: #475569 !important;
    font-weight: 500 !important;
}
html[data-theme="light"] .btn-produto-card:hover,
body.theme-light .btn-produto-card:hover {
    background: #fefce8 !important;
    border-color: #facc15 !important;
}
html[data-theme="light"] .btn-produto-card.active,
body.theme-light .btn-produto-card.active {
    background: #fefce8 !important;
    border-color: #ca8a04 !important;
}
html[data-theme="light"] .btn-produto-card.active .prod-name,
body.theme-light .btn-produto-card.active .prod-name {
    color: #713f12 !important;
}

/* Atalhos de Quantidade */
html[data-theme="light"] .btn-qtd-shortcut,
body.theme-light .btn-qtd-shortcut {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #1e293b !important;
    font-weight: 700 !important;
}
html[data-theme="light"] .btn-qtd-shortcut:hover,
body.theme-light .btn-qtd-shortcut:hover {
    background: #fef9c3 !important;
    border-color: #eab308 !important;
    color: #713f12 !important;
}

/* 15.6 Resumo Financeiro & Fechamento de Vendas (Passo 3 & Passo 4) */
html[data-theme="light"] #resumo-total-card-box,
body.theme-light #resumo-total-card-box {
    background: #fefce8 !important;
    border: 1.5px solid #facc15 !important;
}
html[data-theme="light"] #resumo-titulo-total,
body.theme-light #resumo-titulo-total {
    color: #854d0e !important;
    font-weight: 800 !important;
}
html[data-theme="light"] #resumo-total-avista,
body.theme-light #resumo-total-avista {
    color: #713f12 !important;
    font-weight: 900 !important;
}
html[data-theme="light"] #resumo-total-entregue-ton,
body.theme-light #resumo-total-entregue-ton {
    color: #854d0e !important;
    font-weight: 800 !important;
    border-top: 1px solid #fde047 !important;
}
html[data-theme="light"] #resumo-condicao-ativa-box,
body.theme-light #resumo-condicao-ativa-box {
    background: #ffffff !important;
    border: 1.5px dashed #ca8a04 !important;
}
html[data-theme="light"] #resumo-condicao-ativa-nome,
body.theme-light #resumo-condicao-ativa-nome {
    color: #0f172a !important;
    font-weight: 800 !important;
}
html[data-theme="light"] #resumo-condicao-detalhe-parcelas,
body.theme-light #resumo-condicao-detalhe-parcelas {
    color: #475569 !important;
    font-weight: 600 !important;
}
html[data-theme="light"] #resumo-condicao-ativa-total,
body.theme-light #resumo-condicao-ativa-total {
    color: #713f12 !important;
    font-weight: 900 !important;
}
html[data-theme="light"] #resumo-custo-produto,
body.theme-light #resumo-custo-produto {
    color: #0f172a !important;
    font-weight: 800 !important;
}
html[data-theme="light"] #resumo-custo-frete,
body.theme-light #resumo-custo-frete {
    color: #0369a1 !important;
    font-weight: 800 !important;
}
html[data-theme="light"] #resumo-frete-por-ton,
body.theme-light #resumo-frete-por-ton {
    color: #15803d !important;
    font-weight: 800 !important;
}

/* Passo 4 — Conferência Final */
html[data-theme="light"] #rev4-total-valor,
body.theme-light #rev4-total-valor {
    color: #713f12 !important;
    font-weight: 900 !important;
}
html[data-theme="light"] #rev4-total-ton,
body.theme-light #rev4-total-ton {
    color: #854d0e !important;
    font-weight: 800 !important;
}
html[data-theme="light"] #rev4-condicao-nome,
body.theme-light #rev4-condicao-nome {
    color: #0f172a !important;
    font-weight: 800 !important;
}
html[data-theme="light"] #rev4-condicao-detalhe,
body.theme-light #rev4-condicao-detalhe {
    color: #475569 !important;
    font-weight: 600 !important;
}
html[data-theme="light"] #rev4-transporte-nome,
html[data-theme="light"] #rev4-comprador-nome,
body.theme-light #rev4-transporte-nome,
body.theme-light #rev4-comprador-nome {
    color: #0f172a !important;
    font-weight: 800 !important;
}
html[data-theme="light"] #rev4-motorista-info,
html[data-theme="light"] #rev4-comprador-tel,
html[data-theme="light"] #rev4-distancia-info,
body.theme-light #rev4-motorista-info,
body.theme-light #rev4-comprador-tel,
body.theme-light #rev4-distancia-info {
    color: #475569 !important;
    font-weight: 500 !important;
}
html[data-theme="light"] #rev4-veiculo-nome,
body.theme-light #rev4-veiculo-nome {
    color: #0369a1 !important;
    font-weight: 800 !important;
}
html[data-theme="light"] #rev4-carga-info,
body.theme-light #rev4-carga-info {
    color: #15803d !important;
    font-weight: 800 !important;
}
html[data-theme="light"] #rev4-trajeto-info,
body.theme-light #rev4-trajeto-info {
    color: #854d0e !important;
    font-weight: 800 !important;
}
html[data-theme="light"] #rev4-forma-pagamento-info,
body.theme-light #rev4-forma-pagamento-info {
    color: #0369a1 !important;
    font-weight: 700 !important;
}

/* Labels e Caixas de Apoio no Módulo Agro Vendas */
html[data-theme="light"] #view-agro-vendas label,
body.theme-light #view-agro-vendas label {
    color: #0f172a !important;
    font-weight: 700 !important;
}
html[data-theme="light"] #view-agro-vendas .agro-card-dark,
body.theme-light #view-agro-vendas .agro-card-dark {
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0f172a !important;
    box-shadow: var(--shadow-card) !important;
}
html[data-theme="light"] #view-agro-vendas .agro-card-dark h3,
body.theme-light #view-agro-vendas .agro-card-dark h3 {
    color: #0f172a !important;
    font-weight: 800 !important;
}
html[data-theme="light"] #view-agro-vendas [style*="background:rgba(255,255,255,0.03)"],
html[data-theme="light"] #view-agro-vendas [style*="background:rgba(255,255,255,0.04)"],
html[data-theme="light"] #view-agro-vendas [style*="background:rgba(255,255,255,0.025)"],
body.theme-light #view-agro-vendas [style*="background:rgba(255,255,255,0.03)"],
body.theme-light #view-agro-vendas [style*="background:rgba(255,255,255,0.04)"],
body.theme-light #view-agro-vendas [style*="background:rgba(255,255,255,0.025)"] {
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
}
html[data-theme="light"] #view-agro-vendas [style*="color:#94a3b8"],
body.theme-light #view-agro-vendas [style*="color:#94a3b8"] {
    color: #475569 !important;
}
html[data-theme="light"] #view-agro-vendas [style*="color:#cbd5e1"],
body.theme-light #view-agro-vendas [style*="color:#cbd5e1"] {
    color: #334155 !important;
}
html[data-theme="light"] #view-agro-vendas [style*="color:#f8fafc"],
body.theme-light #view-agro-vendas [style*="color:#f8fafc"] {
    color: #0f172a !important;
    font-weight: 700 !important;
}