/**
 * P&J Design System — Folha de Estilos Oficial: TEMA LIGHT (MODO CLARO)
 * Identidade Corporativa P&J: Azul Marinho Corporativo (#062949 / #0B2F4A) + Vinho (#AB2F4C / #B02A45)
 * Alto Contraste, Total Aderência W3C / WCAG AAA e Eliminação Total de Resíduos Dark
 */

[data-theme='light'],
.light {
  /* Paleta Corporativa Primária */
  --pj-brand-navy: #062949;
  --pj-brand-wine: #AB2F4C;
  --pj-primary-deep: #081F33;
  --pj-primary: #0B2F4A;
  --pj-primary-light: #1E3A8A;
  --pj-accent: #B02A45;
  --pj-accent-light: #C73654;

  /* Superfícies & Canvas */
  --bg-canvas: #F1F5F9;
  --bg-card: #FFFFFF;
  --bg-card-alt: #F8FAFC;
  --bg-card-hover: #F1F5F9;
  --bg-header: #FFFFFF;

  --pj-surface-page: #F1F5F9;
  --pj-surface-card: #FFFFFF;
  --pj-surface-elevated: #FFFFFF;
  --pj-surface-inner: #F8FAFC;
  --pj-surface-hover: #F1F5F9;
  --pj-surface-overlay: rgba(15, 23, 42, 0.6);

  /* Textos & Tipografia de Alto Contraste */
  --pj-text-primary: #0F172A;
  --pj-text-secondary: #334155;
  --pj-text-muted: #64748B;
  --pj-text-inverse: #FFFFFF;

  /* Bordas Nítidas */
  --pj-border-default: #E2E8F0;
  --pj-border-strong: #CBD5E1;
  --pj-border-focus: #2563EB;
  --border-subtle: #E2E8F0;
  --border-medium: #CBD5E1;

  /* Ações & Feedbacks */
  --pj-action-primary: #B02A45;
  --pj-action-primary-hover: #8E2036;
  --pj-action-secondary: #F1F5F9;
  --pj-action-secondary-hover: #E2E8F0;
  --pj-feedback-success: #059669;
  --pj-feedback-warning: #D97706;
  --pj-feedback-danger: #DC2626;
  --pj-feedback-info: #0284C7;

  color-scheme: light;
}

/* ==========================================================================
   1. CORPO GLOBAL & ESTRUTURA BASE
   ========================================================================== */

[data-theme='light'] body,
.light body {
  background-color: #F1F5F9 !important;
  color: #0F172A !important;
}

/* ==========================================================================
   2. CABEÇALHO CORPORATIVO & HEADER CONTROLS
   ========================================================================== */

[data-theme='light'] .pj-header,
.light .pj-header {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #E2E8F0 !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
}

[data-theme='light'] .pj-brand-logo,
.light .pj-brand-logo {
  filter: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

[data-theme='light'] .pj-brand-title h1,
.light .pj-brand-title h1 {
  color: #062949 !important;
}

[data-theme='light'] .pj-brand-title span,
.light .pj-brand-title span {
  color: #64748B !important;
}

[data-theme='light'] .pj-sync-pill,
.light .pj-sync-pill {
  background-color: #F8FAFC !important;
  border: 1px solid #CBD5E1 !important;
  color: #1E293B !important;
}

[data-theme='light'] .pj-user-selector,
.light .pj-user-selector {
  background-color: #F8FAFC !important;
  border: 1px solid #CBD5E1 !important;
  color: #1E293B !important;
}

[data-theme='light'] .pj-user-selector select,
.light .pj-user-selector select {
  background-color: transparent !important;
  color: #0F172A !important;
}

[data-theme='light'] .pj-escopo-toggle-container,
.light .pj-escopo-toggle-container {
  background-color: #F1F5F9 !important;
  border: 1px solid #CBD5E1 !important;
}

[data-theme='light'] .pj-escopo-btn,
.light .pj-escopo-btn {
  color: #475569 !important;
}

[data-theme='light'] .pj-escopo-btn.active,
.light .pj-escopo-btn.active {
  background-color: #062949 !important;
  color: #FFFFFF !important;
}

/* Botão Toggle de Tema */
.pj-theme-toggle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease;
  background-color: #0a1624;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #FCD34D;
}

