/* (2026-10-11) Base visual da AIDA. As telas antigas usam aliases durante a migração. */
:root {
  color-scheme: light;
  --aida-bg: #F7F5F1;
  --aida-surface: #FFFFFF;
  --aida-surface-raised: #F1EDE6;
  --aida-border: #DDD7CE;
  --aida-text: #262424;
  --aida-text-secondary: #68625D;
  --aida-text-muted: #68625D;
  --aida-accent: #936B36;
  --aida-accent-mid: #BC8B47;
  --aida-accent-bright: #EDC06C;
  --aida-accent-soft: #F1E7D8;
  --aida-on-accent: #FFFFFF;
  --aida-highlight: #1E1C1A;
  --aida-on-highlight: #F7F5F1;
  --aida-print-accent: #936B36;
  --aida-good-on-highlight: #8FD3AC;
  --aida-critical-on-highlight: #F0A89C;
  --aida-good: #35664D;
  --aida-good-soft: #E2EFE7;
  --aida-warning: #795322;
  --aida-warning-soft: #F1E7D8;
  --aida-critical: #8A3D33;
  --aida-critical-soft: #F6E4E1;
  --aida-health: #326771;
  --aida-health-soft: #E3EFF1;
  --aida-services: #66583E;
  --aida-services-soft: #F1E7D8;
  --aida-shadow: 0 5px 22px #2624240A;
  --aida-overlay: #14131266;
  --aida-radius: 16px;
  --aida-radius-sm: 10px;
  --aida-sidebar-width: 248px;
  --aida-font-title: "Geist", system-ui, sans-serif;
  --aida-font-ui: "Inter", system-ui, sans-serif;
  --aida-font-mono: "JetBrains Mono", ui-monospace, monospace;

  --paper-0: var(--aida-surface);
  --paper-50: var(--aida-bg);
  --paper-100: var(--aida-surface-raised);
  --paper-200: var(--aida-border);
  --ink-900: var(--aida-text);
  --ink-700: var(--aida-text);
  --ink-500: var(--aida-text-secondary);
  --ink-400: var(--aida-text-muted);
  --bg: var(--aida-bg);
  --surface: var(--aida-surface);
  --surface-raised: var(--aida-surface-raised);
  --border: var(--aida-border);
  --text-primary: var(--aida-text);
  --text-secondary: var(--aida-text-secondary);
  --text-muted: var(--aida-text-muted);
  --accent: var(--aida-accent);
  --accent-ink: var(--aida-accent);
  --accent-tint: var(--aida-accent-soft);
  --status-good: var(--aida-good);
  --status-good-tint: var(--aida-good-soft);
  --status-warning: var(--aida-warning);
  --status-warning-tint: var(--aida-warning-soft);
  --status-critical: var(--aida-critical);
  --status-critical-tint: var(--aida-critical-soft);
  --squad-saude: var(--aida-health);
  --squad-saude-tint: var(--aida-health-soft);
  --squad-servicos: var(--aida-services);
  --squad-servicos-tint: var(--aida-services-soft);
  --font-ui: var(--aida-font-ui);
  --font-mono: var(--aida-font-mono);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --aida-bg: #141312;
  --aida-surface: #1C1B19;
  --aida-surface-raised: #26231F;
  --aida-border: #464038;
  --aida-text: #F7F5F1;
  --aida-text-secondary: #C2B9AD;
  --aida-text-muted: #B2A89A;
  --aida-accent: #DCB27A;
  --aida-accent-mid: #BC8B47;
  --aida-accent-bright: #EDC06C;
  --aida-accent-soft: #34291E;
  --aida-on-accent: #211A12;
  --aida-good: #9CD1AE;
  --aida-good-soft: #20362A;
  --aida-warning: #EDC06C;
  --aida-warning-soft: #382B18;
  --aida-critical: #EAA89E;
  --aida-critical-soft: #3B2521;
  --aida-health: #A0CDD2;
  --aida-health-soft: #203438;
  --aida-services: #D4BE96;
  --aida-services-soft: #342D22;
  --aida-shadow: 0 5px 22px #00000026;
  --aida-overlay: #00000099;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --aida-bg: #141312;
    --aida-surface: #1C1B19;
    --aida-surface-raised: #26231F;
    --aida-border: #464038;
    --aida-text: #F7F5F1;
    --aida-text-secondary: #C2B9AD;
    --aida-text-muted: #B2A89A;
    --aida-accent: #DCB27A;
    --aida-accent-mid: #BC8B47;
    --aida-accent-bright: #EDC06C;
    --aida-accent-soft: #34291E;
    --aida-on-accent: #211A12;
    --aida-good: #9CD1AE;
    --aida-good-soft: #20362A;
    --aida-warning: #EDC06C;
    --aida-warning-soft: #382B18;
    --aida-critical: #EAA89E;
    --aida-critical-soft: #3B2521;
    --aida-health: #A0CDD2;
    --aida-health-soft: #203438;
    --aida-services: #D4BE96;
    --aida-services-soft: #342D22;
    --aida-shadow: 0 5px 22px #00000026;
    --aida-overlay: #00000099;
  }
}

/* (2026-10-11) Tipografia e componentes comuns. */
body { font-weight: 400; line-height: 1.5; }
button, input, select, textarea { font-family: var(--aida-font-ui); font-weight: 400; }
h1, h2, h3, .brand-name, .view-title, .page-title, .modal-title, .jayjay-panel-title { font-family: var(--aida-font-title); font-weight: 600; }
button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 2px solid var(--aida-accent); outline-offset: 3px; }
[hidden] { display: none !important; }
.aida-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.aida-skip-link { position: fixed; left: 16px; top: -70px; z-index: 300; padding: 12px; background: var(--aida-surface); color: var(--aida-text); border-radius: var(--aida-radius-sm); }
.aida-skip-link:focus { top: 12px; }
.aida-eyebrow, .field label, .cons-label, .kpi-label, .metric-group-title, thead th, .section-title {
  font-family: var(--aida-font-mono); font-size: 11px; font-weight: 500; letter-spacing: .04em; text-transform: uppercase;
}
.kpi-value, .tabular, .metric-value, .stat-value, .big-num { font-family: var(--aida-font-mono); font-variant-numeric: tabular-nums; font-weight: 500; }
.kpi-value { font-size: 26px; letter-spacing: -.05em; overflow-wrap: anywhere; }
.kpi-label { color: var(--aida-text-secondary); }
.kpi-tile, .cons-panel, .table-wrap, .modal-card, .chart-card, .login-card { border-radius: var(--aida-radius); box-shadow: var(--aida-shadow); }
.kpi-tile { padding: 20px; border-left-width: 1px; }
.kpi-tile:hover { transform: none; }
.kpi-row { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.kpi-tile.status-good { border-top: 3px solid var(--aida-good); border-left-color: var(--aida-border); }
.kpi-tile.status-bad { border-top: 3px solid var(--aida-critical); border-left-color: var(--aida-border); }
.btn-primary, .btn-ghost, .btn-google, .meta-connect-btn, .sub-sort-select, .search-input, .field input, .field select, .cons-block select {
  min-height: 44px; border-radius: var(--aida-radius-sm); font-size: 13px;
}
.btn-primary, .nav-tab.active, .account-avatar-btn, .account-avatar-lg, .reset-success-cta { background: var(--aida-accent); color: var(--aida-on-accent); }
.btn-primary { font-weight: 600; }
.btn-primary:hover { filter: brightness(.95); }
.btn-primary:disabled, button:disabled { cursor: not-allowed; opacity: .6; }
.btn-ghost { color: var(--aida-text-secondary); }
.btn-ghost:hover, .aida-icon-btn:hover { background: var(--aida-surface-raised); }
.status-pill, .squad-tag, .delta-chip { border-radius: 999px; font-size: 11px; font-weight: 500; }
.table-wrap { border: 1px solid var(--aida-border); overflow: auto; background: var(--aida-surface); max-width: 100%; }
thead th { padding: 14px 16px; color: var(--aida-text-secondary); background: var(--aida-surface-raised); }
tbody td { padding: 15px 16px; }
tbody tr:hover td { background: var(--aida-bg); }
.empty-state { padding: 40px 24px; border: 1px dashed var(--aida-border); border-radius: var(--aida-radius); margin-top: 16px; color: var(--aida-text-secondary); }
.aida-icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; flex-shrink: 0; border: 1px solid var(--aida-border); border-radius: var(--aida-radius-sm); background: var(--aida-surface); color: var(--aida-text-secondary); font-size: 19px; cursor: pointer; }
.modal-overlay { background: var(--aida-overlay); }

