/* ============================================================================
   emanuelconectacrm — TEMA CLARO (fundo branco) v2.3.0
   Override dos tokens do design system + correções de contraste.
   Carregado por último: vira o tema ativo. Mantém identidade Riwer (lima/azul).
   ========================================================================== */
:root{
  /* superfícies (claras) */
  --black:#ffffff;
  --dark-1:#eef1f5;            /* fundo do body */
  --dark-2:#ffffff;            /* painéis, sidebar, modais, colunas */
  --dark-3:#f4f6f9;            /* cards, inputs, toasts */
  --dark-4:#e9edf2;
  --dark-5:#dde2e9;
  --surface:#ffffff; --surface-2:#f7f9fc;

  /* texto (escuro) */
  --white:#ffffff;
  --text-white:#1b2027;        /* texto principal agora é escuro */
  --text-soft:#2b313a;
  --text-muted:#69707b;
  --text-dim:#9aa2ae;
  --text-on-lime:#0c1300;

  /* lima p/ TEXTO no branco (escura e legível) + tints */
  --primary-ink:#4f6a00;
  --primary-soft:rgba(120,160,0,.16);
  --primary-softer:rgba(120,160,0,.08);
  --secondary-soft:rgba(45,84,255,.12);

  /* bordas claras */
  --border-dark:#e6e9ee; --border-mid:#d7dce3; --border-soft:rgba(20,26,34,.09); --border-strong:#c2c9d3;

  /* sombras suaves */
  --shadow-xs:0 1px 2px rgba(20,26,34,.06);
  --shadow-sm:0 1px 4px rgba(20,26,34,.08);
  --shadow-md:0 4px 16px rgba(20,26,34,.10);
  --shadow-lg:0 10px 30px rgba(20,26,34,.13);
  --shadow-xl:0 20px 48px rgba(20,26,34,.18);
  --shadow-glow:0 4px 18px rgba(var(--primary-rgb),.45);
  --shadow-glow-strong:0 6px 26px rgba(var(--primary-rgb),.55);
  --shadow-glow-blue:0 4px 18px rgba(var(--secondary-rgb),.28);
  --shadow-inset:inset 0 1px 0 rgba(255,255,255,.6);

  --grad-card:linear-gradient(180deg,#ffffff,#f7f9fc);
  --grad-shimmer:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);
}

/* ── login claro ── */
#login-view{background:
  radial-gradient(circle at 74% 16%,rgba(var(--primary-rgb),.22),transparent 40%),
  radial-gradient(circle at 18% 84%,rgba(var(--secondary-rgb),.12),transparent 42%),
  #eef1f5}
#login-view::before{opacity:.5}
.login-card{background:#fff;border-color:var(--border-mid);box-shadow:var(--shadow-xl)}

/* ── correções de elementos que assumiam fundo escuro ── */
/* botão ghost: borda translúcida branca some no claro */
.btn-ghost{border-color:var(--border-mid)}
.btn-ghost:hover{background:var(--primary-softer)}
/* hovers que iam pra branco (invisíveis no claro) → escuro */
.alert .alert-x:hover,.modal .modal-close:hover,.toast .toast-x:hover,
.search-box .clear-search:hover,.notif-btn:hover,.dropdown-item:hover{color:var(--text-white)}
.modal .modal-close:hover{background:var(--dark-4)}
.sidebar .logout-link:hover{color:var(--danger)}
/* drawer/menu-toggle */
.menu-toggle{color:var(--text-white)}

/* sidebar/nav no claro */
.sidebar{box-shadow:var(--shadow-sm)}
.nav-item.active{background:var(--primary-soft)}

/* inputs no claro */
input,select,textarea{background-color:#fff}
input:focus,select:focus,textarea:focus{background-color:#fff}
.search-box input{background-color:#fff}
/* select: shorthand COMPLETO (cor + seta + no-repeat + posição) — imune a ordem/cache */
select,select:focus{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2369707b' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right var(--fib-13) center}

/* kanban no claro */
.column{box-shadow:var(--shadow-xs)}
.card{box-shadow:var(--shadow-xs)}
.card:hover{box-shadow:var(--shadow-md)}

/* tabela: zebra mais visível no claro */
.table-zebra tbody tr:nth-child(even){background:rgba(20,26,34,.025)}
tbody tr:hover{background:var(--dark-3)}

/* toast no claro */
.toast{background:#fff;border-color:var(--border-mid)}

/* topbar wa-badge / botões de ícone */
.wa-badge{background:#fff}
.notif-btn,.menu-toggle{background:var(--dark-3)}

/* donut track / barras (mantêm cor, fundo claro) */
.donut{background:conic-gradient(var(--primary) var(--p,0%),var(--dark-4) 0)}
.donut::before{background:#fff}

/* command palette no claro */
.cmdk{background:#fff}
.cmdk-item.active,.cmdk-item:hover{background:var(--primary-soft)}

/* callout/banner barra lateral em lima escura p/ contraste */
.callout{border-left-color:var(--primary-ink)}

/* scrollbar mais clara */
::-webkit-scrollbar-thumb{background:#cfd5dd;border-color:var(--dark-1)}
::-webkit-scrollbar-thumb:hover{background:#b8bfc9}

/* texto sobre fundos coloridos continua claro (badges/botões coloridos) */
.btn-primary,.btn-secondary{color:var(--text-on-lime)}
.btn-secondary{color:#fff}
.badge-secondary{color:#1e3a8a}
.badge-success{color:#0f6b3f}
.badge-danger{color:#b42330}
.badge-warning{color:#9a5b00}

/* empty icon / skeleton no claro */
.empty .empty-icon{background:var(--dark-3);color:var(--text-dim)}
.skeleton{background:linear-gradient(90deg,#eef1f5 25%,#e2e7ee 37%,#eef1f5 63%);background-size:400% 100%}

/* selection */
::selection{background:var(--primary-soft);color:var(--primary-ink)}