[data-theme='light'] .pj-theme-toggle-btn,
.light .pj-theme-toggle-btn {
  background-color: #F8FAFC !important;
  border: 1px solid #CBD5E1 !important;
  color: #0F172A !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}

.pj-theme-toggle-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* ==========================================================================
   3. NAVEGAÇÃO POR ABAS (TABS)
   ========================================================================== */

[data-theme='light'] .pj-nav-tabs,
.light .pj-nav-tabs {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #E2E8F0 !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
}

[data-theme='light'] .pj-tab-btn,
.light .pj-tab-btn {
  color: #475569 !important;
  background-color: transparent !important;
}

[data-theme='light'] .pj-tab-btn:hover,
.light .pj-tab-btn:hover {
  color: #062949 !important;
  background-color: #F1F5F9 !important;
}

[data-theme='light'] .pj-tab-btn.active,
.light .pj-tab-btn.active {
  background: linear-gradient(135deg, #B02A45 0%, #062949 100%) !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(176, 42, 69, 0.25) !important;
}

/* ==========================================================================
   4. CARD DESAFIO DO DIA (META DIÁRIA DINÂMICA)
   ========================================================================== */

[data-theme='light'] .pj-desafio-card,
.light .pj-desafio-card {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-left: 4px solid #0284C7 !important;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.05) !important;
}

[data-theme='light'] .pj-desafio-title,
.light .pj-desafio-title {
  color: #062949 !important;
}

[data-theme='light'] .pj-desafio-sub,
.light .pj-desafio-sub {
  color: #64748B !important;
}

[data-theme='light'] .pj-desafio-metric-item,
.light .pj-desafio-metric-item {
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
}

[data-theme='light'] .pj-desafio-metric-lbl,
.light .pj-desafio-metric-lbl {
  color: #64748B !important;
}

[data-theme='light'] .pj-desafio-metric-sub,
.light .pj-desafio-metric-sub {
  color: #64748B !important;
}

[data-theme='light'] .pj-desafio-progress-container,
.light .pj-desafio-progress-container {
  background: #E2E8F0 !important;
}

/* ==========================================================================
   5. HERO CARD: METAS & PREVISIBILIDADE (GAUGES CIRCULARES)
   ========================================================================== */

[data-theme='light'] .pj-hero-card,
.light .pj-hero-card {
  background-color: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.05) !important;
}

[data-theme='light'] .pj-hero-header,
.light .pj-hero-header {
  border-bottom: 1px solid #E2E8F0 !important;
}

[data-theme='light'] .pj-hero-header h2,
.light .pj-hero-header h2 {
  color: #062949 !important;
}

[data-theme='light'] .pj-hero-header p,
.light .pj-hero-header p {
  color: #64748B !important;
}

[data-theme='light'] .pj-period-toggle,
.light .pj-period-toggle {
  background-color: #E2E8F0 !important;
  border: 1px solid #CBD5E1 !important;
}

[data-theme='light'] .pj-period-btn,
.light .pj-period-btn {
  background: transparent !important;
  background-image: none !important;
  color: #475569 !important;
}

[data-theme='light'] .pj-period-btn span,
.light .pj-period-btn span {
  color: #475569 !important;
}

[data-theme='light'] .pj-period-btn .pj-period-sub,
.light .pj-period-btn .pj-period-sub {
  color: #64748B !important;
  opacity: 1 !important;
}

[data-theme='light'] .pj-period-btn:hover,
.light .pj-period-btn:hover {
  background: #CBD5E1 !important;
  background-image: none !important;
  color: #0F172A !important;
}

[data-theme='light'] .pj-period-btn:hover span,
.light .pj-period-btn:hover span {
  color: #0F172A !important;
}

[data-theme='light'] .pj-period-btn:hover .pj-period-sub,
.light .pj-period-btn:hover .pj-period-sub {
  color: #1E293B !important;
}

[data-theme='light'] .pj-period-btn.active,
.light .pj-period-btn.active {
  background: #FFFFFF !important;
  background-image: none !important;
  color: #062949 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
  border: 1px solid #CBD5E1 !important;
}

[data-theme='light'] .pj-period-btn.active span,
.light .pj-period-btn.active span {
  color: #062949 !important;
  font-weight: 800 !important;
}

[data-theme='light'] .pj-period-btn.active .pj-period-sub,
.light .pj-period-btn.active .pj-period-sub {
  color: #0284C7 !important; /* Azul vivo sky-600 no fundo branco */
  font-weight: 700 !important;
  opacity: 1 !important;
}

[data-theme='light'] #heroMetaVal,
.light #heroMetaVal {
  color: #0F172A !important;
}

/* Card central - Projeção Total e valores de Gauge */
[data-theme='light'] #kpiProjecaoTotalVal,
.light #kpiProjecaoTotalVal,
[data-theme='light'] .pj-gauge-value,
.light .pj-gauge-value {
  color: #062949 !important;
}

[data-theme='light'] .pj-hero-meta-box > div:last-child,
.light .pj-hero-meta-box > div:last-child {
  border-left-color: #E2E8F0 !important;
}

[data-theme='light'] .pj-gauge-card,
.light .pj-gauge-card {
  background-color: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
}

[data-theme='light'] .pj-gauge-card:hover,
.light .pj-gauge-card:hover {
  background-color: #F1F5F9 !important;
}

[data-theme='light'] .pj-gauge-bg,
.light .pj-gauge-bg {
  stroke: #E2E8F0 !important;
}

[data-theme='light'] .pj-gauge-center .pj-gauge-pct,
.light .pj-gauge-center .pj-gauge-pct {
  color: #0F172A !important;
}

[data-theme='light'] .pj-gauge-label,
.light .pj-gauge-label {
  color: #64748B !important;
}

[data-theme='light'] .pj-faturado-discreto-box,
.light .pj-faturado-discreto-box {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
}

[data-theme='light'] .pj-faturado-label,
.light .pj-faturado-label {
  color: #64748B !important;
}

[data-theme='light'] .pj-faturado-row strong,
.light .pj-faturado-row strong {
  color: #0F172A !important;
}

/* ==========================================================================
   6. CARD DE QUALIDADE DO FATURAMENTO (TICKET MÉDIO VS HISTÓRICO)
   ========================================================================== */

[data-theme='light'] .pj-performance-card,
.light .pj-performance-card {
  background-color: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.05) !important;
}

[data-theme='light'] .pj-perf-header h3,
.light .pj-perf-header h3 {
  color: #062949 !important;
}