/* (2026-10-11) Menu e topo persistentes; o conteúdo rola dentro da página. */
#view-app { height: 100vh; height: 100dvh; flex-direction: column; overflow: hidden; }
.shell, .shell.jayjay-open { grid-template-columns: var(--aida-sidebar-width) minmax(0, 1fr) 0px; flex: 1; min-height: 0; height: auto; }
.shell.jayjay-open { grid-template-columns: var(--aida-sidebar-width) minmax(0, 1fr) 380px; }
.shell.sidebar-collapsed { grid-template-columns: 0px minmax(0, 1fr) 0px; }
.shell.sidebar-collapsed.jayjay-open { grid-template-columns: 0px minmax(0, 1fr) 380px; }
.sidebar { display: flex; width: var(--aida-sidebar-width); min-height: 0; background: var(--aida-surface); z-index: 35; }
.shell.sidebar-collapsed .sidebar { visibility: hidden; }
.sidebar-head { padding: 24px 16px 12px; border: 0; }
.brand { justify-content: space-between; margin: 0 0 16px; }
.aida-brand-lockup { min-width: 0; }
.brand .mark, .aida-brand-lockup > img { width: 160px; height: 44px; object-fit: contain; object-position: left center; border-radius: 0; }
.aida-product { display: flex; align-items: baseline; gap: 9px; margin-bottom: 24px; }
.aida-product strong { font: 800 18px var(--aida-font-title); letter-spacing: -.03em; }
.aida-product span { color: var(--aida-text-secondary); font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nav-tabs { flex-direction: column; gap: 5px; margin: 0 0 22px; }
.nav-tab { display: flex; align-items: center; flex: none; gap: 12px; min-height: 44px; padding: 10px 14px; background: transparent; border: 1px solid transparent; border-radius: var(--aida-radius-sm); font-size: 13px; font-weight: 500; text-align: left; }
.nav-tab svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
.nav-tab:hover { background: var(--aida-accent-soft); color: var(--aida-accent); }
.nav-tab.active { background: var(--aida-accent); color: var(--aida-on-accent); border-color: var(--aida-accent); }
#account-count-label { margin-bottom: 10px; font-size: 10px; }
.archived-accounts-link { min-height: 36px; padding-top: 4px; }
.squad-tab { min-height: 44px; padding: 6px; }
.squad-tabs { gap: 4px; margin-top: 2px; }
.quick-list { min-height: 44px; padding: 0 12px 12px; }
.quick-row { min-height: 44px; width: 100%; background: transparent; color: var(--aida-text); text-align: left; font-family: var(--aida-font-ui); }
.sidebar-foot { padding: 16px; gap: 10px; margin-top: auto; background: var(--aida-bg); }
.aida-panel-link { display: inline-flex; justify-content: center; align-items: center; min-height: 44px; color: var(--aida-text-secondary); text-decoration: none; font-size: 12px; }
.sidebar-toggle, .shell.sidebar-collapsed .sidebar-toggle { position: static; width: 44px; height: 44px; transform: none; box-shadow: none; font-size: 19px; }
.aida-drawer-close, .aida-drawer-backdrop { display: none; }
.topbar { padding: 18px 28px; gap: 20px; min-height: 96px; }
.aida-topbar-leading { display: flex; align-items: center; gap: 10px; min-width: 0; }
.crumbs { gap: 6px; font-size: 12px; }
.crumb { border: 0; background: none; padding: 5px 2px; font: inherit; white-space: normal; text-align: left; overflow-wrap: anywhere; }
button.crumb { min-height: 44px; }
.topbar-right-wrap { min-width: 0; flex-shrink: 1; }
.topbar-right { gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.aida-period { display: flex; flex-direction: column; gap: 3px; }
.period-label { text-align: left; color: var(--aida-text); white-space: normal; }
#aida-period-comparison { font-size: 10px; color: var(--aida-text-secondary); }
.account-avatar-btn { width: 44px; height: 44px; }
.account-balance { white-space: normal; }
.content { padding: 28px 32px 48px; min-width: 0; }
.theme-switch, :root[data-theme="light"] .theme-switch { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: var(--aida-radius-sm); background: var(--aida-surface); border: 1px solid var(--aida-border); }
.theme-switch .theme-switch-knob, :root[data-theme="light"] .theme-switch-knob { position: static; transform: none; width: auto; height: auto; background: none; color: var(--aida-text-secondary); box-shadow: none; font-size: 20px; }

/* (2026-10-11) Os formulários da conta passam a ser editados no próprio conteúdo. */
.aida-settings { overflow: auto; padding: 28px 32px 48px; min-height: 0; }
.aida-page-heading { margin-bottom: 24px; }
.aida-page-heading h1 { font-size: 30px; margin: 4px 0 8px; letter-spacing: -.04em; }
.aida-page-heading p { margin: 0; color: var(--aida-text-secondary); font-size: 13px; }
.aida-page-heading .aida-eyebrow { color: var(--aida-accent); }
.account-dropdown.aida-settings-card { position: static; display: block; width: 100%; max-width: 760px; max-height: none; padding: 24px; box-shadow: var(--aida-shadow); animation: none; }
.account-mini-form { max-width: 600px; }
.account-mini-form-row { flex-wrap: wrap; }
.shell-settings #content, .shell-settings .aida-period, .shell-settings #columns-btn, .shell-settings #account-balance { display: none !important; }
.shell-settings .aida-settings { display: block; }

/* (2026-10-11) Marca padrão nos dois temas; a logo salva pela empresa continua tendo prioridade. */
.aida-logo-dark { display: none; }
:root[data-theme="dark"] .aida-brand-lockup:not(.aida-custom-brand) .mark,
:root[data-theme="dark"] .aida-login-brand > img:not(.aida-logo-dark) { display: none; }
:root[data-theme="dark"] .aida-brand-lockup:not(.aida-custom-brand) .aida-logo-dark,
:root[data-theme="dark"] .aida-login-brand > .aida-logo-dark { display: block; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .aida-brand-lockup:not(.aida-custom-brand) .mark,
  :root:not([data-theme="light"]) .aida-login-brand > img:not(.aida-logo-dark) { display: none; }
  :root:not([data-theme="light"]) .aida-brand-lockup:not(.aida-custom-brand) .aida-logo-dark,
  :root:not([data-theme="light"]) .aida-login-brand > .aida-logo-dark { display: block; }
}
#vanta-bg { background: radial-gradient(ellipse at top left, var(--aida-accent-soft), transparent 65%); }
.aida-login-brand { display: flex; justify-content: center; margin-bottom: 28px; }
.aida-agency-logo { width: 180px; height: 56px; object-fit: contain; }
.login-card h1 { font-family: var(--aida-font-title); font-weight: 800; }

@media (max-width: 1150px) {
  .topbar { flex-wrap: wrap; padding: 16px 24px; gap: 12px; }
  .topbar-right-wrap { margin-left: auto; }
  .content { padding: 24px; }
  .kpi-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 780px) {
  .shell, .shell.jayjay-open, .shell.sidebar-collapsed, .shell.sidebar-collapsed.jayjay-open { grid-template-columns: minmax(0, 1fr); }
  .sidebar, .shell.sidebar-collapsed .sidebar { display: flex; position: fixed; inset: 0 auto 0 0; height: 100vh; height: 100dvh; width: min(320px, calc(100vw - 48px)); visibility: hidden; transform: translateX(-100%); z-index: 210; overflow-y: auto; }
  .shell.drawer-open .sidebar { transform: translateX(0); visibility: visible; }
  .aida-drawer-close { display: inline-flex; }
  .aida-drawer-backdrop:not([hidden]) { display: block; position: fixed; inset: 0; border: 0; padding: 0; background: var(--aida-overlay); z-index: 200; }
  .sidebar-head { padding: 16px; }
  .sidebar-foot { flex-shrink: 0; }
  .quick-list { min-height: 96px; overflow-y: visible; }
  .sidebar-toggle { display: inline-flex; }
  .topbar { padding: 12px 16px; gap: 10px; align-items: flex-start; }
  .aida-topbar-leading { width: 100%; }
  .topbar-right-wrap, .topbar-right { width: 100%; }
  .topbar-right { gap: 8px; align-items: flex-start; }
  .aida-period { flex: 1; min-width: 140px; }
  #columns-btn { order: 5; width: 100%; }
  .content, .aida-settings { padding: 22px 16px 40px; }
  .kpi-row { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .kpi-tile { padding: 20px; }
  .kpi-value { font-size: 28px; }
  .aida-settings-card.account-dropdown { padding: 18px; }
  .cal-row { flex-direction: column-reverse; }
  .cal, .cal.cal-compare { width: 100%; }
  .cal-day { min-width: 0; }
  .modal-overlay { padding: 16px; }
  .modal-card { max-height: calc(100dvh - 32px); overflow: auto; padding: 24px 18px; }
  #jayjay-panel { width: 100%; max-width: 100vw; }
  .metric-tabs { overflow-x: auto; }
  .section-title-row { align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}
.cal-day { border: 0; padding: 0; background: transparent; color: var(--aida-text); }
.cal-day.range-start .cal-day-inner, .cal-day.range-end .cal-day-inner { color: var(--aida-on-accent); }
.cal-nav-btn { min-width: 32px; min-height: 32px; }
.cal-preset-chip { min-height: 44px; }
/* (2026-10-11) Contraste dos componentes herdados quando o destaque é claro no tema escuro. */
.jayjay-msg.user, #jayjay-send-btn, #jayjay-mic-btn, .mb-entry-tabs .btn-ghost.active,
.placements-toggle-btn:hover, .placements-toggle-btn.active { color: var(--aida-on-accent); }
#jayjay-panel:not(.open) { display: none; }

/* (2026-10-11) Início: carteira, alertas e filtros com os mesmos tokens nos dois temas. */
.aida-home { max-width: 1440px; margin-inline: auto; }
.aida-home-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.aida-home-heading .btn-ghost { flex-shrink: 0; }
.aida-home-filters { display: flex; align-items: end; flex-wrap: wrap; gap: 16px; padding: 18px; margin-bottom: 24px; background: var(--aida-surface); border: 1px solid var(--aida-border); border-radius: var(--aida-radius); }
.aida-home-categories { display: flex; gap: 4px; padding: 4px; border-radius: var(--aida-radius-sm); background: var(--aida-bg); }
.aida-home-categories .squad-tab { padding-inline: 14px; }
.aida-home-search { flex: 1; min-width: 170px; }
.aida-home-sort { min-width: 220px; }
.aida-home-filters label { display: block; color: var(--aida-text-secondary); margin-bottom: 6px; }
.aida-home-filters input, .aida-home-filters select { width: 100%; min-height: 44px; padding: 10px 12px; background: var(--aida-bg); color: var(--aida-text); border: 1px solid var(--aida-border); border-radius: var(--aida-radius-sm); font-size: 13px; }
.aida-home-section-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin: 0 0 12px; }
.aida-home-section-heading h2 { font-size: 18px; margin: 0 auto 0 0; letter-spacing: -.025em; }
.aida-home-section-heading > span { color: var(--aida-text-secondary); font-size: 12px; }
.aida-home-alerts { margin-bottom: 24px; }
.aida-home-alert-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.aida-home-alert { display: flex; align-items: center; gap: 12px; min-width: 0; min-height: 92px; padding: 18px; border: 1px solid transparent; border-radius: var(--aida-radius); text-align: left; cursor: pointer; }
.aida-home-alert > span:first-child { font-size: 24px; }
.aida-home-alert > span:nth-child(2) { flex: 1; }
.aida-home-alert strong { display: block; font-size: 13px; line-height: 1.5; }
.aida-home-alert small { display: block; margin-top: 5px; font-size: 12px; }
.aida-home-alert[aria-pressed="true"] { border-color: currentColor; box-shadow: inset 0 0 0 1px currentColor; }
.aida-home .critical { color: var(--aida-critical); background: var(--aida-critical-soft); }
.aida-home .warning { color: var(--aida-warning); background: var(--aida-warning-soft); }
.aida-home .neutral { color: var(--aida-text-secondary); }
.aida-home-clear { grid-column: 1 / -1; margin: 0; padding: 16px; border: 1px solid var(--aida-border); border-radius: var(--aida-radius-sm); color: var(--aida-text-secondary); font-size: 13px; }
.aida-home-note { display: block; color: var(--aida-text-secondary); font-size: 11px; line-height: 1.6; margin: 8px 0 0; }
.aida-home-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0 0 32px; background: var(--aida-surface); border: 1px solid var(--aida-border); border-radius: var(--aida-radius); box-shadow: var(--aida-shadow); overflow: hidden; }
.aida-home-summary > div { display: flex; flex-direction: column; gap: 12px; min-width: 0; padding: 22px; border-right: 1px solid var(--aida-border); }
.aida-home-summary > div:last-child { border-right: 0; }
.aida-home-summary .aida-eyebrow { color: var(--aida-text-secondary); }
.aida-home-summary strong { font: 500 clamp(20px, 1.8vw, 28px)/1.35 var(--aida-font-mono); letter-spacing: -.04em; overflow-wrap: anywhere; }
.aida-home-summary small { margin-top: auto; color: var(--aida-text-secondary); font-size: 11px; line-height: 1.6; }
.aida-home-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 18px; }
.aida-client-card { display: flex; flex-direction: column; min-width: 0; padding: 20px; border: 1px solid var(--aida-border); border-radius: var(--aida-radius); background: var(--aida-surface); box-shadow: var(--aida-shadow); }
.aida-client-card.has-alert { border-top: 3px solid var(--aida-critical); padding-top: 18px; }
.aida-client-heading { display: flex; align-items: center; gap: 12px; }
.aida-client-heading > div { min-width: 0; }
.aida-client-heading h3 { margin: 0 0 8px; font-size: 17px; line-height: 1.4; overflow-wrap: anywhere; }
.aida-client-avatar { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; flex-shrink: 0; border-radius: var(--aida-radius-sm); background: var(--aida-accent-soft); color: var(--aida-accent); font: 600 14px var(--aida-font-title); }
.aida-client-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.aida-payment { align-self: flex-start; padding: 5px 9px; border-radius: var(--aida-radius-sm); background: var(--aida-bg); font: 500 11px/1.6 var(--aida-font-mono); margin: 16px 0 0; overflow-wrap: anywhere; max-width: 100%; }
.aida-client-notice { margin: 14px 0 0; padding: 10px 12px; border-radius: var(--aida-radius-sm); font-size: 12px; }
.aida-client-paid { background: var(--aida-bg); border-radius: var(--aida-radius-sm); padding: 14px; margin-top: 16px; }
.aida-client-paid > p, .aida-client-organic > p { margin: 0 0 10px; color: var(--aida-text-secondary); }
.aida-client-paid dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 10px; margin: 0; }
.aida-client-spend { grid-column: 1 / -1; }
.aida-client-paid dt { font-size: 11px; line-height: 1.5; color: var(--aida-text-secondary); margin-bottom: 5px; }
.aida-client-paid dd { font: 500 14px/1.6 var(--aida-font-mono); margin: 0; overflow-wrap: anywhere; }
.aida-client-spend dd:first-of-type { font-size: 22px; letter-spacing: -.04em; }
.aida-home-trend { font: 500 11px/1.6 var(--aida-font-mono); }
.aida-home-trend.good { color: var(--aida-good); }
.aida-home-trend.bad { color: var(--aida-critical); }
.aida-client-organic { padding: 16px 0; font-size: 12px; }
.aida-client-organic > p:last-child { margin-bottom: 0; }
.aida-client-card footer { display: flex; justify-content: flex-end; margin-top: auto; border-top: 1px solid var(--aida-border); padding-top: 12px; }
.aida-client-open { display: inline-flex; align-items: center; justify-content: space-between; gap: 16px; color: var(--aida-accent); font-weight: 600; }
.aida-home .empty-state h2 { font-size: 20px; }
@media (max-width: 1350px) {
  .aida-home-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .aida-home-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .aida-home-summary > div:nth-child(2) { border-right: 0; }
  .aida-home-summary > div:nth-child(-n+2) { border-bottom: 1px solid var(--aida-border); }
}
@media (max-width: 780px) {
  .aida-home-heading { align-items: flex-start; flex-direction: column; gap: 16px; }
  .aida-home-heading h1 { font-size: 26px; }
  .aida-home-filters { padding: 14px; gap: 14px; }
  .aida-home-categories { width: 100%; }
  .aida-home-categories .squad-tab { flex: 1; }
  .aida-home-search, .aida-home-sort { width: 100%; min-width: 0; }
  .aida-home-alert-grid, .aida-home-grid { grid-template-columns: minmax(0, 1fr); }
  .aida-home-alert { min-height: 88px; padding: 16px; }
  .aida-home-summary > div { padding: 16px; }
  .aida-home-summary strong { font-size: 21px; }
  .aida-home-summary .aida-eyebrow { font-size: 10px; }
  .aida-client-card { padding: 18px; }
  .aida-client-card.has-alert { padding-top: 16px; }
  .aida-client-open { width: 100%; }
}

