/* =========================================================
   SAFE DASHBOARD PREMIUM PREVIEW
   Visual only. Does not alter IDs, JS, Firebase, routes or data.
========================================================= */

body.caio-emerald-ui .page-chip,
body.caio-emerald-ui .page-chip-hidden{
  display:none!important;
}

body.caio-emerald-ui .premium-topbar,
body.caio-emerald-ui .topbar{
  min-height:72px!important;
  padding:16px 26px!important;
  border-radius:18px!important;
  margin:16px 20px 14px!important;
  background:linear-gradient(135deg, rgba(5,20,13,.92), rgba(4,16,11,.78))!important;
  border:1px solid rgba(71,255,155,.16)!important;
  box-shadow:0 20px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06)!important;
  backdrop-filter:blur(20px)!important;
}

body.caio-emerald-ui #pageTitle{
  color:#ffffff!important;
  font-size:1.45rem!important;
  font-weight:900!important;
  letter-spacing:-.03em!important;
  text-shadow:0 2px 12px rgba(0,0,0,.35)!important;
}

body.caio-emerald-ui .live-date{
  color:rgba(224,255,235,.76)!important;
  font-weight:700!important;
}

body.caio-emerald-ui .content.premium-content{
  padding:0 20px 28px!important;
}

/* Hero Dashboard */
body.caio-emerald-ui #dashboardTopHero,
body.caio-emerald-ui .dashboard-top-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1.7fr) minmax(330px,.78fr)!important;
  gap:18px!important;
  padding:22px!important;
  margin:0 0 16px!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 14% 10%, rgba(42,255,132,.14), transparent 34%),
    radial-gradient(circle at 80% 0%, rgba(34,197,94,.10), transparent 30%),
    linear-gradient(145deg, rgba(5,24,14,.88), rgba(2,12,8,.86))!important;
  border:1px solid rgba(74,255,158,.18)!important;
  box-shadow:0 28px 100px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.06)!important;
  overflow:hidden!important;
}

body.caio-emerald-ui #dashboardTopHero::before{
  content:"";
  position:absolute;
  inset:auto -10% -60% auto;
  width:430px;
  height:430px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(37,255,126,.14), transparent 62%);
  pointer-events:none;
}

body.caio-emerald-ui .dashboard-hero-chip{
  display:inline-flex!important;
  width:max-content!important;
  align-items:center!important;
  gap:8px!important;
  margin-bottom:18px!important;
  padding:8px 13px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  color:#f8fafc!important;
  font-size:.78rem!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.02em!important;
}

body.caio-emerald-ui .dashboard-hero-chip::before{
  content:"";
  width:8px;height:8px;border-radius:50%;
  background:#25f47a;
  box-shadow:0 0 18px rgba(37,244,122,.8);
}

body.caio-emerald-ui .dashboard-hero-title{
  color:#ffffff!important;
  max-width:850px!important;
  font-size:clamp(2.05rem, 3.2vw, 3.35rem)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
  font-weight:950!important;
  margin:0 0 10px!important;
  text-shadow:0 16px 38px rgba(0,0,0,.35)!important;
}

body.caio-emerald-ui .dashboard-hero-title::first-letter{
  color:#ffffff!important;
}

body.caio-emerald-ui .dashboard-hero-title strong,
body.caio-emerald-ui .dashboard-hero-title em{
  color:#25f47a!important;
}

body.caio-emerald-ui .dashboard-hero-subtitle{
  color:rgba(230,255,238,.82)!important;
  font-size:1rem!important;
  font-weight:700!important;
  margin:0 0 20px!important;
}

body.caio-emerald-ui .dashboard-hero-highlights{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(145px,1fr))!important;
  gap:12px!important;
  margin:18px 0 18px!important;
}

body.caio-emerald-ui .dashboard-highlight-card,
body.caio-emerald-ui #dashboard .dashboard-highlight-card{
  position:relative!important;
  min-height:112px!important;
  padding:17px 18px!important;
  border-radius:18px!important;
  background:linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025))!important;
  border:1px solid rgba(134,255,190,.15)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}

body.caio-emerald-ui .dashboard-highlight-card small{
  color:rgba(243,255,246,.82)!important;
  text-transform:uppercase!important;
  font-weight:900!important;
  font-size:.72rem!important;
  letter-spacing:.05em!important;
}

body.caio-emerald-ui .dashboard-highlight-card strong{
  display:block!important;
  margin:6px 0 5px!important;
  color:#ffffff!important;
  font-size:1.8rem!important;
  line-height:1!important;
  font-weight:950!important;
}

body.caio-emerald-ui .dashboard-highlight-card span{
  color:rgba(226,255,235,.76)!important;
  font-size:.86rem!important;
  line-height:1.25!important;
  font-weight:650!important;
}

body.caio-emerald-ui .dashboard-hero-actions{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}

body.caio-emerald-ui .dashboard-hero-actions .btn,
body.caio-emerald-ui #dashboard .btn{
  min-height:44px!important;
  border-radius:10px!important;
  font-weight:900!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
}

body.caio-emerald-ui .dashboard-hero-actions .btn-primary,
body.caio-emerald-ui #dashboard .btn-primary{
  background:linear-gradient(135deg,#18d466,#25f47a)!important;
  color:#021108!important;
  border:0!important;
}

body.caio-emerald-ui .dashboard-hero-actions .btn-soft,
body.caio-emerald-ui #dashboard .btn-soft{
  background:rgba(255,255,255,.075)!important;
  color:#ffffff!important;
  border:1px solid rgba(255,255,255,.14)!important;
}

body.caio-emerald-ui .dashboard-hero-side{
  display:grid!important;
  gap:10px!important;
  align-content:start!important;
}

body.caio-emerald-ui .dashboard-hero-side-card{
  padding:15px 16px!important;
  border-radius:15px!important;
  background:linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.035))!important;
  border:1px solid rgba(216,255,228,.16)!important;
  color:#eaffef!important;
}

body.caio-emerald-ui .dashboard-hero-side-card h4,
body.caio-emerald-ui .dashboard-spot-item strong{
  color:#35f27e!important;
  margin:0 0 6px!important;
  font-size:1rem!important;
  font-weight:950!important;
}

body.caio-emerald-ui .dashboard-hero-side-card p,
body.caio-emerald-ui .dashboard-spot-item span{
  color:rgba(245,255,248,.86)!important;
  font-weight:700!important;
}

/* KPI cards */
body.caio-emerald-ui #dashboard .stats-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  margin:0 0 16px!important;
}

body.caio-emerald-ui #dashboard .stat.card,
body.caio-emerald-ui #dashboard .card.stat{
  min-height:128px!important;
  border-radius:18px!important;
  padding:18px!important;
  background:
    radial-gradient(circle at 86% 25%, rgba(35,244,122,.18), transparent 25%),
    linear-gradient(145deg, rgba(5,28,16,.82), rgba(3,13,9,.90))!important;
  border:1px solid rgba(76,255,158,.16)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.04)!important;
}

body.caio-emerald-ui #dashboard .stat .label{
  color:#defbe7!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  font-size:.78rem!important;
}

body.caio-emerald-ui #dashboard .stat strong{
  display:block!important;
  margin:10px 0 8px!important;
  color:#25f47a!important;
  font-size:2.35rem!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.04em!important;
}

body.caio-emerald-ui #dashboard .stat small{
  color:rgba(235,255,240,.78)!important;
  font-weight:700!important;
}

/* Cards content */
body.caio-emerald-ui #dashboard .card{
  color:#edfdf3!important;
  background:linear-gradient(145deg, rgba(5,24,14,.84), rgba(2,12,8,.88))!important;
  border:1px solid rgba(76,255,158,.16)!important;
  border-radius:20px!important;
  box-shadow:0 20px 70px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.045)!important;
}

body.caio-emerald-ui #dashboard .card-head h3,
body.caio-emerald-ui #dashboard h1,
body.caio-emerald-ui #dashboard h2,
body.caio-emerald-ui #dashboard h3,
body.caio-emerald-ui #dashboard h4{
  color:#ffffff!important;
  font-weight:950!important;
  letter-spacing:-.025em!important;
  text-shadow:0 1px 2px rgba(0,0,0,.35)!important;
}

body.caio-emerald-ui #dashboard .card-head-action{
  color:#042013!important;
  background:#f8fffa!important;
  border:1px solid rgba(255,255,255,.7)!important;
  border-radius:999px!important;
  padding:10px 14px!important;
  font-weight:900!important;
}

/* Layout table/map */
body.caio-emerald-ui #dashboard .dashboard-map-card{
  margin:0 0 16px!important;
  padding:16px!important;
}

body.caio-emerald-ui #dashboard .dashboard-map-preview-panel{
  min-height:340px!important;
  border-radius:16px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:#020704!important;
}

body.caio-emerald-ui #dashboardMapPreview{
  min-height:340px!important;
}

body.caio-emerald-ui #dashboard .grid-2{
  display:grid!important;
  grid-template-columns:minmax(0,1.1fr) minmax(320px,.8fr)!important;
  gap:16px!important;
}

body.caio-emerald-ui #dashboard .table-wrap{
  border-radius:14px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.08)!important;
}

body.caio-emerald-ui #dashboard table{
  width:100%!important;
  border-collapse:collapse!important;
  color:#eaffef!important;
}

body.caio-emerald-ui #dashboard thead th{
  background:rgba(22,163,74,.24)!important;
  color:#f8fff9!important;
  font-size:.75rem!important;
  text-transform:uppercase!important;
  letter-spacing:.045em!important;
  font-weight:950!important;
}

body.caio-emerald-ui #dashboard tbody td{
  color:#e9fff0!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
  font-weight:650!important;
}

body.caio-emerald-ui #dashboard .dashboard-map-legend,
body.caio-emerald-ui #dashboard .map-legend{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin-top:10px!important;
}

body.caio-emerald-ui #dashboard .dashboard-map-legend *,
body.caio-emerald-ui #dashboard .map-legend *{
  opacity:1!important;
  filter:none!important;
  color:#052314!important;
}

@media (max-width:1180px){
  body.caio-emerald-ui #dashboardTopHero,
  body.caio-emerald-ui .dashboard-top-hero{
    grid-template-columns:1fr!important;
  }
  body.caio-emerald-ui .dashboard-hero-highlights,
  body.caio-emerald-ui #dashboard .stats-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.caio-emerald-ui #dashboard .grid-2{
    grid-template-columns:1fr!important;
  }
}

@media (max-width:680px){
  body.caio-emerald-ui .content.premium-content{padding:0 10px 18px!important;}
  body.caio-emerald-ui .premium-topbar{margin:10px!important;}
  body.caio-emerald-ui .dashboard-hero-highlights,
  body.caio-emerald-ui #dashboard .stats-grid{
    grid-template-columns:1fr!important;
  }
  body.caio-emerald-ui .dashboard-hero-title{font-size:2rem!important;}
}


/* =========================================================
   PAINEL PREMIUM ORGANIZADO - SOMENTE VISUAL
   Mantém Firebase, rotas, login, mapa e lógica intactos.
   ========================================================= */

/* Área geral do painel */
#painel,
.painel,
.dashboard,
.dashboard-page,
.page-dashboard,
[data-page="painel"],
[data-view="painel"] {
  --panel-bg: rgba(4, 18, 13, .76);
  --panel-bg-2: rgba(8, 31, 22, .68);
  --panel-border: rgba(34, 197, 94, .22);
  --panel-border-soft: rgba(255,255,255,.08);
  --panel-text: #f8fafc;
  --panel-muted: rgba(226, 232, 240, .78);
  --panel-green: #22c55e;
  --panel-green-2: #16a34a;
  --panel-blue: #38bdf8;
  --panel-orange: #f59e0b;
  --panel-purple: #a855f7;
  color: var(--panel-text) !important;
}

/* Conteúdo com largura e respiro parecidos com preview */
#painel main,
.painel main,
.dashboard main,
.dashboard-page main,
.page-dashboard main,
#painel .content,
.painel .content,
.dashboard .content,
.dashboard-page .content,
.page-dashboard .content,
#painel .main-content,
.painel .main-content,
.dashboard .main-content {
  max-width: 1680px !important;
  margin: 0 auto !important;
  padding: 18px 24px 32px !important;
}

/* Hero principal do dashboard: duas colunas */
#painel .hero,
.painel .hero,
.dashboard .hero,
#painel .dashboard-hero,
.painel .dashboard-hero,
.dashboard .dashboard-hero,
#painel .executive-panel,
.painel .executive-panel,
.dashboard .executive-panel {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 520px !important;
  gap: 24px !important;
  align-items: stretch !important;
  padding: 24px !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 18% 15%, rgba(34,197,94,.18), transparent 34%),
    linear-gradient(135deg, rgba(5,20,14,.92), rgba(2,10,7,.86)) !important;
  border: 1px solid var(--panel-border) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05) !important;
}

/* Caso o hero não tenha classe, aplica no primeiro bloco grande do painel */
#painel > section:first-of-type,
.painel > section:first-of-type,
.dashboard > section:first-of-type,
.dashboard-page > section:first-of-type {
  border-radius: 24px !important;
}

/* Badge "Dashboard" */
#painel .badge,
.painel .badge,
.dashboard .badge,
#painel .eyebrow,
.painel .eyebrow,
.dashboard .eyebrow,
#painel [class*="badge"],
.painel [class*="badge"],
.dashboard [class*="badge"] {
  color: #d1fae5 !important;
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 999px !important;
  padding: 7px 12px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
}

/* Títulos brancos e com hierarquia premium */
#painel h1,
.painel h1,
.dashboard h1,
.dashboard-page h1,
.page-dashboard h1 {
  color: #ffffff !important;
  font-size: clamp(34px, 3.1vw, 56px) !important;
  line-height: .98 !important;
  letter-spacing: -0.055em !important;
  font-weight: 900 !important;
  margin: 18px 0 10px !important;
  text-shadow: 0 2px 14px rgba(0,0,0,.42) !important;
}

#painel h2,
#painel h3,
#painel h4,
.painel h2,
.painel h3,
.painel h4,
.dashboard h2,
.dashboard h3,
.dashboard h4 {
  color: #f8fafc !important;
  opacity: 1 !important;
}

/* Descrição/subtitle */
#painel p,
.painel p,
.dashboard p,
.dashboard-page p {
  color: var(--panel-muted) !important;
}

/* Cards pequenos do topo */
#painel .stats,
.painel .stats,
.dashboard .stats,
#painel .metric-row,
.painel .metric-row,
.dashboard .metric-row,
#painel .kpi-row,
.painel .kpi-row,
.dashboard .kpi-row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(150px, 1fr)) !important;
  gap: 14px !important;
  margin-top: 26px !important;
}

#painel .stat-card,
#painel .metric-card,
#painel .kpi-card,
.painel .stat-card,
.painel .metric-card,
.painel .kpi-card,
.dashboard .stat-card,
.dashboard .metric-card,
.dashboard .kpi-card,
#painel [class*="metric"],
.painel [class*="metric"],
.dashboard [class*="metric"] {
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 88% 18%, rgba(34,197,94,.15), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.022)) !important;
  border: 1px solid rgba(34,197,94,.22) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 12px 32px rgba(0,0,0,.20) !important;
  padding: 20px !important;
  min-height: 112px !important;
  color: #fff !important;
}

#painel .stat-card strong,
#painel .metric-card strong,
#painel .kpi-card strong,
.painel .stat-card strong,
.painel .metric-card strong,
.painel .kpi-card strong,
.dashboard .stat-card strong,
.dashboard .metric-card strong,
.dashboard .kpi-card strong {
  color: #fff !important;
  font-size: 32px !important;
  font-weight: 900 !important;
}

#painel .stat-card small,
#painel .metric-card small,
#painel .kpi-card small,
.painel .stat-card small,
.painel .metric-card small,
.painel .kpi-card small,
.dashboard .stat-card small,
.dashboard .metric-card small,
.dashboard .kpi-card small {
  color: rgba(226,232,240,.78) !important;
}

/* Botões do hero */
#painel button,
.painel button,
.dashboard button,
#painel .btn,
.painel .btn,
.dashboard .btn {
  border-radius: 12px !important;
  font-weight: 800 !important;
}

#painel .btn-primary,
.painel .btn-primary,
.dashboard .btn-primary,
#painel button.primary,
.painel button.primary,
.dashboard button.primary {
  background: linear-gradient(135deg, #22c55e, #16a34a) !important;
  color: #03120c !important;
  border: 0 !important;
  box-shadow: 0 14px 28px rgba(34,197,94,.22) !important;
}

/* Radar do dia: cards empilhados como preview */
#painel .radar,
.painel .radar,
.dashboard .radar,
#painel .radar-card,
.painel .radar-card,
.dashboard .radar-card,
#painel [class*="radar"],
.painel [class*="radar"],
.dashboard [class*="radar"] {
  border-radius: 18px !important;
  color: #fff !important;
}

#painel .radar-list,
.painel .radar-list,
.dashboard .radar-list,
#painel .side-widgets,
.painel .side-widgets,
.dashboard .side-widgets,
#painel .right-panel,
.painel .right-panel,
.dashboard .right-panel {
  display: grid !important;
  gap: 12px !important;
}

#painel .right-panel > *,
.painel .right-panel > *,
.dashboard .right-panel > *,
#painel .side-widgets > *,
.painel .side-widgets > *,
.dashboard .side-widgets > * {
  border-radius: 16px !important;
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  padding: 14px 16px !important;
}

/* Segunda linha de cards grandes */
#painel .summary-grid,
.painel .summary-grid,
.dashboard .summary-grid,
#painel .cards-grid,
.painel .cards-grid,
.dashboard .cards-grid,
#painel .overview-grid,
.painel .overview-grid,
.dashboard .overview-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(180px, 1fr)) !important;
  gap: 18px !important;
  margin: 18px 0 !important;
}