[data-theme='light'] .pj-perf-header p,
.light .pj-perf-header p {
  color: #64748B !important;
}

[data-theme='light'] .pj-perf-bar-stacked,
.light .pj-perf-bar-stacked {
  background-color: #E2E8F0 !important;
}

[data-theme='light'] .pj-perf-item,
.light .pj-perf-item {
  background-color: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
}

[data-theme='light'] .pj-perf-lbl,
.light .pj-perf-lbl {
  color: #64748B !important;
}

[data-theme='light'] .pj-perf-val,
.light .pj-perf-val {
  color: #0F172A !important;
}

/* ==========================================================================
   7. PAINEL DE ESTRATÉGIA DE VENDAS & ALAVANCAS
   ========================================================================== */

[data-theme='light'] .pj-strategy-panel,
.light .pj-strategy-panel {
  background-color: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.05) !important;
}

[data-theme='light'] .pj-strategy-header,
.light .pj-strategy-header {
  border-bottom: 1px solid #E2E8F0 !important;
}

[data-theme='light'] .pj-strategy-header h2,
.light .pj-strategy-header h2 {
  color: #062949 !important;
}

[data-theme='light'] .pj-strategy-header p,
.light .pj-strategy-header p {
  color: #64748B !important;
}

[data-theme='light'] .pj-strategy-header-icon,
.light .pj-strategy-header-icon {
  background-color: #F1F5F9 !important;
}

[data-theme='light'] .pj-strategy-gap-pill,
.light .pj-strategy-gap-pill {
  background-color: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
  color: #1E293B !important;
}

[data-theme='light'] .pj-strategy-card,
.light .pj-strategy-card {
  background-color: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04) !important;
}

[data-theme='light'] .pj-strategy-card:hover,
.light .pj-strategy-card:hover {
  background-color: #FFFFFF !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08) !important;
}

[data-theme='light'] .pj-strategy-card-desc,
.light .pj-strategy-card-desc {
  color: #475569 !important;
}

[data-theme='light'] .pj-strategy-card-bar-lbl,
.light .pj-strategy-card-bar-lbl {
  color: #64748B !important;
}

[data-theme='light'] .pj-strategy-card-bar-bg,
.light .pj-strategy-card-bar-bg {
  background-color: #E2E8F0 !important;
}

[data-theme='light'] .pj-strategy-footer,
.light .pj-strategy-footer {
  border-top: 1px solid #E2E8F0 !important;
  color: #64748B !important;
}

[data-theme='light'] .btn-shortcut-antecipar,
.light .btn-shortcut-antecipar {
  background-color: #FEF3C7 !important;
  color: #B45309 !important;
  border: 1px solid #FCD34D !important;
}

[data-theme='light'] .btn-shortcut-recuperar,
.light .btn-shortcut-recuperar {
  background-color: #E0F2FE !important;
  color: #0369A1 !important;
  border: 1px solid #BAE6FD !important;
}

/* ==========================================================================
   8. CARDS DE CATEGORIA & CARDS DE KPI (RODAPÉ DO DASHBOARD)
   ========================================================================== */

[data-theme='light'] .pj-category-card,
.light .pj-category-card {
  background-color: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important;
}

[data-theme='light'] .pj-category-card:hover,
.light .pj-category-card:hover {
  background-color: #F8FAFC !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08) !important;
}

[data-theme='light'] .pj-cat-title,
.light .pj-cat-title,
[data-theme='light'] .pj-category-name,
.light .pj-category-name {
  font-weight: 700 !important;
}

[data-theme='light'] .pj-cat-sub,
.light .pj-cat-sub,
[data-theme='light'] .pj-category-subline,
.light .pj-category-subline {
  color: #64748B !important;
}

[data-theme='light'] .pj-cat-val,
.light .pj-cat-val,
[data-theme='light'] .pj-category-val,
.light .pj-category-val {
  color: #062949 !important;
  font-weight: 800 !important;
}

[data-theme='light'] .pj-kpi-card,
.light .pj-kpi-card {
  background-color: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important;
}

[data-theme='light'] .pj-kpi-card:hover,
.light .pj-kpi-card:hover {
  background-color: #F8FAFC !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08) !important;
}

[data-theme='light'] .pj-kpi-header,
.light .pj-kpi-header {
  color: #64748B !important;
}

[data-theme='light'] .pj-kpi-value,
.light .pj-kpi-value {
  color: #062949 !important;
}

[data-theme='light'] .pj-kpi-sub,
.light .pj-kpi-sub {
  color: #64748B !important;
}

/* ==========================================================================
   9. TABELAS (CLIENTES, ORÇAMENTOS, REPRESENTANTES, COLABORADORES)
   ========================================================================== */

[data-theme='light'] .pj-table-container,
.light .pj-table-container {
  background-color: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
}

[data-theme='light'] .pj-table-toolbar,
.light .pj-table-toolbar {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #E2E8F0 !important;
}

[data-theme='light'] .pj-table,
.light .pj-table {
  background-color: #FFFFFF !important;
  color: #0F172A !important;
}

[data-theme='light'] .pj-table thead,
.light .pj-table thead {
  background-color: #F1F5F9 !important;
}

[data-theme='light'] .pj-table th,
.light .pj-table th {
  background-color: #F1F5F9 !important;
  color: #1E293B !important;
  border-bottom: 2px solid #CBD5E1 !important;
}

