/**
 * Tema moderno eEver (P1) — layout tipo CRM de vendas (inspiração Pipedrive).
 *
 * Marca eEver (azul) — NÃO copiar verde/cores oficiais Pipedrive.
 * Escopo: produto eEver (`eevcrm-saas`) apenas.
 * Opt-out: option eev_modern_theme=0.
 *
 * Tokens: docs/arquitetura/CHECKLIST_P1_VISUAL_EEVER.md
 * Fase: vendas-first (login, painel, leads lista/Kanban, ficha negócio).
 */

/*
 * Tipografia: stack corporativa (Helvetica Neue / Arial) — alinhada ao site BNI Brasil.
 * Substitui Inter do Perfex; sem web font (fontes de sistema).
 * Activo quando eev_modern_theme≠0 em qualquer instância (eevcrm.com ou eever.pt).
 */

:root {
  /* Marca eEver — branding/design-tokens.css + identidade_visual v01 */
  --eev-blue: #2563b8;
  --eev-blue-dark: #0b1f3a;
  --eev-orange: #f15a24;
  --eev-primary: var(--eev-blue);
  --eev-primary-hover: #1d4f96;
  --eev-primary-soft: rgba(37, 99, 184, 0.12);
  --eev-sidebar-bg: var(--eev-blue-dark);
  --eev-sidebar-text: #e2e8f0;
  --eev-sidebar-active-bg: var(--eev-blue);
  --eev-sidebar-active-text: #ffffff;
  --eev-surface: #f4f6f9;
  --eev-card: #ffffff;
  --eev-border: #e2e8f0;
  --eev-text: #0b1f3a;
  --eev-muted: #64748b;
  --eev-kanban-col: #e8eef8;
  --eev-deal-value: #0b1f3a;
  --eev-radius: 12px;
  --eev-radius-sm: 8px;
  --eev-shadow: 0 1px 2px rgba(11, 31, 58, 0.06), 0 2px 8px rgba(11, 31, 58, 0.04);
  --eev-shadow-hover: 0 4px 16px rgba(11, 31, 58, 0.12);
  --eev-font: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --eev-font-heading: Arial, "Helvetica Neue", Helvetica, sans-serif;
  --eev-font-size: 14px;
  --eev-font-size-sm: 12.5px;
  --eev-font-size-xs: 11px;
  --eev-line-height: 1.45;
  --eev-tracking-tight: 0;
}

/* —— Typography (só produto; sobrescreve Inter) —— */
html body.admin,
html body.login_admin,
html body.authentication,
body.admin,
body.login_admin,
body.authentication {
  font-family: var(--eev-font) !important;
  font-size: var(--eev-font-size) !important;
  line-height: var(--eev-line-height);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: normal;
}

body.admin h1,
body.admin h2,
body.admin h3,
body.admin h4,
body.admin h5,
body.admin h6,
body.admin .h1,
body.admin .h2,
body.admin .h3,
body.admin .h4,
body.admin .modal-title,
body.admin .panel-heading,
body.admin .tw-font-semibold,
body.admin .tw-font-bold,
body.admin .tw-font-medium,
body.admin .bold,
body.admin strong,
body.login_admin h1,
body.authentication h1 {
  font-family: var(--eev-font-heading) !important;
  letter-spacing: var(--eev-tracking-tight);
}

body.admin .btn,
body.admin .form-control,
body.admin .input-group-addon,
body.admin .dropdown-menu,
body.admin .nav,
body.admin .navbar,
body.admin .table,
body.admin .dataTables_wrapper,
body.admin .select2-container,
body.admin .bootstrap-select .dropdown-toggle,
body.admin aside#menu,
body.admin #header,
body.admin .label,
body.admin .badge,
body.admin .alert,
body.admin .modal,
body.login_admin .btn,
body.login_admin .form-control,
body.authentication .btn,
body.authentication .form-control {
  font-family: var(--eev-font) !important;
}

body.admin .table > thead > tr > th {
  font-size: var(--eev-font-size-xs);
  font-weight: 600;
}

body.admin .small,
body.admin small,
body.admin .text-muted,
body.admin .help-block {
  font-family: var(--eev-font) !important;
  font-size: var(--eev-font-size-sm);
}

