/* Visual do painel igual ao dos relatórios (Poppins, fundo creme, linhas finas, sem cantos redondos), com o azul 2Qlicks.
   Carregado depois do CSS base do index.html; as regras de cores dos objetivos mantêm-se. */
:root{--bg:#ffffff;--surface:#fff;--border:#e2dfd8;--text:#1a1a1a;--muted:#7d786f;--teal:#3974B5;--brand:#3974B5;--accent:#b04a3a}
body,button,input,select,textarea{font-family:Poppins,"Helvetica Neue",Arial,sans-serif!important}
body{background:var(--bg)}

/* Barra lateral */
.sidebar{background:var(--surface);border-right:1px solid var(--border)}
.logo{border-bottom:1px solid var(--border)}
.logo-icon{border-radius:0;background:var(--brand)}
.logo-text{font-weight:700;letter-spacing:-0.5px;font-size:17px}
.nav-item{font-size:13px;color:var(--text);border-left-width:2px}
.nav-item.nav-off{color:#bdb8af}
.nav-item.nav-off svg{opacity:.45}
.nav-item:hover{background:var(--bg);color:var(--text)}
.nav-item.active{color:var(--brand);background:var(--bg);border-left-color:var(--brand);font-weight:600}
.client-switch a{color:var(--text)}
.client-switch select,.date-btn,.conn-badge,.quarter-bar button,.oe-cancel,.rel-btn{border-radius:0!important;border:1px solid var(--border)}

/* Títulos e etiquetas como nos relatórios: maiúsculas espaçadas */
.page-title{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.section-label{font-size:11px;letter-spacing:.16em;color:var(--muted);font-weight:500;margin:1.6rem 0 .7rem}
.chart-title{font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.chart-sub{font-size:12.5px;color:var(--muted)}

/* Botões: azuis e retos */
.sync-btn{background:var(--brand);border-radius:0;font-weight:500}
.date-btn{color:var(--text);background:var(--surface)}
.date-btn:hover{border-color:var(--brand);color:var(--brand)}
.pdf-export-btn{border-radius:0!important}

/* Cartões: brancos, sem cantos, linha preta em cima */
/* Os cartões dos números mantêm a regra de cores dos objetivos: o contorno fica verde, âmbar ou vermelho
   (cor posta pelo painel em style.borderColor); sem objetivo fica cinzento com a linha azul em cima. */
.kpi-card{border-radius:8px!important;border:0;border-top:3px solid var(--brand);box-shadow:none}
.chart-card,.pa-card{border-radius:8px!important;border:0;border-top:2px solid var(--brand);box-shadow:none}
.kpi-card{text-align:left;padding:16px 18px 14px}
.kpi-label{color:var(--muted)!important;font-size:10.5px;letter-spacing:.16em;font-weight:500}
#d-kpi3 .kpi-label,#d-kpi4 .kpi-label{color:var(--muted)!important}
.kpi-icon{display:none!important}
.kpi-val{font-size:30px;font-weight:400;letter-spacing:-0.5px;margin:4px 0 2px}
.kpi-sub{font-size:12px;color:#6b665e}
.kpi-grid{gap:12px}

/* Tabelas: sem fundo azul, cabeçalho a cinzento com linha preta */
th{background:transparent!important;color:var(--muted)!important;font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:10.5px;border-bottom:1.5px solid var(--brand);padding:9px 10px}
td{border-bottom:1px solid #e3e1dc;font-size:13px;padding:9px 10px}
tr:hover td{background:#faf9f7}
.teal{color:var(--brand);font-weight:600}

/* Avisos e destaques */
.notice{border-radius:0;background:#f6f4ef;border:0;border-left:3px solid var(--accent);color:#3d3a35}
.forecast-card{border-radius:8px;border:0;border-top:2px solid var(--brand);box-shadow:none}
.forecast-title{background:var(--brand);border-radius:0;letter-spacing:.12em;text-transform:uppercase;font-size:12px}
.fh-box{border-radius:8px;background:#f6f4ef;border:0}
.fh-label{color:var(--muted);letter-spacing:.16em}
.fh-value{font-weight:400;font-size:30px}
.pa-card.pa-main{border:0;border-top:2px solid var(--brand);background:#fff}
.pa-card.pa-main .pa-label{color:var(--muted)}
.pa-val{font-weight:400}

/* Objetivos: o mês atual mantém o azul com brilho do CSS base */
.quarter-bar button.active{background:var(--brand);border-color:var(--brand)}
.oe-form{border-radius:0;background:#faf9f7}
.oe-title{color:var(--brand)}
.sig-i{color:var(--brand)}
.sig-i:hover{background:var(--brand);border-color:var(--brand)}

/* Ecrã de escolha inicial */
#homeChooser{background:var(--bg);font-family:Poppins,"Helvetica Neue",Arial,sans-serif}
.home-card{border-radius:8px;border:0;border-top:2px solid var(--brand)}
.home-card:hover{box-shadow:0 6px 18px rgba(0,0,0,.08)}

/* Tabelas de objetivos e previsões: cabeçalho azul com títulos brancos (legíveis no mês atual em destaque) */
:is(#page-obj2026,#obj-params-table-ads,#obj-params-table-perf,#previsao-ads-table-ads,#previsao-ads-table-perf) th{background:var(--brand)!important;color:#fff!important;border-bottom:0}

/* Barra lateral: Exportar PDF mais acima e bem afastado dos botões Contas / Relatórios / Admin */
.sidebar .pdf-export-btn{border-top:1px solid var(--border);border-bottom:0;margin:0;padding:11px 1rem;color:var(--text)}
.sidebar .theme-btn{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:0 0 36px}
/* Fundo branco: os cartões ganham uma linha fina à volta para não se perderem no fundo */
.chart-card,.pa-card,.kpi-card{border-left:1px solid var(--border)!important;border-right:1px solid var(--border)!important;border-bottom:1px solid var(--border)!important}

/* Painel de Anúncios: métricas secundárias mais pequenas e discretas que as principais */
.kpi-secondary .kpi-card{padding:12px 14px 10px;border-top-width:2px}
.kpi-secondary .kpi-val{font-size:21px}
.kpi-secondary .kpi-label{font-size:9.5px}