/* Identidade visual ACCIONA: fundo claro, vermelho institucional e verde-petróleo de apoio. */
:root{
  --bg:#f4f6f7;--bg-elev:#ffffff;--surface:#ffffff;--surface-2:#eef3f4;--border:#dde3e6;
  --text:#1a1a1a;--muted:#595959;
  --accent:#e3000b;--accent-hover:#b80009;--accent-soft:#2f7a84;--accent-ink:#ffffff;
  --success:#1f8a55;--danger:#c8102e;--warning:#a86b00;
  --switch-on:#2f7a84;--shadow:0 10px 30px rgba(26,26,26,.08);
}
body{background:var(--bg);color:var(--text)}
/* Barra vermelha inferior, como nos slides */
body::after{content:"";position:fixed;left:0;right:0;bottom:0;height:5px;background:var(--accent);z-index:50;pointer-events:none}
.sidebar{background:#ffffff}
.topbar{background:rgba(255,255,255,.94)}
.nav-item.is-active{background:#fdeced;color:var(--accent);box-shadow:inset 3px 0 var(--accent)}
.nav-item:hover{background:var(--surface-2)}
input:focus{box-shadow:0 0 0 3px rgba(227,0,11,.14)}
td{border-bottom:1px solid var(--border)}
th{color:var(--accent-soft)!important}
.eyebrow{color:var(--muted);letter-spacing:.35em;font-weight:400}
h1,h2{letter-spacing:.02em}
/* Logo */
.brand{flex-direction:column;align-items:flex-start;gap:8px}
.brand .brand-logo{display:block;width:150px;height:auto}
.brand .brand-nome{font:700 11px/1.2 var(--font-title);color:var(--muted);letter-spacing:.08em}
.brand .brand-nome b{color:var(--accent)}
.login-brand{flex-direction:column;align-items:flex-start;gap:12px}
.login-brand .brand-logo{width:190px;height:auto}
.login-page{background:linear-gradient(180deg,#ffffff 0%,var(--bg) 100%)}
.login-card{background:#ffffff;border:1px solid var(--border);box-shadow:var(--shadow)}
/* Avisos legíveis em fundo claro */
.notice-error{color:#8a0d1f;background:#fdecee;border:1px solid #f3b5bd}
.notice-success{color:#145c39;background:#e8f5ee;border:1px solid #a9d9bf}
.notice-info{color:#1f5960;background:#e8f2f3;border:1px solid #b5d5d9}
.dropzone.is-over{background:#fdeced}
.dropzone.is-loaded{background:#e8f5ee}
.sidebar.is-open{box-shadow:20px 0 50px rgba(0,0,0,.15)}
.record-modal::backdrop{background:rgba(26,26,26,.45)}
dialog.record-modal{box-shadow:0 24px 80px rgba(26,26,26,.25)}
.record-modal .campo-invalido,.record-modal .field:has([aria-invalid="true"]) .cmp-select-display{border-color:var(--danger)!important}
/* Variações favoráveis/desfavoráveis */
.budget-delta-good,#orcamento-quadro .budget-variance.budget-delta-good{color:var(--success)}
.budget-delta-bad,#orcamento-quadro .budget-variance.budget-delta-bad{color:var(--danger)}
/* Análise com IA */
.analise-intro-icon,.analise-welcome-icon{background:#fdeced}
.analise-composer{background:rgba(255,255,255,.97)}