/* Área inferior: tabela + mapa lado a lado */
#painel .dashboard-bottom,
.painel .dashboard-bottom,
.dashboard .dashboard-bottom,
#painel .bottom-grid,
.painel .bottom-grid,
.dashboard .bottom-grid,
#painel .content-grid,
.painel .content-grid,
.dashboard .content-grid {
  display: grid !important;
  grid-template-columns: minmax(420px, .95fr) minmax(520px, 1.25fr) !important;
  gap: 18px !important;
  align-items: stretch !important;
  margin-top: 18px !important;
}

/* Seções de tabela e mapa */
#painel .table-card,
#painel .map-card,
#painel .map-section,
#painel .demand-list,
.painel .table-card,
.painel .map-card,
.painel .map-section,
.painel .demand-list,
.dashboard .table-card,
.dashboard .map-card,
.dashboard .map-section,
.dashboard .demand-list,
#painel section:has(table),
.painel section:has(table),
.dashboard section:has(table) {
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 92% 10%, rgba(34,197,94,.10), transparent 28%),
    rgba(4, 18, 13, .82) !important;
  border: 1px solid rgba(34,197,94,.20) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05) !important;
  padding: 16px !important;
  overflow: hidden !important;
}

/* mapa menor no painel, mas bonito */
#painel .leaflet-container,
.painel .leaflet-container,
.dashboard .leaflet-container {
  border-radius: 18px !important;
  min-height: 320px !important;
}

/* Tabela premium */
#painel table,
.painel table,
.dashboard table {
  width: 100% !important;
  border-collapse: collapse !important;
  color: #e5e7eb !important;
  background: transparent !important;
}

#painel th,
.painel th,
.dashboard th {
  color: #d1fae5 !important;
  background: rgba(34,197,94,.16) !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  padding: 14px 12px !important;
}

#painel td,
.painel td,
.dashboard td {
  color: #f1f5f9 !important;
  padding: 14px 12px !important;
  border-top: 1px solid rgba(255,255,255,.07) !important;
}

/* status pills */
#painel .status,
.painel .status,
.dashboard .status,
#painel [class*="status"],
.painel [class*="status"],
.dashboard [class*="status"] {
  border-radius: 999px !important;
  padding: 6px 10px !important;
  font-weight: 900 !important;
}

/* Cabeçalho antigo Mandato/Painel: deixa compacto e limpo */
#painel .topbar,
.painel .topbar,
.dashboard .topbar,
.header-panel,
.panel-header {
  border-radius: 20px !important;
  background: rgba(3, 14, 9, .72) !important;
  border: 1px solid rgba(34,197,94,.18) !important;
}

/* responsivo */
@media (max-width: 1180px) {
  #painel .hero,
  .painel .hero,
  .dashboard .hero,
  #painel .dashboard-hero,
  .painel .dashboard-hero,
  .dashboard .dashboard-hero,
  #painel .executive-panel,
  .painel .executive-panel,
  .dashboard .executive-panel {
    grid-template-columns: 1fr !important;
  }

  #painel .dashboard-bottom,
  .painel .dashboard-bottom,
  .dashboard .dashboard-bottom,
  #painel .bottom-grid,
  .painel .bottom-grid,
  .dashboard .bottom-grid,
  #painel .content-grid,
  .painel .content-grid,
  .dashboard .content-grid {
    grid-template-columns: 1fr !important;
  }

  #painel .summary-grid,
  .painel .summary-grid,
  .dashboard .summary-grid,
  #painel .cards-grid,
  .painel .cards-grid,
  .dashboard .cards-grid,
  #painel .overview-grid,
  .painel .overview-grid,
  .dashboard .overview-grid,
  #painel .stats,
  .painel .stats,
  .dashboard .stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  #painel main,
  .painel main,
  .dashboard main {
    padding: 14px !important;
  }

  #painel .summary-grid,
  .painel .summary-grid,
  .dashboard .summary-grid,
  #painel .cards-grid,
  .painel .cards-grid,
  .dashboard .cards-grid,
  #painel .overview-grid,
  .painel .overview-grid,
  .dashboard .overview-grid,
  #painel .stats,
  .painel .stats,
  .dashboard .stats {
    grid-template-columns: 1fr !important;
  }

  #painel h1,
  .painel h1,
  .dashboard h1 {
    font-size: 34px !important;
  }
}


/* FIX TEXTO TRANSFORMA VERDE */
.hero-title .highlight,
.transforma,
.text-gradient,
.highlight-green,
.green-text{
  color:#22c55e !important;
  background:none !important;
  -webkit-text-fill-color:#22c55e !important;
  text-shadow:
    0 0 12px rgba(34,197,94,.25),
    0 0 24px rgba(34,197,94,.12) !important;
  opacity:1 !important;
  filter:none !important;
}

.hero-title .highlight *,
.transforma *,
.text-gradient *{
  color:#22c55e !important;
  -webkit-text-fill-color:#22c55e !important;
}


/* =========================================================
   FIX REAL LOGIN HERO - palavra "transforma." verde puro
   ========================================================= */

/* Título esquerdo do login */
.login-hero h1,
.auth-hero h1,
.login-left h1,
.auth-left h1,
.hero-login h1,
.hero-title,
[class*="login"] h1,
[class*="auth"] h1 {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  background: none !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Qualquer span/strong usado para a palavra transforma */
.login-hero h1 span,
.auth-hero h1 span,
.login-left h1 span,
.auth-left h1 span,
.hero-login h1 span,
.hero-title span,
.login-hero h1 strong,
.auth-hero h1 strong,
.login-left h1 strong,
.auth-left h1 strong,
.hero-login h1 strong,
.hero-title strong,
.transforma,
.text-transforma,
.highlight-transforma,
.hero-title .highlight,
.hero-title .accent,
.hero-title .green,
.text-gradient,
.highlight-green,
.green-text {
  color: #22c55e !important;
  -webkit-text-fill-color: #22c55e !important;
  background: none !important;
  background-image: none !important;
  background-clip: initial !important;
  -webkit-background-clip: initial !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow:
    0 0 10px rgba(34,197,94,.55),
    0 0 22px rgba(34,197,94,.28) !important;
}

/* Caso exista marcação com gradiente aplicada diretamente */
.login-hero .text-gradient,
.auth-hero .text-gradient,
.login-left .text-gradient,
.auth-left .text-gradient,
.hero-login .text-gradient {
  color: #22c55e !important;
  -webkit-text-fill-color: #22c55e !important;
  background: none !important;
  background-image: none !important;
}

/* Labels verdes dos bullets do login */
.login-feature-title,
.auth-feature-title,
.login-feature strong,
.auth-feature strong,
[class*="feature"] strong {
  color: #22c55e !important;
  -webkit-text-fill-color: #22c55e !important;
}



/* =========================================================
   FIX FINAL LOGIN - frases verdes premium
   ========================================================= */

.transforma,
.text-transforma,
.highlight-transforma,
.hero-title .highlight,
.hero-title .accent,
.hero-title .green {
  color: #22c55e !important;
  -webkit-text-fill-color: #22c55e !important;
  background: none !important;
  background-image: none !important;
  text-shadow:
    0 0 12px rgba(34,197,94,.55),
    0 0 24px rgba(34,197,94,.28) !important;
}

/* Frase inferior */
.quote,
.login-quote,
.hero-quote,
blockquote,
.quote-text,
.login-footer-quote,
[class*="quote"] {
  color: #22c55e !important;
  -webkit-text-fill-color: #22c55e !important;
  text-shadow:
    0 0 10px rgba(34,197,94,.40),
    0 0 18px rgba(34,197,94,.20) !important;
  opacity: 1 !important;
}

/* Ícones/quotes */
.quote-mark,
blockquote::before,
blockquote::after {
  color: #22c55e !important;
}


/* =========================================================
   FIX REAL INSPECIONADO - LOGIN VERDE E SEM OVERLAY NA LETRA
   ========================================================= */

/* Garante que o título do hero não herde gradiente branco/cinza */
.login-transforma-verde,
.login-transforma-verde *,
.login-page .login-transforma-verde,
.auth-page .login-transforma-verde,
.login-screen .login-transforma-verde,
.auth-screen .login-transforma-verde,
body .login-transforma-verde {
  color: #22ff7a !important;
  -webkit-text-fill-color: #22ff7a !important;
  background: transparent !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow:
    0 0 4px rgba(34,255,122,.95),
    0 0 14px rgba(34,255,122,.70),
    0 0 32px rgba(34,255,122,.36) !important;
}

/* Caso a palavra ainda esteja sem span, pega spans/highlights dentro do título esquerdo */
.login-left h1 span,
.auth-left h1 span,
.login-hero h1 span,
.auth-hero h1 span,
.hero-login h1 span,
.login-page h1 span,
.auth-page h1 span,
[class*="login"] h1 span,
[class*="auth"] h1 span,
.transforma,
.text-transforma,
.highlight-transforma {
  color: #22ff7a !important;
  -webkit-text-fill-color: #22ff7a !important;
  background: transparent !important;
  background-image: none !important;
  filter: none !important;
  opacity: 1 !important;
  text-shadow:
    0 0 4px rgba(34,255,122,.95),
    0 0 14px rgba(34,255,122,.70),
    0 0 32px rgba(34,255,122,.36) !important;
}

/* Frase inferior verde brilhando */
.login-quote-verde,
.login-quote-verde *,
.login-quote,
.hero-quote,
.quote-text,
blockquote,
[class*="quote"] {
  color: #22ff7a !important;
  -webkit-text-fill-color: #22ff7a !important;
  background: transparent !important;
  background-image: none !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow:
    0 0 4px rgba(34,255,122,.75),
    0 0 14px rgba(34,255,122,.48),
    0 0 28px rgba(34,255,122,.24) !important;
}

/* Remove "máscara/overview" preta que estava passando por cima das letras do login */
.login-page::before,
.login-page::after,
.auth-page::before,
.auth-page::after,
.login-screen::before,
.login-screen::after,
.auth-screen::before,
.auth-screen::after,
.login-bg::before,
.login-bg::after,
.auth-bg::before,
.auth-bg::after,
[class*="login"]::before,
[class*="login"]::after {
  pointer-events: none !important;
}

/* O overlay de foto continua, mas não escurece os textos */
.login-content,
.login-panel,
.login-card,
.auth-card,
.login-left,
.auth-left,
.login-hero,
.auth-hero,
.hero-login {
  position: relative !important;
  z-index: 5 !important;
}

/* Título principal normal branco puro, sem preto em cima */
.login-left h1,
.auth-left h1,
.login-hero h1,
.auth-hero h1,
.hero-login h1,
.login-page h1,
.auth-page h1 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow:
    0 0 10px rgba(255,255,255,.18),
    0 2px 8px rgba(0,0,0,.42) !important;
}


/* =========================================================
   ANALÍTICO PREMIUM - SOMENTE VISUAL
   Corrige contraste, cards brancos e organização dos gráficos
   ========================================================= */

body:has([data-page="analitico"]),
body:has(.analitico),
body:has(.analytics),
body:has(.analytics-page) {
  background: #020b07 !important;
}

/* container da página analítica */
[data-page="analitico"],
.analitico,
.analytics,
.analytics-page,
.page-analitico,
#analitico {
  color: #f8fafc !important;
  --ana-bg: rgba(4, 18, 13, .78);
  --ana-card: rgba(6, 24, 16, .84);
  --ana-border: rgba(34, 197, 94, .22);
  --ana-text: #f8fafc;
  --ana-muted: rgba(226,232,240,.78);
  --ana-green: #22c55e;
  --ana-yellow: #f59e0b;
}

/* hero superior */
[data-page="analitico"] .hero,
.analitico .hero,
.analytics .hero,
.analytics-page .hero,
.page-analitico .hero,
#analitico .hero,
[data-page="analitico"] section:first-of-type,
.analitico section:first-of-type,
.analytics section:first-of-type,
.page-analitico section:first-of-type {
  background:
    radial-gradient(circle at 75% 20%, rgba(34,197,94,.16), transparent 34%),
    linear-gradient(135deg, rgba(7, 28, 19, .94), rgba(2, 10, 7, .92)) !important;
  border: 1px solid var(--ana-border) !important;
  border-radius: 24px !important;
  padding: 28px !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05) !important;
}

/* títulos */
[data-page="analitico"] h1,
.analitico h1,
.analytics h1,
.analytics-page h1,
.page-analitico h1,
#analitico h1 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(36px, 3vw, 54px) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -.055em !important;
  margin: 12px 0 8px !important;
  text-shadow: 0 2px 14px rgba(0,0,0,.42) !important;
}

[data-page="analitico"] h2,
[data-page="analitico"] h3,
[data-page="analitico"] h4,
.analitico h2,
.analitico h3,
.analitico h4,
.analytics h2,
.analytics h3,
.analytics h4,
.analytics-page h2,
.analytics-page h3,
.analytics-page h4,
.page-analitico h2,
.page-analitico h3,
.page-analitico h4,
#analitico h2,
#analitico h3,
#analitico h4 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.42) !important;
}

[data-page="analitico"] p,
.analitico p,
.analytics p,
.analytics-page p,
.page-analitico p,
#analitico p,
[data-page="analitico"] small,
.analitico small,
.analytics small,
.analytics-page small,
.page-analitico small,
#analitico small {
  color: var(--ana-muted) !important;
  opacity: 1 !important;
}

/* cards do topo: tira branco estourado e deixa premium */
[data-page="analitico"] .card,
[data-page="analitico"] .metric-card,
[data-page="analitico"] .kpi-card,
[data-page="analitico"] .stat-card,
.analitico .card,
.analitico .metric-card,
.analitico .kpi-card,
.analitico .stat-card,
.analytics .card,
.analytics .metric-card,
.analytics .kpi-card,
.analytics .stat-card,
.analytics-page .card,
.analytics-page .metric-card,
.analytics-page .kpi-card,
.analytics-page .stat-card,
.page-analitico .card,
.page-analitico .metric-card,
.page-analitico .kpi-card,
.page-analitico .stat-card,
#analitico .card,
#analitico .metric-card,
#analitico .kpi-card,
#analitico .stat-card {
  background:
    radial-gradient(circle at 92% 10%, rgba(34,197,94,.18), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025)) !important;
  border: 1px solid rgba(34,197,94,.22) !important;
  border-radius: 20px !important;
  box-shadow: 0 16px 42px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06) !important;
  color: #ffffff !important;
  min-height: 118px !important;
  padding: 20px !important;
  overflow: hidden !important;
}

/* força textos dos cards analíticos */
[data-page="analitico"] .card *,
[data-page="analitico"] .metric-card *,
[data-page="analitico"] .kpi-card *,
[data-page="analitico"] .stat-card *,
.analitico .card *,
.analitico .metric-card *,
.analitico .kpi-card *,
.analitico .stat-card *,
.analytics .card *,
.analytics .metric-card *,
.analytics .kpi-card *,
.analytics .stat-card *,
.analytics-page .card *,
.analytics-page .metric-card *,
.analytics-page .kpi-card *,
.analytics-page .stat-card *,
.page-analitico .card *,
.page-analitico .metric-card *,
.page-analitico .kpi-card *,
.page-analitico .stat-card *,
#analitico .card *,
#analitico .metric-card *,
#analitico .kpi-card *,
#analitico .stat-card * {
  color: inherit !important;
  opacity: 1 !important;
  filter: none !important;
}

[data-page="analitico"] .card strong,
[data-page="analitico"] .metric-card strong,
[data-page="analitico"] .kpi-card strong,
[data-page="analitico"] .stat-card strong,
.analitico .card strong,
.analitico .metric-card strong,
.analitico .kpi-card strong,
.analitico .stat-card strong,
.analytics .card strong,
.analytics .metric-card strong,
.analytics .kpi-card strong,
.analytics .stat-card strong,
.analytics-page .card strong,
.analytics-page .metric-card strong,
.analytics-page .kpi-card strong,
.analytics-page .stat-card strong,
.page-analitico .card strong,
.page-analitico .metric-card strong,
.page-analitico .kpi-card strong,
.page-analitico .stat-card strong,
#analitico .card strong,
#analitico .metric-card strong,
#analitico .kpi-card strong,
#analitico .stat-card strong {
  color: #ffffff !important;
  font-size: 36px !important;
  font-weight: 900 !important;
}

/* grid dos cards do topo */
[data-page="analitico"] .stats,
[data-page="analitico"] .metrics,
[data-page="analitico"] .kpis,
.analitico .stats,
.analitico .metrics,
.analitico .kpis,
.analytics .stats,
.analytics .metrics,
.analytics .kpis,
.analytics-page .stats,
.analytics-page .metrics,
.analytics-page .kpis,
.page-analitico .stats,
.page-analitico .metrics,
.page-analitico .kpis,
#analitico .stats,
#analitico .metrics,
#analitico .kpis {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(140px, 1fr)) !important;
  gap: 14px !important;
  margin: 18px 0 !important;
}