/* (2026-10-12) Etapa 3: visão geral do cliente e abas. */
.aida-client-hero { display: flex; align-items: center; gap: 16px; padding: 20px; margin-bottom: 16px; border: 1px solid var(--aida-border); border-radius: var(--aida-radius); background: var(--aida-surface); box-shadow: var(--aida-shadow); }
.aida-client-hero .aida-client-avatar { width: 56px; height: 56px; font-size: 18px; flex: none; }
.aida-client-hero h1 { margin: 0 0 6px; font-family: var(--aida-font-title); font-size: 24px; font-weight: 600; letter-spacing: -0.02em; color: var(--aida-text); }
.aida-client-hero .aida-client-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.aida-client-hero .aida-payment { margin: 0; }
.aida-client-tabs { display: flex; gap: 6px; margin: 0 0 20px; padding-bottom: 2px; overflow-x: auto; scrollbar-width: none; }
.aida-client-tab { flex: none; min-height: 40px; padding: 8px 16px; border: 1px solid transparent; border-radius: var(--aida-radius-sm); background: transparent; color: var(--aida-text-secondary); font: 500 14px var(--aida-font-ui); cursor: pointer; }
.aida-client-tab:hover { color: var(--aida-text); background: var(--aida-surface-raised); }
.aida-client-tab.active { background: var(--aida-accent); color: var(--aida-on-accent); }
.aida-client-tab:focus-visible { outline: 2px solid var(--aida-accent); outline-offset: 2px; }
.aida-client-summary { padding: 24px; margin-bottom: 20px; border-radius: var(--aida-radius); background: var(--aida-highlight); color: var(--aida-on-highlight); }
.aida-client-summary .aida-eyebrow { color: var(--aida-accent-bright); }
.aida-client-sentence { margin: 10px 0 20px; font-family: var(--aida-font-title); font-size: 20px; line-height: 1.45; font-weight: 500; }
.aida-client-bignums { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.aida-client-bignums > div { display: flex; flex-direction: column; gap: 6px; padding: 14px; border: 1px solid color-mix(in srgb, var(--aida-on-highlight) 14%, transparent); border-radius: var(--aida-radius-sm); background: color-mix(in srgb, var(--aida-on-highlight) 6%, transparent); min-width: 0; }
.aida-client-bignums strong { font-family: var(--aida-font-mono); font-size: 22px; font-weight: 500; color: var(--aida-accent-bright); overflow-wrap: break-word; }
.aida-delta { font-family: var(--aida-font-mono); font-size: 12px; }
.aida-delta small { font-family: var(--aida-font-ui); opacity: .75; }
.aida-delta.good { color: var(--aida-good); }
.aida-delta.bad { color: var(--aida-critical); }
.aida-delta.neutral { color: var(--aida-text-muted); }
.aida-client-summary .aida-delta.good { color: var(--aida-good-on-highlight); }
.aida-client-summary .aida-delta.bad { color: var(--aida-critical-on-highlight); }
.aida-client-summary .aida-delta.neutral { color: color-mix(in srgb, var(--aida-on-highlight) 70%, transparent); }
.aida-client-columns { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 16px; margin-bottom: 20px; }
.aida-client-block { padding: 20px; border: 1px solid var(--aida-border); border-radius: var(--aida-radius); background: var(--aida-surface); box-shadow: var(--aida-shadow); min-width: 0; }
.aida-client-block-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.aida-client-block-head h2 { margin: 0; font-family: var(--aida-font-title); font-size: 18px; font-weight: 600; color: var(--aida-text); }
.aida-client-smallnums { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 0 0 16px; }
.aida-client-smallnums > div { padding: 12px; border-radius: var(--aida-radius-sm); background: var(--aida-surface-raised); min-width: 0; }
.aida-client-smallnums dt { font-size: 12px; color: var(--aida-text-secondary); }
.aida-client-smallnums dd { margin: 4px 0 0; font-family: var(--aida-font-mono); font-size: 16px; color: var(--aida-text); overflow-wrap: anywhere; }
.aida-client-chart svg { width: 100%; height: auto; display: block; }
.aida-client-legend { display: flex; gap: 16px; margin: 8px 0 0; font-size: 12px; color: var(--aida-text-secondary); }
.aida-client-legend span::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 6px; border-radius: 50%; background: var(--dot); }
.aida-client-legend span { --dot: var(--aida-accent); }
.aida-client-jayjay { display: flex; align-items: center; gap: 16px; padding: 20px; border: 1px solid var(--aida-border); border-radius: var(--aida-radius); background: var(--aida-accent-soft); }
.aida-client-jayjay-icon { display: grid; place-items: center; width: 44px; height: 44px; flex: none; border-radius: 12px; background: var(--aida-accent); color: var(--aida-on-accent); font-size: 18px; }
.aida-client-jayjay div { flex: 1; min-width: 0; }
.aida-client-jayjay h2 { margin: 0 0 4px; font-family: var(--aida-font-title); font-size: 16px; color: var(--aida-text); }
.aida-client-jayjay p { margin: 0; font-size: 14px; color: var(--aida-text-secondary); }
.aida-client-card footer { gap: 8px; }
@media (max-width: 1100px) { .aida-client-columns { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 760px) {
  .aida-client-bignums, .aida-client-smallnums { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .aida-client-sentence { font-size: 17px; }
  .aida-client-bignums strong { font-size: 17px; }
  .aida-client-bignums > div { padding: 12px; }
  .aida-client-hero { padding: 16px; }
  .aida-client-hero h1 { font-size: 20px; }
  .aida-client-jayjay { flex-wrap: wrap; }
  .aida-client-jayjay .btn-primary { width: 100%; }
}

/* (2026-10-12) Etapas 4 e 6: orgânico, publicações e público. */
.aida-hint { margin: 8px 0 0; font-size: 12.5px; color: var(--aida-text-secondary); }
.aida-link-btn { margin-top: 12px; padding: 0; border: 0; background: none; color: var(--aida-accent); font: 500 13px var(--aida-font-ui); text-decoration: underline; cursor: pointer; }
.aida-page-picker label { display: block; margin-bottom: 8px; font-size: 14px; color: var(--aida-text); }
.aida-page-picker-row { display: flex; gap: 8px; flex-wrap: wrap; }
.aida-page-picker select { flex: 1; min-width: 0; min-height: 42px; padding: 0 12px; border: 1px solid var(--aida-border); border-radius: var(--aida-radius-sm); background: var(--aida-surface); color: var(--aida-text); font: 14px var(--aida-font-ui); }
.aida-org-title { margin: 4px 0 10px; font-family: var(--aida-font-title); font-size: 15px; font-weight: 600; color: var(--aida-text); }
.aida-org-title span { font-family: var(--aida-font-ui); font-size: 12.5px; font-weight: 400; color: var(--aida-text-secondary); }
.aida-org-follow { margin: 0 0 16px; font-size: 13px; color: var(--aida-text-secondary); }
.aida-org-follow strong { color: var(--aida-text); font-family: var(--aida-font-mono); font-weight: 500; }
.aida-org-split { display: flex; height: 10px; border-radius: 999px; background: var(--aida-accent-soft); overflow: hidden; }
.aida-org-split span { background: var(--aida-accent); }
.aida-org-split-legend { display: flex; flex-wrap: wrap; gap: 14px; margin: 8px 0; font-size: 12px; color: var(--aida-text-secondary); }
.aida-org-split-legend span::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 6px; border-radius: 50%; background: var(--aida-accent); }
.aida-org-split-legend span + span::before { background: var(--aida-accent-soft); border: 1px solid var(--aida-accent-mid); }
.aida-org-split-legend .f::before, .aida-age-bar .f { background: var(--aida-accent); }
.aida-org-split-legend .m::before, .aida-age-bar .m { background: var(--aida-health); }
.aida-org-split-legend .u::before, .aida-age-bar .u { background: var(--aida-border); }
.aida-top-posts { margin-bottom: 20px; }
.aida-post-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 16px; }
.aida-post { display: flex; flex-direction: column; border: 1px solid var(--aida-border); border-radius: var(--aida-radius); background: var(--aida-surface); overflow: hidden; min-width: 0; }
.aida-post-thumb { position: relative; display: block; aspect-ratio: 4 / 5; background: var(--aida-surface-raised); }
.aida-post-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.aida-post-nothumb { display: grid; place-items: center; height: 100%; font-size: 12px; color: var(--aida-text-muted); }
.aida-post-type { position: absolute; top: 10px; left: 10px; padding: 3px 9px; border-radius: 999px; background: var(--aida-highlight); color: var(--aida-on-highlight); font: 500 11px var(--aida-font-mono); letter-spacing: .04em; }
.aida-post-body { padding: 14px; }
.aida-post-date { margin: 0; font: 11px var(--aida-font-mono); color: var(--aida-text-muted); text-transform: uppercase; letter-spacing: .06em; }
.aida-post-caption { margin: 6px 0 12px; font-size: 13.5px; line-height: 1.45; color: var(--aida-text); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.aida-post-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0; }
.aida-post-metrics dt { font-size: 11px; color: var(--aida-text-secondary); }
.aida-post-metrics dd { margin: 2px 0 0; font: 500 13.5px var(--aida-font-mono); color: var(--aida-text); }
.aida-posts-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 16px; }
.aida-posts-sort { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--aida-text-secondary); }
.aida-posts-sort select { min-height: 40px; padding: 0 10px; border: 1px solid var(--aida-border); border-radius: var(--aida-radius-sm); background: var(--aida-surface); color: var(--aida-text); font: 14px var(--aida-font-ui); }
.aida-publico-head .aida-client-bignums strong { font-size: 20px; }
.aida-age-row { display: grid; grid-template-columns: 56px 1fr 44px; align-items: center; gap: 10px; margin-bottom: 10px; }
.aida-age-label, .aida-age-val { font: 12px var(--aida-font-mono); color: var(--aida-text-secondary); }
.aida-age-val { text-align: right; }
.aida-age-bar { display: flex; height: 14px; min-width: 4px; border-radius: 4px; overflow: hidden; }
.aida-city-list { margin: 0; padding: 0; list-style: none; }
.aida-city-list li { display: grid; grid-template-columns: minmax(0, 1.3fr) 1fr auto; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--aida-border); font-size: 13px; color: var(--aida-text); }
.aida-city-list li span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.aida-city-list strong { font: 500 13px var(--aida-font-mono); }
.aida-city-bar { height: 6px; border-radius: 999px; background: var(--aida-accent-soft); overflow: hidden; }
.aida-city-bar span { display: block; height: 100%; background: var(--aida-accent); }
@media (max-width: 760px) {
  .aida-post-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .aida-post-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .aida-posts-filters { align-items: stretch; flex-direction: column; }
}
.aida-org-nums { grid-template-columns: repeat(2, minmax(0, 1fr)); }