body.admin #side-menu li a .menu-text,
body.admin #setup-menu li a .menu-text {
  font-family: var(--eev-font) !important;
  font-weight: 500;
  font-size: 13px;
}

/* —— Admin shell —— */
body.admin {
  background: var(--eev-surface) !important;
  color: var(--eev-text);
}

body.admin #wrapper {
  background: var(--eev-surface);
}

body.admin aside#menu,
body.admin aside#menu.sidebar,
body.admin #menu.sidebar,
body.admin .sidebar {
  background: var(--eev-sidebar-bg) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.06);
}

body.admin aside#menu #side-menu li a,
body.admin aside#menu #setup-menu li a,
body.admin aside#menu #setup-menu-item a,
body.admin aside#menu #side-menu li a .menu-text,
body.admin aside#menu #setup-menu li a .menu-text,
body.admin #side-menu li a,
body.admin #setup-menu li a {
  color: var(--eev-sidebar-text) !important;
  font-weight: 500;
}

/* Font Awesome: peso 500 quebra ícones solid (briefcase, cog, crosshairs → quadrado). */
body.admin aside#menu #side-menu li a i.menu-icon,
body.admin aside#menu #setup-menu li a i.menu-icon,
body.admin aside#menu #setup-menu-item i.menu-icon,
body.admin #side-menu li a i.menu-icon,
body.admin #setup-menu li a i.menu-icon {
  color: var(--eev-sidebar-text) !important;
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free" !important;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
}

body.admin aside#menu i.menu-icon.fa-regular,
body.admin aside#menu i.menu-icon.far {
  font-weight: 400 !important;
}

body.admin aside#menu i.menu-icon.fa-solid,
body.admin aside#menu i.menu-icon.fas,
body.admin aside#menu i.menu-icon.fa-brands,
body.admin aside#menu i.menu-icon.fab,
body.admin aside#menu i.menu-icon.fa:not(.fa-regular):not(.far):not(.fa-brands):not(.fab) {
  font-weight: 900 !important;
}

body.admin aside#menu #side-menu > li.active > a,
body.admin aside#menu #setup-menu > li.active > a,
body.admin aside#menu #side-menu > li > a:hover,
body.admin aside#menu #side-menu > li > a:focus,
body.admin aside#menu #setup-menu > li > a:hover,
body.admin aside#menu #setup-menu > li > a:focus,
body.admin #side-menu > li.active > a,
body.admin #setup-menu > li.active > a,
body.admin #side-menu > li > a:hover,
body.admin #side-menu > li > a:focus,
body.admin #setup-menu > li > a:hover,
body.admin #setup-menu > li > a:focus {
  background: var(--eev-sidebar-active-bg) !important;
  color: var(--eev-sidebar-active-text) !important;
  font-weight: 700 !important;
  border-radius: var(--eev-radius-sm);
  margin: 2px 8px;
  box-shadow: inset 3px 0 0 var(--eev-orange, #f15a24);
}

body.admin aside#menu #side-menu > li.active > a i.menu-icon,
body.admin aside#menu #side-menu > li > a:hover i.menu-icon,
body.admin #side-menu > li.active > a i.menu-icon,
body.admin #side-menu > li > a:hover i.menu-icon {
  color: var(--eev-sidebar-active-text) !important;
}

/* Submenus (Comissões, Oportunidades…) — só o pai fica azul sólido */
body.admin aside#menu #side-menu li .nav-second-level,
body.admin aside#menu #setup-menu li .nav-second-level {
  background: rgba(0, 0, 0, 0.14);
  margin: 2px 10px 8px;
  padding: 4px 0;
  border-radius: var(--eev-radius-sm);
  border-left: 2px solid rgba(26, 83, 161, 0.55);
}

body.admin aside#menu #side-menu li .nav-second-level li a,
body.admin aside#menu #setup-menu li .nav-second-level li a {
  background: transparent !important;
  color: #cbd5e1 !important;
  font-weight: 500 !important;
  font-size: 12.5px !important;
  padding: 7px 12px 7px 42px !important;
  margin: 1px 6px !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 6px !important;
}