/* painéis dos gráficos */
[data-page="analitico"] .chart-card,
[data-page="analitico"] .chart-panel,
[data-page="analitico"] canvas,
.analitico .chart-card,
.analitico .chart-panel,
.analytics .chart-card,
.analytics .chart-panel,
.analytics-page .chart-card,
.analytics-page .chart-panel,
.page-analitico .chart-card,
.page-analitico .chart-panel,
#analitico .chart-card,
#analitico .chart-panel {
  color: #f8fafc !important;
}

[data-page="analitico"] .chart-card,
[data-page="analitico"] .chart-panel,
[data-page="analitico"] section:has(canvas),
.analitico .chart-card,
.analitico .chart-panel,
.analitico section:has(canvas),
.analytics .chart-card,
.analytics .chart-panel,
.analytics section:has(canvas),
.analytics-page .chart-card,
.analytics-page .chart-panel,
.analytics-page section:has(canvas),
.page-analitico .chart-card,
.page-analitico .chart-panel,
.page-analitico section:has(canvas),
#analitico .chart-card,
#analitico .chart-panel,
#analitico section:has(canvas) {
  background:
    radial-gradient(circle at 95% 8%, rgba(34,197,94,.12), transparent 28%),
    rgba(4, 18, 13, .84) !important;
  border: 1px solid rgba(34,197,94,.22) !important;
  border-radius: 22px !important;
  box-shadow: 0 16px 42px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05) !important;
  padding: 18px !important;
  overflow: hidden !important;
}

/* grid dos gráficos: linha grande + dois menores */
[data-page="analitico"] .charts-grid,
.analitico .charts-grid,
.analytics .charts-grid,
.analytics-page .charts-grid,
.page-analitico .charts-grid,
#analitico .charts-grid {
  display: grid !important;
  grid-template-columns: 2fr 1fr 1fr !important;
  gap: 18px !important;
  align-items: stretch !important;
}

/* corrige legendas dos gráficos e eixos apagados */
[data-page="analitico"] canvas,
.analitico canvas,
.analytics canvas,
.analytics-page canvas,
.page-analitico canvas,
#analitico canvas {
  filter: none !important;
  opacity: 1 !important;
}

/* botões superiores */
[data-page="analitico"] button,
.analitico button,
.analytics button,
.analytics-page button,
.page-analitico button,
#analitico button {
  border-radius: 14px !important;
  font-weight: 800 !important;
  min-height: 46px !important;
}

[data-page="analitico"] .btn-primary,
.analitico .btn-primary,
.analytics .btn-primary,
.analytics-page .btn-primary,
.page-analitico .btn-primary,
#analitico .btn-primary,
[data-page="analitico"] button:first-of-type,
.analitico button:first-of-type,
.analytics button:first-of-type,
.analytics-page button:first-of-type {
  background: linear-gradient(135deg, #22c55e, #16a34a) !important;
  color: #03120c !important;
  border: 0 !important;
  box-shadow: 0 16px 30px rgba(34,197,94,.22) !important;
}

/* remove cards brancos no analítico especificamente */
[data-page="analitico"] [style*="background: white"],
[data-page="analitico"] [style*="background:#fff"],
[data-page="analitico"] [style*="background: #fff"],
.analitico [style*="background: white"],
.analitico [style*="background:#fff"],
.analitico [style*="background: #fff"],
.analytics [style*="background: white"],
.analytics [style*="background:#fff"],
.analytics [style*="background: #fff"],
.analytics-page [style*="background: white"],
.analytics-page [style*="background:#fff"],
.analytics-page [style*="background: #fff"] {
  background:
    radial-gradient(circle at 92% 10%, rgba(34,197,94,.18), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025)) !important;
  color: #ffffff !important;
}

/* responsividade */
@media (max-width: 1280px) {
  [data-page="analitico"] .stats,
  [data-page="analitico"] .metrics,
  [data-page="analitico"] .kpis,
  .analitico .stats,
  .analitico .metrics,
  .analitico .kpis,
  .analytics .stats,
  .analytics .metrics,
  .analytics .kpis,
  .analytics-page .stats,
  .analytics-page .metrics,
  .analytics-page .kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  [data-page="analitico"] .charts-grid,
  .analitico .charts-grid,
  .analytics .charts-grid,
  .analytics-page .charts-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 720px) {
  [data-page="analitico"] .stats,
  [data-page="analitico"] .metrics,
  [data-page="analitico"] .kpis,
  .analitico .stats,
  .analitico .metrics,
  .analitico .kpis,
  .analytics .stats,
  .analytics .metrics,
  .analytics .kpis,
  .analytics-page .stats,
  .analytics-page .metrics,
  .analytics-page .kpis {
    grid-template-columns: 1fr !important;
  }
}


/* =========================================================
   FIX REAL ANALITICO - sobrescreve body.caio-emerald-ui #analitico
   ========================================================= */

body.caio-emerald-ui #analitico,
body.caio-emerald-ui section#analitico.page {
  background: transparent !important;
  color: #f8fafc !important;
}

body.caio-emerald-ui #analitico .analytics-dashboard {
  gap: 20px !important;
}

/* HERO */
body.caio-emerald-ui #analitico .analytics-hero {
  background:
    radial-gradient(circle at 82% 20%, rgba(34,197,94,.18), transparent 34%),
    linear-gradient(135deg, rgba(5, 22, 15, .96), rgba(2, 10, 7, .94)) !important;
  border: 1px solid rgba(34,197,94,.24) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

body.caio-emerald-ui #analitico .analytics-kicker {
  background: rgba(34,197,94,.16) !important;
  color: #b7f7cc !important;
  border: 1px solid rgba(34,197,94,.18) !important;
}

body.caio-emerald-ui #analitico .analytics-hero h2 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.42) !important;
}

body.caio-emerald-ui #analitico .analytics-hero p {
  color: rgba(226,232,240,.84) !important;
}

/* KPI CARDS - remove branco de verdade */
body.caio-emerald-ui #analitico .analytics-kpi-card {
  background:
    radial-gradient(circle at 92% 6%, rgba(34,197,94,.18), transparent 31%),
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.025)) !important;
  border: 1px solid rgba(34,197,94,.24) !important;
  box-shadow: 0 18px 45px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.06) !important;
  color: #ffffff !important;
}

body.caio-emerald-ui #analitico .analytics-kpi-card:after {
  background: rgba(34,197,94,.18) !important;
  opacity: .85 !important;
}

body.caio-emerald-ui #analitico .analytics-kpi-card.urgent:after {
  background: rgba(245,158,11,.22) !important;
}

body.caio-emerald-ui #analitico .analytics-kpi-card span {
  color: #b7f7cc !important;
  -webkit-text-fill-color: #b7f7cc !important;
}

body.caio-emerald-ui #analitico .analytics-kpi-card strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.35) !important;
}

body.caio-emerald-ui #analitico .analytics-kpi-card small {
  color: rgba(226,232,240,.76) !important;
}

/* CARDS DOS GRAFICOS */
body.caio-emerald-ui #analitico .analytics-card {
  background:
    radial-gradient(circle at 95% 8%, rgba(34,197,94,.11), transparent 30%),
    linear-gradient(180deg, rgba(8,31,22,.88), rgba(3,13,9,.90)) !important;
  border: 1px solid rgba(34,197,94,.24) !important;
  box-shadow: 0 20px 55px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.05) !important;
}

body.caio-emerald-ui #analitico .analytics-card-head {
  background: rgba(0,0,0,.16) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 14px !important;
  padding: 10px 12px !important;
}

body.caio-emerald-ui #analitico .analytics-card-head strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.caio-emerald-ui #analitico .analytics-card-head span,
body.caio-emerald-ui #analitico .analytics-card-head small {
  color: rgba(226,232,240,.72) !important;
  -webkit-text-fill-color: rgba(226,232,240,.72) !important;
}

/* PAINEIS LISTAS / TABELAS */
body.caio-emerald-ui #analitico .analytics-panel,
body.caio-emerald-ui #analitico .analytics-table-card {
  background:
    radial-gradient(circle at 95% 8%, rgba(34,197,94,.11), transparent 30%),
    linear-gradient(180deg, rgba(8,31,22,.88), rgba(3,13,9,.90)) !important;
  border: 1px solid rgba(34,197,94,.24) !important;
  box-shadow: 0 20px 55px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.05) !important;
  color: #f8fafc !important;
}

body.caio-emerald-ui #analitico .analytics-list-row,
body.caio-emerald-ui #analitico .analytics-table-card tr {
  background: rgba(255,255,255,.035) !important;
  border-color: rgba(255,255,255,.07) !important;
}

body.caio-emerald-ui #analitico .analytics-list-row strong,
body.caio-emerald-ui #analitico .analytics-list-row span,
body.caio-emerald-ui #analitico .analytics-table-card td,
body.caio-emerald-ui #analitico .analytics-table-card th {
  color: #f8fafc !important;
}

/* GRIDS MAIS LIMPOS */
body.caio-emerald-ui #analitico .analytics-kpi-grid {
  grid-template-columns: repeat(6, minmax(145px, 1fr)) !important;
  gap: 14px !important;
}

body.caio-emerald-ui #analitico .analytics-grid-main {
  grid-template-columns: 2fr 1fr 1fr !important;
  gap: 18px !important;
}

body.caio-emerald-ui #analitico .analytics-card.chart-wide {
  grid-column: span 1 !important;
}

body.caio-emerald-ui #analitico .analytics-grid-main .chart-wide:first-child {
  grid-column: span 1 !important;
}

body.caio-emerald-ui #analitico canvas {
  filter: none !important;
  opacity: 1 !important;
}

/* BOTÕES */
body.caio-emerald-ui #analitico .analytics-actions .btn-primary {
  background: linear-gradient(135deg, #22c55e, #16a34a) !important;
  color: #03120c !important;
}

body.caio-emerald-ui #analitico .analytics-actions .btn-soft {
  background: rgba(255,255,255,.94) !important;
  color: #0f3d27 !important;
}

/* MOBILE */
@media (max-width: 1280px) {
  body.caio-emerald-ui #analitico .analytics-kpi-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  body.caio-emerald-ui #analitico .analytics-grid-main {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 720px) {
  body.caio-emerald-ui #analitico .analytics-kpi-grid {
    grid-template-columns: 1fr !important;
  }
}


/* =========================================================
   FIX ATENDIMENTOS - MODAL VER FICHA PREMIUM
   Remove CSS antigo azul/branco e integra no tema escuro
   ========================================================= */

/* Overlay do modal */
.modal-backdrop,
.ficha-backdrop,
#personModalBackdrop,
#fichaModalBackdrop,
#modalFichaBackdrop,
[class*="modal-backdrop"],
[class*="backdrop"] {
  background: rgba(0, 12, 8, .72) !important;
  backdrop-filter: blur(14px) saturate(120%) !important;
}

/* Caixa principal da ficha */
#personModal,
#fichaModal,
#modalFicha,
.person-modal,
.ficha-modal,
.modal-ficha,
.people-modal,
.cadastro-modal,
[class*="ficha"][class*="modal"],
[class*="modal"][class*="ficha"] {
  background:
    radial-gradient(circle at 85% 8%, rgba(34,197,94,.13), transparent 34%),
    linear-gradient(180deg, rgba(6,24,16,.97), rgba(2,10,7,.98)) !important;
  border: 1px solid rgba(34,197,94,.26) !important;
  border-radius: 26px !important;
  box-shadow: 0 30px 90px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.06) !important;
  color: #f8fafc !important;
  overflow: hidden !important;
}

/* Header azul antigo -> verde premium */
#personModal .modal-header,
#fichaModal .modal-header,
#modalFicha .modal-header,
.person-modal .modal-header,
.ficha-modal .modal-header,
.modal-ficha .modal-header,
.people-modal .modal-header,
.cadastro-modal .modal-header,
[class*="ficha"][class*="modal"] .modal-header,
[class*="modal"][class*="ficha"] .modal-header {
  background:
    linear-gradient(135deg, rgba(34,197,94,.95), rgba(16,185,129,.82)) !important;
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
  color: #04130d !important;
  padding: 18px 24px !important;
}

#personModal .modal-header *,
#fichaModal .modal-header *,
#modalFicha .modal-header *,
.person-modal .modal-header *,
.ficha-modal .modal-header *,
.modal-ficha .modal-header *,
.people-modal .modal-header *,
.cadastro-modal .modal-header * {
  color: #04130d !important;
  -webkit-text-fill-color: #04130d !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#personModal .modal-header h1,
#personModal .modal-header h2,
#personModal .modal-header h3,
#personModal .modal-header strong,
#fichaModal .modal-header h1,
#fichaModal .modal-header h2,
#fichaModal .modal-header h3,
#fichaModal .modal-header strong,
#modalFicha .modal-header h1,
#modalFicha .modal-header h2,
#modalFicha .modal-header h3,
#modalFicha .modal-header strong,
.person-modal .modal-header h1,
.person-modal .modal-header h2,
.person-modal .modal-header h3,
.person-modal .modal-header strong,
.ficha-modal .modal-header h1,
.ficha-modal .modal-header h2,
.ficha-modal .modal-header h3,
.ficha-modal .modal-header strong,
.modal-ficha .modal-header h1,
.modal-ficha .modal-header h2,
.modal-ficha .modal-header h3,
.modal-ficha .modal-header strong {
  font-weight: 900 !important;
}

/* Botão fechar */
#personModal .modal-close,
#fichaModal .modal-close,
#modalFicha .modal-close,
.person-modal .modal-close,
.ficha-modal .modal-close,
.modal-ficha .modal-close,
.people-modal .modal-close,
.cadastro-modal .modal-close,
[class*="modal"] .close,
[class*="modal"] .btn-close {
  background: rgba(255,255,255,.16) !important;
  color: #04130d !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 999px !important;
}

/* Corpo interno */
#personModal .modal-body,
#fichaModal .modal-body,
#modalFicha .modal-body,
.person-modal .modal-body,
.ficha-modal .modal-body,
.modal-ficha .modal-body,
.people-modal .modal-body,
.cadastro-modal .modal-body {
  background: transparent !important;
  color: #f8fafc !important;
}

/* Cards internos do modal */
#personModal .card,
#fichaModal .card,
#modalFicha .card,
.person-modal .card,
.ficha-modal .card,
.modal-ficha .card,
.people-modal .card,
.cadastro-modal .card,
#personModal [class*="card"],
#fichaModal [class*="card"],
#modalFicha [class*="card"],
.person-modal [class*="card"],
.ficha-modal [class*="card"],
.modal-ficha [class*="card"] {
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.025)) !important;
  border: 1px solid rgba(34,197,94,.22) !important;
  border-radius: 20px !important;
  color: #f8fafc !important;
  box-shadow: 0 16px 42px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

/* Faixas "Dados principais", "Endereço" */
#personModal .section-title,
#fichaModal .section-title,
#modalFicha .section-title,
.person-modal .section-title,
.ficha-modal .section-title,
.modal-ficha .section-title,
#personModal [class*="section"],
#fichaModal [class*="section"],
#modalFicha [class*="section"],
.person-modal [class*="section"],
.ficha-modal [class*="section"],
.modal-ficha [class*="section"] {
  color: #d1fae5 !important;
}

#personModal .form-section-title,
#fichaModal .form-section-title,
#modalFicha .form-section-title,
.person-modal .form-section-title,
.ficha-modal .form-section-title,
.modal-ficha .form-section-title,
#personModal legend,
#fichaModal legend,
#modalFicha legend {
  background: rgba(34,197,94,.12) !important;
  color: #d1fae5 !important;
  border: 1px solid rgba(34,197,94,.20) !important;
  border-radius: 14px !important;
  padding: 10px 12px !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
}

/* Labels */
#personModal label,
#fichaModal label,
#modalFicha label,
.person-modal label,
.ficha-modal label,
.modal-ficha label,
.people-modal label,
.cadastro-modal label {
  color: rgba(226,232,240,.88) !important;
  -webkit-text-fill-color: rgba(226,232,240,.88) !important;
  font-weight: 800 !important;
  opacity: 1 !important;
}

/* Inputs/selects/textareas: remove cinza velho */
#personModal input,
#personModal select,
#personModal textarea,
#fichaModal input,
#fichaModal select,
#fichaModal textarea,
#modalFicha input,
#modalFicha select,
#modalFicha textarea,
.person-modal input,
.person-modal select,
.person-modal textarea,
.ficha-modal input,
.ficha-modal select,
.ficha-modal textarea,
.modal-ficha input,
.modal-ficha select,
.modal-ficha textarea,
.people-modal input,
.people-modal select,
.people-modal textarea,
.cadastro-modal input,
.cadastro-modal select,
.cadastro-modal textarea {
  background: rgba(3, 18, 12, .78) !important;
  border: 1px solid rgba(34,197,94,.30) !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  border-radius: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 0 0 0 rgba(34,197,94,0) !important;
  opacity: 1 !important;
  filter: none !important;
}