/* (2026-10-12) Aida desligada pela 2R para a empresa: some o chat e o plano de ação. */
.aida-chat-off [data-nav="jayjay"], .aida-chat-off #jayjay-fab, .aida-chat-off #jayjay-panel,
.aida-chat-off .aida-client-jayjay, .aida-chat-off #cons-action-plan, .aida-chat-off #cons-action-plan-progress { display: none !important; }

/* (2026-10-12) Botão principal do card: texto na cor de contraste (estava da mesma cor do fundo). */
.btn-primary.aida-client-open { color: var(--aida-on-accent); }

/* (2026-10-12) Paleta da 2R (verde do painel). A SP fica com o dourado do :root. */
:root.aida-co-2r {
  --aida-print-accent: #1E7A1E;
  --aida-bg: #F5F6F4;
  --aida-surface: #FFFFFF;
  --aida-surface-raised: #ECEFEA;
  --aida-border: #D5DAD2;
  --aida-text: #1F2420;
  --aida-text-secondary: #5A625B;
  --aida-text-muted: #5A625B;
  --aida-accent: #1E7A1E;
  --aida-accent-mid: #2BB32B;
  --aida-accent-bright: #55EA4D;
  --aida-accent-soft: #E3F1E0;
  --aida-on-accent: #FFFFFF;
  --aida-warning-soft: #F3EBDC;
  --aida-services-soft: #EEEAE0;
}
:root.aida-co-2r[data-theme="dark"] {
  --aida-bg: #111311;
  --aida-surface: #191C19;
  --aida-surface-raised: #222622;
  --aida-border: #3A413A;
  --aida-text: #F2F5F1;
  --aida-text-secondary: #B9C2B8;
  --aida-text-muted: #A9B3A8;
  --aida-accent: #55EA4D;
  --aida-accent-mid: #32CD32;
  --aida-accent-bright: #7CF275;
  --aida-accent-soft: #1C2F1B;
  --aida-on-accent: #0A1F09;
  --aida-warning-soft: #382B18;
  --aida-services-soft: #342D22;
}
@media (prefers-color-scheme: dark) {
  :root.aida-co-2r:not([data-theme="light"]) {
    --aida-bg: #111311;
    --aida-surface: #191C19;
    --aida-surface-raised: #222622;
    --aida-border: #3A413A;
    --aida-text: #F2F5F1;
    --aida-text-secondary: #B9C2B8;
    --aida-text-muted: #A9B3A8;
    --aida-accent: #55EA4D;
    --aida-accent-mid: #32CD32;
    --aida-accent-bright: #7CF275;
    --aida-accent-soft: #1C2F1B;
    --aida-on-accent: #0A1F09;
    --aida-warning-soft: #382B18;
    --aida-services-soft: #342D22;
  }
}