body.admin aside#menu #side-menu li .nav-second-level li.active > a,
body.admin aside#menu #side-menu li .nav-second-level li > a:hover,
body.admin aside#menu #side-menu li .nav-second-level li > a:focus,
body.admin aside#menu #setup-menu li .nav-second-level li.active > a,
body.admin aside#menu #setup-menu li .nav-second-level li > a:hover {
  background: var(--eev-primary, #1a53a1) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  box-shadow: inset 3px 0 0 var(--eev-orange, #f15a24);
}

body.admin aside#menu #side-menu li .nav-second-level li a .sub-menu-text,
body.admin aside#menu #side-menu li .nav-second-level li a i.menu-icon {
  color: inherit !important;
}

body.admin aside#menu .sidebar-user-profile > a.profile {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #f8fafc !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  border-radius: var(--eev-radius-sm);
}

body.admin aside#menu .sidebar-user-profile .tw-text-neutral-700,
body.admin aside#menu .sidebar-user-profile .tw-text-neutral-500,
body.admin aside#menu .sidebar-user-profile .tw-text-neutral-300,
body.admin aside#menu .sidebar-user-profile .tw-font-semibold {
  color: #e2e8f0 !important;
}

body.admin #header {
  background: var(--eev-card) !important;
  border-bottom: 1px solid var(--eev-border);
  box-shadow: none;
  min-height: 56px;
}

body.admin #header .navbar-nav > li > a {
  color: var(--eev-text) !important;
}

body.admin .content {
  padding-top: 24px;
  padding-bottom: 32px;
}

body.admin h4.no-margin,
body.admin .tw-font-semibold {
  letter-spacing: -0.02em;
}

/* —— Buttons —— */
body.admin .btn-primary,
body.login_admin .btn-primary,
body.authentication .btn-primary {
  background-color: var(--eev-primary) !important;
  border-color: var(--eev-primary) !important;
  border-radius: var(--eev-radius-sm);
  box-shadow: none;
  font-weight: 600;
}

body.admin .btn-primary:hover,
body.admin .btn-primary:focus,
body.login_admin .btn-primary:hover,
body.authentication .btn-primary:hover {
  background-color: var(--eev-primary-hover) !important;
  border-color: var(--eev-primary-hover) !important;
}

body.admin .btn-default,
body.admin .btn-neutral {
  border-radius: var(--eev-radius-sm);
}

/* —— Panels / widgets / dashboard —— */
body.admin .panel_s,
body.admin .panel,
body.admin .widget {
  background: var(--eev-card);
  border: 1px solid var(--eev-border) !important;
  border-radius: var(--eev-radius) !important;
  box-shadow: var(--eev-shadow);
}

body.admin .widget-dragger {
  background: transparent;
  border: none !important;
  box-shadow: none;
}

body.admin .panel_s > .panel-heading,
body.admin .panel-heading {
  background: transparent !important;
  border-bottom: 1px solid var(--eev-border) !important;
  font-weight: 600;
  color: var(--eev-text);
}

/* Widgets comerciais eEver — tipografia KPI tipo Pipedrive */
body.admin #widget-eev-activities-today,
body.admin #widget-eev-leads-by-stage,
body.admin #widget-eev-leads-no-followup,
body.admin #widget-eev-pipeline-value {
  border: 1px solid var(--eev-border) !important;
  border-radius: var(--eev-radius) !important;
  box-shadow: var(--eev-shadow);
  overflow: visible;
}

body.admin #widget-eev-pipeline-value .tw-text-2xl,
body.admin #widget-eev-pipeline-value .tw-text-primary {
  font-size: 1.75rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em;
  color: var(--eev-primary) !important;
}

body.admin #widget-eev-activities-today .panel-body,
body.admin #widget-eev-leads-by-stage .panel-body,
body.admin #widget-eev-leads-no-followup .panel-body,
body.admin #widget-eev-pipeline-value .panel-body {
  padding: 16px 18px !important;
}

body.admin .dashboard .widget .panel_s {
  transition: box-shadow 0.18s ease;
}

body.admin .dashboard .widget:hover .panel_s {
  box-shadow: var(--eev-shadow-hover);
}

/* —— Tables (lista leads) —— */
body.admin .table > thead > tr > th {
  border-bottom: 1px solid var(--eev-border);
  color: var(--eev-muted);
  font-weight: 600;
  font-size: 11px;
  text-transform: none;
  letter-spacing: 0.01em;
}