#personModal input:focus,
#personModal select:focus,
#personModal textarea:focus,
#fichaModal input:focus,
#fichaModal select:focus,
#fichaModal textarea:focus,
#modalFicha input:focus,
#modalFicha select:focus,
#modalFicha textarea:focus,
.person-modal input:focus,
.person-modal select:focus,
.person-modal textarea:focus,
.ficha-modal input:focus,
.ficha-modal select:focus,
.ficha-modal textarea:focus,
.modal-ficha input:focus,
.modal-ficha select:focus,
.modal-ficha textarea:focus {
  border-color: rgba(34,197,94,.78) !important;
  box-shadow: 0 0 0 3px rgba(34,197,94,.16), 0 0 22px rgba(34,197,94,.14) !important;
  outline: none !important;
}

#personModal input::placeholder,
#fichaModal input::placeholder,
#modalFicha input::placeholder,
.person-modal input::placeholder,
.ficha-modal input::placeholder,
.modal-ficha input::placeholder {
  color: rgba(226,232,240,.50) !important;
  -webkit-text-fill-color: rgba(226,232,240,.50) !important;
}

/* Avatar lateral */
#personModal .avatar,
#fichaModal .avatar,
#modalFicha .avatar,
.person-modal .avatar,
.ficha-modal .avatar,
.modal-ficha .avatar,
.people-modal .avatar,
.cadastro-modal .avatar,
#personModal [class*="avatar"],
#fichaModal [class*="avatar"],
#modalFicha [class*="avatar"] {
  background: linear-gradient(135deg, #22c55e, #16a34a) !important;
  color: #04130d !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: 0 16px 36px rgba(34,197,94,.20) !important;
}

/* Tags status no modal */
#personModal .tag,
#personModal .badge,
#fichaModal .tag,
#fichaModal .badge,
#modalFicha .tag,
#modalFicha .badge,
.person-modal .tag,
.person-modal .badge,
.ficha-modal .tag,
.ficha-modal .badge,
.modal-ficha .tag,
.modal-ficha .badge {
  background: rgba(34,197,94,.16) !important;
  color: #d1fae5 !important;
  border: 1px solid rgba(34,197,94,.22) !important;
}

/* Rodapé/botões */
#personModal .modal-footer,
#fichaModal .modal-footer,
#modalFicha .modal-footer,
.person-modal .modal-footer,
.ficha-modal .modal-footer,
.modal-ficha .modal-footer {
  background: rgba(2,10,7,.72) !important;
  border-top: 1px solid rgba(34,197,94,.18) !important;
}

#personModal button,
#fichaModal button,
#modalFicha button,
.person-modal button,
.ficha-modal button,
.modal-ficha button {
  border-radius: 12px !important;
  font-weight: 900 !important;
}

/* Se algum CSS antigo força modal claro */
#personModal [style*="background: white"],
#personModal [style*="background:#fff"],
#personModal [style*="background: #fff"],
#fichaModal [style*="background: white"],
#fichaModal [style*="background:#fff"],
#fichaModal [style*="background: #fff"],
#modalFicha [style*="background: white"],
#modalFicha [style*="background:#fff"],
#modalFicha [style*="background: #fff"] {
  background: rgba(6,24,16,.88) !important;
  color: #f8fafc !important;
}


/* =========================================================
   FICHA CADASTRO/ATENDIMENTOS - OVERRIDE FINAL FORTE
   Escopo somente dos modais reais da ficha.
   ========================================================= */

#cpRealBackdrop,
#cpPopupBackdrop,
#vitorFichaBackdrop,
body.cp-ficha-modal-open::before,
body.cp-real-modal-open::before,
body.cp-popup-open::before,
body.vitor-ficha-open::before {
  background: rgba(0,10,8,.76) !important;
  backdrop-filter: blur(16px) saturate(125%) !important;
}

#cpRealModal,
#cpPopupCard,
#vitorFichaModal,
body.cp-ficha-modal-open #cad_pessoas .people-workspace,
body.cp-modal-open #cad_pessoas .people-workspace {
  background:
    radial-gradient(circle at 88% 6%, rgba(34,197,94,.14), transparent 34%),
    linear-gradient(180deg, rgba(5,22,15,.985), rgba(2,10,7,.99)) !important;
  background-color: #04160f !important;
  border: 1px solid rgba(34,197,94,.30) !important;
  box-shadow: 0 34px 120px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.06) !important;
  color: #f8fafc !important;
}

#cpRealHead,
#cpPopupHead,
#vitorFichaHeader,
body.cp-ficha-modal-open .cp-ficha-modal-head,
body.cp-modal-open #cpModalHeader {
  background: linear-gradient(135deg, #22c55e, #16a34a) !important;
  background-color: #22c55e !important;
  color: #03120c !important;
  border-bottom: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.22) !important;
}

#cpRealHead *,
#cpPopupHead *,
#vitorFichaHeader *,
body.cp-ficha-modal-open .cp-ficha-modal-head *,
body.cp-modal-open #cpModalHeader * {
  color: #03120c !important;
  -webkit-text-fill-color: #03120c !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

#cpRealClose,
#cpPopupClose,
#vitorFichaClose,
.cp-ficha-modal-close,
.cp-modal-close {
  background: rgba(255,255,255,.22) !important;
  color: #03120c !important;
  -webkit-text-fill-color: #03120c !important;
  border: 1px solid rgba(255,255,255,.22) !important;
}

#cpRealBody,
#cpPopupBody,
#vitorFichaBody,
body.cp-ficha-modal-open #cad_pessoas,
body.cp-modal-open #cad_pessoas {
  background: transparent !important;
  color: #f8fafc !important;
}

.cp-real-layout,
.vf-grid {
  background: transparent !important;
}

.cp-real-profile,
.cp-real-form,
#cpPopupCard .people-profile-panel,
#cpPopupCard .people-form-card,
.vf-side,
.vf-form,
body.cp-ficha-modal-open #cad_pessoas .people-profile-panel,
body.cp-ficha-modal-open #cad_pessoas .people-form-card,
body.cp-modal-open #cad_pessoas .people-profile-panel,
body.cp-modal-open #cad_pessoas .people-form-card,
#cad_pessoas .people-workspace .people-profile-panel,
#cad_pessoas .people-workspace .people-form-card {
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.025)) !important;
  background-color: rgba(8,31,22,.92) !important;
  border: 1px solid rgba(34,197,94,.24) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06) !important;
  color: #f8fafc !important;
}

#cpRealModal h1,#cpRealModal h2,#cpRealModal h3,#cpRealModal strong,
#cpPopupCard h1,#cpPopupCard h2,#cpPopupCard h3,#cpPopupCard strong,
#vitorFichaModal h1,#vitorFichaModal h2,#vitorFichaModal h3,#vitorFichaModal strong,
body.cp-ficha-modal-open #cad_pessoas h1,
body.cp-ficha-modal-open #cad_pessoas h2,
body.cp-ficha-modal-open #cad_pessoas h3,
body.cp-ficha-modal-open #cad_pessoas strong,
body.cp-modal-open #cad_pessoas h1,
body.cp-modal-open #cad_pessoas h2,
body.cp-modal-open #cad_pessoas h3,
body.cp-modal-open #cad_pessoas strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.42) !important;
}

#cpRealModal p,#cpRealModal small,
#cpPopupCard p,#cpPopupCard small,
#vitorFichaModal p,#vitorFichaModal small,
body.cp-ficha-modal-open #cad_pessoas p,
body.cp-ficha-modal-open #cad_pessoas small,
body.cp-modal-open #cad_pessoas p,
body.cp-modal-open #cad_pessoas small {
  color: rgba(226,232,240,.76) !important;
  -webkit-text-fill-color: rgba(226,232,240,.76) !important;
}

.cp-real-avatar,
.vf-avatar,
#cpPopupCard .profile-avatar,
body.cp-ficha-modal-open #cad_pessoas .profile-avatar,
body.cp-modal-open #cad_pessoas .profile-avatar {
  background: linear-gradient(135deg, #22c55e, #0ea5e9) !important;
  color: #03120c !important;
  -webkit-text-fill-color: #03120c !important;
  box-shadow: 0 16px 36px rgba(34,197,94,.24) !important;
}

.cp-real-badge,
.vf-badge,
#cpPopupCard .tag,
body.cp-ficha-modal-open #cad_pessoas .tag,
body.cp-modal-open #cad_pessoas .tag {
  background: rgba(34,197,94,.15) !important;
  color: #d1fae5 !important;
  -webkit-text-fill-color: #d1fae5 !important;
  border: 1px solid rgba(34,197,94,.24) !important;
}

.cp-real-section-title,
.vf-section,
#cpPopupCard .form-section-title,
#cpPopupCard .section-title,
body.cp-ficha-modal-open #cad_pessoas .form-section-title,
body.cp-ficha-modal-open #cad_pessoas .section-title,
body.cp-modal-open #cad_pessoas .form-section-title,
body.cp-modal-open #cad_pessoas .section-title {
  background: rgba(34,197,94,.13) !important;
  color: #d1fae5 !important;
  -webkit-text-fill-color: #d1fae5 !important;
  border: 1px solid rgba(34,197,94,.22) !important;
  border-radius: 14px !important;
}

#cpRealModal label,
#cpPopupCard label,
#vitorFichaModal label,
body.cp-ficha-modal-open #cad_pessoas label,
body.cp-modal-open #cad_pessoas label {
  color: rgba(226,232,240,.88) !important;
  -webkit-text-fill-color: rgba(226,232,240,.88) !important;
  font-weight: 900 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#cpRealModal input,#cpRealModal select,#cpRealModal textarea,
#cpPopupCard input,#cpPopupCard select,#cpPopupCard textarea,
#vitorFichaModal input,#vitorFichaModal select,#vitorFichaModal textarea,
body.cp-ficha-modal-open #cad_pessoas input,
body.cp-ficha-modal-open #cad_pessoas select,
body.cp-ficha-modal-open #cad_pessoas textarea,
body.cp-modal-open #cad_pessoas input,
body.cp-modal-open #cad_pessoas select,
body.cp-modal-open #cad_pessoas textarea {
  background: rgba(3,18,12,.86) !important;
  background-color: rgba(3,18,12,.86) !important;
  border: 1px solid rgba(34,197,94,.34) !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
  opacity: 1 !important;
  filter: none !important;
}

#cpRealModal input:focus,#cpRealModal select:focus,#cpRealModal textarea:focus,
#cpPopupCard input:focus,#cpPopupCard select:focus,#cpPopupCard textarea:focus,
#vitorFichaModal input:focus,#vitorFichaModal select:focus,#vitorFichaModal textarea:focus,
body.cp-ficha-modal-open #cad_pessoas input:focus,
body.cp-ficha-modal-open #cad_pessoas select:focus,
body.cp-ficha-modal-open #cad_pessoas textarea:focus,
body.cp-modal-open #cad_pessoas input:focus,
body.cp-modal-open #cad_pessoas select:focus,
body.cp-modal-open #cad_pessoas textarea:focus {
  border-color: rgba(34,197,94,.88) !important;
  box-shadow: 0 0 0 3px rgba(34,197,94,.16), 0 0 22px rgba(34,197,94,.14) !important;
  outline: none !important;
}

#cpRealFooter,
#vitorFichaFooter,
body.cp-modal-open #cad_pessoas .modal-footer,
body.cp-ficha-modal-open #cad_pessoas .modal-footer {
  background: rgba(2,10,7,.86) !important;
  border-top: 1px solid rgba(34,197,94,.20) !important;
}

.cp-real-btn.soft,
.vf-btn.soft,
#cpPopupCard .btn-soft,
body.cp-ficha-modal-open #cad_pessoas .btn-soft,
body.cp-modal-open #cad_pessoas .btn-soft {
  background: rgba(255,255,255,.08) !important;
  color: #d1fae5 !important;
  border: 1px solid rgba(34,197,94,.24) !important;
}

.cp-real-btn.primary,
.vf-btn.primary,
#cpPopupCard .btn-primary,
body.cp-ficha-modal-open #cad_pessoas .btn-primary,
body.cp-modal-open #cad_pessoas .btn-primary {
  background: linear-gradient(135deg, #22c55e, #16a34a) !important;
  color: #03120c !important;
  -webkit-text-fill-color: #03120c !important;
  border: 0 !important;
  box-shadow: 0 14px 30px rgba(34,197,94,.24) !important;
}


/* =========================================================
   LOADING PREMIUM ENTRE ABAS - FLUIDEZ SEM QUEBRAR LÓGICA
   ========================================================= */

#caioPageTransitionLoader{
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147482500 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(34,197,94,.16), transparent 28%),
    rgba(0, 10, 8, .42) !important;
  backdrop-filter: blur(10px) saturate(120%) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity .18s ease, visibility .18s ease !important;
}

#caioPageTransitionLoader.is-active{
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.caio-loader-card{
  min-width: 220px !important;
  padding: 22px 24px !important;
  border-radius: 24px !important;
  background:
    linear-gradient(180deg, rgba(6,24,16,.92), rgba(2,10,7,.96)) !important;
  border: 1px solid rgba(34,197,94,.28) !important;
  box-shadow:
    0 30px 90px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  color: #f8fafc !important;
  transform: translateY(8px) scale(.98) !important;
  transition: transform .18s ease !important;
}

#caioPageTransitionLoader.is-active .caio-loader-card{
  transform: translateY(0) scale(1) !important;
}

.caio-loader-ring{
  width: 36px !important;
  height: 36px !important;
  border-radius: 999px !important;
  border: 3px solid rgba(34,197,94,.18) !important;
  border-top-color: #22c55e !important;
  box-shadow: 0 0 24px rgba(34,197,94,.24) !important;
  animation: caioLoaderSpin .72s linear infinite !important;
  flex: 0 0 auto !important;
}

.caio-loader-text strong{
  display: block !important;
  color: #ffffff !important;
  font-size: 14px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  letter-spacing: -.01em !important;
}

.caio-loader-text small{
  display: block !important;
  color: rgba(209,250,229,.72) !important;
  margin-top: 4px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

body.caio-page-switching .page.active,
body.caio-page-switching main,
body.caio-page-switching .main,
body.caio-page-switching .content,
body.caio-page-switching .main-content{
  transition: opacity .16s ease, filter .16s ease, transform .16s ease !important;
}

body.caio-page-switching .page.active{
  opacity: .55 !important;
  filter: blur(2px) saturate(.92) !important;
  transform: translateY(2px) !important;
}

body.caio-page-lock-clicks .page,
body.caio-page-lock-clicks main,
body.caio-page-lock-clicks .main-content{
  pointer-events: none !important;
}

@keyframes caioLoaderSpin{
  to{ transform: rotate(360deg); }
}

/* mini skeleton para cards que aparecem durante troca */
body.caio-page-switching .card,
body.caio-page-switching .analytics-card,
body.caio-page-switching .metric-card,
body.caio-page-switching .stat-card{
  position: relative;
  overflow: hidden;
}

body.caio-page-switching .card::after,
body.caio-page-switching .analytics-card::after,
body.caio-page-switching .metric-card::after,
body.caio-page-switching .stat-card::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(34,197,94,.07), transparent);
  transform: translateX(-100%);
  animation: caioShimmer .85s ease infinite;
  pointer-events: none;
}

@keyframes caioShimmer{
  100%{ transform: translateX(100%); }
}


/* =========================================================
   AJUSTE FINO - CADASTRO PESSOAS + SIDEBAR ATENDIMENTOS
   ========================================================= */

/* Ficha cadastro pessoas: remove qualquer texto escuro remanescente */
#cpRealModal,
#cpPopupCard,
#vitorFichaModal,
body.cp-ficha-modal-open #cad_pessoas,
body.cp-modal-open #cad_pessoas {
  color: #f8fafc !important;
}

#cpRealModal *,
#cpPopupCard *,
#vitorFichaModal *,
body.cp-ficha-modal-open #cad_pessoas *,
body.cp-modal-open #cad_pessoas * {
  opacity: 1 !important;
  filter: none !important;
}

#cpRealModal h1,#cpRealModal h2,#cpRealModal h3,#cpRealModal h4,
#cpRealModal strong,#cpRealModal b,
#cpPopupCard h1,#cpPopupCard h2,#cpPopupCard h3,#cpPopupCard h4,
#cpPopupCard strong,#cpPopupCard b,
#vitorFichaModal h1,#vitorFichaModal h2,#vitorFichaModal h3,#vitorFichaModal h4,
#vitorFichaModal strong,#vitorFichaModal b,
body.cp-ficha-modal-open #cad_pessoas h1,
body.cp-ficha-modal-open #cad_pessoas h2,
body.cp-ficha-modal-open #cad_pessoas h3,
body.cp-ficha-modal-open #cad_pessoas h4,
body.cp-ficha-modal-open #cad_pessoas strong,
body.cp-ficha-modal-open #cad_pessoas b,
body.cp-modal-open #cad_pessoas h1,
body.cp-modal-open #cad_pessoas h2,
body.cp-modal-open #cad_pessoas h3,
body.cp-modal-open #cad_pessoas h4,
body.cp-modal-open #cad_pessoas strong,
body.cp-modal-open #cad_pessoas b {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.35) !important;
}