/* (2026-10-12) Interruptor de tema igual ao do painel (pílula com sol e lua). Bolinha dourada na SP, verde na 2R. */
.aida-tt { --tt-on: linear-gradient(145deg, #f8c650, #e38812); position: relative; display: inline-block; width: 60px; height: 28px; flex-shrink: 0;
  border: 0; padding: 0; border-radius: 999px; cursor: pointer; background: #e6e6e6;
  box-shadow: inset 0 2px 5px rgba(0,0,0,.20), inset 0 -1px 1px rgba(255,255,255,.8); transition: background .3s, box-shadow .3s; vertical-align: middle; }
.aida-co-2r .aida-tt { --tt-on: linear-gradient(145deg, #74e868, #22a322); }
.aida-tt:focus-visible { outline: 2px solid var(--aida-accent); outline-offset: 2px; }
.aida-tt-knob { position: absolute; top: 2px; left: 2px; width: 24px; height: 24px; border-radius: 999px; background: var(--tt-on);
  box-shadow: 0 2px 4px rgba(0,0,0,.28); transition: left .3s ease, width .2s ease, background .3s; }
.aida-tt:active .aida-tt-knob { width: 30px; }
.aida-tt-ic { position: absolute; top: 5px; width: 18px; height: 18px; z-index: 1; pointer-events: none; transition: color .3s; }
.aida-tt-ic svg { width: 18px; height: 18px; display: block; }
.aida-tt-sun { left: 5px; color: #fff; } .aida-tt-moon { right: 5px; color: #8c8c8c; }
.aida-dark .aida-tt { background: #262626; box-shadow: inset 0 2px 6px rgba(0,0,0,.6), inset 0 -1px 1px rgba(255,255,255,.06); }
.aida-dark .aida-tt-knob { left: 34px; background: linear-gradient(145deg, #777, #4a4a4a); }
.aida-dark .aida-tt:active .aida-tt-knob { left: 28px; }
.aida-dark .aida-tt-sun { color: #8a8a8a; } .aida-dark .aida-tt-moon { color: #fff; }
@media print { .aida-tt { display: none !important; } }

/* (2026-10-12) O menu termina em Configurações: busca, arquivadas e categorias foram para a tela Contas de anúncio. */
.aida-sidebar-old { display: none !important; }
.sidebar-head { flex: 1; }

/* (2026-10-12) Categorias de conta */
.tag-cat { background: var(--aida-accent-soft); color: var(--aida-accent); }
.tag-none { background: var(--aida-surface-raised); color: var(--aida-text-secondary); }
.aida-cat-card { max-width: 640px; width: 100%; }
.aida-cat-row, .aida-cat-new { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) auto auto auto; gap: 8px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--aida-border); }
.aida-cat-new { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) auto; border-bottom: 0; margin-top: 8px; }
.aida-cat-row select, .aida-cat-new select { min-height: 40px; border: 1px solid var(--aida-border); border-radius: var(--aida-radius-sm); background: var(--aida-surface); color: var(--aida-text); padding: 0 8px; font: inherit; }
.aida-cat-count { font-size: 12px; color: var(--aida-text-secondary); white-space: nowrap; }
.aida-cat-del { color: var(--aida-critical); }
@media (max-width: 640px) {
  .aida-cat-row { grid-template-columns: 1fr 1fr; }
  .aida-cat-row .aida-cat-count { grid-column: 1 / -1; }
  .aida-cat-new { grid-template-columns: 1fr; }
}
.aida-contas-filters { margin-bottom: 18px; }
.aida-contas-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: flex-end; }
.aida-cat-select { min-height: 32px; max-width: 160px; border: 1px solid var(--aida-border); border-radius: 8px; background: var(--aida-surface); color: var(--aida-text); padding: 0 6px; font: inherit; font-size: 12px; }

/* (2026-10-12) Carteira: alternar cards ou lista */
.aida-layout-toggle { display: inline-flex; gap: 6px; margin-left: auto; }
.aida-home-list th[scope="row"] { text-align: left; font-weight: 600; }
.aida-home-row-name { display: block; margin-bottom: 4px; }
.aida-home-list tr.has-alert th[scope="row"] { box-shadow: inset 3px 0 0 var(--aida-critical); }
.aida-home-row-actions { white-space: nowrap; text-align: right; }
.aida-home-row-actions .aida-client-open { width: auto; display: inline-flex; padding: 6px 12px; min-height: 36px; margin-left: 6px; }
.aida-home-list .aida-payment { display: inline-block; margin: 0; }

/* (2026-10-12) Orgânico: botão no card, métricas extras e barra de aceitação do tema */
.aida-org-open { margin-top: 8px; padding: 6px 10px; min-height: 36px; }
.aida-accept { margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--aida-border); }
.aida-accept-head { display: flex; justify-content: space-between; align-items: baseline; font-size: 12px; color: var(--aida-text-secondary); margin-bottom: 6px; }
.aida-accept-head strong { font-family: var(--aida-font-mono); font-size: 14px; color: var(--aida-text); }
.aida-accept-bar { height: 8px; border-radius: 999px; background: var(--aida-surface-raised); overflow: hidden; }
.aida-accept-bar span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--aida-accent-mid), var(--aida-accent)); }
.aida-accept-note { flex-basis: 100%; margin: 0; }

/* (2026-10-12) Configurações da 2R */
.aida-admin-row { display: flex; gap: 8px; align-items: center; font-size: 13px; padding: 6px 0; }
.aida-admin-user { display: grid; grid-template-columns: minmax(0, 1fr) 160px; gap: 8px; align-items: center; padding: 6px 0; border-bottom: 1px solid var(--aida-border); font-size: 13px; }
.aida-admin-user select { min-height: 36px; border: 1px solid var(--aida-border); border-radius: 8px; background: var(--aida-surface); color: var(--aida-text); padding: 0 6px; font: inherit; }

/* (2026-10-12) Topo do menu: logo completa da AIDA na horizontal (não muda com a empresa) */
.brand .mark, .aida-brand-lockup > img { width: 184px; height: 64px; }
.aida-product { margin-top: 2px; }
.aida-cat-row select, .aida-cat-new select, .aida-admin-user select { font-size: 14px; }
.aida-home-list th[scope="row"] { padding: 12px 16px; }
.squad-tab { white-space: nowrap; }
/* rótulo de cada calendário: comparação e período */
#period-cal-b::before, #period-cal-a::before { display: block; font: 600 11px var(--aida-font-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--aida-text-secondary); margin-bottom: 6px; }
#period-cal-b::before { content: "Comparar com"; }
.period-wide #period-cal-a::before { content: "Período"; }
.aida-admin-google { display: grid; gap: 4px; font-size: 12px; color: var(--aida-text-secondary); margin: 2px 0 10px 24px; }

/* (2026-10-12) Menu do painel embaixo de Configurações e logo menor */
.brand .mark, .aida-brand-lockup > img { width: 132px; height: 46px; }
.aida-nav-sep { margin: 14px 4px 6px; padding-top: 12px; border-top: 1px solid var(--aida-border); font: 500 10px var(--aida-font-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--aida-text-secondary); }
.aida-painel-nav .nav-tab { text-decoration: none; }

/* (2026-10-12) Login só pelo painel */
.aida-painel-only { display: grid; gap: 12px; margin-top: 8px; }
.aida-painel-only p { margin: 0; color: var(--aida-text-secondary); font-size: 14px; }
.aida-painel-only .btn-primary { display: flex; align-items: center; justify-content: center; text-decoration: none; min-height: 44px; border-radius: var(--aida-radius-sm); }
#view-login [hidden] { display: none !important; }