[data-theme='light'] .pj-table td,
.light .pj-table td {
  background-color: #FFFFFF !important;
  color: #0F172A !important;
  border-bottom: 1px solid #F1F5F9 !important;
}

[data-theme='light'] .pj-table tbody tr:hover td,
.light .pj-table tbody tr:hover td {
  background-color: #F8FAFC !important;
}

[data-theme='light'] .pj-pagination-bar,
.light .pj-pagination-bar {
  background: #F8FAFC !important;
  border-top: 1px solid #E2E8F0 !important;
}

[data-theme='light'] .pj-pagination-info,
.light .pj-pagination-info {
  color: #64748B !important;
}

[data-theme='light'] .pj-page-indicator,
.light .pj-page-indicator {
  color: #0F172A !important;
}

/* ==========================================================================
   10. INPUTS, SELECTS, DROPDOWNS E FORMULÁRIOS
   ========================================================================== */

[data-theme='light'] .pj-search-input,
[data-theme='light'] .pj-filter-select,
[data-theme='light'] .pj-form-input,
[data-theme='light'] .pj-form-textarea,
.light .pj-search-input,
.light .pj-filter-select,
.light .pj-form-input,
.light .pj-form-textarea {
  background-color: #FFFFFF !important;
  color: #0F172A !important;
  border: 1px solid #CBD5E1 !important;
}

[data-theme='light'] .pj-search-input::placeholder,
[data-theme='light'] .pj-form-input::placeholder,
.light .pj-search-input::placeholder,
.light .pj-form-input::placeholder {
  color: #94A3B8 !important;
}

[data-theme='light'] .pj-search-input:focus,
[data-theme='light'] .pj-filter-select:focus,
[data-theme='light'] .pj-form-input:focus,
[data-theme='light'] .pj-form-textarea:focus,
.light .pj-search-input:focus,
.light .pj-filter-select:focus,
.light .pj-form-input:focus,
.light .pj-form-textarea:focus {
  border-color: #2563EB !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
  outline: none !important;
}

[data-theme='light'] option,
.light option {
  background-color: #FFFFFF !important;
  color: #0F172A !important;
}

[data-theme='light'] .pj-form-label,
.light .pj-form-label {
  color: #334155 !important;
}

/* ==========================================================================
   11. BOTÕES & AÇÕES
   ========================================================================== */

[data-theme='light'] .pj-btn-secondary,
.light .pj-btn-secondary,
[data-theme='light'] button.pj-btn-secondary,
.light button.pj-btn-secondary,
[data-theme='light'] label.pj-btn-secondary,
.light label.pj-btn-secondary {
  background: #F1F5F9 !important;
  background-image: none !important;
  color: #1E293B !important;
  border: 1px solid #CBD5E1 !important;
  box-shadow: none !important;
}

[data-theme='light'] .pj-btn-secondary:hover,
.light .pj-btn-secondary:hover,
[data-theme='light'] button.pj-btn-secondary:hover,
.light button.pj-btn-secondary:hover,
[data-theme='light'] label.pj-btn-secondary:hover,
.light label.pj-btn-secondary:hover {
  background: #E2E8F0 !important;
  background-image: none !important;
  color: #0F172A !important;
  border-color: #94A3B8 !important;
}

/* Botão Sair no Header */
[data-theme='light'] .pj-btn-logout,
.light .pj-btn-logout,
[data-theme='light'] #btnHeaderLogout,
.light #btnHeaderLogout {
  background: #FEF2F2 !important;
  background-image: none !important;
  color: #DC2626 !important;
  border: 1px solid #FECACA !important;
}

[data-theme='light'] .pj-btn-logout:hover,
.light .pj-btn-logout:hover,
[data-theme='light'] #btnHeaderLogout:hover,
.light #btnHeaderLogout:hover {
  background: #FEE2E2 !important;
  color: #B91C1C !important;
  border-color: #FCA5A5 !important;
}

/* Botões de Ação Primária ou Perigo (vermelhos) - texto SEMPRE branco puro */
[data-theme='light'] .pj-btn:not(.pj-btn-secondary),
.light .pj-btn:not(.pj-btn-secondary),
[data-theme='light'] .pj-btn-danger,
.light .pj-btn-danger,
[data-theme='light'] .btn-danger,
.light .btn-danger,
[data-theme='light'] .btn-red-action,
.light .btn-red-action {
  color: #FFFFFF !important;
}

[data-theme='light'] .pj-btn-danger,
.light .pj-btn-danger {
  background: #DC2626 !important;
  background-image: none !important;
  color: #FFFFFF !important;
}

[data-theme='light'] .pj-btn-sm,
.light .pj-btn-sm {
  border: 1px solid #CBD5E1 !important;
  background: #FFFFFF !important;
  background-image: none !important;
  color: #1E293B !important;
}

[data-theme='light'] .pj-btn-sm:hover,
.light .pj-btn-sm:hover {
  background: #F1F5F9 !important;
  background-image: none !important;
  border-color: #94A3B8 !important;
}

/* ==========================================================================
   12. CARDS DOS REPRESENTANTES (PAINEL DE REPRESENTANTES)
   ========================================================================== */

[data-theme='light'] .pj-rep-card,
.light .pj-rep-card {
  background-color: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.05) !important;
}

[data-theme='light'] .pj-rep-card:hover,
.light .pj-rep-card:hover {
  background-color: #F8FAFC !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.09) !important;
  border-color: #CBD5E1 !important;
}

