/* ===================================================
   Lucrei CRM - Light Mode Overrides
   Toggle via body.light-mode class
=================================================== */

body.light-mode {
  --bg:           #f1f5f9;
  --card:         #ffffff;
  --card-border:  #e2e8f0;
  --text:         #1e293b;
  --text-muted:   #64748b;
  --border:       #e2e8f0;
  --shadow:       0 4px 20px rgba(0,0,0,0.08);
}

body.light-mode ::-webkit-scrollbar-track { background: #f1f5f9; }
body.light-mode ::-webkit-scrollbar-thumb { background: #cbd5e1; }
body.light-mode ::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

body.light-mode .adm-input,
body.light-mode .adm-select,
body.light-mode .adm-textarea {
  background: #f8fafc;
  color: #1e293b;
}

body.light-mode .topbar-site-select {
  background: #f8fafc;
  color: #1e293b;
}

body.light-mode .chat-input-area textarea {
  background: #f8fafc;
  color: #1e293b;
}

body.light-mode .code-block {
  background: #1e293b;
  color: #7dd3fc;
}

body.light-mode .api-key-box {
  background: #f8fafc;
}

body.light-mode .segment-card {
  background: #f8fafc;
}

body.light-mode .chat-bubble-in {
  background: #e2e8f0;
  color: #1e293b;
}

body.light-mode .adm-table tbody tr:hover {
  background: rgba(59,130,246,0.04);
}

body.light-mode .sidebar-nav a:hover,
body.light-mode .sidebar-nav-item:hover {
  background: rgba(59,130,246,0.06);
}

body.light-mode .sidebar-nav a.active,
body.light-mode .sidebar-nav-item.active {
  background: rgba(59,130,246,0.1);
}

body.light-mode .topbar-icon-btn:hover { background: #e2e8f0; }
body.light-mode .topbar-user:hover { background: #e2e8f0; }
body.light-mode .dropdown-item:hover { background: #f1f5f9; }

body.light-mode .adm-badge-new,
body.light-mode .adm-badge-blue { background: rgba(59,130,246,0.1); }

body.light-mode .adm-badge-paid,
body.light-mode .adm-badge-green,
body.light-mode .adm-badge-completed,
body.light-mode .adm-badge-connected { background: rgba(34,197,94,0.1); }

body.light-mode .adm-badge-churned,
body.light-mode .adm-badge-red,
body.light-mode .adm-badge-expired,
body.light-mode .adm-badge-disconnected { background: rgba(239,68,68,0.1); }

body.light-mode .adm-stat:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.08); }

body.light-mode .adm-modal-overlay { background: rgba(0,0,0,0.3); }
body.light-mode .adm-drawer-overlay { background: rgba(0,0,0,0.2); }

/* Transition suave ao mudar tema */
body,
body *,
body *::before,
body *::after {
  transition-property: background-color, border-color, color;
  transition-duration: 0.2s;
  transition-timing-function: ease;
}

/* Evitar transição em elementos animados */
body .toast,
body .adm-modal,
body .adm-drawer,
body .dropdown {
  transition: none;
}