#cpRealModal p,#cpRealModal span,#cpRealModal small,#cpRealModal div,
#cpPopupCard p,#cpPopupCard span,#cpPopupCard small,#cpPopupCard div,
#vitorFichaModal p,#vitorFichaModal span,#vitorFichaModal small,#vitorFichaModal div,
body.cp-ficha-modal-open #cad_pessoas p,
body.cp-ficha-modal-open #cad_pessoas span,
body.cp-ficha-modal-open #cad_pessoas small,
body.cp-ficha-modal-open #cad_pessoas div,
body.cp-modal-open #cad_pessoas p,
body.cp-modal-open #cad_pessoas span,
body.cp-modal-open #cad_pessoas small,
body.cp-modal-open #cad_pessoas div {
  color: #e5f7ec !important;
  -webkit-text-fill-color: #e5f7ec !important;
}

/* mantém texto do header verde escuro, como botão premium */
#cpRealHead *, #cpPopupHead *, #vitorFichaHeader *,
body.cp-ficha-modal-open .cp-ficha-modal-head *,
body.cp-modal-open #cpModalHeader * {
  color: #03120c !important;
  -webkit-text-fill-color: #03120c !important;
  text-shadow: none !important;
}

/* labels e textos secundários da ficha */
#cpRealModal label,
#cpPopupCard label,
#vitorFichaModal label,
body.cp-ficha-modal-open #cad_pessoas label,
body.cp-modal-open #cad_pessoas label,
.cp-real-photo label,
.vf-photo label {
  color: rgba(226,232,240,.92) !important;
  -webkit-text-fill-color: rgba(226,232,240,.92) !important;
  font-weight: 900 !important;
}

/* campos continuam brancos no texto */
#cpRealModal input,#cpRealModal select,#cpRealModal textarea,
#cpPopupCard input,#cpPopupCard select,#cpPopupCard textarea,
#vitorFichaModal input,#vitorFichaModal select,#vitorFichaModal textarea,
body.cp-ficha-modal-open #cad_pessoas input,
body.cp-ficha-modal-open #cad_pessoas select,
body.cp-ficha-modal-open #cad_pessoas textarea,
body.cp-modal-open #cad_pessoas input,
body.cp-modal-open #cad_pessoas select,
body.cp-modal-open #cad_pessoas textarea {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

/* Sidebar: remove a coluna/barra verde do grupo Atendimentos */
.sidebar .menu-group,
.grouped-nav .menu-group,
.sidebar [data-group],
.grouped-nav [data-group] {
  background: transparent !important;
  box-shadow: none !important;
}

/* especificamente quando o grupo/linha de Atendimentos estiver ativo/aberto */
.sidebar .menu-group:has([data-page="atendimentos"]),
.grouped-nav .menu-group:has([data-page="atendimentos"]),
.sidebar .menu-group.open:has([data-page="atendimentos"]),
.grouped-nav .menu-group.open:has([data-page="atendimentos"]) {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* item Atendimentos: deixa só texto limpo, sem retângulo/coluna */
.sidebar [data-page="atendimentos"],
.grouped-nav [data-page="atendimentos"],
.sidebar button[data-page="atendimentos"],
.grouped-nav button[data-page="atendimentos"],
.sidebar a[data-page="atendimentos"],
.grouped-nav a[data-page="atendimentos"] {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

/* remove pseudo-barras laterais que formavam coluna */
.sidebar [data-page="atendimentos"]::before,
.sidebar [data-page="atendimentos"]::after,
.grouped-nav [data-page="atendimentos"]::before,
.grouped-nav [data-page="atendimentos"]::after,
.sidebar .menu-group:has([data-page="atendimentos"])::before,
.sidebar .menu-group:has([data-page="atendimentos"])::after,
.grouped-nav .menu-group:has([data-page="atendimentos"])::before,
.grouped-nav .menu-group:has([data-page="atendimentos"])::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
}

/* mantém hover discreto sem coluna */
.sidebar [data-page="atendimentos"]:hover,
.grouped-nav [data-page="atendimentos"]:hover {
  background: rgba(255,255,255,.045) !important;
  border-radius: 12px !important;
}


/* =========================================================
   SIDEBAR HOVER + BARRA VERDE REMOVIDA
   ========================================================= */

/* remove barra/coluna verde lateral dos grupos */
.sidebar .submenu,
.sidebar .menu-dropdown,
.sidebar .group-content,
.sidebar .menu-children,
.sidebar .accordion-content {
  background: rgba(5, 15, 12, 0.55) !important;
  border-left: none !important;
  box-shadow: none !important;
}

/* remove barra lateral/pseudo */
.sidebar .submenu::before,
.sidebar .submenu::after,
.sidebar .menu-dropdown::before,
.sidebar .menu-dropdown::after,
.sidebar .group-content::before,
.sidebar .group-content::after,
.sidebar .menu-children::before,
.sidebar .menu-children::after,
.sidebar .accordion-content::before,
.sidebar .accordion-content::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
}

/* itens internos */
.sidebar .submenu a,
.sidebar .submenu button,
.sidebar .menu-dropdown a,
.sidebar .menu-dropdown button,
.sidebar .group-content a,
.sidebar .group-content button,
.sidebar .menu-children a,
.sidebar .menu-children button,
.sidebar .accordion-content a,
.sidebar .accordion-content button {
  color: rgba(255,255,255,.92) !important;
  background: transparent !important;
  transition: all .18s ease !important;
  border-radius: 12px !important;
}

/* hover claro premium */
.sidebar .submenu a:hover,
.sidebar .submenu button:hover,
.sidebar .menu-dropdown a:hover,
.sidebar .menu-dropdown button:hover,
.sidebar .group-content a:hover,
.sidebar .group-content button:hover,
.sidebar .menu-children a:hover,
.sidebar .menu-children button:hover,
.sidebar .accordion-content a:hover,
.sidebar .accordion-content button:hover {
  background: rgba(255,255,255,.12) !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 1px rgba(120,255,180,.12) inset !important;
}

/* item ativo mais claro */
.sidebar .submenu .active,
.sidebar .menu-dropdown .active,
.sidebar .group-content .active,
.sidebar .menu-children .active,
.sidebar .accordion-content .active {
  background: linear-gradient(90deg, rgba(34,197,94,.22), rgba(34,197,94,.06)) !important;
  color: #ffffff !important;
}

/* corrige dropdown principal */
.sidebar .menu-group,
.sidebar .accordion,
.sidebar .nav-group {
  background: rgba(255,255,255,.03) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
}

/* hover do botão principal */
.sidebar .menu-group:hover,
.sidebar .accordion:hover,
.sidebar .nav-group:hover {
  background: rgba(255,255,255,.05) !important;
}


/* ===== FINAL PANEL PREMIUM ===== */

.dashboard-hero,
.hero-dashboard,
.painel-hero{
  min-height:320px!important;
  border-radius:32px!important;
  padding:36px!important;
  background:
    radial-gradient(circle at top right, rgba(34,197,94,.12), transparent 30%),
    linear-gradient(180deg,#0d1713,#07100d)!important;
  border:1px solid rgba(255,255,255,.05)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.35)!important;
}

.dashboard-hero h1,
.hero-dashboard h1,
.painel-hero h1{
  font-size:64px!important;
  line-height:.95!important;
  font-weight:900!important;
  letter-spacing:-.06em!important;
  color:#fff!important;
  max-width:760px!important;
}

.dashboard-hero p,
.hero-dashboard p,
.painel-hero p{
  color:rgba(255,255,255,.72)!important;
  font-size:18px!important;
  max-width:680px!important;
}

.dashboard-grid,
.metrics-grid,
.cards-grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:22px!important;
}

.metric-card,
.stat-card,
.dashboard-card{
  min-height:170px!important;
  border-radius:28px!important;
  padding:24px!important;
  background:
    radial-gradient(circle at top right, rgba(34,197,94,.10), transparent 30%),
    linear-gradient(180deg,#0f1b16,#08110d)!important;
  border:1px solid rgba(255,255,255,.05)!important;
  box-shadow:0 20px 60px rgba(0,0,0,.28)!important;
}

.metric-card h2,
.stat-card h2,
.dashboard-card h2{
  color:#fff!important;
  font-size:52px!important;
  font-weight:900!important;
  letter-spacing:-.05em!important;
}

.metric-card small,
.stat-card small,
.dashboard-card small{
  color:#8de5ad!important;
  text-transform:uppercase!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
}

.map-card,
.dashboard-map-card{
  border-radius:32px!important;
  overflow:hidden!important;
  background:#08110d!important;
  border:1px solid rgba(34,197,94,.14)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.34)!important;
}

.quick-actions,
.acoes-rapidas{
  display:grid!important;
  grid-template-columns:repeat(2,1fr)!important;
  gap:18px!important;
}

.quick-actions .action-card,
.acoes-rapidas .action-card{
  min-height:150px!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at top right, rgba(34,197,94,.10), transparent 30%),
    linear-gradient(180deg,#111d18,#08110d)!important;
  border:1px solid rgba(255,255,255,.05)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:22px!important;
}

.quick-actions .action-card h3,
.acoes-rapidas .action-card h3{
  color:#fff!important;
  font-size:24px!important;
}

.quick-actions .action-card p,
.acoes-rapidas .action-card p{
  color:rgba(255,255,255,.72)!important;
}

.sidebar a:hover,
.sidebar button:hover{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
}

.sidebar .active{
  background:linear-gradient(90deg, rgba(34,197,94,.18), transparent)!important;
}

@media(max-width:1200px){
 .dashboard-grid,
 .metrics-grid,
 .cards-grid{
   grid-template-columns:repeat(2,1fr)!important;
 }
}

@media(max-width:700px){
 .dashboard-grid,
 .metrics-grid,
 .cards-grid,
 .quick-actions,
 .acoes-rapidas{
   grid-template-columns:1fr!important;
 }
 .dashboard-hero h1{
   font-size:42px!important;
 }
}

/* =========================================================
   CODEX 20260522 - PAINEL PREMIUM FINAL
   Escopo exclusivo da aba Painel. Visual/layout somente.
========================================================= */

body.caio-emerald-ui #dashboard{
  --panel-ink:#f7fff9;
  --panel-muted:rgba(226,255,236,.72);
  --panel-soft:rgba(226,255,236,.48);
  --panel-green:#24ef79;
  --panel-line:rgba(116,255,179,.18);
  --panel-line-strong:rgba(116,255,179,.30);
  --panel-card:rgba(5,17,11,.78);
  --panel-card-2:rgba(8,26,16,.68);
  max-width:1680px!important;
  margin:0 auto!important;
  display:block!important;
  color:var(--panel-ink)!important;
}

body.caio-emerald-ui .content.premium-content{
  padding:0 26px 34px!important;
}

body.caio-emerald-ui #dashboard::before,
body.caio-emerald-ui #dashboard::after{
  display:none!important;
  content:none!important;
}

body.caio-emerald-ui #dashboardTopHero,
body.caio-emerald-ui #dashboard.dashboard-top-hero,
body.caio-emerald-ui #dashboard .dashboard-top-hero{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr)!important;
  gap:22px!important;
  margin:2px 0 22px!important;
  padding:34px!important;
  min-height:300px!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 85% 0%,rgba(36,239,121,.20),transparent 30%),
    radial-gradient(circle at 8% 18%,rgba(36,239,121,.13),transparent 30%),
    linear-gradient(145deg,rgba(7,24,15,.96),rgba(1,8,5,.94))!important;
  border:1px solid rgba(116,255,179,.20)!important;
  box-shadow:0 30px 110px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.055)!important;
  backdrop-filter:blur(18px) saturate(125%)!important;
}

body.caio-emerald-ui #dashboardTopHero::before{
  content:""!important;
  position:absolute!important;
  width:520px!important;
  height:520px!important;
  right:-190px!important;
  top:-230px!important;
  border-radius:999px!important;
  display:block!important;
  background:radial-gradient(circle,rgba(36,239,121,.22),rgba(36,239,121,.08) 34%,transparent 67%)!important;
  filter:blur(2px)!important;
  pointer-events:none!important;
}

body.caio-emerald-ui #dashboardTopHero::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  display:block!important;
  pointer-events:none!important;
  background:linear-gradient(115deg,rgba(255,255,255,.018) 0 1px,transparent 1px 14px)!important;
  opacity:.55!important;
}

body.caio-emerald-ui .dashboard-hero-main,
body.caio-emerald-ui .dashboard-hero-side{
  position:relative!important;
  z-index:2!important;
}

body.caio-emerald-ui .dashboard-hero-chip{
  margin-bottom:22px!important;
  padding:8px 12px!important;
  color:#caffe0!important;
  background:rgba(36,239,121,.11)!important;
  border:1px solid rgba(116,255,179,.24)!important;
  letter-spacing:.08em!important;
}

body.caio-emerald-ui .dashboard-hero-title{
  max-width:890px!important;
  color:#ffffff!important;
  font-size:clamp(42px,5vw,78px)!important;
  line-height:.92!important;
  letter-spacing:-.07em!important;
  font-weight:950!important;
  margin:0 0 14px!important;
  text-shadow:0 24px 64px rgba(0,0,0,.44)!important;
}

body.caio-emerald-ui .dashboard-hero-subtitle{
  max-width:680px!important;
  color:var(--panel-muted)!important;
  font-size:17px!important;
  line-height:1.52!important;
  font-weight:650!important;
}

body.caio-emerald-ui .dashboard-hero-highlights{
  grid-template-columns:repeat(4,minmax(126px,1fr))!important;
  gap:12px!important;
  margin:24px 0 22px!important;
}

body.caio-emerald-ui .dashboard-highlight-card{
  min-height:118px!important;
  padding:18px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;
  border:1px solid rgba(116,255,179,.15)!important;
}

body.caio-emerald-ui .dashboard-highlight-card small{
  color:rgba(226,255,236,.78)!important;
}

body.caio-emerald-ui .dashboard-highlight-card strong{
  color:#ffffff!important;
  font-size:32px!important;
}

body.caio-emerald-ui .dashboard-hero-actions .btn{
  min-height:46px!important;
  border-radius:12px!important;
  padding:0 16px!important;
}

body.caio-emerald-ui .dashboard-hero-side{
  align-content:stretch!important;
}

body.caio-emerald-ui .dashboard-hero-side-card{
  min-height:0!important;
  padding:20px!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.078),rgba(255,255,255,.026))!important;
  border:1px solid rgba(116,255,179,.16)!important;
}

body.caio-emerald-ui #dashboard .stats-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:20px!important;
  margin:0 0 22px!important;
}

body.caio-emerald-ui #dashboard .stat.card{
  position:relative!important;
  min-height:168px!important;
  padding:28px 24px 24px 112px!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 82% 16%,rgba(36,239,121,.18),transparent 28%),
    linear-gradient(180deg,rgba(7,25,15,.88),rgba(2,10,7,.84))!important;
  border:1px solid rgba(116,255,179,.18)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.05)!important;
}

body.caio-emerald-ui #dashboard .stat.card::before{
  content:""!important;
  position:absolute!important;
  display:block!important;
  left:26px!important;
  top:28px!important;
  bottom:auto!important;
  width:60px!important;
  height:60px!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 50% 46%,rgba(36,239,121,.95) 0 5px,transparent 6px),
    linear-gradient(135deg,rgba(36,239,121,.22),rgba(36,239,121,.055))!important;
  border:1px solid rgba(116,255,179,.24)!important;
  box-shadow:0 0 38px rgba(36,239,121,.22), inset 0 1px 0 rgba(255,255,255,.08)!important;
}

body.caio-emerald-ui #dashboard .stat.card::after{
  content:""!important;
  position:absolute!important;
  right:20px!important;
  bottom:24px!important;
  display:block!important;
  width:112px!important;
  height:42px!important;
  border-radius:999px!important;
  background:
    linear-gradient(135deg,transparent 0 24%,rgba(36,239,121,.65) 25% 28%,transparent 29% 45%,rgba(36,239,121,.80) 46% 50%,transparent 51% 64%,rgba(36,239,121,.58) 65% 68%,transparent 69%),
    radial-gradient(circle at 20% 58%,rgba(36,239,121,.8) 0 3px,transparent 4px),
    radial-gradient(circle at 50% 36%,rgba(36,239,121,.8) 0 3px,transparent 4px),
    radial-gradient(circle at 82% 45%,rgba(36,239,121,.8) 0 3px,transparent 4px)!important;
  opacity:.75!important;
}

body.caio-emerald-ui #dashboard .stat .label{
  color:rgba(226,255,236,.82)!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}

body.caio-emerald-ui #dashboard .stat strong{
  display:block!important;
  margin:9px 0 8px!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  font-size:clamp(38px,3vw,54px)!important;
  line-height:.92!important;
  letter-spacing:-.06em!important;
  font-weight:950!important;
}

body.caio-emerald-ui #dashboard .stat small{
  color:rgba(226,255,236,.62)!important;
  font-weight:700!important;
}

body.caio-emerald-ui #dashboard .card{
  border-radius:24px!important;
  background:
    radial-gradient(circle at 94% 0%,rgba(36,239,121,.08),transparent 30%),
    linear-gradient(180deg,rgba(7,24,15,.84),rgba(2,10,7,.80))!important;
  border:1px solid rgba(116,255,179,.16)!important;
  box-shadow:0 24px 82px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.045)!important;
}

body.caio-emerald-ui #dashboard .card-head{
  padding:4px 4px 16px!important;
  border-bottom:1px solid rgba(116,255,179,.10)!important;
  margin-bottom:16px!important;
}