body.admin .table > tbody > tr > td {
  border-top-color: var(--eev-border);
  vertical-align: middle;
  padding-top: 12px;
  padding-bottom: 12px;
}

body.admin .table > tbody > tr:hover > td {
  background: rgba(37, 99, 235, 0.03);
}

body.admin .table .label {
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 600;
}

/* Toolbar leads */
body.admin .leads-top-stats .tw-bg-neutral-50,
body.admin .leads-summary,
body.admin [class*="leads-status"] {
  border-radius: var(--eev-radius-sm);
}

body.admin .btn[href*="leads/lead"],
body.admin a.btn-primary[href*="leads"] {
  border-radius: var(--eev-radius-sm);
}

/* —— Leads Kanban (hero comercial) —— */
body.admin .leads-kan-ban {
  gap: 12px;
}

body.admin .kan-ban-col {
  background: transparent;
  padding-right: 8px;
}

body.admin .kan-ban-col-wrapper {
  background: var(--eev-kanban-col) !important;
  border-radius: var(--eev-radius);
  border: 1px solid transparent;
  padding: 0 0 10px;
  min-height: 280px;
}

body.admin .kan-ban-col-wrapper .panel-body.lead-body,
body.admin ul.kan-ban-col:not(.tasks-kanban) > li.kan-ban-col-wrapper > .panel_s {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Leads/Oportunidades — títulos das colunas: respeita cor da etapa + contraste */
body.admin ul.kan-ban-col:not(.tasks-kanban) > li.kan-ban-col-wrapper .panel-heading {
  font-weight: 700;
  font-size: 13px;
  letter-spacing: -0.01em;
  padding: 12px 14px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: var(--eev-radius-sm) var(--eev-radius-sm) 0 0;
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(11, 31, 58, 0.4);
  /* Overlay escuro: etapas pastel continuam legíveis com texto branco */
  box-shadow: inset 0 0 0 9999px rgba(11, 31, 58, 0.32);
}

body.admin ul.kan-ban-col:not(.tasks-kanban) > li.kan-ban-col-wrapper .panel-heading .heading,
body.admin ul.kan-ban-col:not(.tasks-kanban) > li.kan-ban-col-wrapper .panel-heading span,
body.admin ul.kan-ban-col:not(.tasks-kanban) > li.kan-ban-col-wrapper .panel-heading i {
  color: #fff !important;
}

body.admin .kan-ban-content-wrapper {
  padding: 0 8px;
}

body.admin .lead-kan-ban,
body.admin .kanban-card,
body.admin .panel_s[data-lead-id],
body.admin .kan-ban-content .panel_s {
  list-style: none;
  margin-bottom: 8px !important;
}

body.admin .lead-kan-ban .panel-body.lead-body,
body.admin .kan-ban-content .lead-body {
  background: var(--eev-card) !important;
  border: 1px solid var(--eev-border) !important;
  border-radius: var(--eev-radius-sm) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
  padding: 12px 12px 10px !important;
  transition: box-shadow 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

body.admin .lead-kan-ban .panel-body.lead-body:hover {
  box-shadow: var(--eev-shadow-hover) !important;
  border-color: #cbd5e1 !important;
}

body.admin .lead-kan-ban .lead-name a,
body.admin .kanban-card .lead-name,
body.admin .kan-ban-content .lead-name,
body.admin .panel_s[data-lead-id] .bold {
  font-weight: 600;
  color: var(--eev-text);
  font-size: 13px;
}

body.admin .lead-kan-ban .eev-deal-value,
body.admin .kan-ban-content .eev-deal-value {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--eev-deal-value) !important;
  letter-spacing: -0.02em;
  margin-top: 4px !important;
}

body.admin .lead-kan-ban .eev-deal-source {
  color: var(--eev-muted) !important;
  font-size: 12px !important;
}

body.admin .eev-kanban-prob {
  background: var(--eev-primary-soft) !important;
  color: var(--eev-primary) !important;
  border: none !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  padding: 3px 8px !important;
}

body.admin .eev-kanban-stale {
  background: #fef3c7 !important;
  color: #b45309 !important;
  border: none !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  font-size: 11px !important;
}

body.admin .eev-kanban-overdue {
  border-radius: 999px !important;
  font-weight: 700 !important;
}

body.admin .lead-kan-ban.eev-card-stale .panel-body.lead-body {
  border-left: 3px solid #f59e0b !important;
}

body.admin .lead-kan-ban.eev-card-overdue .panel-body.lead-body {
  border-left: 3px solid #ef4444 !important;
}

body.admin .eev-kanban-close {
  font-size: 11px !important;
  color: var(--eev-muted) !important;
}

body.admin .eev-ritual-pill {
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 5px 10px !important;
}

body.admin .eev-deal-ritual .btn-primary {
  font-weight: 600;
}

body.admin .kanban-empty {
  color: var(--eev-muted);
  padding: 28px 12px !important;
}

body.admin .kanban-empty::after {
  content: "Arraste negócios para cá ou crie um novo.";
  display: block;
  font-size: 12px;
  margin-top: 6px;
  opacity: 0.85;
}

/* —— Kanban TAREFAS (cards brancos ≠ fundo da coluna) —— */
body.admin ul.kan-ban-col.tasks-kanban > li.kan-ban-col-wrapper > .panel_s {
  background: var(--eev-kanban-col) !important;
  border: 1px solid var(--eev-border) !important;
  border-radius: var(--eev-radius) !important;
  box-shadow: var(--eev-shadow) !important;
  overflow: hidden;
}

body.admin ul.kan-ban-col.tasks-kanban .panel-heading {
  font-weight: 600 !important;
  font-size: 13px !important;
  letter-spacing: -0.01em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
  text-shadow: 0 1px 1px rgba(11, 31, 58, 0.25);
}

body.admin ul.kan-ban-col.tasks-kanban .kan-ban-content {
  background: transparent !important;
  padding: 8px !important;
}

body.admin ul.kan-ban-col.tasks-kanban li.task {
  list-style: none;
  margin-bottom: 8px;
}

body.admin ul.kan-ban-col.tasks-kanban li.task .panel-body {
  background: var(--eev-card) !important;
  border: 1px solid var(--eev-border) !important;
  border-radius: var(--eev-radius-sm) !important;
  box-shadow: var(--eev-shadow) !important;
  padding: 12px 14px !important;
  margin: 0 !important;
  transition: box-shadow 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

body.admin ul.kan-ban-col.tasks-kanban li.task .panel-body:hover {
  box-shadow: var(--eev-shadow-hover) !important;
  border-color: #b4c7e7 !important;
}

body.admin ul.kan-ban-col.tasks-kanban li.task .task-name a {
  color: var(--eev-text) !important;
  font-weight: 600;
}

body.admin ul.kan-ban-col.tasks-kanban li.task.overdue-task .panel-body {
  border-left: 3px solid var(--eev-orange) !important;
}

body.admin ul.kan-ban-col.tasks-kanban .kanban-empty::after {
  content: "Arraste tarefas para cá ou crie uma nova.";
}

body.admin ul.kan-ban-col.tasks-kanban .kanban-load-more .btn-default {
  background: var(--eev-card) !important;
  border-color: var(--eev-border) !important;
  border-radius: var(--eev-radius-sm);
}

body.admin ul.kan-ban-col {
  min-height: 140px;
}

body.admin .leads-kan-ban .kan-ban-col-wrapper {
  transition: box-shadow 0.15s ease;
}

body.admin .leads-kan-ban .kan-ban-col-wrapper:hover {
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06);
}

@media (max-width: 767px) {
  body.admin .kan-ban-col {
    min-width: 85vw;
    max-width: 85vw;
  }

  body.admin .leads-kan-ban {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 12px;
  }

  body.admin .kanban-empty {
    padding: 32px 16px !important;
    text-align: center;
  }
}

/* —— Ficha Negócio (lead profile) —— */
body.admin #eev-deals-fields {
  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
  border: 1px solid var(--eev-border);
  border-radius: var(--eev-radius);
  padding: 14px 16px 8px;
  margin-top: 8px;
  margin-bottom: 12px;
  box-shadow: var(--eev-shadow);
}