/* (2026-10-12) Topo padronizado com o painel: ☰ só com o menu escondido (no computador); seta com "Voltar" */
.sidebar-head .brand { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.aida-side-hide { width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; }
@media (min-width: 781px) {
  .shell:not(.sidebar-collapsed) .sidebar-toggle { display: none; }
}
@media (max-width: 780px) { .aida-side-hide { display: none; } }
.aida-back-btn { width: auto; padding: 0 12px 0 8px; gap: 6px; font-size: 14px; font-weight: 600; }

/* (2026-10-15) Orgânico v2: origens (Meta/Google) e comparação Instagram x Facebook x Google */
.aida-src-row { display: flex; flex-wrap: wrap; gap: 8px; margin: 2px 0 12px; }
.aida-src { display: inline-flex; align-items: baseline; gap: 6px; padding: 4px 10px; border: 1px solid var(--aida-border); border-radius: 999px; font-size: 12px; color: var(--aida-text); }
.aida-src small { color: var(--aida-text-muted); font-size: 11px; }
.aida-src.on { border-color: var(--aida-accent); background: var(--aida-accent-soft); }
.aida-src.off { opacity: .6; }
.aida-org-compare { margin-top: 4px; }
.aida-org-compare table { width: 100%; }
.aida-org-compare th small { display: block; font-weight: 400; font-size: 11px; color: var(--aida-text-muted); text-transform: none; letter-spacing: 0; }
.aida-org-compare tbody th { text-align: left; font-weight: 500; color: var(--aida-text-secondary); }
.aida-org-compare td small { display: block; }
.aida-org-compare .aida-src-off { opacity: .55; }
.aida-org-sub { font-size: 11.5px; color: var(--aida-text-muted); margin-top: 2px; }
.aida-muted { color: var(--aida-text-muted); }
.aida-top-posts h2 .aida-eyebrow { margin-left: 8px; }

/* (2026-10-15) Análise detalhada do orgânico */
.aida-det { display: flex; flex-direction: column; gap: 20px; }
.aida-det-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 14px; }
.aida-det-head h2 { margin: 4px 0 0; font: 600 22px var(--aida-font-title); color: var(--aida-text); }
.aida-det-srcs { display: flex; flex-wrap: wrap; gap: 8px; }
.aida-det-src { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px; border: 1px solid var(--aida-border); border-radius: 999px; background: var(--aida-surface); color: var(--aida-text-secondary); font: 500 13.5px var(--aida-font-ui); cursor: pointer; }
.aida-det-src small { font-weight: 400; color: var(--aida-text-muted); }
.aida-det-src .dot { width: 10px; height: 10px; border-radius: 50%; background: var(--aida-border); }
.aida-det-src.on { border-color: var(--aida-accent); color: var(--aida-text); background: var(--aida-accent-soft); }
.aida-det-src.on .dot.ig { background: var(--aida-accent); }
.aida-det-src.on .dot.fb { background: var(--aida-health); }
.aida-det-src.off, .aida-det-src:disabled { opacity: .5; cursor: default; }
.aida-det-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.aida-det-card { padding: 22px 24px; border: 1px solid var(--aida-border); border-radius: var(--aida-radius); background: var(--aida-surface); }
.aida-det-card h3 { margin: 0; font: 600 17px var(--aida-font-title); color: var(--aida-text); }
.aida-det-label { margin: 10px 0 4px; font-size: 13px; color: var(--aida-text-secondary); }
.aida-det-main { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
.aida-det-main strong { display: inline-block; margin-right: 8px; font: 600 34px/1.1 var(--aida-font-mono); color: var(--aida-text); }
.aida-det-spark { width: 46%; max-width: 220px; height: 44px; flex: none; }
.aida-det-spark polyline, .aida-det-spark line { fill: none; stroke: var(--aida-accent); stroke-width: 1.6; vector-effect: non-scaling-stroke; }
.aida-det-spark line { stroke: var(--aida-border); }
.aida-det-spark polyline.area { fill: var(--aida-accent-soft); stroke: none; }
.aida-det-subs { margin: 16px 0 0; padding-top: 14px; border-top: 1px solid var(--aida-border); display: grid; gap: 10px; }
.aida-det-subs div { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.aida-det-subs dt { font-size: 13px; color: var(--aida-text-secondary); }
.aida-det-subs dd { margin: 0; font: 500 14px var(--aida-font-mono); color: var(--aida-text); text-align: right; }
.aida-det-subs dd .aida-delta { margin-left: 6px; }
.aida-det-evol-grid { display: grid; grid-template-columns: minmax(0, 1fr) 220px; gap: 24px; align-items: start; }
.aida-det-chart { width: 100%; height: auto; display: block; }
.aida-det-chart .g { stroke: var(--aida-border); stroke-width: 1; }
.aida-det-chart .t { fill: var(--aida-text-muted); font: 10.5px var(--aida-font-mono); }
.aida-det-chart polyline { fill: none; stroke-width: 2.2; stroke-linejoin: round; }
.aida-det-chart polyline.ig { stroke: var(--aida-accent); }
.aida-det-chart polyline.fb { stroke: var(--aida-health); }
.aida-det-chart .hit { fill: transparent; }
.aida-det-chart .hit:hover { fill: var(--aida-accent-soft); opacity: .6; }
.aida-det-legend .ig::before { background: var(--aida-accent) !important; border: 0 !important; }
.aida-det-legend .fb::before { background: var(--aida-health) !important; border: 0 !important; }
.aida-det-side { margin: 0; padding-left: 20px; border-left: 1px solid var(--aida-border); display: grid; gap: 16px; }
.aida-det-side dt { font-size: 12px; color: var(--aida-text-secondary); }
.aida-det-side dd { margin: 4px 0 0; font: 600 20px var(--aida-font-mono); color: var(--aida-text); }
.aida-det-side dd .aida-delta { display: block; font-size: 12px; font-weight: 400; margin-top: 2px; }
.aida-det-pub { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 16px; }
.aida-det-agegrid { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 24px; align-items: center; }
.aida-det-donut { width: 150px; height: 150px; border-radius: 50%; background: conic-gradient(var(--aida-accent) calc(var(--f) * 1%), var(--aida-health) 0); display: grid; place-items: center; }
.aida-det-donut > div { width: 104px; height: 104px; border-radius: 50%; background: var(--aida-surface); display: grid; place-content: center; text-align: center; }
.aida-det-donut strong { font: 600 18px var(--aida-font-mono); color: var(--aida-text); }
.aida-det-donut span { font-size: 11px; color: var(--aida-text-muted); }
.aida-det-donut-leg { display: flex; gap: 12px; margin: 10px 0 0; font-size: 12px; color: var(--aida-text-secondary); }
.aida-det-donut-leg span::before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 6px; }
.aida-det-donut-leg .f::before { background: var(--aida-accent); }
.aida-det-donut-leg .m::before { background: var(--aida-health); }
.aida-det-age { display: grid; grid-template-columns: 52px minmax(0, 1fr) 128px; gap: 10px; align-items: center; margin-bottom: 10px; }
.aida-det-age .l, .aida-det-age .v { font: 11.5px var(--aida-font-mono); color: var(--aida-text-secondary); }
.aida-det-age .v { text-align: right; }
.aida-det-age .bars { display: grid; gap: 3px; }
.aida-det-age .bars span { display: block; height: 7px; min-width: 2px; border-radius: 4px; }
.aida-det-age .bars .f { background: var(--aida-accent); }
.aida-det-age .bars .m { background: var(--aida-health); }
.aida-det-strip { display: grid; grid-auto-flow: column; grid-auto-columns: 210px; gap: 14px; overflow-x: auto; padding-bottom: 8px; scroll-snap-type: x mandatory; }
.aida-det-post { scroll-snap-align: start; display: flex; flex-direction: column; border: 1px solid var(--aida-border); border-radius: var(--aida-radius); background: var(--aida-surface); overflow: hidden; text-decoration: none; color: var(--aida-text); }
.aida-det-post:hover { border-color: var(--aida-accent); }
.aida-det-post .th { position: relative; aspect-ratio: 4 / 5; background: var(--aida-surface-raised); }
.aida-det-post .th img { width: 100%; height: 100%; object-fit: cover; display: block; }
.aida-det-post .rank { position: absolute; right: 10px; bottom: 10px; padding: 3px 8px; border-radius: 999px; background: var(--aida-accent); color: var(--aida-on-accent); font: 600 11px var(--aida-font-mono); }
.aida-det-post .cap { margin: 10px 12px 8px; font-size: 13px; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.aida-det-post dl { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin: auto 12px 12px; }
.aida-det-post dt { font-size: 10.5px; color: var(--aida-text-muted); }
.aida-det-post dd { margin: 2px 0 0; font: 500 12.5px var(--aida-font-mono); }
@media (max-width: 1100px) { .aida-det-pub { grid-template-columns: 1fr; } }
@media (max-width: 760px) {
  .aida-det-cards { grid-template-columns: 1fr; }
  .aida-det-evol-grid { grid-template-columns: 1fr; }
  .aida-det-side { padding-left: 0; border-left: 0; border-top: 1px solid var(--aida-border); padding-top: 14px; grid-template-columns: repeat(2, 1fr); }
  .aida-det-agegrid { grid-template-columns: 1fr; }
  .aida-det-agegrid > div:first-child { justify-self: center; }
  .aida-det-age { grid-template-columns: 44px minmax(0, 1fr); width: 100%; row-gap: 2px; }
  .aida-det-age .v { grid-column: 2; text-align: left; }
  .aida-det-main strong { font-size: 28px; }
}

/* (2026-10-15) Contas: abas Orgânico/Contas de anúncio, frase do que a agência gerou, colunas ajustáveis */
.aida-contas-tabs { margin: 4px 0 18px; }
.aida-org-hero { margin-bottom: 16px; padding: 22px 26px; border: 1px solid var(--aida-border); border-radius: var(--aida-radius); background: linear-gradient(135deg, var(--aida-accent-soft), var(--aida-surface) 70%); }
.aida-org-hero p { margin: 8px 0 0; max-width: 860px; font: 400 20px/1.5 var(--aida-font-title); color: var(--aida-text); }
.aida-org-hero strong { font-weight: 600; color: var(--aida-accent); }
.aida-org-hero small { display: block; margin-top: 8px; font-size: 12px; color: var(--aida-text-muted); }
.aida-org-filters { margin-top: 18px; }
.aida-org-table table, .aida-home-list table { table-layout: auto; }
th .col-resize-handle { touch-action: none; }
@media (max-width: 760px) { .aida-org-hero { padding: 18px; } .aida-org-hero p { font-size: 17px; } }

/* (2026-10-15) faixa etária com mais respiro: bloco em largura total, barras grossas e percentual em balão */
.aida-det-pub { grid-template-columns: 1fr; }
.aida-det-agegrid { grid-template-columns: 200px minmax(0, 1fr); gap: 40px; }
.aida-det-age { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 14px; align-items: center; margin-bottom: 22px; }
.aida-det-age .l { font: 600 13px var(--aida-font-mono); color: var(--aida-text); }
.aida-det-age .bars { display: grid; gap: 8px; }
.aida-det-age .bars .row { background: none; height: auto;  display: flex; align-items: center; gap: 8px; min-height: 22px; }
.aida-det-age .bars .fill { display: block; height: 14px; min-width: 3px; border-radius: 0 7px 7px 0; }
.aida-det-age .bars .row.f .fill { background: var(--aida-accent); }
.aida-det-age .bars .row.m .fill { background: var(--aida-health); }
.aida-det-age .bars .pct { flex: none; display: inline-block; height: auto; min-width: 0; padding: 2px 8px; border-radius: 999px; font: 600 11.5px var(--aida-font-mono); line-height: 1.5; color: var(--aida-text); background: var(--aida-surface-raised); border: 1px solid var(--aida-border); }
.aida-det-age .bars .row.f .pct { border-color: var(--aida-accent); }
.aida-det-age .bars .row.m .pct { border-color: var(--aida-health); }
.aida-det-donut { width: 180px; height: 180px; }
.aida-det-donut > div { width: 126px; height: 126px; }
@media (max-width: 760px) {
  .aida-det-agegrid { grid-template-columns: 1fr; gap: 24px; }
  .aida-det-age { grid-template-columns: 48px minmax(0, 1fr); gap: 10px; margin-bottom: 18px; }
}

/* (2026-10-16) menu do Painel recolhido (só o Início + seta) */
.aida-painel-first { display: flex; align-items: center; gap: 2px; }
.aida-painel-first .nav-tab { flex: 1; min-width: 0; }
.aida-painel-more-btn { flex: none; width: 34px; height: 34px; display: grid; place-items: center; border: 0; border-radius: var(--aida-radius-sm); background: none; color: var(--aida-text-secondary); cursor: pointer; }
.aida-painel-more-btn:hover { background: var(--aida-surface-raised); color: var(--aida-text); }
.aida-painel-more-btn svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; transition: transform .15s; }
.aida-painel-more-btn[aria-expanded="true"] svg { transform: rotate(180deg); }
.aida-painel-more[hidden] { display: none; }

/* (2026-10-16) barra de baixo do painel no celular (◁ ○ ≡) */
.aida-sysnav { display: none; }
@media (max-width: 767px) {
  .aida-sysnav { display: grid; grid-template-columns: repeat(3, 1fr); position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; padding: 4px 24px calc(4px + env(safe-area-inset-bottom)); background: var(--aida-surface); border-top: 1px solid var(--aida-border); box-shadow: 0 -4px 16px rgba(0,0,0,.05); }
  .aida-sysnav > * { height: 48px; display: grid; place-items: center; border: 0; border-radius: 14px; background: none; color: var(--aida-text); cursor: pointer; }
  .aida-sysnav > *:active { background: var(--aida-surface-raised); }
  .aida-sysnav svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
  #sidebar-toggle { display: none !important; }
  #aida-main { padding-bottom: calc(64px + env(safe-area-inset-bottom)); }
  .jayjay-fab, #jayjay-fab { bottom: calc(76px + env(safe-area-inset-bottom)) !important; }
}

/* (2026-10-16) topo: período, tema e foto centralizados na mesma linha. A frase "Comparado ao..."
   fica pendurada embaixo do botão, sem mudar a altura do bloco. */
.topbar-right, .aida-co-2r .topbar-right { align-items: center !important; }
.aida-period { position: relative; justify-content: center; }
#aida-period-comparison { position: absolute; left: 0; top: calc(100% + 3px); white-space: nowrap; line-height: 1.2; }
.topbar-right:has(> .aida-period:not([hidden])) { padding-bottom: 14px; }
@media (max-width: 780px) {
  .topbar-right { align-items: center !important; }
  #columns-btn { align-self: stretch; }
  .topbar-right { row-gap: 22px; }
}

/* (2026-10-18) "?" da aceitação do tema */
.aida-accept { position: relative; }
.aida-accept-help { display: inline-block; vertical-align: middle; }
.aida-accept-help summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 50%; border: 1px solid var(--aida-border); font-size: 10px; font-weight: 600; line-height: 1; color: var(--aida-text-secondary); }
.aida-accept-help summary::-webkit-details-marker { display: none; }
.aida-accept-help summary:hover, .aida-accept-help[open] summary { color: var(--aida-text); border-color: var(--aida-text-secondary); }
.aida-accept-help summary:focus-visible { outline: 2px solid var(--aida-accent); outline-offset: 2px; }
.aida-accept-help-txt { position: absolute; left: 0; right: 0; bottom: calc(100% + 6px); z-index: 5; padding: 10px 12px; border: 1px solid var(--aida-border); border-radius: 10px; background: var(--aida-surface-raised); color: var(--aida-text); font-size: 12px; line-height: 1.45; box-shadow: 0 6px 20px rgba(0,0,0,.18); }
.aida-accept-help-txt p { margin: 0; }
.aida-accept-help-txt ul { margin: 6px 0; padding-left: 16px; }