body.caio-emerald-ui #dashboard .card-head h3,
body.caio-emerald-ui #dashboard .analytics-card-head strong{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  font-size:22px!important;
  letter-spacing:-.04em!important;
}

body.caio-emerald-ui #dashboard .card-head small,
body.caio-emerald-ui #dashboard .analytics-card-head span{
  color:rgba(226,255,236,.60)!important;
}

body.caio-emerald-ui #dashboard .dashboard-map-card{
  padding:22px!important;
  border-radius:28px!important;
  margin:0 0 22px!important;
}

body.caio-emerald-ui #dashboard .dashboard-map-preview-panel{
  min-height:560px!important;
  height:560px!important;
  border-radius:22px!important;
  border:1px solid rgba(116,255,179,.22)!important;
  box-shadow:inset 0 0 120px rgba(36,239,121,.05),0 24px 80px rgba(0,0,0,.32)!important;
}

body.caio-emerald-ui #dashboardMapPreview,
body.caio-emerald-ui #dashboardMapPreview .leaflet-container{
  min-height:560px!important;
  height:560px!important;
}

body.caio-emerald-ui #dashboard .card-head-action{
  border-radius:999px!important;
  color:#eaffef!important;
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(116,255,179,.20)!important;
}

body.caio-emerald-ui #dashboard .dashboard-quick-card{
  padding:22px!important;
  margin:0 0 22px!important;
}

body.caio-emerald-ui #dashboard .dashboard-quick-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}

body.caio-emerald-ui #dashboard .dashboard-quick-link{
  position:relative!important;
  min-height:148px!important;
  padding:20px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  gap:8px!important;
  border-radius:20px!important;
  text-decoration:none!important;
  color:#ffffff!important;
  background:
    radial-gradient(circle at 24% 20%,rgba(36,239,121,.18),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.022))!important;
  border:1px solid rgba(116,255,179,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
  overflow:hidden!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease!important;
}

body.caio-emerald-ui #dashboard .dashboard-quick-link:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(116,255,179,.32)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.30),0 0 42px rgba(36,239,121,.12),inset 0 1px 0 rgba(255,255,255,.07)!important;
}

body.caio-emerald-ui #dashboard .dashboard-quick-icon{
  position:absolute!important;
  top:18px!important;
  left:18px!important;
  width:48px!important;
  height:48px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:16px!important;
  color:#03120c!important;
  -webkit-text-fill-color:#03120c!important;
  background:linear-gradient(135deg,#24ef79,#a7ffc7)!important;
  box-shadow:0 0 36px rgba(36,239,121,.22)!important;
  font-weight:950!important;
}

body.caio-emerald-ui #dashboard .dashboard-quick-link strong{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  font-size:22px!important;
  letter-spacing:-.035em!important;
}

body.caio-emerald-ui #dashboard .dashboard-quick-link small{
  color:rgba(226,255,236,.66)!important;
  font-weight:700!important;
}

body.caio-emerald-ui #dashboard .grid-2,
body.caio-emerald-ui #dashboard .dashboard-insights-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:20px!important;
  margin-bottom:22px!important;
}

body.caio-emerald-ui #dashboard .dashboard-chart-shell{
  min-height:260px!important;
  padding:18px!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(116,255,179,.10)!important;
}

body.caio-emerald-ui #dashboard .table-wrap{
  border-radius:18px!important;
  border:1px solid rgba(116,255,179,.12)!important;
  overflow:auto!important;
}

body.caio-emerald-ui #dashboard table{
  background:rgba(2,10,7,.38)!important;
}

body.caio-emerald-ui #dashboard th{
  color:rgba(226,255,236,.82)!important;
  background:rgba(36,239,121,.08)!important;
}

body.caio-emerald-ui #dashboard td{
  color:rgba(247,255,249,.88)!important;
}

body.caio-emerald-ui #dashboard .hero-card{
  display:none!important;
}

@media(max-width:1280px){
  body.caio-emerald-ui #dashboardTopHero{
    grid-template-columns:1fr!important;
  }
  body.caio-emerald-ui #dashboard .stats-grid,
  body.caio-emerald-ui #dashboard .dashboard-quick-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:760px){
  body.caio-emerald-ui .content.premium-content{
    padding:0 12px 24px!important;
  }
  body.caio-emerald-ui #dashboardTopHero{
    padding:24px!important;
    border-radius:22px!important;
  }
  body.caio-emerald-ui .dashboard-hero-title{
    font-size:42px!important;
  }
  body.caio-emerald-ui .dashboard-hero-highlights,
  body.caio-emerald-ui #dashboard .stats-grid,
  body.caio-emerald-ui #dashboard .dashboard-quick-grid,
  body.caio-emerald-ui #dashboard .grid-2,
  body.caio-emerald-ui #dashboard .dashboard-insights-grid{
    grid-template-columns:1fr!important;
  }
  body.caio-emerald-ui #dashboard .stat.card{
    padding-left:96px!important;
  }
  body.caio-emerald-ui #dashboard .dashboard-map-preview-panel,
  body.caio-emerald-ui #dashboardMapPreview,
  body.caio-emerald-ui #dashboardMapPreview .leaflet-container{
    min-height:420px!important;
    height:420px!important;
  }
}

/* =========================================================
   CODEX 20260522 - PAINEL MODELO DO PRINT
   Reorganiza visualmente sem alterar IDs, dados ou listeners.
========================================================= */

body.caio-emerald-ui #dashboard{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:20px!important;
  align-items:stretch!important;
}

body.caio-emerald-ui #dashboardTopHero{
  display:none!important;
}

body.caio-emerald-ui #dashboard > .stats-grid{
  grid-column:1 / -1!important;
  order:1!important;
  margin-bottom:0!important;
}

body.caio-emerald-ui #dashboard > .dashboard-map-card{
  grid-column:1 / span 7!important;
  order:2!important;
  margin:0!important;
}

body.caio-emerald-ui #dashboard > .dashboard-quick-card{
  grid-column:8 / -1!important;
  order:2!important;
  margin:0!important;
}

body.caio-emerald-ui #dashboard > .grid-2,
body.caio-emerald-ui #dashboard > .dashboard-insights-grid{
  grid-column:1 / -1!important;
  order:3!important;
  margin:0!important;
}

body.caio-emerald-ui #dashboard > .grid-2:nth-of-type(3){
  grid-column:1 / span 6!important;
}

body.caio-emerald-ui #dashboard .dashboard-map-card .card-head{
  min-height:48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}

body.caio-emerald-ui #dashboard .dashboard-map-card .card-head h3{
  font-size:24px!important;
}

body.caio-emerald-ui #dashboard .dashboard-map-summary{
  display:none!important;
}

body.caio-emerald-ui #dashboard .dashboard-map-preview-panel{
  position:relative!important;
  min-height:310px!important;
  height:310px!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 45%,rgba(36,239,121,.18),transparent 24%),
    linear-gradient(38deg,transparent 0 18%,rgba(0,216,103,.34) 18.4% 19.1%,transparent 19.5% 38%,rgba(0,216,103,.25) 38.5% 39.2%,transparent 39.7%),
    linear-gradient(132deg,transparent 0 12%,rgba(0,216,103,.28) 12.5% 13.1%,transparent 13.5% 42%,rgba(0,216,103,.30) 42.6% 43.4%,transparent 44%),
    linear-gradient(88deg,transparent 0 22%,rgba(0,216,103,.20) 22.5% 23.1%,transparent 23.5% 64%,rgba(0,216,103,.22) 64.4% 65%,transparent 65.4%),
    linear-gradient(0deg,rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),
    #06130c!important;
  background-size:100% 100%,100% 100%,100% 100%,100% 100%,76px 76px,76px 76px,100% 100%!important;
}

body.caio-emerald-ui #dashboard .dashboard-map-preview-panel::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  display:block!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 50% 45%,transparent 0 25%,rgba(0,0,0,.16) 55%,rgba(0,0,0,.42) 100%),
    linear-gradient(115deg,rgba(255,255,255,.025) 0 1px,transparent 1px 14px)!important;
  opacity:.82!important;
}

body.caio-emerald-ui #dashboard .dashboard-map-preview-panel::after{
  content:""!important;
  position:absolute!important;
  z-index:5!important;
  left:50%!important;
  top:46%!important;
  width:64px!important;
  height:64px!important;
  transform:translate(-50%,-50%) rotate(45deg)!important;
  border-radius:50% 50% 50% 12px!important;
  background:linear-gradient(135deg,#8effb6,#24ef79 62%,#0d8f48)!important;
  box-shadow:0 0 0 12px rgba(36,239,121,.10),0 0 48px rgba(36,239,121,.52),0 20px 54px rgba(0,0,0,.42)!important;
  pointer-events:none!important;
}

body.caio-emerald-ui #dashboard .dashboard-map-label{
  position:absolute!important;
  left:50%!important;
  bottom:20px!important;
  z-index:6!important;
  transform:translateX(-50%)!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  font-size:26px!important;
  font-weight:950!important;
  letter-spacing:-.04em!important;
  text-shadow:0 10px 24px rgba(0,0,0,.54)!important;
  pointer-events:none!important;
}

body.caio-emerald-ui #dashboardMapPreview,
body.caio-emerald-ui #dashboardMapPreview .leaflet-container{
  min-height:310px!important;
  height:310px!important;
  background:transparent!important;
  background-color:transparent!important;
}

body.caio-emerald-ui #dashboardMapPreview{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  opacity:.72!important;
  filter:saturate(1.25) contrast(1.05)!important;
}

body.caio-emerald-ui #dashboardMapPreview .leaflet-pane,
body.caio-emerald-ui #dashboardMapPreview .leaflet-map-pane,
body.caio-emerald-ui #dashboardMapPreview .leaflet-tile-pane{
  background:transparent!important;
}

body.caio-emerald-ui #dashboardMapPreview .leaflet-marker-pane,
body.caio-emerald-ui #dashboardMapPreview .leaflet-popup-pane,
body.caio-emerald-ui #dashboardMapPreview .leaflet-control-container{
  z-index:7!important;
}

body.caio-emerald-ui #dashboard .dashboard-map-empty{
  display:none!important;
}

body.caio-emerald-ui #dashboard .dashboard-map-legend{
  display:none!important;
}

body.caio-emerald-ui #dashboard .dashboard-quick-card .card-head{
  min-height:48px!important;
}

body.caio-emerald-ui #dashboard .dashboard-quick-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}

body.caio-emerald-ui #dashboard .dashboard-quick-link{
  min-height:132px!important;
}

@media(max-width:1180px){
  body.caio-emerald-ui #dashboard > .dashboard-map-card,
  body.caio-emerald-ui #dashboard > .dashboard-quick-card,
  body.caio-emerald-ui #dashboard > .grid-2:nth-of-type(3){
    grid-column:1 / -1!important;
  }
}

@media(max-width:760px){
  body.caio-emerald-ui #dashboard{
    grid-template-columns:1fr!important;
  }
  body.caio-emerald-ui #dashboard > *{
    grid-column:1 / -1!important;
  }
  body.caio-emerald-ui #dashboard .dashboard-map-preview-panel,
  body.caio-emerald-ui #dashboardMapPreview,
  body.caio-emerald-ui #dashboardMapPreview .leaflet-container{
    min-height:300px!important;
    height:300px!important;
  }
}

/* =========================================================
   CODEX 20260522 - PAINEL COMPACTO IGUAL PRINT
   So layout/CSS: preserva IDs, dados, rotas e listeners.
========================================================= */

body.caio-emerald-ui #dashboard{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  grid-auto-flow:row dense!important;
  gap:16px!important;
  align-items:stretch!important;
}

body.caio-emerald-ui #dashboard > .grid-2,
body.caio-emerald-ui #dashboard > .dashboard-insights-grid{
  display:contents!important;
}

body.caio-emerald-ui #dashboardTopHero,
body.caio-emerald-ui #dashboard .hero-card,
body.caio-emerald-ui #dashboard .dashboard-card-before,
body.caio-emerald-ui #dashboard .dashboard-card-kpi,
body.caio-emerald-ui #dashboard .dashboard-card-bairro,
body.caio-emerald-ui #dashboard .dashboard-card-agenda,
body.caio-emerald-ui #dashboard .dashboard-card-base{
  display:none!important;
}

body.caio-emerald-ui #dashboard > .stats-grid{
  grid-column:1 / -1!important;
  order:1!important;
  gap:16px!important;
  margin:0!important;
}

body.caio-emerald-ui #dashboard .stats-grid .stat.card{
  min-height:132px!important;
  padding:22px 18px 18px 96px!important;
  border-radius:20px!important;
  overflow:hidden!important;
}

body.caio-emerald-ui #dashboard .stats-grid .stat.card::before{
  left:22px!important;
  top:23px!important;
  width:54px!important;
  height:54px!important;
  border-radius:17px!important;
}

body.caio-emerald-ui #dashboard .stats-grid .stat.card::after{
  right:15px!important;
  bottom:16px!important;
  width:92px!important;
  height:34px!important;
  opacity:.50!important;
}

body.caio-emerald-ui #dashboard .stats-grid .stat.card .label,
body.caio-emerald-ui #dashboard .stats-grid .stat.card small{
  letter-spacing:.02em!important;
}

body.caio-emerald-ui #dashboard .stats-grid .stat.card strong{
  font-size:clamp(32px,2.45vw,44px)!important;
  line-height:.98!important;
}

body.caio-emerald-ui #dashboard .dashboard-card-line{
  grid-column:1 / span 5!important;
  order:2!important;
  min-height:338px!important;
}

body.caio-emerald-ui #dashboard > .dashboard-card-map.dashboard-map-card{
  grid-column:6 / span 4!important;
  order:2!important;
  min-height:338px!important;
  margin:0!important;
}

body.caio-emerald-ui #dashboard > .dashboard-card-notifications.dashboard-quick-card{
  grid-column:10 / -1!important;
  order:2!important;
  min-height:338px!important;
  margin:0!important;
}

body.caio-emerald-ui #dashboard .dashboard-card-category{
  grid-column:1 / span 4!important;
  order:3!important;
  min-height:286px!important;
}

body.caio-emerald-ui #dashboard .dashboard-card-status{
  grid-column:5 / span 4!important;
  order:3!important;
  min-height:286px!important;
}

body.caio-emerald-ui #dashboard .dashboard-card-recent{
  grid-column:9 / -1!important;
  order:3!important;
  min-height:286px!important;
}

body.caio-emerald-ui #dashboard :is(.dashboard-card-line,.dashboard-card-map,.dashboard-card-notifications,.dashboard-card-category,.dashboard-card-status,.dashboard-card-recent){
  padding:18px!important;
  border-radius:20px!important;
  min-width:0!important;
  box-shadow:0 22px 80px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.05)!important;
}

body.caio-emerald-ui #dashboard :is(.card-head,.analytics-card-head){
  min-height:auto!important;
  margin-bottom:12px!important;
  padding-bottom:8px!important;
}

body.caio-emerald-ui #dashboard :is(.card-head h3,.analytics-card-head strong){
  font-size:20px!important;
  line-height:1.08!important;
  letter-spacing:-.02em!important;
}

body.caio-emerald-ui #dashboard :is(.card-head small,.analytics-card-head span){
  font-size:12px!important;
  color:rgba(226,255,236,.64)!important;
}

body.caio-emerald-ui #dashboard .dashboard-chart-shell{
  min-height:226px!important;
  height:226px!important;
  padding:8px!important;
  border-radius:18px!important;
}

body.caio-emerald-ui #dashboard .dashboard-card-line .dashboard-chart-shell{
  min-height:252px!important;
  height:252px!important;
}

body.caio-emerald-ui #dashboard .dashboard-map-summary,
body.caio-emerald-ui #dashboard .dashboard-map-legend{
  display:none!important;
}

body.caio-emerald-ui #dashboard .dashboard-map-preview-panel{
  height:254px!important;
  min-height:254px!important;
  border-radius:18px!important;
  border-color:rgba(80,255,156,.34)!important;
  background:
    linear-gradient(36deg,transparent 0 17%,rgba(0,216,103,.30) 17.4% 18.1%,transparent 18.5% 39%,rgba(0,216,103,.22) 39.5% 40.2%,transparent 40.7%),
    linear-gradient(132deg,transparent 0 10%,rgba(0,216,103,.24) 10.4% 11.1%,transparent 11.6% 42%,rgba(0,216,103,.24) 42.6% 43.2%,transparent 43.8%),
    linear-gradient(0deg,rgba(80,255,156,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(80,255,156,.030) 1px,transparent 1px),
    #03110b!important;
  background-size:100% 100%,100% 100%,72px 72px,72px 72px,100% 100%!important;
}

body.caio-emerald-ui #dashboardMapPreview,
body.caio-emerald-ui #dashboardMapPreview .leaflet-container{
  height:254px!important;
  min-height:254px!important;
  opacity:1!important;
  background:transparent!important;
  background-color:transparent!important;
}

body.caio-emerald-ui #dashboardMapPreview{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  filter:saturate(.9) contrast(1.08) brightness(.78)!important;
}

body.caio-emerald-ui #dashboardMapPreview .leaflet-tile-pane,
body.caio-emerald-ui #dashboardMapPreview .leaflet-tile-container{
  opacity:1!important;
}