body.admin #eev-deals-fields > .bold {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--eev-text);
  border-left: 3px solid var(--eev-primary);
  padding-left: 10px;
}

body.admin #eev-deals-fields .form-group label {
  font-size: 12px;
  font-weight: 600;
  color: var(--eev-muted);
}

body.admin #eev-deals-fields input.form-control {
  font-weight: 500;
}

body.admin #lead-modal .modal-content,
body.admin .lead-modal-content {
  border-radius: var(--eev-radius);
  border: 1px solid var(--eev-border);
  box-shadow: var(--eev-shadow-hover);
}

/* —— Login —— */
body.login_admin,
body.authentication {
  background:
    radial-gradient(ellipse 80% 60% at 20% 10%, rgba(26, 83, 161, 0.35), transparent 55%),
    radial-gradient(ellipse 70% 50% at 90% 80%, rgba(11, 31, 58, 0.5), transparent 50%),
    linear-gradient(165deg, #0b1f3a 0%, #1a53a1 52%, #163a72 100%) !important;
  min-height: 100vh;
}

body.login_admin .company-logo,
body.authentication .company-logo {
  margin-bottom: 20px;
}

body.login_admin .authentication-form,
body.login_admin .panel,
body.authentication .authentication-form,
body.authentication .panel,
body.login_admin .mtop40,
body.authentication .mtop40 {
  background: var(--eev-card) !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.35);
  padding: 8px;
}