/* (2026-10-28) nome do cliente no cabeçalho, no tamanho do antigo card */
.aida-top-nome { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.aida-top-nome-l { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; min-width: 0; }
.aida-top-nome h1 { margin: 0; font-family: var(--aida-font-title); font-size: 24px; font-weight: 600; letter-spacing: -0.02em; color: var(--aida-text); line-height: 1.15; overflow-wrap: anywhere; }
.aida-top-nome-cat .aida-cat-select { min-height: 28px; }
@media (max-width: 720px) { .aida-top-nome h1 { font-size: 18px; } .aida-top-nome-l { gap: 6px; } }

/* (2026-10-28) Visão geral do cliente: canais embaixo dos cards; posicionamento na Análise detalhada */
.aida-cli-conex { margin: 4px 0 24px; padding: 18px 20px; border: 1px solid var(--aida-border); border-radius: var(--aida-radius); background: var(--aida-surface); }
.aida-cli-conex h2 { margin: 0 0 12px; font-family: var(--aida-font-title); font-size: 16px; font-weight: 600; color: var(--aida-text); }
.aida-cli-conex-l { display: flex; flex-wrap: wrap; gap: 8px; }
.aida-cli-conex-b { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 14px; border: 1px dashed var(--aida-border); border-radius: 999px; background: transparent; color: var(--aida-accent); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.aida-cli-conex-b:hover { background: var(--aida-accent-soft); }
.aida-cli-conex-b.on { border-style: solid; color: var(--aida-text); background: var(--aida-surface); cursor: default; }
.aida-cli-conex-b.on span { color: var(--status-good, #2e7d4f); }
.aida-pos { margin-top: 16px; }
.aida-pos-row { padding: 8px 0; }
.aida-pos-l { display: flex; justify-content: space-between; gap: 10px; font-size: 13.5px; color: var(--aida-text); }
.aida-pos-l b { font-weight: 600; white-space: nowrap; }
.aida-pos-bar { height: 10px; margin: 6px 0 4px; border-radius: 5px; background: var(--aida-border); overflow: hidden; }
.aida-pos-bar span { display: block; height: 100%; border-radius: 5px; background: var(--aida-accent, #936B36); opacity: .55; }
.aida-pos-row.top .aida-pos-bar span { opacity: 1; }
.aida-pos-row.top .aida-pos-l span { font-weight: 600; }
.aida-pos-row small { font-size: 12px; color: var(--aida-text-muted, #777); }
.aida-pos-dest { margin: 0 0 10px; font-size: 13.5px; color: var(--aida-text-secondary, var(--aida-text)); }

/* (2026-10-29) lista suspensa dos canais do cliente (abre por cima, não mexe no tamanho do card) */
.aida-cli-conex-w { position: relative; }
.aida-conex-seta { font-size: 10px; opacity: .6; }
.aida-conex-pop { position: absolute; left: 0; top: calc(100% + 6px); z-index: 70; width: min(320px, 86vw); padding: 6px; border: 1px solid var(--aida-border); border-radius: 12px; background: var(--aida-surface); box-shadow: 0 12px 32px rgba(0,0,0,.16); }
.aida-conex-busca { width: 100%; box-sizing: border-box; height: 34px; margin-bottom: 4px; padding: 0 10px; border: 1px solid var(--aida-border); border-radius: 8px; background: var(--aida-surface); color: var(--aida-text); font: inherit; font-size: 13px; }
.aida-conex-pop ul { list-style: none; margin: 0; padding: 0; max-height: 260px; overflow: auto; }
.aida-conex-pop li { display: flex; flex-direction: column; gap: 1px; padding: 8px 10px; border-radius: 8px; cursor: pointer; font-size: 13px; color: var(--aida-text); }
.aida-conex-pop li[hidden] { display: none; }
.aida-conex-pop li small { font-size: 11px; color: var(--aida-text-muted, #888); }
.aida-conex-pop li:hover, .aida-conex-pop li:focus { background: var(--aida-accent-soft); outline: none; }
.aida-conex-pop li.on { font-weight: 600; }
.aida-conex-pop li.vazio { cursor: default; color: var(--aida-text-muted, #888); background: none; }
.aida-cli-conex-b.on { cursor: pointer; }
@media (max-width: 640px) { .aida-cli-conex { position: relative; } .aida-cli-conex-w { position: static; } .aida-conex-pop { left: 12px; right: 12px; width: auto; top: calc(100% - 8px); } }

/* (2026-10-29) Relatório: período personalizado e arquivo do Google */
.rel-per-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.rel-gmb { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.rel-gmb-btn { display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; cursor: pointer; }
.rel-gmb-erro { color: var(--status-bad, #b3261e); }
.cons-block > .aida-bs, .rel-panel .aida-bs { flex: 0 0 auto; width: 100%; }
.rel-per-row .aida-bs, .rel-per-row select { flex: 1 1 220px; width: auto; }

.rel-canais { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 16px; }
@media (max-width: 720px) { .rel-canais { grid-template-columns: 1fr; } }

/* (2026-10-29) Relatório na horizontal + métricas embaixo */
.cons-panel.rel-largo { max-width: none; }
.rel-topo { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 16px 20px; align-items: start; }
.rel-panel .rel-canais { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px 16px; }
@media (max-width: 1280px) { .rel-panel .rel-canais { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 900px) { .rel-topo, .rel-panel .rel-canais { grid-template-columns: 1fr; } }
.rel-met { border-top: 1px solid var(--aida-border); padding-top: 16px; }
.rel-met-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.rel-met-barra { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.rel-met-barra .search-input { max-width: 320px; margin: 0; }
.rel-met .metrics-scroll { max-height: 340px; }
.rel-met-row { display: inline-flex; align-items: center; gap: 2px; }
.rel-star { border: 0; background: none; cursor: pointer; font-size: 15px; line-height: 1; padding: 2px 4px; color: var(--aida-text-muted, #999); border-radius: 6px; }
.rel-star:hover { background: var(--aida-accent-soft); }
.rel-star.on { color: var(--aida-accent, #936B36); }
.rel-panel .rel-canais .aida-bs, .rel-topo .aida-bs { min-width: 0; }
/* (2026-10-29) barra do Relatório: a do Início, mais fina */
.aida-ini-load.rel-load { height: 32px; margin: 0 0 16px; border-radius: 10px; }
.aida-ini-load.rel-load .aida-ini-load-txt { font-size: 12px; padding: 0 12px; }
.aida-ini-load.rel-load.fim { height: 0; margin: 0; }
/* (2026-10-29) etiqueta da fonte de cada métrica */
.rel-fonte { display: inline-block; margin-left: 5px; padding: 1px 6px; border-radius: 999px; font-size: 10px; font-weight: 600; line-height: 16px; white-space: nowrap; border: 1px solid transparent; }
.rel-fonte.f-meta { background: #e7f0fe; color: #1559c7; border-color: #c9dcfb; }
.rel-fonte.f-ig { background: #fbe9f3; color: #b0246f; border-color: #f4cde2; }
.rel-fonte.f-fb { background: #e8eefa; color: #2d4f9a; border-color: #cbd8f1; }
.rel-fonte.f-gads { background: #fff4d6; color: #8a5a00; border-color: #f6e0a3; }
.rel-fonte.f-site { background: #e3f5e9; color: #1e7a3e; border-color: #c3e8cf; }
.rel-fonte.f-gmb { background: #e6f1fd; color: #1a5fb4; border-color: #c5ddf8; }
:root[data-theme="dark"] .rel-fonte, html.theme-dark .rel-fonte { filter: brightness(.85) saturate(1.1); }

/* (2026-10-29) métricas do relatório, modelo 2: linha única, chaves por seção e prévia ao vivo */
.rel-topo.rel-topo2 { grid-template-columns: 1.4fr 1fr; }
@media (max-width: 900px) { .rel-topo.rel-topo2 { grid-template-columns: 1fr; } }
.relm-linha { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.relm-linha select { width: 200px; height: 36px; padding: 0 10px; font-size: 13px; }
.relm-linha .btn-ghost, .relm-linha .btn-primary { height: 36px; min-height: 36px; padding: 0 12px; font-size: 12.5px; width: auto; }
.relm-filtros { display: inline-flex; gap: 2px; padding: 3px; background: var(--bg); border: 1px solid var(--border); border-radius: 10px; }
.relm-filtros button { border: 0; background: transparent; border-radius: 8px; height: 28px; padding: 0 10px; cursor: pointer; font-family: inherit; font-size: 12.5px; font-weight: 600; line-height: 1; color: var(--text-secondary); display: inline-flex; align-items: center; gap: 6px; }
.relm-filtros button small { font-size: 10.5px; color: var(--text-muted); }
.relm-filtros button.on { background: var(--surface); color: var(--accent-ink, var(--accent)); box-shadow: 0 1px 3px rgba(0,0,0,.14); }
.relm-filtros button.on small { color: var(--accent); }
.relm-cal small { font-weight: 700; color: var(--accent-ink, var(--accent)); background: var(--accent-tint, rgba(147,107,54,.12)); border-radius: 999px; padding: 1px 7px; font-size: 11px; }
.relm-salvar { display: none; flex-wrap: wrap; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 10px; background: var(--accent-tint, rgba(147,107,54,.1)); }
.relm-salvar.on { display: flex; } .relm-salvar .search-input { flex: 1; min-width: 200px; margin: 0; } .relm-salvar .btn-primary, .relm-salvar .btn-ghost { width: auto; height: 36px; min-height: 36px; padding: 0 14px; }
.relm-msg { margin: 0; font-size: 12.5px; color: var(--status-good, #2e7d4f); } .relm-msg:empty { display: none; }
.relm-subs { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; } .relm-subs:empty { display: none; }
.relm-subs .cons-label { margin-right: 4px; }
.relm-subs button { border: 0; background: none; border-radius: 6px; height: 26px; padding: 0 10px; cursor: pointer; font-size: 12px; font-weight: 600; color: var(--text-secondary); }
.relm-subs button:hover { background: var(--bg); } .relm-subs button.on { background: var(--accent-tint, rgba(147,107,54,.12)); color: var(--accent-ink, var(--accent)); }
.relm-lay { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; align-items: start; }
@media (max-width: 1100px) { .relm-lay { grid-template-columns: 1fr; } }
.relm-l .search-input { margin: 0 0 10px; }
.relm-lista { border: 1px solid var(--border); border-radius: 12px; max-height: 680px; overflow: auto; background: var(--surface); }
.relm-sec-h { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 14px; border: 0; border-bottom: 1px solid var(--border); background: var(--bg); cursor: pointer; font-weight: 700; font-size: 14px; color: var(--text-primary); position: sticky; top: 0; z-index: 1; text-align: left; }
.relm-sec-h small { font-size: 11.5px; font-weight: 600; color: var(--accent-ink, var(--accent)); background: var(--accent-tint, rgba(147,107,54,.12)); border-radius: 999px; padding: 2px 9px; white-space: nowrap; }
.relm-it { display: flex; align-items: center; gap: 12px; padding: 9px 14px; border-bottom: 1px solid var(--border); }
.relm-it .tx { flex: 1; min-width: 0; } .relm-it b { display: block; font-weight: 600; font-size: 13.5px; color: var(--text-primary); } .relm-it .desc { font-size: 12px; color: var(--text-secondary); }
.relm-sw { position: relative; display: inline-block; width: 38px; height: 22px; flex: none; }
.relm-sw input { position: absolute; opacity: 0; width: 0; height: 0; }
.relm-sw span { position: absolute; inset: 0; border-radius: 999px; background: var(--border); cursor: pointer; transition: .2s; }
.relm-sw span::after { content: ""; position: absolute; left: 3px; top: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.25); transition: .2s; }
.relm-sw input:checked + span { background: var(--accent); } .relm-sw input:checked + span::after { transform: translateX(16px); }
.relm-sw input:focus-visible + span { outline: 2px solid var(--accent); outline-offset: 2px; }
.relm-p { position: sticky; top: 12px; }
.relm-ptt { display: flex; justify-content: space-between; gap: 8px; margin: 0 0 8px; font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--text-muted); }
.relm-moldura { position: relative; height: 720px; border-radius: 14px; overflow: hidden; border: 1px solid var(--border); background: var(--bg); }
.relm-moldura iframe { position: absolute; left: 0; top: 0; width: 1100px; border: 0; transform-origin: 0 0; }
@media (max-width: 1100px) { .relm-p { position: static; } .relm-moldura { height: 560px; } }
@media (max-width: 640px) { .relm-linha select { width: 100%; } .relm-filtros { display: flex; width: 100%; } .relm-filtros button { flex: 1; justify-content: center; padding: 0 4px; } }
/* (2026-10-29) métrica de canal não ligado: apagada na lista e fora da prévia */
.relm-it.off { opacity: .5; } .relm-it.off em { font-style: normal; color: var(--status-warning, #a8741a); }
/* botão Gerar enchendo de baixo para cima (a água dourada do Início, na vertical) */
.btn-primary.relm-gerando, .btn-primary.relm-gerando:disabled { position: relative; overflow: hidden; opacity: 1; background: var(--surface); color: var(--text-primary); border: 1px solid #B4823F; cursor: progress; min-width: 190px; }
.relm-agua { position: absolute; left: 0; right: 0; bottom: 0; height: 0; background: linear-gradient(180deg, #F4D893 0%, #DDAE5E 45%, #B4823F 100%); transition: height .6s cubic-bezier(.3,.7,.3,1); overflow: hidden; }
.relm-agua::before { content: ""; position: absolute; inset: 0; background: linear-gradient(100deg, transparent 0%, rgba(255,255,255,.35) 45%, transparent 60%); background-size: 220% 100%; animation: aidaIniReflexo 2.8s ease-in-out infinite; }
.relm-gtx { position: relative; z-index: 1; font-weight: 700; color: var(--text-primary); text-shadow: 0 1px 2px rgba(0,0,0,.25); }
@media (prefers-reduced-motion: reduce) { .relm-agua { transition: none; } }
/* (2026-10-29) prévia com dados reais: carregando por cima da moldura */
.relm-carga { position: absolute; inset: 0; z-index: 2; display: grid; place-items: center; background: var(--surface); padding: 24px; }
.relm-carga[hidden] { display: none; }
.relm-carga-box { width: min(420px, 100%); text-align: center; color: var(--text-primary); font-size: 14px; }
.relm-carga-box p { margin: 0 0 14px; }
.relm-carga .aida-ini-load { margin: 0; }
.relm-carga .aida-ini-load-txt { color: #2a1d10; }
.relm-carga .aida-ini-load-txt { color: var(--text-primary); }

/* (2026-10-29) menu igual ao do painel: ícone Material "monitoring" e fonte Geist */
.nav-tab { font-family: "Geist", system-ui, sans-serif; }
.nav-tab .nav-ms { font-family: "Material Symbols Outlined"; font-size: 20px; line-height: 1; width: 19px; flex-shrink: 0; display: inline-grid; place-items: center; font-variation-settings: "FILL" 0, "wght" 400; -webkit-font-smoothing: antialiased; }

/* (2026-10-29) Métricas do resumo / Métricas da tabela (dois perfis, painéis inline que abrem fechados) */
.metp-btn { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 0 12px; border: 1px solid var(--aida-border, var(--border)); border-radius: var(--aida-radius-sm, 10px); background: var(--aida-surface, var(--bg)); color: var(--aida-text, var(--text-primary)); font: 600 13px var(--aida-font-ui, inherit); cursor: pointer; white-space: nowrap; }
.metp-btn svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.metp-btn small { font: 500 11px var(--aida-font-mono, monospace); color: var(--aida-accent, var(--accent)); background: var(--aida-accent-soft, rgba(184,134,69,.12)); border-radius: 999px; padding: 2px 7px; }
.metp-btn.on { border-color: var(--aida-accent, var(--accent)); box-shadow: 0 0 0 3px rgba(184,134,69,.15); }
.metp-na-aba { margin-left: auto; }
.metp-barra { display: flex; justify-content: flex-end; margin: 0 0 10px; }
.metp-painel { background: var(--aida-surface, var(--bg)); border: 1px solid var(--aida-border, var(--border)); border-radius: 14px; padding: 12px; margin: 0 0 14px; }
.metp-linha { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.metp-salvar { margin-top: 8px; }
.metp-sel { height: 34px; border: 1px solid var(--aida-border, var(--border)); border-radius: 8px; padding: 0 8px; background: var(--aida-surface, var(--bg)); color: var(--aida-text, var(--text-primary)); font-size: 13px; }
.metp-pills { display: flex; flex-wrap: wrap; gap: 2px; padding: 3px; border-radius: 10px; background: var(--aida-surface-raised, rgba(127,127,127,.08)); }
.metp-pill { border: 0; background: none; border-radius: 7px; padding: 5px 9px; font-size: 12.5px; font-weight: 500; color: var(--aida-text-secondary, var(--text-secondary)); cursor: pointer; white-space: nowrap; }
.metp-pill b { font: 500 10.5px var(--aida-font-mono, monospace); opacity: .7; margin-left: 4px; }
.metp-pill.on { background: var(--aida-surface, var(--bg)); color: var(--aida-accent, var(--accent)); box-shadow: 0 1px 2px rgba(0,0,0,.08); }
.metp-busca { flex: 1; min-width: 170px; height: 34px; border: 1px solid var(--aida-border, var(--border)); border-radius: 8px; padding: 0 10px; background: var(--aida-surface, var(--bg)); color: var(--aida-text, var(--text-primary)); font-size: 13px; }
.metp-acao { width: auto !important; height: 34px !important; min-height: 34px !important; padding: 0 12px !important; font-size: 12.5px !important; }
.metp-dica { font-size: 12px; color: var(--aida-text-secondary, var(--text-secondary)); margin: 8px 2px; }
.metp-dica.aviso { color: var(--aida-warning, #b07a1c); font-weight: 600; }
.metp-lista { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; max-height: 300px; overflow: auto; padding-right: 4px; }
.metp-it { display: flex; align-items: center; gap: 8px; border: 1px solid var(--aida-border, var(--border)); border-radius: 10px; padding: 7px 9px; }
.metp-nm { flex: 1; min-width: 0; font-size: 13px; color: var(--aida-text, var(--text-primary)); }
.metp-nm span { display: block; font-size: 10.5px; color: var(--aida-text-secondary, var(--text-secondary)); }
.metp-chave { width: 32px; height: 18px; flex: none; border: 0; border-radius: 999px; background: rgba(127,127,127,.3); position: relative; cursor: pointer; padding: 0; }
.metp-chave::after { content: ""; position: absolute; top: 2px; left: 2px; width: 14px; height: 14px; border-radius: 50%; background: #fff; transition: left .15s; box-shadow: 0 1px 2px rgba(0,0,0,.25); }
.metp-chave.on { background: var(--aida-accent, var(--accent)); }
.metp-chave.on::after { left: 16px; }
.metp-vazio { grid-column: 1 / -1; color: var(--aida-text-secondary, var(--text-secondary)); font-size: 13px; padding: 8px; }
@media (max-width: 900px) { .metp-lista { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .metp-lista { grid-template-columns: 1fr; } .metp-na-aba { margin-left: 0; } }