body.caio-emerald-ui #dashboardMapPreview img.leaflet-tile,
body.caio-emerald-ui #dashboardMapPreview .leaflet-tile-loaded{
  opacity:1!important;
  visibility:visible!important;
  filter:grayscale(.72) invert(1) hue-rotate(118deg) saturate(.70) brightness(.64) contrast(1.08)!important;
}

body.caio-emerald-ui #dashboardMapPreview .leaflet-pane,
body.caio-emerald-ui #dashboardMapPreview .leaflet-map-pane{
  background:transparent!important;
}

body.caio-emerald-ui #dashboardMapPreview .caio-bairro-label,
body.caio-emerald-ui #dashboardMapPreview .leaflet-tooltip{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}

body.caio-emerald-ui #dashboard #dashboardMapPreview.leaflet-container::after{
  opacity:.16!important;
  background:
    radial-gradient(circle at 50% 45%,transparent 0 35%,rgba(0,0,0,.22) 76%,rgba(0,0,0,.46) 100%),
    linear-gradient(rgba(80,255,156,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(80,255,156,.028) 1px,transparent 1px)!important;
  background-size:100% 100%,72px 72px,72px 72px!important;
}

body.caio-emerald-ui #dashboard .dashboard-map-preview-panel::before{
  opacity:.18!important;
  mix-blend-mode:screen!important;
  z-index:4!important;
}

body.caio-emerald-ui #dashboard .dashboard-map-preview-panel::after{
  width:44px!important;
  height:44px!important;
  top:47%!important;
  opacity:.92!important;
  box-shadow:0 0 0 8px rgba(36,239,121,.09),0 0 34px rgba(36,239,121,.45),0 14px 36px rgba(0,0,0,.34)!important;
}

body.caio-emerald-ui #dashboard .dashboard-map-label{
  bottom:14px!important;
  font-size:22px!important;
  z-index:8!important;
}

body.caio-emerald-ui #dashboard .dashboard-map-empty{
  display:none!important;
}

body.caio-emerald-ui #dashboard .dashboard-notification-list{
  display:grid!important;
  gap:10px!important;
}

body.caio-emerald-ui #dashboard .dashboard-notification-item{
  position:relative!important;
  display:grid!important;
  grid-template-columns:42px 1fr!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  column-gap:12px!important;
  min-height:56px!important;
  padding:9px 10px!important;
  border-radius:15px!important;
  text-decoration:none!important;
  background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;
  border:1px solid rgba(116,255,179,.12)!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
}

body.caio-emerald-ui #dashboard .dashboard-notification-item::after{
  content:""!important;
  position:absolute!important;
  right:12px!important;
  top:50%!important;
  width:10px!important;
  height:10px!important;
  border-radius:999px!important;
  transform:translateY(-50%)!important;
  background:#1bff73!important;
  box-shadow:0 0 18px rgba(27,255,115,.42)!important;
}

body.caio-emerald-ui #dashboard .dashboard-notification-item:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(116,255,179,.32)!important;
  background:linear-gradient(135deg,rgba(36,239,121,.16),rgba(255,255,255,.035))!important;
  box-shadow:0 16px 38px rgba(0,0,0,.22)!important;
}

body.caio-emerald-ui #dashboard .dashboard-notification-icon{
  grid-row:1 / span 2!important;
  width:38px!important;
  height:38px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  font-size:14px!important;
  font-weight:950!important;
  color:#03120c!important;
  background:linear-gradient(135deg,#5cff9d,#19d866)!important;
  box-shadow:0 0 24px rgba(36,239,121,.18)!important;
}

body.caio-emerald-ui #dashboard .dashboard-notification-icon.doc{
  background:linear-gradient(135deg,#45b8ff,#0877d8)!important;
}

body.caio-emerald-ui #dashboard .dashboard-notification-icon.map{
  background:linear-gradient(135deg,#ffb247,#d97800)!important;
}

body.caio-emerald-ui #dashboard .dashboard-notification-icon.user{
  background:linear-gradient(135deg,#b981ff,#7c3cff)!important;
}

body.caio-emerald-ui #dashboard .dashboard-notification-item strong{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:14px!important;
  line-height:1.2!important;
}

body.caio-emerald-ui #dashboard .dashboard-notification-item small{
  color:rgba(226,255,236,.62)!important;
  font-size:12px!important;
  line-height:1.25!important;
}

body.caio-emerald-ui #dashboard .dashboard-card-recent .table-wrap{
  max-height:220px!important;
  overflow:auto!important;
  border-radius:16px!important;
}

body.caio-emerald-ui #dashboard .dashboard-card-recent table{
  font-size:12px!important;
}

body.caio-emerald-ui #dashboard .dashboard-card-recent th,
body.caio-emerald-ui #dashboard .dashboard-card-recent td{
  padding:9px 10px!important;
}

@media(max-width:1280px){
  body.caio-emerald-ui #dashboard .dashboard-card-line,
  body.caio-emerald-ui #dashboard > .dashboard-card-map.dashboard-map-card{
    grid-column:1 / span 6!important;
  }

  body.caio-emerald-ui #dashboard > .dashboard-card-notifications.dashboard-quick-card{
    grid-column:7 / -1!important;
  }

  body.caio-emerald-ui #dashboard .dashboard-card-category,
  body.caio-emerald-ui #dashboard .dashboard-card-status,
  body.caio-emerald-ui #dashboard .dashboard-card-recent{
    grid-column:span 4!important;
  }
}

@media(max-width:980px){
  body.caio-emerald-ui #dashboard{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }

  body.caio-emerald-ui #dashboard > .stats-grid,
  body.caio-emerald-ui #dashboard .dashboard-card-line,
  body.caio-emerald-ui #dashboard > .dashboard-card-map.dashboard-map-card,
  body.caio-emerald-ui #dashboard > .dashboard-card-notifications.dashboard-quick-card,
  body.caio-emerald-ui #dashboard .dashboard-card-category,
  body.caio-emerald-ui #dashboard .dashboard-card-status,
  body.caio-emerald-ui #dashboard .dashboard-card-recent{
    grid-column:1 / -1!important;
  }
}

@media(max-width:760px){
  body.caio-emerald-ui #dashboard{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }

  body.caio-emerald-ui #dashboard .stats-grid .stat.card{
    min-height:118px!important;
    padding:20px 16px 16px 90px!important;
  }

  body.caio-emerald-ui #dashboard .dashboard-map-preview-panel,
  body.caio-emerald-ui #dashboardMapPreview,
  body.caio-emerald-ui #dashboardMapPreview .leaflet-container{
    min-height:260px!important;
    height:260px!important;
  }
}

/* =========================================================
   CODEX 20260522 - MAPA REAL + RADAR, ORGANIZADO
   Remove notificacoes do painel e destaca mapa/indicadores.
========================================================= */

body.caio-emerald-ui #dashboard{
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}

body.caio-emerald-ui #dashboard > .stats-grid{
  grid-column:1 / -1!important;
  order:1!important;
}

body.caio-emerald-ui #dashboard > .dashboard-card-map.dashboard-map-card{
  grid-column:1 / span 7!important;
  order:2!important;
  min-height:430px!important;
  padding:20px!important;
}

body.caio-emerald-ui #dashboard > .dashboard-card-radar.dashboard-quick-card{
  grid-column:8 / -1!important;
  order:2!important;
  min-height:430px!important;
  padding:20px!important;
}

body.caio-emerald-ui #dashboard .dashboard-card-line{
  grid-column:1 / span 5!important;
  order:3!important;
  min-height:315px!important;
}

body.caio-emerald-ui #dashboard .dashboard-card-status{
  grid-column:6 / span 3!important;
  order:3!important;
  min-height:315px!important;
}

body.caio-emerald-ui #dashboard .dashboard-card-recent{
  grid-column:9 / -1!important;
  order:3!important;
  min-height:315px!important;
}

body.caio-emerald-ui #dashboard .dashboard-card-category{
  grid-column:1 / span 4!important;
  order:4!important;
  min-height:300px!important;
}

body.caio-emerald-ui #dashboard > .dashboard-card-map.dashboard-map-card .card-head,
body.caio-emerald-ui #dashboard > .dashboard-card-radar.dashboard-quick-card .card-head{
  min-height:48px!important;
  margin-bottom:14px!important;
  padding-bottom:10px!important;
}

body.caio-emerald-ui #dashboard .dashboard-map-preview-panel{
  height:342px!important;
  min-height:342px!important;
  border-radius:20px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 45%,rgba(48,255,128,.18),transparent 25%),
    linear-gradient(35deg,transparent 0 15%,rgba(22,214,103,.28) 15.3% 16%,transparent 16.4% 43%,rgba(22,214,103,.22) 43.4% 44.1%,transparent 44.6%),
    linear-gradient(126deg,transparent 0 13%,rgba(22,214,103,.24) 13.4% 14.2%,transparent 14.6% 57%,rgba(22,214,103,.18) 57.4% 58.2%,transparent 58.8%),
    linear-gradient(0deg,rgba(88,255,164,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(88,255,164,.028) 1px,transparent 1px),
    #020b08!important;
  background-size:100% 100%,100% 100%,100% 100%,70px 70px,70px 70px,100% 100%!important;
}

body.caio-emerald-ui #dashboard .dashboard-map-frame{
  position:absolute!important;
  inset:0!important;
  z-index:8!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  border:0!important;
  background:#020b08!important;
  border-radius:inherit!important;
  filter:saturate(.96) contrast(1.04) brightness(.84)!important;
}

body.caio-emerald-ui #dashboard .dashboard-map-frame + #dashboardMapPreview{
  opacity:.01!important;
  pointer-events:none!important;
}

body.caio-emerald-ui #dashboardMapPreview,
body.caio-emerald-ui #dashboardMapPreview.leaflet-container,
body.caio-emerald-ui #dashboardMapPreview .leaflet-container{
  height:342px!important;
  min-height:342px!important;
  opacity:1!important;
  background:#020b08!important;
  background-color:#020b08!important;
  filter:none!important;
}

body.caio-emerald-ui #dashboardMapPreview img.leaflet-tile,
body.caio-emerald-ui #dashboardMapPreview .leaflet-tile-loaded{
  opacity:1!important;
  visibility:visible!important;
  filter:saturate(.85) hue-rotate(88deg) brightness(.72) contrast(1.12)!important;
}

body.caio-emerald-ui #dashboardMapPreview .leaflet-tile-pane,
body.caio-emerald-ui #dashboardMapPreview .leaflet-overlay-pane,
body.caio-emerald-ui #dashboardMapPreview .leaflet-marker-pane{
  opacity:1!important;
  visibility:visible!important;
}

body.caio-emerald-ui #dashboard #dashboardMapPreview.leaflet-container::after{
  opacity:.18!important;
  background:
    radial-gradient(circle at 50% 50%,transparent 0 36%,rgba(0,0,0,.18) 72%,rgba(0,0,0,.42) 100%),
    linear-gradient(rgba(82,255,158,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(82,255,158,.024) 1px,transparent 1px)!important;
  background-size:100% 100%,70px 70px,70px 70px!important;
}

body.caio-emerald-ui #dashboard .dashboard-map-preview-panel::before{
  opacity:.12!important;
}

body.caio-emerald-ui #dashboard .dashboard-map-preview-panel::after{
  width:52px!important;
  height:52px!important;
  top:48%!important;
  background:linear-gradient(135deg,#9affbd,#25f079 60%,#0d8f48)!important;
}

body.caio-emerald-ui #dashboard .dashboard-map-label{
  bottom:18px!important;
  font-size:24px!important;
  z-index:10!important;
}

body.caio-emerald-ui #dashboard .dashboard-radar-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  height:calc(100% - 64px)!important;
}

body.caio-emerald-ui #dashboard .dashboard-radar-item{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  min-height:148px!important;
  padding:16px!important;
  border-radius:18px!important;
  text-decoration:none!important;
  overflow:hidden!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 80% 18%,rgba(64,255,144,.20),transparent 30%),
    linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
  border:1px solid rgba(116,255,179,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 18px 42px rgba(0,0,0,.18)!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease!important;
}

body.caio-emerald-ui #dashboard .dashboard-radar-item::after{
  content:""!important;
  position:absolute!important;
  right:-22px!important;
  top:-22px!important;
  width:86px!important;
  height:86px!important;
  border-radius:999px!important;
  border:1px solid rgba(66,255,141,.20)!important;
  box-shadow:0 0 0 18px rgba(66,255,141,.035),0 0 60px rgba(66,255,141,.16)!important;
}

body.caio-emerald-ui #dashboard .dashboard-radar-item:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(116,255,179,.36)!important;
  background:
    radial-gradient(circle at 80% 18%,rgba(64,255,144,.30),transparent 32%),
    linear-gradient(145deg,rgba(36,239,121,.12),rgba(255,255,255,.03))!important;
}

body.caio-emerald-ui #dashboard .dashboard-radar-icon{
  display:grid!important;
  place-items:center!important;
  width:48px!important;
  height:48px!important;
  border-radius:16px!important;
  color:#04140c!important;
  -webkit-text-fill-color:#04140c!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.03em!important;
  background:linear-gradient(135deg,#86ffb1,#20e875)!important;
  box-shadow:0 0 30px rgba(36,239,121,.18)!important;
}

body.caio-emerald-ui #dashboard .dashboard-radar-item strong{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:clamp(30px,2.4vw,44px)!important;
  line-height:.95!important;
  letter-spacing:-.04em!important;
  margin-top:16px!important;
}

body.caio-emerald-ui #dashboard .dashboard-radar-item small{
  color:rgba(226,255,236,.68)!important;
  -webkit-text-fill-color:rgba(226,255,236,.68)!important;
  font-size:12px!important;
  font-weight:800!important;
}

body.caio-emerald-ui #dashboard .dashboard-card-recent .table-wrap{
  max-height:245px!important;
}

@media(max-width:1280px){
  body.caio-emerald-ui #dashboard > .dashboard-card-map.dashboard-map-card{
    grid-column:1 / span 7!important;
  }

  body.caio-emerald-ui #dashboard > .dashboard-card-radar.dashboard-quick-card{
    grid-column:8 / -1!important;
  }

  body.caio-emerald-ui #dashboard .dashboard-card-line{
    grid-column:1 / span 6!important;
  }

  body.caio-emerald-ui #dashboard .dashboard-card-status{
    grid-column:7 / -1!important;
  }

  body.caio-emerald-ui #dashboard .dashboard-card-recent{
    grid-column:1 / -1!important;
    order:4!important;
  }
}

@media(max-width:980px){
  body.caio-emerald-ui #dashboard > .dashboard-card-map.dashboard-map-card,
  body.caio-emerald-ui #dashboard > .dashboard-card-radar.dashboard-quick-card,
  body.caio-emerald-ui #dashboard .dashboard-card-line,
  body.caio-emerald-ui #dashboard .dashboard-card-status,
  body.caio-emerald-ui #dashboard .dashboard-card-category,
  body.caio-emerald-ui #dashboard .dashboard-card-recent{
    grid-column:1 / -1!important;
  }

  body.caio-emerald-ui #dashboard .dashboard-radar-grid{
    height:auto!important;
  }
}

@media(max-width:640px){
  body.caio-emerald-ui #dashboard .dashboard-radar-grid{
    grid-template-columns:1fr!important;
  }

  body.caio-emerald-ui #dashboard .dashboard-map-preview-panel,
  body.caio-emerald-ui #dashboardMapPreview,
  body.caio-emerald-ui #dashboardMapPreview.leaflet-container,
  body.caio-emerald-ui #dashboardMapPreview .leaflet-container{
    min-height:300px!important;
    height:300px!important;
  }
}


/* =========================================================
   FIX CERTEIRO - PAINEL / MAPA DO TERRITÓRIO
   Alvo real: .dashboard-map-card / #dashboardMapPreviewPanel / #dashboardMapPreview
   ========================================================= */

/* painel vira grid real e a linha do mapa ocupa o espaço vazio */
#dashboard{
  display:grid !important;
  grid-template-columns:repeat(12,minmax(0,1fr)) !important;
  gap:20px !important;
  align-items:stretch !important;
}

/* estatísticas no topo */
#dashboard > .stats-grid{
  grid-column:1 / -1 !important;
  order:1 !important;
  width:100% !important;
}

/* MAPA GRANDE: pega a classe exata que apareceu no DevTools */
#dashboard > .dashboard-map-card,
#dashboard > .dashboard-card-map,
#dashboard > div.card.dashboard-map-card,
#dashboard > div.card.dashboard-card-map,
#dashboard .dashboard-map-card.dashboard-card-map{
  grid-column:1 / span 7 !important;
  order:2 !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  min-height:470px !important;
  height:470px !important;
  margin:0 !important;
  padding:18px !important;
  display:flex !important;
  flex-direction:column !important;
  border-radius:26px !important;
  overflow:hidden !important;
}

/* Radar fica à direita */
#dashboard > .dashboard-quick-card,
#dashboard > .dashboard-card-radar,
#dashboard > section.card.dashboard-quick-card,
#dashboard > section.card.dashboard-card-radar{
  grid-column:8 / -1 !important;
  order:2 !important;
  width:100% !important;
  max-width:none !important;
  min-height:470px !important;
  height:470px !important;
  margin:0 !important;
}