body.login_admin .btn-primary,
body.authentication .btn-primary {
  min-height: 44px;
  font-weight: 600;
  width: 100%;
  border-radius: var(--eev-radius-sm);
}

body.login_admin input.form-control,
body.authentication input.form-control {
  border-radius: var(--eev-radius-sm);
  border-color: var(--eev-border);
  min-height: 44px;
  font-family: var(--eev-font);
}

body.login_admin input.form-control:focus,
body.authentication input.form-control:focus {
  border-color: var(--eev-primary);
  box-shadow: 0 0 0 3px var(--eev-primary-soft);
}

/* —— Forms —— */
body.admin .form-control {
  border-radius: var(--eev-radius-sm);
  border-color: var(--eev-border);
  font-family: var(--eev-font);
}

body.admin .form-control:focus {
  border-color: var(--eev-primary);
  box-shadow: 0 0 0 3px var(--eev-primary-soft);
}

/* —— Labels / badges —— */
body.admin .label {
  border-radius: 6px;
  font-weight: 600;
}

/* Motion sutil (presença, não ruído) */
@keyframes eev-fade-up {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

body.admin .dashboard .widget,
body.admin .lead-kan-ban .lead-body {
  animation: eev-fade-up 0.35s ease both;
}

/* —— Onda A UX: painel Definições (setup) — fundo claro + X visível —— */
body.admin #setup-menu-wrapper.sidebar {
  background: var(--eev-card) !important;
  border-right: 1px solid var(--eev-border);
  box-shadow: 4px 0 24px rgba(11, 31, 58, 0.1);
  z-index: 1002 !important;
}

body.admin #setup-menu-wrapper .customizer-heading {
  color: var(--eev-text) !important;
  font-weight: 600;
}

body.admin #setup-menu-wrapper .close-customizer,
body.admin #setup-menu-wrapper .close-customizer i.fa {
  color: var(--eev-muted) !important;
  opacity: 1 !important;
}

body.admin #setup-menu-wrapper .close-customizer:hover,
body.admin #setup-menu-wrapper .close-customizer:focus,
body.admin #setup-menu-wrapper .close-customizer:hover i.fa {
  color: var(--eev-text) !important;
  background: rgba(11, 31, 58, 0.08) !important;
  border-radius: 6px;
}

body.admin #setup-menu-wrapper #setup-menu li a,
body.admin #setup-menu-wrapper #setup-menu li a .menu-text,
body.admin #setup-menu-wrapper #setup-menu li a i.menu-icon,
body.admin #setup-menu-wrapper #setup-menu li a .sub-menu-text {
  color: var(--eev-text) !important;
}

/* Onda G.1: Finanças — pai e filhos com mesma tipografia */
body.admin #setup-menu-wrapper #setup-menu > li > a .menu-text,
body.admin #setup-menu-wrapper #setup-menu li .nav-second-level li a,
body.admin #setup-menu-wrapper #setup-menu li .nav-second-level li a .sub-menu-text {
  font-family: var(--eev-font) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