[data-theme='light'] .pj-rep-name,
.light .pj-rep-name {
  color: #062949 !important;
}

[data-theme='light'] .pj-rep-carteira-tag,
.light .pj-rep-carteira-tag {
  color: #64748B !important;
}

[data-theme='light'] .pj-rep-rank-badge,
.light .pj-rep-rank-badge {
  background-color: #F1F5F9 !important;
  color: #0284C7 !important;
  border: 1px solid #E2E8F0 !important;
}

[data-theme='light'] .pj-rep-gauge-section,
.light .pj-rep-gauge-section {
  background-color: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
}

[data-theme='light'] .pj-rep-gauge-bg-quadrant,
.light .pj-rep-gauge-bg-quadrant {
  stroke: #E2E8F0 !important;
}

[data-theme='light'] .pj-quadrant-dot,
.light .pj-quadrant-dot {
  background-color: #CBD5E1 !important;
}

[data-theme='light'] .pj-rep-card-footer,
.light .pj-rep-card-footer {
  border-top: 1px solid #E2E8F0 !important;
}

/* Card com Meta Batida no Tema Light */
[data-theme='light'] .pj-rep-card.meta-batida,
.light .pj-rep-card.meta-batida {
  background: linear-gradient(145deg, rgba(16, 185, 129, 0.12) 0%, #FFFFFF 75%) !important;
  border: 1.5px solid rgba(16, 185, 129, 0.7) !important;
  box-shadow: 0 8px 25px rgba(16, 185, 129, 0.2) !important;
}

[data-theme='light'] .pj-rep-card.meta-batida:hover,
.light .pj-rep-card.meta-batida:hover {
  background: linear-gradient(145deg, rgba(16, 185, 129, 0.18) 0%, #F8FAFC 75%) !important;
  border-color: #059669 !important;
  box-shadow: 0 12px 30px rgba(16, 185, 129, 0.3) !important;
}

[data-theme='light'] .pj-meta-batida-badge,
.light .pj-meta-batida-badge {
  background: rgba(16, 185, 129, 0.15) !important;
  border: 1px solid rgba(16, 185, 129, 0.5) !important;
  color: #047857 !important;
}

/* ==========================================================================
   13. POPUPS & MODAIS (LOGIN, ORÇAMENTO, SEMESTRAL, COPILOTO IA, GESTORES)
   ========================================================================== */

[data-theme='light'] .pj-modal-overlay,
.light .pj-modal-overlay {
  background: rgba(15, 23, 42, 0.55) !important;
}

[data-theme='light'] .pj-modal,
[data-theme='light'] .pj-modal-box,
[data-theme='light'] .pj-drawer,
.light .pj-modal,
.light .pj-modal-box,
.light .pj-drawer {
  background-color: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
  color: #0F172A !important;
}

[data-theme='light'] .pj-modal-header,
.light .pj-modal-header {
  background-color: #F8FAFC !important;
  border-bottom: 1px solid #E2E8F0 !important;
}

[data-theme='light'] .pj-modal-header h3,
[data-theme='light'] .pj-modal-header h4,
[data-theme='light'] .pj-modal-header h2,
.light .pj-modal-header h3,
.light .pj-modal-header h4,
.light .pj-modal-header h2 {
  color: #062949 !important;
}

[data-theme='light'] .pj-modal-close,
.light .pj-modal-close {
  color: #64748B !important;
}

[data-theme='light'] .pj-modal-close:hover,
.light .pj-modal-close:hover {
  color: #0F172A !important;
  background-color: #E2E8F0 !important;
}

[data-theme='light'] .pj-modal-footer,
.light .pj-modal-footer {
  background-color: #F8FAFC !important;
  border-top: 1px solid #E2E8F0 !important;
}

[data-theme='light'] .modal-copiloto-box,
.light .modal-copiloto-box {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
}

[data-theme='light'] .copiloto-mensagem-box,
.light .copiloto-mensagem-box {
  background: #F8FAFC !important;
  border: 1px solid #CBD5E1 !important;
}

[data-theme='light'] .copiloto-context-section,
.light .copiloto-context-section {
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
}

[data-theme='light'] .copiloto-match-card,
.light .copiloto-match-card {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
}

[data-theme='light'] .estrategia-alavanca-card,
.light .estrategia-alavanca-card {
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
}

/* ==========================================================================
   14. BADGES DE STATUS
   ========================================================================== */

[data-theme='light'] .badge-comprou,
.light .badge-comprou {
  background-color: rgba(16, 185, 129, 0.15) !important;
  color: #047857 !important;
  border: 1px solid rgba(16, 185, 129, 0.4) !important;
}

[data-theme='light'] .badge-mes-compra,
.light .badge-mes-compra {
  background-color: rgba(34, 197, 94, 0.15) !important;
  color: #15803D !important;
  border: 1px solid rgba(34, 197, 94, 0.4) !important;
}

[data-theme='light'] .badge-atrasado,
.light .badge-atrasado {
  background-color: rgba(239, 68, 68, 0.15) !important;
  color: #B91C1C !important;
  border: 1px solid rgba(239, 68, 68, 0.4) !important;
}

[data-theme='light'] .badge-antecipar,
.light .badge-antecipar {
  background-color: rgba(217, 119, 6, 0.15) !important;
  color: #B45309 !important;
  border: 1px solid rgba(217, 119, 6, 0.4) !important;
}

[data-theme='light'] .badge-recuperar,
.light .badge-recuperar {
  background-color: rgba(2, 132, 199, 0.15) !important;
  color: #0369A1 !important;
  border: 1px solid rgba(2, 132, 199, 0.4) !important;
}

[data-theme='light'] .badge-sondagem,
.light .badge-sondagem {
  background-color: rgba(245, 158, 11, 0.15) !important;
  color: #B45309 !important;
  border: 1px solid rgba(245, 158, 11, 0.4) !important;
}

[data-theme='light'] .badge-nunca-comprou,
.light .badge-nunca-comprou {
  background-color: rgba(100, 116, 139, 0.15) !important;
  color: #334155 !important;
  border: 1px solid rgba(100, 116, 139, 0.4) !important;
}

[data-theme='light'] .badge-nao-compra,
.light .badge-nao-compra {
  background-color: rgba(239, 68, 68, 0.15) !important;
  color: #B91C1C !important;
  border: 1px solid rgba(239, 68, 68, 0.4) !important;
}

[data-theme='light'] .badge-inadimplente,
.light .badge-inadimplente {
  background-color: rgba(225, 29, 72, 0.15) !important;
  color: #9F1239 !important;
  border: 1px solid rgba(225, 29, 72, 0.4) !important;
}

[data-theme='light'] .badge-inadimplente-aviso,
.light .badge-inadimplente-aviso {
  background-color: rgba(217, 119, 6, 0.15) !important;
  color: #B45309 !important;
  border: 1px solid rgba(217, 119, 6, 0.45) !important;
}

[data-theme='light'] .pj-inad-discreet-tag,
.light .pj-inad-discreet-tag {
  background: rgba(217, 119, 6, 0.12);
  border: 1px solid rgba(217, 119, 6, 0.35);
}

[data-theme='light'] .pj-inad-discreet-tag:hover,
.light .pj-inad-discreet-tag:hover {
  background: rgba(217, 119, 6, 0.22);
  border-color: rgba(217, 119, 6, 0.55);
}

/* ==========================================================================
   15. CLASSES DE GLASSMORPHISM & PLAYBOOK / CONFIGS
   ========================================================================== */

[data-theme='light'] .pj-glass-soft,
[data-theme='light'] .pj-glass-medium,
[data-theme='light'] .pj-glass-strong,
.light .pj-glass-soft,
.light .pj-glass-medium,
.light .pj-glass-strong {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
}

[data-theme='light'] .pj-config-card,
.light .pj-config-card {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important;
}

[data-theme='light'] .pj-config-card-header,
.light .pj-config-card-header {
  border-bottom: 1px solid #E2E8F0 !important;
}

[data-theme='light'] .pj-config-card-title,
.light .pj-config-card-title {
  color: #062949 !important;
}

[data-theme='light'] .pj-diag-item,
.light .pj-diag-item {
  border-bottom: 1px solid #F1F5F9 !important;
}

[data-theme='light'] .pj-diag-lbl,
.light .pj-diag-lbl {
  color: #64748B !important;
}

[data-theme='light'] .pj-diag-val,
.light .pj-diag-val {
  color: #0F172A !important;
}

[data-theme='light'] .pj-kb-card,
.light .pj-kb-card {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
}

[data-theme='light'] .pj-kb-title,
.light .pj-kb-title {
  color: #062949 !important;
}

[data-theme='light'] .pj-kb-content,
.light .pj-kb-content {
  color: #334155 !important;
}

/* ==========================================================================
   16. CARDS DA ESTRATÉGIA DE FECHAMENTO (ALAVANCAS IA, INADIMPLÊNCIA, ETC)
   ========================================================================== */

[data-theme='light'] .card-etapa-ticket,
.light .card-etapa-ticket {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-left: 4px solid #0891B2 !important;
  box-shadow: 0 4px 14px rgba(8, 145, 178, 0.08) !important;
}

[data-theme='light'] .card-etapa-inadimplencia-slate,
.light .card-etapa-inadimplencia-slate {
  background: #F8FAFC !important;
  border: 1px solid #CBD5E1 !important;
  border-left: 4px solid #64748B !important;
  box-shadow: 0 4px 14px rgba(100, 116, 139, 0.08) !important;
}

[data-theme='light'] .badge-inadimplencia-slate,
.light .badge-inadimplencia-slate {
  background: #F1F5F9 !important;
  color: #475569 !important;
  border: 1px solid #CBD5E1 !important;
}

[data-theme='light'] .btn-inadimplencia-slate,
.light .btn-inadimplencia-slate {
  background: #E2E8F0 !important;
  color: #1E293B !important;
  border: 1px solid #CBD5E1 !important;
  font-weight: 600 !important;
}

[data-theme='light'] .btn-inadimplencia-slate:hover,
.light .btn-inadimplencia-slate:hover {
  background: #CBD5E1 !important;
}

/* Botões de Ação das Alavancas com Alto Contraste */
[data-theme='light'] .btn-cyan-action,
.light .btn-cyan-action {
  background: rgba(8, 145, 178, 0.12) !important;
  color: #0E7490 !important;
  border: 1px solid rgba(8, 145, 178, 0.3) !important;
  font-weight: 700 !important;
}

[data-theme='light'] .btn-cyan-action:hover,
.light .btn-cyan-action:hover {
  background: #0891B2 !important;
  color: #FFFFFF !important;
}

[data-theme='light'] .badge-cyan,
.light .badge-cyan {
  background: rgba(8, 145, 178, 0.12) !important;
  color: #0E7490 !important;
  border: 1px solid rgba(8, 145, 178, 0.3) !important;
  font-weight: 700 !important;
}

[data-theme='light'] .btn-purple-action,
.light .btn-purple-action {
  background: rgba(99, 102, 241, 0.12) !important;
  color: #4338CA !important;
  border: 1px solid rgba(99, 102, 241, 0.3) !important;
  font-weight: 700 !important;
}

[data-theme='light'] .btn-purple-action:hover,
.light .btn-purple-action:hover {
  background: #4F46E5 !important;
  color: #FFFFFF !important;
}

[data-theme='light'] .badge-purple,
.light .badge-purple {
  background: rgba(99, 102, 241, 0.12) !important;
  color: #4338CA !important;
  border: 1px solid rgba(99, 102, 241, 0.3) !important;
  font-weight: 700 !important;
}

[data-theme='light'] .btn-yellow-action,
.light .btn-yellow-action {
  background: rgba(217, 119, 6, 0.12) !important;
  color: #B45309 !important;
  border: 1px solid rgba(217, 119, 6, 0.3) !important;
  font-weight: 700 !important;
}

[data-theme='light'] .btn-yellow-action:hover,
.light .btn-yellow-action:hover {
  background: #D97706 !important;
  color: #FFFFFF !important;
}

[data-theme='light'] .badge-yellow,
.light .badge-yellow {
  background: rgba(217, 119, 6, 0.12) !important;
  color: #B45309 !important;
  border: 1px solid rgba(217, 119, 6, 0.3) !important;
  font-weight: 700 !important;
}

[data-theme='light'] .badge-pink,
.light .badge-pink {
  background: rgba(225, 29, 72, 0.12) !important;
  color: #BE123C !important;
  border: 1px solid rgba(225, 29, 72, 0.3) !important;
  font-weight: 700 !important;
}

[data-theme='light'] .badge-red,
.light .badge-red {
  background: rgba(220, 38, 38, 0.12) !important;
  color: #B91C1C !important;
  border: 1px solid rgba(220, 38, 38, 0.3) !important;
  font-weight: 700 !important;
}

[data-theme='light'] .pj-gestor-rep-pill,
.light .pj-gestor-rep-pill {
  background: rgba(139, 92, 246, 0.12) !important;
  color: #5B21B6 !important;
  border: 1px solid rgba(139, 92, 246, 0.25) !important;
  font-weight: 600 !important;
}

/* Valores Específicos das Etapas da Estratégia */
[data-theme='light'] .card-etapa-1 .pj-strategy-card-val,
.light .card-etapa-1 .pj-strategy-card-val {
  color: #059669 !important;
}

[data-theme='light'] .card-etapa-novos .pj-strategy-card-val,
.light .card-etapa-novos .pj-strategy-card-val {
  color: #4338CA !important;
}

[data-theme='light'] .card-etapa-inativos .pj-strategy-card-val,
.light .card-etapa-inativos .pj-strategy-card-val {
  color: #D97706 !important;
}

[data-theme='light'] .card-etapa-perdidos .pj-strategy-card-val,
.light .card-etapa-perdidos .pj-strategy-card-val {
  color: #BE123C !important;
}

[data-theme='light'] .card-etapa-ticket .pj-strategy-card-val,
.light .card-etapa-ticket .pj-strategy-card-val {
  color: #0E7490 !important;
}

[data-theme='light'] .card-etapa-3 .pj-strategy-card-val,
.light .card-etapa-3 .pj-strategy-card-val {
  color: #DC2626 !important;
}

[data-theme='light'] .card-etapa-inadimplencia-slate .pj-strategy-card-val,
.light .card-etapa-inadimplencia-slate .pj-strategy-card-val {
  color: #334155 !important;
}

/* Gap Pill na Estratégia de Fechamento */
[data-theme='light'] .pj-strategy-gap-pill,
.light .pj-strategy-gap-pill {
  background-color: #FEF2F2 !important;
  border: 1px solid #FECACA !important;
  padding: 6px 12px !important;
  border-radius: 8px !important;
}

[data-theme='light'] .pj-strategy-gap-label,
.light .pj-strategy-gap-label {
  color: #991B1B !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
}

[data-theme='light'] .pj-strategy-gap-val,
.light .pj-strategy-gap-val {
  color: #DC2626 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

/* Orçamentos */
[data-theme='light'] .pj-orcamento-valor,
.light .pj-orcamento-valor {
  color: #B45309 !important;
  font-weight: 700 !important;
}

/* Representantes */
[data-theme='light'] .pj-rep-card-name,
.light .pj-rep-card-name {
  color: #062949 !important;
}

[data-theme='light'] .pj-rep-card-rank,
.light .pj-rep-card-rank {
  color: #64748B !important;
}

[data-theme='light'] .pj-rep-metric-lbl,
.light .pj-rep-metric-lbl {
  color: #64748B !important;
}

[data-theme='light'] .pj-rep-metric-val,
.light .pj-rep-metric-val {
  color: #0F172A !important;
}

[data-theme='light'] .pj-rep-ring-bg,
.light .pj-rep-ring-bg {
  stroke: #E2E8F0 !important;
}

/* Modal Semestral Box */
[data-theme='light'] .pj-semestral-box,
.light .pj-semestral-box {
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
}

/* Subtextos gerais com legibilidade perfeita */
[data-theme='light'] .pj-gauge-sub,
[data-theme='light'] .pj-perf-item-sub,
[data-theme='light'] .pj-kpi-sub,
.light .pj-gauge-sub,
.light .pj-perf-item-sub,
.light .pj-kpi-sub {
  color: #64748B !important;
}

/* ==========================================================================
   19. MODAL PLANO ESTRATÉGICO IA (#modalEstrategiaIA)
   ========================================================================== */

[data-theme='light'] .modal-estrategia-box,
.light .modal-estrategia-box {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15) !important;
}

[data-theme='light'] .modal-estrategia-body,
.light .modal-estrategia-body {
  background: #FFFFFF !important;
}

[data-theme='light'] .estrategia-diag-card,
.light .estrategia-diag-card {
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
}

[data-theme='light'] .estrategia-diag-label,
.light .estrategia-diag-label {
  color: #64748B !important;
}

[data-theme='light'] .estrategia-diag-val,
.light .estrategia-diag-val {
  color: #062949 !important;
}

[data-theme='light'] .estrategia-diag-prob,
.light .estrategia-diag-prob {
  color: #059669 !important;
  background: #ECFDF5 !important;
  border: 1px solid #A7F3D0 !important;
}

[data-theme='light'] .estrategia-diag-desc,
.light .estrategia-diag-desc {
  color: #334155 !important;
  border-top: 1px solid #E2E8F0 !important;
}

[data-theme='light'] .estrategia-section-title,
.light .estrategia-section-title {
  color: #062949 !important;
  font-weight: 800 !important;
}

[data-theme='light'] .estrategia-alavanca-card,
.light .estrategia-alavanca-card {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}

[data-theme='light'] .estrategia-alavanca-card:hover,
.light .estrategia-alavanca-card:hover {
  border-color: #0066FF !important;
  box-shadow: 0 4px 12px rgba(0, 102, 255, 0.08) !important;
}

[data-theme='light'] .estrategia-alavanca-valor,
.light .estrategia-alavanca-valor {
  color: #062949 !important;
}

[data-theme='light'] .estrategia-alavanca-sub,
.light .estrategia-alavanca-sub {
  color: #64748B !important;
}

[data-theme='light'] .estrategia-alavanca-formula,
.light .estrategia-alavanca-formula {
  background: #F1F5F9 !important;
  border: 1px dashed #CBD5E1 !important;
  color: #0F172A !important;
}

[data-theme='light'] .estrategia-alavanca-tatica,
.light .estrategia-alavanca-tatica {
  color: #475569 !important;
}

[data-theme='light'] .estrategia-script-box,
.light .estrategia-script-box {
  background: #ECFDF5 !important;
  border: 1px solid #A7F3D0 !important;
}

[data-theme='light'] .estrategia-script-content,
.light .estrategia-script-content {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  color: #0F172A !important;
}

[data-theme='light'] .estrategia-acoes-box,
.light .estrategia-acoes-box {
  background: transparent !important;
}

[data-theme='light'] .estrategia-acao-item,
.light .estrategia-acao-item {
  background: #F8FAFC !important;
  border-left: 4px solid #0066FF !important;
  border-top: 1px solid #E2E8F0 !important;
  border-right: 1px solid #E2E8F0 !important;
  border-bottom: 1px solid #E2E8F0 !important;
  color: #1E293B !important;
}

[data-theme='light'] .estrategia-dica-ouro,
.light .estrategia-dica-ouro {
  background: #FFFBEB !important;
  border: 1px solid #FDE68A !important;
}

[data-theme='light'] .estrategia-dica-ouro .copiloto-card-text,
.light .estrategia-dica-ouro .copiloto-card-text,
[data-theme='light'] #modalIaDicaOuroTexto,
.light #modalIaDicaOuroTexto {
  color: #92400E !important;
}

[data-theme='light'] .estrategia-dica-ouro .copiloto-card-title,
.light .estrategia-dica-ouro .copiloto-card-title {
  color: #B45309 !important;
  font-weight: 700 !important;
}

/* ==========================================================================
   20. CONFIGURAÇÕES & PLAYBOOK GRID
   ========================================================================== */

[data-theme='light'] .pj-config-grid,
.light .pj-config-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)) !important;
  gap: 20px !important;
}

[data-theme='light'] .pj-kb-grid,
.light .pj-kb-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 16px !important;
}

[data-theme='light'] .pj-kb-card,
.light .pj-kb-card {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}

[data-theme='light'] .pj-kb-card-title,
.light .pj-kb-card-title {
  color: #062949 !important;
  font-weight: 700 !important;
}

[data-theme='light'] .pj-kb-card-text,
.light .pj-kb-card-text {
  color: #334155 !important;
}

[data-theme='light'] .pj-model-desc-box,
.light .pj-model-desc-box {
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
}

[data-theme='light'] .pj-model-desc-text,
.light .pj-model-desc-text {
  color: #475569 !important;
}

[data-theme='light'] .pj-model-desc-ind,
.light .pj-model-desc-ind {
  color: #0284C7 !important;
}

[data-theme='light'] .pj-model-card-item,
.light .pj-model-card-item {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.03) !important;
}

[data-theme='light'] .pj-model-card-item:hover,
.light .pj-model-card-item:hover {
  border-color: #0066FF !important;
  box-shadow: 0 4px 12px rgba(0, 102, 255, 0.08) !important;
}