/* demais seções descem */
#dashboard > .grid-2,
#dashboard > .dashboard-insights-grid{
  grid-column:1 / -1 !important;
  order:3 !important;
  width:100% !important;
}

/* cabeçalho do mapa */
#dashboard .dashboard-map-card .card-head,
#dashboard .dashboard-card-map .card-head{
  flex:0 0 auto !important;
  height:auto !important;
  min-height:56px !important;
  padding:0 0 14px !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
}

#dashboard .dashboard-map-card .card-head h3,
#dashboard .dashboard-card-map .card-head h3{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  font-size:25px !important;
  line-height:1.02 !important;
  max-width:none !important;
}

/* remove resumo/legenda que consome espaço */
#dashboardMapSummary,
#dashboardMapLegend,
#dashboard .dashboard-map-summary,
#dashboard .dashboard-map-legend{
  display:none !important;
}

/* painel do preview ocupa todo o card */
#dashboardMapPreviewPanel,
#dashboard .dashboard-map-preview-panel{
  position:relative !important;
  flex:1 1 auto !important;
  width:100% !important;
  height:100% !important;
  min-height:380px !important;
  display:block !important;
  border-radius:20px !important;
  overflow:hidden !important;
  isolation:isolate !important;
  background:#020b08 !important;
  border:1px solid rgba(91,255,166,.18) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 55px rgba(0,0,0,.32) !important;
}

/* iframe real da aba mapa */
#dashboardMapFrame,
#dashboard .dashboard-map-frame,
#dashboardMapPreviewPanel iframe,
#dashboard .dashboard-map-preview-panel iframe{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  border:0 !important;
  opacity:1 !important;
  visibility:visible !important;
  z-index:12 !important;
  border-radius:20px !important;
  background:#020b08 !important;
}

/* div antigo não pode cobrir o iframe */
#dashboardMapPreview{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  z-index:1 !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

/* tira placeholders/fake pin que escondiam o mapa */
#dashboardMapEmpty,
#dashboard .dashboard-map-empty{
  display:none !important;
}

#dashboardMapPreviewPanel::before,
#dashboardMapPreviewPanel::after,
#dashboard .dashboard-map-preview-panel::before,
#dashboard .dashboard-map-preview-panel::after{
  display:none !important;
  content:none !important;
}

/* label fica pequeno no canto */
#dashboard .dashboard-map-label,
.dashboard-map-label{
  position:absolute !important;
  left:14px !important;
  bottom:14px !important;
  transform:none !important;
  z-index:30 !important;
  padding:7px 11px !important;
  border-radius:999px !important;
  background:rgba(0,0,0,.50) !important;
  border:1px solid rgba(91,255,166,.18) !important;
  backdrop-filter:blur(10px) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:900 !important;
  text-shadow:none !important;
}

/* força mesmo se algum CSS antigo aplicar largura fixa de 200px */
.dashboard-map-card,
.dashboard-card-map{
  max-width:none !important;
}

/* responsivo */
@media(max-width:1180px){
  #dashboard > .dashboard-map-card,
  #dashboard > .dashboard-card-map,
  #dashboard > .dashboard-quick-card,
  #dashboard > .dashboard-card-radar{
    grid-column:1 / -1 !important;
    height:auto !important;
    min-height:420px !important;
  }
}


/* =========================================================
   FIX FINAL - MAPA APARECENDO NO PAINEL
   O painel usa Leaflet próprio no #dashboardMapPreview.
   ========================================================= */

#dashboardMapFrame,
#dashboard .dashboard-map-frame,
#dashboardMapPreviewPanel iframe{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

#dashboardMapPreviewPanel,
#dashboard .dashboard-map-preview-panel{
  position:relative !important;
  flex:1 1 auto !important;
  width:100% !important;
  height:100% !important;
  min-height:380px !important;
  display:block !important;
  overflow:hidden !important;
  border-radius:20px !important;
  background:#07140f !important;
}

#dashboardMapPreview{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  opacity:1 !important;
  visibility:visible !important;
  z-index:10 !important;
  pointer-events:auto !important;
  background:#07140f !important;
}

#dashboardMapPreview.leaflet-container,
#dashboardMapPreview .leaflet-container{
  background:#07140f !important;
}

#dashboardMapPreview .leaflet-control-container{
  display:none !important;
}

#dashboardMapEmpty{
  display:none !important;
}

#dashboardMapPreviewPanel::before,
#dashboardMapPreviewPanel::after,
#dashboard .dashboard-map-preview-panel::before,
#dashboard .dashboard-map-preview-panel::after{
  display:none !important;
  content:none !important;
}


/* =========================================================
   FIX DEFINITIVO - PREVIEW DO MAPA APARECENDO NO PAINEL
   Usa iframe OSM isolado para nunca ficar branco/preto.
   ========================================================= */

#dashboard > .dashboard-map-card,
#dashboard > .dashboard-card-map,
#dashboard .dashboard-map-card.dashboard-card-map{
  grid-column:1 / span 7 !important;
  order:2 !important;
  width:100% !important;
  max-width:none !important;
  min-height:470px !important;
  height:470px !important;
  display:flex !important;
  flex-direction:column !important;
}

#dashboardMapPreviewPanel,
#dashboard .dashboard-map-preview-panel{
  position:relative !important;
  flex:1 1 auto !important;
  width:100% !important;
  height:100% !important;
  min-height:380px !important;
  display:block !important;
  overflow:hidden !important;
  border-radius:20px !important;
  background:#07140f !important;
  border:1px solid rgba(91,255,166,.18) !important;
}

/* iframe final do preview */
#dashboardMapPreviewOSM{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  border:0 !important;
  opacity:1 !important;
  visibility:visible !important;
  z-index:50 !important;
  pointer-events:none !important;
  background:#e8efe8 !important;
  filter:saturate(.92) contrast(1.04) brightness(.88) !important;
}

/* esconder tentativas antigas que ficavam branco/preto por cima */
#dashboardMapFrame,
#dashboardMapPreview,
#dashboardMapEmpty,
#dashboard .dashboard-map-frame,
#dashboard .dashboard-map-empty{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

#dashboardMapPreviewPanel::before,
#dashboardMapPreviewPanel::after,
#dashboard .dashboard-map-preview-panel::before,
#dashboard .dashboard-map-preview-panel::after{
  display:none !important;
  content:none !important;
}

.dashboard-map-label{
  position:absolute !important;
  left:14px !important;
  bottom:14px !important;
  z-index:80 !important;
  transform:none !important;
  padding:7px 11px !important;
  border-radius:999px !important;
  background:rgba(0,0,0,.58) !important;
  border:1px solid rgba(91,255,166,.18) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:900 !important;
  text-shadow:none !important;
  backdrop-filter:blur(10px) !important;
}

@media(max-width:1180px){
  #dashboard > .dashboard-map-card,
  #dashboard > .dashboard-card-map{
    grid-column:1 / -1 !important;
  }
}


/* =========================================================
   FIX MODAL NOVO ATENDIMENTO - DESIGN PREMIUM
   Escopo: modal/tela "Adicionar atendimento"
   Não altera lógica, eventos ou Firebase.
   ========================================================= */

dialog:has(h2, h3),
.modal:has(h2),
.modal-card:has(h2),
[role="dialog"]:has(h2),
.atendimento-modal,
#atendimentoModal,
#novoAtendimentoModal {
  color:#f8fafc !important;
}

/* Modal que contém "Adicionar atendimento" */
dialog:has(h2:first-child),
dialog:has(h3:first-child),
.modal:has(h2),
[role="dialog"]:has(h2),
#atendimentoModal,
#novoAtendimentoModal {
  max-width:min(1040px,94vw) !important;
  width:min(1040px,94vw) !important;
  max-height:92vh !important;
  overflow:hidden !important;
  border-radius:28px !important;
  background:
    radial-gradient(circle at 90% 8%, rgba(34,197,94,.14), transparent 32%),
    linear-gradient(180deg, rgba(5,22,15,.99), rgba(2,10,7,.99)) !important;
  border:1px solid rgba(34,197,94,.28) !important;
  box-shadow:0 36px 120px rgba(0,0,0,.66), inset 0 1px 0 rgba(255,255,255,.06) !important;
  color:#f8fafc !important;
}

/* header do modal */
dialog h2:first-child,
dialog h3:first-child,
.modal h2:first-child,
.modal h3:first-child,
[role="dialog"] h2:first-child,
[role="dialog"] h3:first-child,
#atendimentoModal h2:first-child,
#novoAtendimentoModal h2:first-child {
  display:block !important;
  margin:-1px -1px 22px !important;
  padding:22px 28px !important;
  background:linear-gradient(135deg,#22c55e,#16a34a) !important;
  color:#03120c !important;
  -webkit-text-fill-color:#03120c !important;
  font-size:22px !important;
  font-weight:950 !important;
  letter-spacing:-.02em !important;
  border-radius:28px 28px 0 0 !important;
  border-bottom:1px solid rgba(255,255,255,.14) !important;
}

/* botão X */
dialog button[aria-label="Fechar"],
dialog .close,
dialog .modal-close,
.modal button[aria-label="Fechar"],
[role="dialog"] button[aria-label="Fechar"],
#atendimentoModal button[aria-label="Fechar"],
#novoAtendimentoModal button[aria-label="Fechar"] {
  position:absolute !important;
  top:18px !important;
  right:22px !important;
  width:42px !important;
  height:42px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.22) !important;
  border:1px solid rgba(255,255,255,.24) !important;
  color:#03120c !important;
  -webkit-text-fill-color:#03120c !important;
  font-size:22px !important;
  font-weight:950 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* corpo interno vira layout limpo */
dialog form,
.modal form,
[role="dialog"] form,
#atendimentoModal form,
#novoAtendimentoModal form {
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:18px 20px !important;
  padding:0 24px 24px !important;
  max-height:calc(92vh - 120px) !important;
  overflow:auto !important;
}

/* títulos de etapas ocupam largura total */
dialog form h3,
dialog form h4,
dialog form > strong,
dialog form > .section-title,
.modal form h3,
.modal form h4,
[role="dialog"] form h3,
[role="dialog"] form h4,
#atendimentoModal form h3,
#atendimentoModal form h4,
#novoAtendimentoModal form h3,
#novoAtendimentoModal form h4 {
  grid-column:1 / -1 !important;
  margin:10px 0 0 !important;
  padding:12px 16px !important;
  border-radius:16px !important;
  background:rgba(34,197,94,.13) !important;
  border:1px solid rgba(34,197,94,.22) !important;
  color:#d1fae5 !important;
  -webkit-text-fill-color:#d1fae5 !important;
  font-size:13px !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
}

/* labels */
dialog label,
.modal label,
[role="dialog"] label,
#atendimentoModal label,
#novoAtendimentoModal label {
  display:block !important;
  color:rgba(226,232,240,.9) !important;
  -webkit-text-fill-color:rgba(226,232,240,.9) !important;
  font-size:12px !important;
  font-weight:900 !important;
  margin:0 0 7px !important;
  text-transform:uppercase !important;
  letter-spacing:.03em !important;
}

/* campos */
dialog input,
dialog select,
dialog textarea,
.modal input,
.modal select,
.modal textarea,
[role="dialog"] input,
[role="dialog"] select,
[role="dialog"] textarea,
#atendimentoModal input,
#atendimentoModal select,
#atendimentoModal textarea,
#novoAtendimentoModal input,
#novoAtendimentoModal select,
#novoAtendimentoModal textarea {
  width:100% !important;
  min-height:46px !important;
  border-radius:14px !important;
  background:rgba(3,18,12,.88) !important;
  border:1px solid rgba(34,197,94,.34) !important;
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
  padding:11px 13px !important;
  outline:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
  font-size:14px !important;
}

dialog textarea,
.modal textarea,
[role="dialog"] textarea,
#atendimentoModal textarea,
#novoAtendimentoModal textarea {
  min-height:96px !important;
  resize:vertical !important;
}

dialog input:focus,
dialog select:focus,
dialog textarea:focus,
.modal input:focus,
.modal select:focus,
.modal textarea:focus,
[role="dialog"] input:focus,
[role="dialog"] select:focus,
[role="dialog"] textarea:focus {
  border-color:rgba(34,197,94,.9) !important;
  box-shadow:0 0 0 3px rgba(34,197,94,.16),0 0 22px rgba(34,197,94,.14) !important;
}

/* lista de pessoas vinculadas */
dialog .people-list,
dialog .person-list,
dialog .linked-person-list,
dialog [class*="pessoa"],
dialog [class*="vincul"],
.modal .people-list,
.modal .person-list,
[role="dialog"] .people-list,
[role="dialog"] .person-list {
  color:#f8fafc !important;
}

/* botões pequenos de vincular */
dialog button,
.modal button,
[role="dialog"] button {
  border-radius:12px !important;
  font-weight:900 !important;
}

dialog button:not([aria-label="Fechar"]),
.modal button:not([aria-label="Fechar"]),
[role="dialog"] button:not([aria-label="Fechar"]) {
  border:1px solid rgba(34,197,94,.24) !important;
  color:#d1fae5 !important;
  background:rgba(255,255,255,.07) !important;
}

/* botões finais */
dialog button[type="submit"],
dialog .btn-primary,
dialog button:last-child,
.modal button[type="submit"],
.modal .btn-primary,
[role="dialog"] button[type="submit"],
[role="dialog"] .btn-primary,
#atendimentoModal button[type="submit"],
#novoAtendimentoModal button[type="submit"] {
  background:linear-gradient(135deg,#22c55e,#16a34a) !important;
  color:#03120c !important;
  -webkit-text-fill-color:#03120c !important;
  border:0 !important;
  box-shadow:0 14px 30px rgba(34,197,94,.24) !important;
}

/* rodapé branco antigo */
dialog .modal-footer,
.modal .modal-footer,
[role="dialog"] .modal-footer,
#atendimentoModal .modal-footer,
#novoAtendimentoModal .modal-footer {
  grid-column:1 / -1 !important;
  margin:8px -24px -24px !important;
  padding:16px 24px !important;
  background:rgba(2,10,7,.92) !important;
  border-top:1px solid rgba(34,197,94,.20) !important;
  display:flex !important;
  justify-content:flex-end !important;
  gap:10px !important;
}

/* se houver wrappers diretos com texto bagunçado, melhora espaçamento */
dialog form > *,
.modal form > *,
[role="dialog"] form > * {
  min-width:0 !important;
}

/* responsivo */
@media(max-width:760px){
  dialog form,
  .modal form,
  [role="dialog"] form,
  #atendimentoModal form,
  #novoAtendimentoModal form {
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   PAINEL - PREVIEW REAL DA ABA MAPA
   Usa iframe mapa.html?embed=dashboard. Remove imagens/fakes.
   ========================================================= */

#dashboard > .dashboard-map-card,
#dashboard > .dashboard-card-map,
#dashboard .dashboard-map-card.dashboard-card-map{
  grid-column:1 / span 7 !important;
  order:2 !important;
  width:100% !important;
  max-width:none !important;
  min-height:470px !important;
  height:470px !important;
  display:flex !important;
  flex-direction:column !important;
  padding:18px !important;
}

#dashboard > .dashboard-quick-card,
#dashboard > .dashboard-card-radar{
  grid-column:8 / -1 !important;
  order:2 !important;
  min-height:470px !important;
}

#dashboardMapPreviewPanel,
#dashboard .dashboard-map-preview-panel{
  position:relative !important;
  flex:1 1 auto !important;
  width:100% !important;
  min-height:380px !important;
  height:100% !important;
  display:block !important;
  overflow:hidden !important;
  border-radius:20px !important;
  background:#06120d !important;
  border:1px solid rgba(91,255,166,.18) !important;
  isolation:isolate !important;
}

/* remove camadas fake/placeholder */
#dashboardMapVisualFinal,
#dashboardMapPreviewOSM,
#dashboardMapPreview,
#dashboardMapEmpty{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

/* iframe real da aba mapa */
#dashboardMapFrame,
#dashboard .dashboard-map-frame,
#dashboardMapPreviewPanel > iframe#dashboardMapFrame{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  border:0 !important;
  opacity:1 !important;
  visibility:visible !important;
  z-index:50 !important;
  pointer-events:none !important;
  border-radius:20px !important;
  background:#06120d !important;
}

/* tira pseudo-elementos antigos que cobriam o mapa */
#dashboardMapPreviewPanel::before,
#dashboardMapPreviewPanel::after,
#dashboard .dashboard-map-preview-panel::before,
#dashboard .dashboard-map-preview-panel::after{
  display:none !important;
  content:none !important;
}

.dashboard-map-label{
  position:absolute !important;
  left:14px !important;
  bottom:14px !important;
  z-index:80 !important;
  display:inline-flex !important;
  padding:7px 11px !important;
  border-radius:999px !important;
  background:rgba(0,0,0,.55) !important;
  border:1px solid rgba(91,255,166,.18) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:12px !important;
  font-weight:900 !important;
  backdrop-filter:blur(10px) !important;
}

#dashboardMapSummary,
#dashboardMapLegend{
  display:none !important;
}

@media(max-width:1180px){
  #dashboard > .dashboard-map-card,
  #dashboard > .dashboard-card-map,
  #dashboard > .dashboard-quick-card,
  #dashboard > .dashboard-card-radar{
    grid-column:1 / -1 !important;
  }
}