body.admin #setup-menu-wrapper #setup-menu > li > a:hover,
body.admin #setup-menu-wrapper #setup-menu > li > a:focus,
body.admin #setup-menu-wrapper #setup-menu > li.active > a {
  background: var(--eev-primary-soft) !important;
  color: var(--eev-primary) !important;
  margin: 2px 8px;
  border-radius: var(--eev-radius-sm);
}

body.admin #setup-menu-wrapper #setup-menu > li > a:hover i.menu-icon,
body.admin #setup-menu-wrapper #setup-menu > li.active > a i.menu-icon {
  color: var(--eev-primary) !important;
}

body.admin #setup-menu-wrapper #setup-menu li .nav-second-level {
  background: rgba(11, 31, 58, 0.04) !important;
  border-left: 2px solid var(--eev-primary-soft);
}

body.admin #setup-menu-wrapper #setup-menu li .nav-second-level li a {
  color: var(--eev-muted) !important;
}

body.admin #setup-menu-wrapper #setup-menu li .nav-second-level li.active > a,
body.admin #setup-menu-wrapper #setup-menu li .nav-second-level li > a:hover {
  background: var(--eev-primary-soft) !important;
  color: var(--eev-primary) !important;
}

/* Onda G: setas/chevron visíveis em fundo claro (Definições > Finanças, Ajuda…) */
body.admin #setup-menu-wrapper.sidebar ul.nav li a .arrow,
body.admin #setup-menu-wrapper #setup-menu li a .arrow,
body.admin #setup-menu-wrapper #setup-menu li a .fa-angle-right,
body.admin #setup-menu-wrapper #setup-menu li a .fa-chevron-right {
  color: var(--eev-muted) !important;
  opacity: 1 !important;
}

body.admin #setup-menu-wrapper #setup-menu > li.active > a .arrow,
body.admin #setup-menu-wrapper #setup-menu > li > a:hover .arrow,
body.admin #setup-menu-wrapper #setup-menu > li > a:focus .arrow {
  color: var(--eev-primary) !important;
}

/* —— Onda A: widgets arrastáveis (dragger não cortado) —— */
body.admin .dashboard [data-container] .widget {
  overflow: visible !important;
  position: relative;
}

body.admin .dashboard .widget-dragger {
  color: #94a3b8 !important;
  z-index: 3;
}

body.admin .dashboard .widget-dragger:hover {
  color: var(--eev-primary) !important;
}

/* —— Onda A: contraste texto em fundos claros —— */
body.admin .content .text-muted,
body.admin .panel-body .text-muted,
body.admin .help-block {
  color: var(--eev-muted) !important;
}

body.admin .content .tw-text-neutral-300,
body.admin .content .tw-text-neutral-400,
body.admin .panel-body .tw-text-neutral-300,
body.admin .panel-body .tw-text-neutral-400 {
  color: var(--eev-muted) !important;
}

body.admin .content .tw-text-neutral-500,
body.admin .panel-body .tw-text-neutral-500 {
  color: var(--eev-muted) !important;
}

body.admin .btn-default,
body.admin .btn-default .tw-text-neutral-700,
body.admin .leads-overview button.tw-text-neutral-700 {
  color: var(--eev-text) !important;
}

body.admin .screen-options-area,
body.admin .screen-options-btn {
  color: var(--eev-text);
}

@media (prefers-reduced-motion: reduce) {
  body.admin .dashboard .widget,
  body.admin .lead-kan-ban .lead-body {
    animation: none;
  }
}

/* —— Onda G.5 — Processos: Kanban lista + Definições —— */
body.admin .eev-process-list-kanban {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  align-items: stretch;
  padding-bottom: 8px;
}

body.admin .eev-list-kanban-col {
  min-width: 240px;
  flex: 0 0 240px;
  background: var(--eev-kanban-col, #e8eef8);
  border-radius: var(--eev-radius, 8px);
  padding: 10px;
  min-height: 280px;
  display: flex;
  flex-direction: column;
}

body.admin .eev-list-kanban-col-title {
  border-left: 4px solid var(--eev-primary, #1a53a1);
  padding-left: 8px;
  font-weight: 700;
  font-size: 13px;
  margin-top: 0;
  flex-shrink: 0;
}

body.admin .eev-list-kanban-card {
  display: block;
  background: #fff;
  padding: 10px;
  margin-bottom: 8px;
  border-radius: var(--eev-radius-sm, 6px);
  color: inherit;
  text-decoration: none;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}

body.admin .eev-list-kanban-card:hover {
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.12);
}

/* Tipo seleccionado: texto branco no fundo azul (sem isto o link herda cor escura e some). */
body.admin .eev-process-config-types .list-group-item.active,
body.admin .eev-process-config-types .list-group-item.active:hover,
body.admin .eev-process-config-types .list-group-item.active:focus,
body.admin .eev-process-config-types .list-group-item.active:active,
body.admin .eev-process-config-types a.list-group-item.active,
body.admin .eev-process-config-types a.list-group-item.active:hover,
body.admin .eev-process-config-types a.list-group-item.active:focus {
  background: var(--eev-primary, #1a53a1) !important;
  border-color: var(--eev-primary, #1a53a1) !important;
  color: #fff !important;
  text-decoration: none;
}

body.admin .eev-process-config-types .list-group-item.active.text-muted,
body.admin .eev-process-config-types .list-group-item.active .label {
  color: #fff !important;
}

body.admin .eev-process-config-types .list-group-item.active .label-default {
  background: rgba(255, 255, 255, 0.25);
  color: #fff !important;
}

body.admin .eev-config-section {
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

body.admin .eev-config-section:last-of-type {
  border-bottom: none;
  margin-bottom: 12px;
}

body.admin .eev-config-section-title {
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--eev-muted, #64748b);
  margin: 0 0 12px;
}

body.admin .eev-stage-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 4px;
  vertical-align: middle;
}

/* —— Onda G.2.1b / G.5.7 — GED + etapas com sub-abas —— */
body.admin .eev-stage-panel > summary {
  list-style: none;
  cursor: pointer;
}

body.admin .eev-stage-panel > summary::-webkit-details-marker {
  display: none;
}

body.admin .eev-stage-tabs {
  margin-top: 12px;
  border-bottom: 1px solid rgba(15, 23, 42, 0.1);
}

body.admin .eev-stage-tabs > li > a {
  font-size: 13px;
  padding: 8px 12px;
}

body.admin .eev-stage-tabs .badge {
  margin-left: 4px;
  background: var(--eev-primary, #1a53a1);
}

body.admin .eev-stage-tab-content {
  padding-top: 4px;
  min-height: 80px;
}

body.admin .eev-checklist-item {
  border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

body.admin .eev-checklist-done {
  color: var(--eev-muted, #64748b);
  text-decoration: line-through;
}

body.admin .eev-stage-list-item:last-child {
  border-bottom: none !important;
}

body.admin .eev-rgpd-send .form-inline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

/* Checklist picker — checkboxes visíveis (G.5.6 / G.3.3) */
body.admin .eev-checklist-picker {
  margin-top: 8px;
}

body.admin .eev-checklist-pick-item {
  display: flex !important;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  margin: 0 0 10px;
  padding: 8px 10px;
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 6px;
  background: #fff;
  font-weight: 500 !important;
}

body.admin .eev-checklist-pick-item input[type="checkbox"] {
  opacity: 1 !important;
  position: static !important;
  width: 16px;
  height: 16px;
  margin: 2px 0 0 !important;
  flex-shrink: 0;
}

/* —— UX-01 — listas 4 zonas: mobile cards —— */
@media (max-width: 767px) {
  body.admin .eev-ux-table-wrap {
    display: none;
  }
  body.admin .eev-ux-cards {
    display: block;
  }
}
@media (min-width: 768px) {
  body.admin .eev-ux-cards {
    display: none;
  }
}
body.admin .eev-ux-list-card {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  padding: 12px 14px;
  margin-bottom: 10px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

/* —— UX-02 — ficha Processo: submenu lateral —— */
body.admin .eev-process-profile .eev-process-tabs a {
  text-decoration: none;
}
body.admin .eev-process-profile .content {
  max-width: none;
}
@media (min-width: 768px) {
  body.admin .eev-process-profile .eev-process-aside {
    position: sticky;
    top: 12px;
    align-self: flex-start;
    z-index: 20;
    max-height: calc(100vh - 24px);
    overflow-y: auto;
  }
}