/* ============ Ownest Financeiro — design system ============ */
@font-face{
  font-family:"Inter"; font-style:normal; font-weight:100 900; font-display:swap;
  src:url("inter-latin.woff2") format("woff2");
}
:root{
  /* superfícies */
  --bg:#F5F3F1; --surface:#FFFFFF; --surface-2:#FAF8F6;
  --ink:#241D1A; --muted:#71655F; --faint:#A2948C; --line:#E8E2DD; --line-2:#F1ECE8;
  /* marca */
  --brand-900:#1E1210; --brand-800:#291916; --brand-700:#3A211C; --brand-600:#8A2F1E;
  --accent:#CE3A24; --accent-strong:#E8542F; --accent-soft:#FBEAE4; --accent-ink:#A02A18;
  /* semântica */
  --crit:#9E1B32; --crit-bg:#F9E7EA; --warn:#B07C1F; --warn-bg:#FBF3E0;
  --ok:#2E7D4F; --ok-bg:#E6F3EB;
  /* manual (input do utilizador) */
  --manual:#D9A81F; --manual-bg:#FFF7DF; --manual-line:#EACB6A;
  --radius:12px; --radius-s:8px;
  --shadow-1:0 1px 2px rgba(30,18,16,.05), 0 1px 8px rgba(30,18,16,.04);
  --shadow-2:0 4px 18px rgba(30,18,16,.10);
  --info:#46617A; --info-bg:#EBF0F5;   /* banca, financiamento, informação neutra */
  --ink-2:#5A4F49;                      /* texto secundário com contraste AA */
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font:14px/1.55 "Inter", "Segoe UI", system-ui, sans-serif;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
a{color:var(--accent)}
h1{font-size:21px; font-weight:650; letter-spacing:-.02em; margin:0}
h2{font-size:15px; font-weight:600; letter-spacing:-.01em; margin:28px 0 10px; color:var(--ink)}
.sub{font-size:12.5px; color:var(--muted)}

/* ============ layout com sidebar ============ */
.shell{display:flex; min-height:100vh}
aside.sidebar{
  width:216px; flex:0 0 216px; position:sticky; top:0; height:100vh; overflow-y:auto;
  background:linear-gradient(180deg, var(--brand-800) 0%, var(--brand-900) 100%);
  color:#E5DBD6; padding:18px 12px 14px; display:flex; flex-direction:column; gap:2px;
}
.sidebar .logo{display:flex; align-items:center; gap:10px; padding:2px 10px 16px}
.sidebar .logo .mark{
  width:32px; height:32px; border-radius:9px; flex:0 0 32px;
  background:linear-gradient(135deg, var(--accent-strong), var(--brand-600));
  display:grid; place-items:center; color:#fff; font-weight:800; font-size:15px;
  box-shadow:0 2px 8px rgba(232,84,47,.30);
}
.sidebar .logo b{font-size:14.5px; letter-spacing:-.01em; color:#fff; display:block; line-height:1.1}
.sidebar .logo span{font-size:10.5px; color:#A98F85; text-transform:uppercase; letter-spacing:.12em}
.sidebar .sec{font-size:10px; text-transform:uppercase; letter-spacing:.14em; color:#96786D;
  padding:14px 10px 5px; font-weight:600}
.sidebar a{
  display:flex; align-items:center; gap:9px; padding:7px 10px; border-radius:8px;
  color:#D3C4BD; text-decoration:none; font-size:13px; font-weight:500;
  transition:background .12s, color .12s;
}
.sidebar a:hover{background:rgba(255,255,255,.06); color:#fff}
.sidebar a.ativo{background:rgba(232,84,47,.20); color:#fff; box-shadow:inset 2px 0 0 var(--accent-strong)}
.sidebar a .ic{width:17px; text-align:center; opacity:.85; font-size:13px}
.sidebar a .tag-m{margin-left:auto; font-size:9.5px; font-weight:700; color:var(--manual);
  background:rgba(217,168,31,.15); border-radius:5px; padding:1px 5px; letter-spacing:.04em}
.sidebar .fundo{margin-top:auto; padding:12px 10px 0; border-top:1px solid rgba(255,255,255,.08); font-size:12px}
.sidebar .fundo .nome{color:#fff; font-weight:600}
.sidebar .fundo .role{color:#A98F85; font-size:11px; text-transform:capitalize}
.sidebar .fundo a{padding:6px 0 0; color:#B9A69E; font-size:12px}

main{flex:1; min-width:0; padding:22px 28px 72px; max-width:1440px}
.page-head{display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin:0 0 16px}
.page-head .grow{flex:1}

/* ============ flash ============ */
.flash{padding:10px 14px; border-radius:var(--radius-s); margin:0 0 14px; font-size:13px; box-shadow:var(--shadow-1)}
.flash.ok{background:var(--ok-bg); color:var(--ok)}
.flash.erro{background:var(--crit-bg); color:var(--crit)}

/* ============ cards / kpis ============ */
.cards{display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:14px; margin:14px 0}
.card{
  background:var(--surface); border:1px solid var(--line); border-radius:var(--radius);
  padding:14px 16px 12px; box-shadow:var(--shadow-1); position:relative; overflow:hidden;
  transition:transform .15s, box-shadow .15s;
}
.card:hover{transform:translateY(-1px); box-shadow:var(--shadow-2)}
.card span{font-size:11.5px; color:var(--muted); display:block; font-weight:550;
  text-transform:uppercase; letter-spacing:.05em}
.card b{display:block; font-size:22px; font-weight:680; letter-spacing:-.02em;
  font-variant-numeric:tabular-nums; margin:4px 0 2px}
.card small{font-size:11.5px; color:var(--faint); display:block}
.card.ok b{color:var(--ok)} .card.warn b{color:var(--warn)} .card.crit b{color:var(--crit)}
.card canvas.spark{position:absolute; right:10px; bottom:10px; opacity:.75}
.delta{display:inline-flex; align-items:center; gap:3px; font-size:11px; font-weight:650;
  border-radius:6px; padding:1px 7px; font-variant-numeric:tabular-nums}
.delta.up{background:var(--ok-bg); color:var(--ok)}
.delta.down{background:var(--crit-bg); color:var(--crit)}
.delta.flat{background:var(--surface-2); color:var(--muted)}
.dot{display:inline-block; width:8px; height:8px; border-radius:50%; margin-right:6px}
.dot.ok{background:var(--ok)} .dot.warn{background:var(--warn)} .dot.crit{background:var(--crit)}
.dot.info{background:var(--accent)}

/* ============ tabelas ============ */
.tbl{overflow:auto; background:var(--surface); border:1px solid var(--line);
  border-radius:var(--radius); margin:12px 0; box-shadow:var(--shadow-1); max-height:78vh}
table{border-collapse:separate; border-spacing:0; width:100%; font-size:13px}
thead th{position:sticky; top:0; background:var(--surface-2); z-index:2;
  border-bottom:1px solid var(--line)}
th{font-size:10.5px; text-transform:uppercase; letter-spacing:.08em; color:var(--muted);
  text-align:left; font-weight:620}
th,td{padding:8px 12px; border-bottom:1px solid var(--line-2); white-space:nowrap}
tbody tr:hover td{background:var(--surface-2)}
tr:last-child td{border-bottom:0}
td.num,th.num{text-align:right; font-variant-numeric:tabular-nums}
tr.grupo td{background:var(--accent-soft); color:var(--accent-ink); font-weight:620;
  font-size:11.5px; text-transform:uppercase; letter-spacing:.06em}
tr.total td{font-weight:700; border-top:2px solid var(--line); background:var(--surface-2)}
td.neg{color:var(--crit)} td.pos{color:var(--ok)}

/* ============ forms ============ */
input,select,button,textarea{font:inherit; color:inherit}
input,select,textarea{background:var(--surface); border:1px solid var(--line);
  border-radius:var(--radius-s); padding:7px 10px; transition:border-color .12s, box-shadow .12s}
input:focus,select:focus{outline:none; border-color:var(--accent);
  box-shadow:0 0 0 3px rgba(206,58,36,.15)}
button{background:var(--accent); color:#fff; border:0; border-radius:var(--radius-s);
  padding:8px 16px; cursor:pointer; font-weight:600; font-size:13px;
  transition:background .12s, transform .1s; box-shadow:var(--shadow-1)}
button:hover{background:var(--accent-strong)}
button:active{transform:scale(.98)}
button.sec{background:var(--surface); color:var(--ink); border:1px solid var(--line)}
button.sec:hover{background:var(--surface-2)}
button.perigo{background:var(--crit)}
form.inline{display:inline}
.filtros{display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin:10px 0}
.grelha input{width:88px; text-align:right; padding:4px 7px; border-radius:6px; font-size:12.5px}

/* origem dos dados */
.grelha input.in-manual{background:var(--manual-bg); border-color:var(--manual-line)}
.grelha input.in-import{background:#E7F3ED; border-color:#A9CDB8}
.grelha input.in-mig{background:#EEF1F0; color:var(--muted)}
.legenda{display:flex; gap:16px; flex-wrap:wrap; align-items:center; font-size:12px;
  color:var(--muted); margin:10px 0 2px}
.legenda .sw{display:inline-block; width:13px; height:13px; border-radius:4px;
  vertical-align:-2px; margin-right:5px; border:1px solid var(--line)}
.sw.manual{background:var(--manual-bg); border-color:var(--manual-line)}
.sw.import{background:#E7F3ED; border-color:#A9CDB8}
.sw.mig{background:#EEF1F0} .sw.vazio{background:#FFF}

/* ============ chips / callouts ============ */
.chip{display:inline-flex; align-items:center; font-size:11px; font-weight:650;
  padding:2px 9px; border-radius:99px; letter-spacing:.02em}
.chip.ok{background:var(--ok-bg); color:var(--ok)}
.chip.warn{background:var(--warn-bg); color:var(--warn)}
.chip.crit{background:var(--crit-bg); color:var(--crit)}
.chip.info{background:var(--accent-soft); color:var(--accent-ink)}
.call{border:1px solid var(--line); border-left:3px solid var(--accent);
  background:var(--surface); border-radius:var(--radius-s); padding:11px 16px;
  margin:8px 0; max-width:920px; box-shadow:var(--shadow-1)}
.call b.t{display:block; font-size:11.5px; text-transform:uppercase; letter-spacing:.06em;
  color:var(--accent-ink); font-weight:680}
.call p{margin:4px 0 0; max-width:none; color:var(--ink)}
.call.crit{border-left-color:var(--crit)} .call.crit b.t{color:var(--crit)}
.call.warn{border-left-color:var(--warn)} .call.warn b.t{color:var(--warn)}
.call.ok{border-left-color:var(--ok)} .call.ok b.t{color:var(--ok)}
.call.input{border-left-color:var(--manual); background:linear-gradient(0deg, rgba(255,247,223,.5), rgba(255,247,223,.5)) var(--surface)}
.call.input b.t{color:#8A6D1B}
.call.info{border-left-color:var(--accent)}
.nota{font-size:12.5px; color:var(--muted); max-width:88ch}
p{max-width:88ch}

/* ============ gráficos ============ */
.grafico{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius);
  padding:16px 18px; margin:12px 0; box-shadow:var(--shadow-1)}
.grafico h2{margin:0 0 12px}
.duo{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px}
.duo > div{min-width:0}
.duo canvas{max-width:100%}
@media(max-width:980px){.duo{grid-template-columns:1fr}}

/* ============ detalhes ============ */
details{margin:4px 0}
details summary{cursor:pointer; color:var(--accent); font-size:12.5px}

/* ============ login ============ */
body.login-page{background:
  radial-gradient(1200px 600px at 80% -10%, rgba(232,84,47,.22), transparent 60%),
  linear-gradient(180deg, var(--brand-800), var(--brand-900)); min-height:100vh}
.login-box{max-width:380px; margin:14vh auto; background:var(--surface);
  border-radius:16px; padding:36px 34px; box-shadow:0 24px 70px rgba(0,0,0,.35)}
.login-box .mark{width:44px; height:44px; border-radius:12px; margin-bottom:14px;
  background:linear-gradient(135deg, var(--accent-strong), var(--brand-600));
  display:grid; place-items:center; color:#fff; font-weight:800; font-size:19px}
.login-box h1{margin:0 0 2px}
.login-box p{color:var(--muted); margin:0 0 18px; font-size:13px}
.login-box label{display:block; font-size:12px; color:var(--muted); margin:13px 0 5px; font-weight:550}
.login-box input{width:100%}
.login-box button{width:100%; margin-top:20px; padding:10px}

/* ============ responsivo / mobile ============ */
/* barra superior móvel (hambúrguer) — invisível em desktop */
.topbar-m{display:none; position:fixed; top:0; left:0; right:0; z-index:290; height:54px;
  align-items:center; gap:10px; padding:0 14px;
  background:linear-gradient(180deg, var(--brand-800), var(--brand-900));
  box-shadow:0 2px 12px rgba(30,18,16,.35)}
.topbar-m b{color:#fff; font-size:15px; letter-spacing:-.01em}
.topbar-m .tb-sec{font-size:10px; color:#A98F85; text-transform:uppercase; letter-spacing:.12em; margin-top:3px}
.menu-btn{background:none; border:0; box-shadow:none; padding:10px 8px; margin-left:-8px;
  display:flex; flex-direction:column; gap:4.5px; cursor:pointer}
.menu-btn span{display:block; width:20px; height:2px; border-radius:2px; background:#E5DBD6;
  transition:transform .25s, opacity .2s}
body.nav-aberta .menu-btn span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
body.nav-aberta .menu-btn span:nth-child(2){opacity:0}
body.nav-aberta .menu-btn span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.nav-veu{display:none; position:fixed; inset:0; z-index:295; background:rgba(20,12,10,.5);
  opacity:0; pointer-events:none; transition:opacity .25s}

@media(max-width:860px){
  .topbar-m{display:flex}
  .shell{display:block}
  /* nunca deixar a página inteira deslizar na horizontal */
  body{overflow-x:clip}
  .grafico canvas{max-width:100% !important}
  img{max-width:100%}
  /* sidebar vira gaveta deslizante */
  aside.sidebar{position:fixed; top:0; left:0; bottom:0; height:100dvh; z-index:300;
    width:min(78vw, 280px); flex:none; padding-top:14px;
    transform:translateX(-103%); transition:transform .28s cubic-bezier(.2,.7,.3,1);
    box-shadow:8px 0 30px rgba(0,0,0,.35)}
  body.nav-aberta aside.sidebar{transform:none}
  body.nav-aberta{overflow:hidden}
  body.nav-aberta .nav-veu{display:block; opacity:1; pointer-events:auto}
  .nav-veu{display:block}
  /* alvos de toque generosos no menu */
  .sidebar a{padding:11px 12px; font-size:14px}
  main{padding:68px 12px 56px}
  /* densidade adaptada */
  h1{font-size:18px}
  .cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px}
  .card b{font-size:19px}
  .card canvas.spark{display:none}
  .duo{grid-template-columns:1fr}
  .grafico{padding:12px 12px}
  .man-hero{padding:22px 18px 18px}
  /* formulários: 16px evita o zoom automático do iOS; botões com altura de dedo */
  input,select,textarea{font-size:16px}
  .grelha input{font-size:14px}
  button{min-height:42px}
  .page-head{gap:8px}
  .dv-painel{padding:4vh 8px}
  .dv-caixa{padding:16px 14px; max-height:88vh}
  .login-box{margin:9vh auto; padding:28px 22px; width:min(92vw, 380px)}
  .tbl{max-height:none}
  th,td{padding:8px 10px}
  .tbl th:first-child, .tbl td:first-child{max-width:170px}
}
@media (prefers-reduced-motion: reduce){
  *{transition:none !important; animation:none !important}
}

/* primeira coluna fixa nas tabelas largas + ajuste de células aos números */
.tbl th:first-child, .tbl td:first-child{
  position:sticky; left:0; z-index:1; background:var(--surface);
  box-shadow:1px 0 0 var(--line-2); max-width:280px; overflow:hidden; text-overflow:ellipsis}
.tbl thead th:first-child{z-index:3; background:var(--surface-2)}
.tbl tr.grupo td:first-child{background:var(--accent-soft)}
.tbl tr.total td:first-child{background:var(--surface-2)}
.tbl tbody tr:hover td:first-child{background:var(--surface-2)}
.grelha input{width:auto; min-width:84px; max-width:118px; font-variant-numeric:tabular-nums}
.cards{grid-template-columns:repeat(auto-fit,minmax(172px,1fr))}

/* valores projetados automaticamente da tesouraria (correlação contínua) */
.grelha input.in-auto{background:#E8F0F8; border-color:#A9C4DE; color:#2C5578}
.sw.auto{background:#E8F0F8; border-color:#A9C4DE}

/* grupos de movimentos por categoria */
details.cat-grupo{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-s);
  padding:10px 14px; margin:8px 0; box-shadow:var(--shadow-1)}
details.cat-grupo summary{display:flex; align-items:center; gap:10px; cursor:pointer;
  color:var(--ink); font-size:13.5px; list-style-position:inside}
details.cat-grupo[open] summary{margin-bottom:6px}
details.cat-grupo .tbl{margin:6px 0 2px; box-shadow:none}

/* painel de decomposição de célula */
.dv-painel{position:fixed; inset:0; background:rgba(20,12,10,.45); display:none;
  z-index:200; align-items:flex-start; justify-content:center; padding:8vh 16px}
.dv-painel.aberto{display:flex}
.dv-caixa{background:var(--surface); border-radius:var(--radius); box-shadow:var(--shadow-2);
  max-width:640px; width:100%; max-height:78vh; overflow:auto; padding:20px 22px; position:relative}
.dv-fechar{position:absolute; top:10px; right:12px; background:none; border:0; color:var(--muted);
  font-size:20px; cursor:pointer; box-shadow:none; padding:2px 8px}
.dv-fechar:hover{background:var(--surface-2); color:var(--ink)}
.dv-head{display:flex; gap:10px; align-items:baseline; margin-bottom:4px; padding-right:28px}
.dv-valor{font-size:22px; font-weight:680; margin:4px 0 2px; display:flex; gap:10px; align-items:center}
.dv-corpo h4{font-size:12px; text-transform:uppercase; letter-spacing:.07em; color:var(--muted);
  margin:16px 0 6px}
.dv-corpo table{width:100%; font-size:12.5px}
.dv-corpo th,.dv-corpo td{padding:5px 8px}
/* botão ⓘ nas células das grelhas */
td.dv-cel{position:relative}
td.dv-cel .dv-i{position:absolute; top:2px; right:2px; width:15px; height:15px; line-height:14px;
  font-size:10px; text-align:center; border-radius:50%; background:var(--accent-soft);
  color:var(--accent-ink); cursor:pointer; opacity:0; transition:opacity .12s; border:0; padding:0; box-shadow:none}
td.dv-cel:hover .dv-i{opacity:1}
tbody td[data-dv]{cursor:pointer}

/* botão de ação dos insights */
.acao-btn{display:inline-block; margin-top:8px; font-size:12px; font-weight:650;
  color:var(--accent-ink); background:var(--accent-soft); border-radius:7px;
  padding:5px 12px; text-decoration:none; transition:background .12s}
.acao-btn:hover{background:var(--accent); color:#fff}

/* ============ estratégia ============ */
.est-hero{border-left:4px solid var(--accent)}
.est-campo{margin:8px 0}
.est-rotulo{font-size:11px; text-transform:uppercase; letter-spacing:.09em; color:var(--accent-ink);
  font-weight:680; display:block; margin-bottom:3px}
.est-campo textarea{width:100%; resize:vertical; font-size:13.5px; line-height:1.5;
  border-color:transparent; background:transparent; padding:4px 6px}
.est-campo textarea:hover{border-color:var(--line)}
.est-campo textarea:focus{background:var(--surface)}
.est-campo p{margin:0; font-size:13.5px}
.est-cultura{display:flex; flex-wrap:wrap; gap:7px; margin-top:12px}
.est-cultura .chip{cursor:help}
.est-item{padding:5px 0; border-bottom:1px solid var(--line-2); font-size:13px;
  display:flex; align-items:baseline; gap:6px}
.est-item form{margin-left:auto}
.est-vazio{background:var(--manual-bg); border-radius:7px; padding:8px 12px}
.est-swot{border:1px solid var(--line); border-radius:var(--radius-s); padding:12px 14px; margin-bottom:12px}
.est-swot.ok{border-top:3px solid var(--ok)} .est-swot.warn{border-top:3px solid var(--warn)}
.est-swot.info{border-top:3px solid var(--info)} .est-swot.crit{border-top:3px solid var(--crit)}
.est-swot h3{margin:0 0 6px; font-size:13.5px}
.est-meta{margin:10px 0}
.est-meta-l{display:flex; justify-content:space-between; align-items:baseline; gap:10px; font-size:13px}
.est-meta-l .num{font-variant-numeric:tabular-nums; display:flex; gap:8px; align-items:center}
.est-barra{background:var(--line-2); border-radius:99px; height:9px; overflow:hidden; margin-top:4px}
.est-barra div{height:100%; background:linear-gradient(90deg, var(--accent-strong), var(--accent)); border-radius:99px}
.est-barra.bhag div{background:linear-gradient(90deg, var(--info), #2E4356)}
.est-sonhos{columns:2; gap:24px}
@media(max-width:900px){.est-sonhos{columns:1}}
.rock-feito{border-color:var(--ok); color:var(--ok)}
.rock-falhado{border-color:var(--crit); color:var(--crit)}
h3{font-size:13.5px; margin:12px 0 6px}

/* ============ estratégia v2 (visual) ============ */
.man-hero{background:
  radial-gradient(900px 420px at 85% -20%, rgba(232,84,47,.25), transparent 60%),
  linear-gradient(160deg, var(--brand-800), var(--brand-900));
  border-radius:16px; padding:30px 34px 24px; color:#EFE6E1; margin-bottom:26px;
  box-shadow:var(--shadow-2)}
.man-marca{font-size:10.5px; letter-spacing:.22em; color:#C08A75; font-weight:700; margin-bottom:14px}
.man-rotulo{font-size:10.5px; text-transform:uppercase; letter-spacing:.14em; color:#E8845F;
  font-weight:700; display:block; margin-bottom:4px}
.man-campo{margin:0 0 14px}
.man-campo textarea{width:100%; resize:vertical; background:transparent; border:1px solid transparent;
  color:#F3ECE7; font-size:13.5px; line-height:1.55; padding:2px 4px; border-radius:6px}
.man-campo textarea.man-grande{font-size:19px; font-weight:350; line-height:1.5; letter-spacing:-.01em}
.man-campo textarea:hover{border-color:rgba(255,255,255,.18)}
.man-campo textarea:focus{background:rgba(0,0,0,.25); border-color:var(--accent-strong); box-shadow:none}
.man-campo p{margin:0; color:#F3ECE7; font-size:13.5px}
.man-campo p.man-grande{font-size:19px; font-weight:350; line-height:1.5}
.man-grid{display:grid; grid-template-columns:1fr 1fr; gap:4px 28px; margin-top:6px}
@media(max-width:900px){.man-grid{grid-template-columns:1fr}}
.man-cultura{display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; padding-top:16px;
  border-top:1px solid rgba(255,255,255,.12)}
.man-chip{font-size:11.5px; font-weight:600; color:#F3D9CE; background:rgba(232,84,47,.16);
  border:1px solid rgba(232,84,47,.35); border-radius:99px; padding:3px 12px; cursor:help}

.est-sec{display:flex; align-items:center; gap:14px; margin:34px 0 12px}
.est-sec .est-num{width:40px; height:40px; border-radius:12px; flex:0 0 40px;
  background:linear-gradient(135deg, var(--accent-strong), var(--accent)); color:#fff;
  display:grid; place-items:center; font-size:19px; font-weight:700;
  box-shadow:0 3px 10px rgba(206,58,36,.3)}
.est-sec h2{margin:0}

/* SWOT em quadrantes */
.swot-grelha{display:grid; grid-template-columns:1fr 1fr; gap:12px; position:relative; margin:12px 0}
@media(max-width:900px){.swot-grelha{grid-template-columns:1fr}}
.swot-q{border-radius:var(--radius); padding:14px 16px; box-shadow:var(--shadow-1)}
.swot-q h3{margin-top:0}
.swot-q.forca{background:linear-gradient(180deg, var(--ok-bg), var(--surface) 70%); border-top:3px solid var(--ok)}
.swot-q.fraqueza{background:linear-gradient(180deg, var(--warn-bg), var(--surface) 70%); border-top:3px solid var(--warn)}
.swot-q.oportunidade{background:linear-gradient(180deg, #E8EFF5, var(--surface) 70%); border-top:3px solid var(--info)}
.swot-q.ameaca{background:linear-gradient(180deg, var(--crit-bg), var(--surface) 70%); border-top:3px solid var(--crit)}
.swot-eixo{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  background:var(--ink); color:#fff; font-size:10px; font-weight:700; letter-spacing:.14em;
  border-radius:99px; padding:4px 12px; pointer-events:none}
@media(max-width:900px){.swot-eixo{display:none}}

/* anéis BHAG */
.bhag-painel{background:linear-gradient(180deg, var(--surface-2), var(--surface))}
.bhag-aneis{display:flex; gap:34px; flex-wrap:wrap; justify-content:space-around; padding:12px 0 6px}
.anel-bloco{text-align:center; min-width:150px}
.anel{width:120px; height:120px; border-radius:50%; margin:0 auto;
  background:conic-gradient(var(--accent-strong) calc(var(--pct)*1%), var(--line-2) 0);
  display:grid; place-items:center; transition:background .3s}
.anel-miolo{width:92px; height:92px; border-radius:50%; background:var(--surface);
  display:grid; place-items:center; box-shadow:inset 0 1px 4px rgba(30,18,16,.06)}
.anel-miolo b{font-size:22px; letter-spacing:-.02em}
.anel-nome{font-size:12.5px; font-weight:650; margin-top:10px}
.anel-vals{font-size:11.5px; color:var(--muted); font-variant-numeric:tabular-nums}

/* metas anuais */
.est-meta{margin:12px 0}
.est-meta-l{display:flex; justify-content:space-between; align-items:baseline; gap:10px; font-size:13px}
.est-meta-l .num{font-variant-numeric:tabular-nums; display:flex; gap:7px; align-items:center}
.est-barra{background:var(--line-2); border-radius:99px; height:11px; overflow:hidden; margin-top:5px}
.est-barra div{height:100%; background:linear-gradient(90deg, var(--accent-strong), var(--accent));
  border-radius:99px; min-width:3px}

/* sonhos em grelha */
.sonhos-grelha{display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:10px; margin:10px 0}
.sonho-card{background:var(--surface-2); border:1px solid var(--line); border-radius:10px;
  padding:10px 12px; font-size:12.5px; line-height:1.4; display:flex; gap:9px; align-items:flex-start}
.sonho-card form{margin-left:auto}
.sonho-n{flex:0 0 auto; width:22px; height:22px; border-radius:7px; background:var(--accent-soft);
  color:var(--accent-ink); font-size:11px; font-weight:700; display:grid; place-items:center}

/* rocks kanban */
.rocks-tri{font-size:14px; margin:18px 0 8px; color:var(--accent-ink); letter-spacing:.02em}
.rocks-grelha{display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:12px; margin:6px 0 14px}
.rock-card{background:var(--surface); border:1px solid var(--line); border-left:4px solid var(--faint);
  border-radius:var(--radius-s); padding:12px 14px; box-shadow:var(--shadow-1);
  display:flex; flex-direction:column; gap:7px; transition:transform .12s, box-shadow .12s}
.rock-card:hover{transform:translateY(-1px); box-shadow:var(--shadow-2)}
.rock-card.estado-em-curso{border-left-color:var(--accent-strong)}
.rock-card.estado-feito{border-left-color:var(--ok); opacity:.75}
.rock-card.estado-feito .rock-titulo{text-decoration:line-through; text-decoration-thickness:1px}
.rock-card.estado-falhado{border-left-color:var(--crit); opacity:.8}
.rock-card.estado-pendente{border-left-color:var(--warn)}
.rock-titulo{font-size:13px; font-weight:640; line-height:1.35}
.rock-resultado{font-size:12px; color:var(--muted)}
.rock-rodape{display:flex; align-items:center; gap:8px; margin-top:auto; font-size:11.5px}
.rock-rodape .grow{flex:1}
.rock-rodape select{padding:3px 6px; font-size:11.5px; border-radius:6px}
.rock-avatar{width:24px; height:24px; border-radius:50%; flex:0 0 24px;
  background:linear-gradient(135deg, var(--brand-600), var(--accent)); color:#fff;
  display:grid; place-items:center; font-size:10px; font-weight:700; text-transform:uppercase}

/* ============ impacto visual global ============ */
/* revelação suave ao entrar no viewport (só com JS ativo — senão tudo visível) */
html.js-anima .cards, html.js-anima .grafico, html.js-anima .call, html.js-anima .swot-grelha,
html.js-anima .rocks-grelha, html.js-anima .tbl, html.js-anima .man-hero,
html.js-anima .pl-grelha, html.js-anima .pl-filtros{opacity:0; transform:translateY(10px);
  /* rede de segurança: mesmo que o observer nunca dispare, tudo aparece sozinho */
  animation:surgir .5s cubic-bezier(.2,.7,.3,1) 1.2s forwards}
.anima-in{animation:surgir .5s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes surgir{to{opacity:1; transform:none}}
/* escalonamento dos cartões dentro de um grupo revelado */
.anima-in .card{animation:surgir .5s cubic-bezier(.2,.7,.3,1) backwards}
.anima-in .card:nth-child(1){animation-delay:.02s} .anima-in .card:nth-child(2){animation-delay:.07s}
.anima-in .card:nth-child(3){animation-delay:.12s} .anima-in .card:nth-child(4){animation-delay:.17s}
.anima-in .card:nth-child(5){animation-delay:.22s} .anima-in .card:nth-child(6){animation-delay:.27s}


/* barras que crescem */
.anima-in .est-barra div, .anima-in [style*="border-radius:99px"] > div{
  animation:crescer .8s cubic-bezier(.2,.7,.3,1) backwards; transform-origin:left}
@keyframes crescer{from{transform:scaleX(0)}}

/* cartão destaque (gradiente da marca) */
.card.destaque{background:linear-gradient(150deg, var(--brand-800), var(--brand-900)); border:0;
  box-shadow:0 6px 18px rgba(30,18,16,.25)}
.card.destaque span{color:#D9A88F}
.card.destaque b{color:#fff}
.card.destaque small{color:#B99C8D}
.card.destaque .delta.up{background:rgba(46,125,79,.3); color:#8FE0AE}
.card.destaque .delta.down{background:rgba(224,90,74,.28); color:#FFB3A6}

/* topo dos cartões acende no hover */
.card{border-top:2px solid transparent}
.card:hover{border-top-color:var(--accent-strong)}
.card.ok:hover{border-top-color:var(--ok)} .card.crit:hover{border-top-color:var(--crit)}
.card.warn:hover{border-top-color:var(--warn)}

/* títulos de página com sublinhado da marca */
.page-head h1, main > h1{position:relative; padding-bottom:2px}
.page-head h1::after{content:""; position:absolute; left:0; bottom:-6px; width:44px; height:3px;
  border-radius:3px; background:linear-gradient(90deg, var(--accent-strong), var(--accent))}

/* anéis com transição */
.anel{transition:background .8s ease}

/* polimento fino */
::selection{background:rgba(232,84,47,.25)}
::-webkit-scrollbar{width:10px; height:10px}
::-webkit-scrollbar-thumb{background:var(--faint); border-radius:99px; border:2px solid var(--bg)}
::-webkit-scrollbar-thumb:hover{background:var(--muted)}
::-webkit-scrollbar-track{background:transparent}
:focus-visible{outline:2px solid var(--accent-strong); outline-offset:2px; border-radius:4px}
button:focus-visible{outline-offset:1px}
.tbl tbody tr{transition:background .1s}
.chip{transition:transform .1s}
a.chip:hover{transform:translateY(-1px)}
.sidebar a .ic{transition:transform .15s}
.sidebar a:hover .ic{transform:scale(1.2)}

/* ============ plano estratégico (horizontes) ============ */
:root{
  --t-fazer:var(--accent); --t-delegar:var(--info); --t-adquirir:#B07C1F;
  --t-construir:#6B4A32; --t-contratar:#2E7D4F; --t-banca:#2E4356;
}
.pl-radar{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
/* filtros por tipo */
.pl-filtros{display:flex; gap:8px; flex-wrap:wrap; margin:16px 0 6px}
.pl-f{display:inline-flex; align-items:center; gap:7px; font-size:12px; font-weight:600;
  background:var(--surface); color:var(--muted); border:1px solid var(--line);
  border-radius:99px; padding:5px 13px 5px 9px; box-shadow:var(--shadow-1); min-height:0}
.pl-f .pl-f-ic{width:20px; height:20px; border-radius:50%; display:grid; place-items:center;
  color:#fff; font-size:11px}
.pl-f .pl-f-n{font-size:10.5px; background:var(--line-2); border-radius:99px; padding:1px 7px;
  color:var(--muted); font-variant-numeric:tabular-nums}
.pl-f:not(.ativo){opacity:.38; filter:grayscale(.6); background:var(--surface-2)}
.pl-f:hover{background:var(--surface-2)}
.pl-f.t-fazer .pl-f-ic{background:var(--t-fazer)} .pl-f.t-delegar .pl-f-ic{background:var(--t-delegar)}
.pl-f.t-adquirir .pl-f-ic{background:var(--t-adquirir)} .pl-f.t-construir .pl-f-ic{background:var(--t-construir)}
.pl-f.t-contratar .pl-f-ic{background:var(--t-contratar)} .pl-f.t-banca .pl-f-ic{background:var(--t-banca)}

/* grelha de horizontes */
.pl-grelha{display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:14px 0; align-items:start}
.pl-col{background:var(--surface-2); border:1px solid var(--line); border-radius:var(--radius);
  padding:14px 12px 12px; display:flex; flex-direction:column; gap:10px; min-width:0}
.pl-col-head{display:flex; align-items:center; gap:10px; justify-content:space-between}
.pl-h-nome{font-size:14.5px; font-weight:700; letter-spacing:-.01em}
.pl-h-per{font-size:11px; color:var(--muted); text-transform:uppercase; letter-spacing:.08em; margin-top:1px}
.pl-col{border-top:4px solid var(--line)}
.pl-col.h-semana{border-top-color:var(--accent-strong)}
.pl-col.h-mes{border-top-color:#B07C1F}
.pl-col.h-trimestre{border-top-color:var(--info)}
.pl-col.h-ano{border-top-color:var(--brand-700)}
.pl-anel{width:48px; height:48px; flex:0 0 48px; border-radius:50%;
  background:conic-gradient(var(--accent-strong) calc(var(--pct)*1%), var(--line-2) 0);
  display:grid; place-items:center; transition:background .6s}
.pl-anel span{width:36px; height:36px; border-radius:50%; background:var(--surface);
  display:grid; place-items:center; font-size:10.5px; font-weight:700;
  font-variant-numeric:tabular-nums}
/* objetivo do horizonte */
.pl-obj{background:var(--surface); border:1px dashed var(--manual-line); border-radius:var(--radius-s);
  padding:8px 10px}
.pl-obj label{font-size:9.5px; text-transform:uppercase; letter-spacing:.14em; color:#8A6D1B;
  font-weight:700; display:block; margin-bottom:2px}
.pl-obj textarea{width:100%; border:0; background:transparent; resize:vertical; padding:0;
  font-size:12.5px; line-height:1.45; min-height:34px}
.pl-obj textarea:focus{outline:none; box-shadow:none}
.pl-obj p{margin:0; font-size:12.5px}
.pl-metas .est-meta{margin:8px 0}
.pl-metas .est-meta-l{font-size:11.5px}
.pl-metas em{font-style:normal; color:var(--faint)}
/* cartões de ação */
.pl-lista{display:flex; flex-direction:column; gap:8px}
.pl-card{background:var(--surface); border:1px solid var(--line); border-left:4px solid var(--faint);
  border-radius:var(--radius-s); padding:9px 11px 8px; box-shadow:var(--shadow-1);
  display:flex; flex-direction:column; gap:5px; transition:transform .12s, box-shadow .12s}
.pl-card:hover{transform:translateY(-1px); box-shadow:var(--shadow-2)}
.pl-card.t-fazer{border-left-color:var(--t-fazer)} .pl-card.t-delegar{border-left-color:var(--t-delegar)}
.pl-card.t-adquirir{border-left-color:var(--t-adquirir)} .pl-card.t-construir{border-left-color:var(--t-construir)}
.pl-card.t-contratar{border-left-color:var(--t-contratar)} .pl-card.t-banca{border-left-color:var(--t-banca)}
.pl-c-topo{display:flex; align-items:center; gap:8px; justify-content:space-between}
.pl-tipo{font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.08em}
.t-fazer .pl-tipo{color:var(--t-fazer)} .t-delegar .pl-tipo{color:var(--t-delegar)}
.t-adquirir .pl-tipo{color:var(--t-adquirir)} .t-construir .pl-tipo{color:var(--t-construir)}
.t-contratar .pl-tipo{color:var(--t-contratar)} .t-banca .pl-tipo{color:var(--t-banca)}
.pl-euro{font-size:11px; font-weight:700; font-variant-numeric:tabular-nums; color:var(--ink);
  background:var(--line-2); border-radius:6px; padding:1px 7px}
.pl-titulo{font-size:13px; font-weight:600; line-height:1.35}
.pl-det{font-size:11.5px; color:var(--muted); line-height:1.4}
.pl-card.e-feito{opacity:.55}
.pl-card.e-feito .pl-titulo{text-decoration:line-through; text-decoration-thickness:1px}
.pl-rodape{display:flex; align-items:center; gap:7px; margin-top:2px}
.pl-rodape .grow{flex:1}
.pl-estado{background:var(--surface-2); color:var(--muted); border:1px solid var(--line);
  border-radius:99px; font-size:10.5px; font-weight:650; padding:2px 9px; min-height:0;
  box-shadow:none; cursor:pointer}
.e-em_curso .pl-estado{background:var(--accent-soft); color:var(--accent-ink); border-color:transparent}
.e-feito .pl-estado{background:var(--ok-bg); color:var(--ok); border-color:transparent}
.pl-avatar{width:22px; height:22px; border-radius:50%; flex:0 0 22px; font-size:9px; font-weight:700;
  background:linear-gradient(135deg, var(--brand-600), var(--accent)); color:#fff;
  display:grid; place-items:center; text-transform:uppercase; cursor:help}
.pl-mover{font-size:10.5px; padding:2px 4px; border-radius:6px; color:var(--muted); max-width:92px}
.pl-x{background:none; border:0; box-shadow:none; color:var(--faint); font-size:15px;
  padding:0 4px; min-height:0; cursor:pointer}
.pl-x:hover{color:var(--crit); background:none}
.pl-vazio{padding:6px 2px}
/* nova ação */
.pl-nova{margin-top:2px}
.pl-nova summary{font-weight:600}
.pl-nova form{display:flex; flex-direction:column; gap:7px; margin-top:8px}
.pl-nova input,.pl-nova select{font-size:13px; width:100%}
.pl-nova-l{display:flex; gap:7px}
.pl-nova button{align-self:flex-start; padding:6px 14px; min-height:0}
/* entrada animada dos cartões do plano (ocultação/reveal já na regra global) */
.anima-in .pl-card{animation:surgir .45s cubic-bezier(.2,.7,.3,1) backwards}
.anima-in .pl-card:nth-child(2){animation-delay:.05s} .anima-in .pl-card:nth-child(3){animation-delay:.1s}
.anima-in .pl-card:nth-child(4){animation-delay:.15s} .anima-in .pl-card:nth-child(5){animation-delay:.2s}
/* responsivo: 2 colunas em tablet, carrossel com snap em telemóvel */
@media(max-width:1180px){.pl-grelha{grid-template-columns:1fr 1fr}}
@media(max-width:860px){
  .pl-grelha{display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:12px;
    padding-bottom:10px; margin-right:-12px}
  .pl-col{flex:0 0 86vw; scroll-snap-align:start}
  .pl-radar{grid-template-columns:1fr 1fr}
}

/* ============ pipeline de projetos futuros ============ */
.pipe-funil{display:grid; grid-template-columns:repeat(5,1fr); gap:12px; margin:12px 0; align-items:start}
.pipe-col{background:var(--surface-2); border:1px solid var(--line); border-radius:var(--radius);
  padding:12px 10px 10px; display:flex; flex-direction:column; gap:8px; min-width:0;
  border-top:4px solid var(--line)}
.pipe-col.f-prospecao{border-top-color:#9AA7B4}
.pipe-col.f-estudo{border-top-color:var(--info)}
.pipe-col.f-negociacao{border-top-color:var(--warn)}
.pipe-col.f-licenciamento{border-top-color:var(--accent-strong)}
.pipe-col.f-pronto{border-top-color:var(--ok)}
.pipe-fase{font-size:13px; font-weight:700; letter-spacing:-.01em}
.pipe-dica{font-size:10.5px; color:var(--muted); text-transform:uppercase; letter-spacing:.05em}
.pipe-vazia{text-align:center; padding:14px 0; opacity:.6}
.pipe-card{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-s);
  padding:10px 11px 8px; box-shadow:var(--shadow-1); display:flex; flex-direction:column; gap:6px;
  transition:transform .12s, box-shadow .12s}
.pipe-card:hover{transform:translateY(-1px); box-shadow:var(--shadow-2)}
.pipe-topo{display:flex; align-items:flex-start; gap:8px; justify-content:space-between}
.pipe-topo b{font-size:13px; line-height:1.3}
.pipe-loc{font-size:11.5px; color:var(--muted)}
.pipe-nums{display:flex; flex-direction:column; gap:3px; background:var(--surface-2);
  border-radius:7px; padding:7px 9px}
.pipe-nums > div{display:flex; justify-content:space-between; align-items:baseline; gap:8px}
.pipe-nums span{font-size:9.5px; text-transform:uppercase; letter-spacing:.08em; color:var(--muted)}
.pipe-nums b{font-size:12.5px; font-variant-numeric:tabular-nums; white-space:nowrap}
.pipe-nums b.pos{color:var(--ok)}
.pipe-nums em{font-style:normal; font-size:10px; color:var(--faint)}
.pipe-datas{font-size:11px; color:var(--muted); font-variant-numeric:tabular-nums}
.pipe-notas{font-size:11.5px; color:var(--muted); line-height:1.4}
.pipe-rodape{display:flex; align-items:center; gap:6px; flex-wrap:wrap}
.pipe-rodape .grow{flex:1}
.pipe-rodape form.inline:first-child{flex:1 1 100%}
.pipe-rodape select{font-size:11px; padding:4px 6px; border-radius:6px; color:var(--muted); width:100%}
.pipe-edit summary{font-size:11.5px; padding:3px 8px; background:var(--surface-2);
  border:1px solid var(--line); border-radius:99px; list-style:none; cursor:pointer}
.pipe-edit summary::-webkit-details-marker{display:none}
.pipe-edit summary::before{content:"✎ "}
.pipe-edit summary{font-size:11px}
.pipe-form{display:flex; flex-wrap:wrap; gap:7px; margin-top:8px; align-items:center}
.pipe-form label{font-size:11px; color:var(--muted); display:flex; gap:5px; align-items:center}
.pipe-form input,.pipe-form select{font-size:12.5px; padding:5px 8px}
.pipe-form button{min-height:0; padding:7px 14px}
.pipe-nova{margin:10px 0 4px}
.pipe-nova summary{font-weight:600; color:var(--accent)}
.pipe-nova .pipe-form-nova{background:var(--surface); border:1px dashed var(--line);
  border-radius:var(--radius-s); padding:12px}

/* cronograma (gantt) */
.gantt-caixa{overflow-x:auto}
.gantt{min-width:680px}
.gantt-grelha{position:relative; padding:26px 0 6px;
  background:repeating-linear-gradient(90deg, transparent 0, transparent calc(100%/var(--n) - 1px),
    var(--line-2) calc(100%/var(--n) - 1px), var(--line-2) calc(100%/var(--n)))}
.gantt-ano{position:absolute; top:0; bottom:0; border-left:1.5px solid var(--line)}
.gantt-ano span{position:absolute; top:2px; left:5px; font-size:10.5px; font-weight:700;
  color:var(--muted); letter-spacing:.06em}
.gantt-hoje{position:absolute; top:0; bottom:0; border-left:2px dashed var(--accent); z-index:2}
.gantt-hoje span{position:absolute; top:2px; left:5px; font-size:9.5px; font-weight:700;
  color:var(--accent); text-transform:uppercase; letter-spacing:.08em}
.gantt-linha{display:grid; grid-template-columns:170px 1fr; align-items:center; gap:8px; margin:7px 0}
.gantt-nome{font-size:12px; font-weight:600; line-height:1.25; padding-left:2px}
.gantt-nome small{display:block; font-weight:400; color:var(--muted); font-size:10px;
  text-transform:uppercase; letter-spacing:.06em}
.gantt-pista{position:relative; height:26px}
.gantt-barra{position:absolute; top:2px; bottom:2px; border-radius:99px; min-width:8px;
  display:flex; align-items:center; padding:0 10px; overflow:hidden;
  box-shadow:var(--shadow-1); transition:transform .12s}
.gantt-barra:hover{transform:scaleY(1.12)}
.gantt-barra span{font-size:10.5px; font-weight:700; color:#fff; white-space:nowrap;
  font-variant-numeric:tabular-nums; text-shadow:0 1px 2px rgba(0,0,0,.25)}
.gantt-barra.g-carteira{background:linear-gradient(90deg,var(--info),#2E4356)}
.gantt-barra.g-prospecao,.gantt-barra.g-estudo{background:#9AA7B4}
.gantt-barra.g-negociacao{background:var(--warn)}
.gantt-barra.g-licenciamento{background:linear-gradient(90deg,var(--accent-strong),var(--accent))}
.gantt-barra.g-pronto{background:var(--ok)}

/* responsivo: funil vira carrossel em ecrãs pequenos */
@media(max-width:1250px){.pipe-funil{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){
  .pipe-funil{display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:10px;
    padding-bottom:8px; margin-right:-12px}
  .pipe-col{flex:0 0 80vw; scroll-snap-align:start}
  .gantt-linha{grid-template-columns:110px 1fr}
}

/* animação de entrada do pipeline (mesma rede de segurança global) */
html.js-anima .pipe-funil{opacity:0; transform:translateY(10px);
  animation:surgir .5s cubic-bezier(.2,.7,.3,1) 1.2s forwards}
.anima-in .pipe-card{animation:surgir .45s cubic-bezier(.2,.7,.3,1) backwards}
.anima-in .gantt-barra{animation:crescer .8s cubic-bezier(.2,.7,.3,1) backwards; transform-origin:left}

/* pipeline v2: ciclo de vida completo + financiamento */
.pipe-scroll{overflow-x:auto; margin:12px 0}
.pipe-scroll .pipe-funil{margin:0; grid-template-columns:repeat(7,minmax(240px,1fr)); min-width:1730px}
.pipe-col.f-execucao{border-top-color:var(--accent)}
.pipe-col.f-vendas{border-top-color:var(--ok)}
.pipe-col.f-finalizado{border-top-color:#7A7069}
.pipe-card.pipe-real{border-style:solid; border-color:#3D5165;
  background:linear-gradient(180deg, #F0F4F8, var(--surface) 55%)}
.pipe-liga{font-size:11px; font-weight:600; text-decoration:none}
.fin-barra{display:flex; height:9px; border-radius:99px; overflow:hidden; background:var(--line-2)}
.fin-barra div{height:100%}
.fin-cp{background:#2E7D4F} .fin-banca{background:var(--info)} .fin-ff{background:#B07C1F}
.pipe-finrow small{font-size:10px; color:var(--muted); display:block; margin-top:3px}
.pipe-finrow .neg{color:var(--crit); font-weight:600}
.gantt-barra.g-execucao{background:linear-gradient(90deg,var(--accent),var(--brand-600))}
.gantt-barra.g-vendas{background:var(--ok)}
.gantt-barra.g-finalizado{background:#7A7069}
@media(max-width:860px){
  .pipe-scroll{overflow:visible; margin-right:-12px}
  .pipe-scroll .pipe-funil{min-width:0}
}

/* formulário de edição do pipeline: contido no cartão, empilhado, nunca transborda */
.pipe-card{overflow:hidden}
.pipe-edit{flex:1 1 auto; min-width:0}
.pipe-edit > summary{display:inline-block}
.pipe-edit .pipe-form{display:block; background:var(--surface-2); border-radius:8px;
  padding:10px 10px 12px; margin-top:8px}
.pipe-edit .pipe-form label{display:block; width:100%; font-size:10.5px; font-weight:600;
  color:var(--muted); margin:8px 0 0; text-transform:uppercase; letter-spacing:.05em}
.pipe-edit .pipe-form input, .pipe-edit .pipe-form select{display:block; width:100%; max-width:100%;
  min-width:0; font-size:13px; margin-top:4px; text-align:left; box-sizing:border-box}
.pipe-edit .pipe-form button{display:block; width:100%; margin-top:12px}

/* funil dinâmico: colunas vazias colapsam em réguas finas; as com cartões dividem o ecrã */
.pipe-scroll .pipe-funil{display:flex; min-width:0; gap:12px; align-items:stretch}
.pipe-scroll .pipe-col{flex:1 1 240px; min-width:238px}
.pipe-scroll .pipe-col.vazia{flex:0 0 48px; min-width:48px; padding:12px 4px;
  display:flex; align-items:center; justify-content:flex-start}
.pipe-vert{writing-mode:vertical-rl; transform:rotate(180deg); font-size:11.5px; font-weight:700;
  color:var(--muted); letter-spacing:.07em; white-space:nowrap; margin:2px auto 0}
@media(max-width:860px){
  .pipe-scroll .pipe-funil{overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:8px}
  .pipe-scroll .pipe-col{flex:0 0 80vw; min-width:0; scroll-snap-align:start}
  .pipe-scroll .pipe-col.vazia{flex:0 0 48px; min-width:48px}
}

/* ============ plano de execução (Resultado → Obstáculo → Resolução) ============ */
.ex-folha{border-left:4px solid var(--accent)}
.ex-folha.ex-fechado{opacity:.6; border-left-color:var(--faint)}
.ex-prog{display:flex; align-items:center; gap:8px}
tr.ex-resolvido td{opacity:.55}
tr.ex-resolvido td b{text-decoration:line-through; text-decoration-thickness:1px}
/* folha do obstáculo */
.ex-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:14px}
.ex-grid > button{grid-column:1/-1; justify-self:start; padding:9px 22px}
.ex-campo label{display:block; font-size:10px; text-transform:uppercase; letter-spacing:.1em;
  color:var(--accent-ink); font-weight:700; margin-bottom:5px}
.ex-campo textarea,.ex-campo input{width:100%; font-size:13px}
.ex-campo input + input{margin-top:6px}
.ex-campo p{margin:0; font-size:13px}
.ex-passos input{margin-top:0}
.ex-passos input + input{margin-top:6px}
/* matriz de opções */
.ob-matriz table{min-width:760px}
.ob-matriz th{min-width:190px}
.ob-matriz th:first-child, .ob-matriz td:first-child{min-width:170px; max-width:190px;
  white-space:normal; font-weight:600; font-size:12px}
.ob-matriz td{white-space:normal; vertical-align:top}
.ob-matriz input, .ob-matriz textarea{width:100%; font-size:12.5px; padding:5px 8px;
  background:var(--surface-2); border-color:transparent}
.ob-matriz input:hover, .ob-matriz textarea:hover{border-color:var(--line)}
.ob-matriz input:focus, .ob-matriz textarea:focus{background:var(--surface)}
.ob-matriz .ob-nome{font-weight:700; font-size:13px; background:transparent}
.ob-matriz th{white-space:normal}
.ob-matriz th .ob-nome{display:block}
.ob-matriz th .chip{margin-top:4px; display:inline-flex}
.ob-matriz td.op-escolhida, .ob-matriz th.op-escolhida{background:var(--ok-bg)}
.ob-matriz th.op-escolhida{box-shadow:inset 0 3px 0 var(--ok)}
tr.ob-destaque td{background:var(--manual-bg)}
tr.ob-destaque td:first-child{color:#8A6D1B}
.ob-acoes{display:flex; flex-direction:column; gap:6px}
.ob-acoes button{width:100%; min-height:0; padding:6px 10px; font-size:12px}

/* ============ cockpit transversal no dashboard ============ */
.cockpit{display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:12px; margin:4px 0 16px}
.ck{display:flex; gap:11px; align-items:center; background:var(--surface); border:1px solid var(--line);
  border-radius:var(--radius); padding:11px 14px; text-decoration:none; color:var(--ink);
  box-shadow:var(--shadow-1); transition:transform .12s, box-shadow .12s}
.ck:hover{transform:translateY(-1px); box-shadow:var(--shadow-2)}
.ck-ic{width:34px; height:34px; border-radius:10px; flex:0 0 34px; display:grid; place-items:center;
  font-size:16px}
.ck span{display:block; font-size:10px; text-transform:uppercase; letter-spacing:.07em; color:var(--muted); font-weight:650}
.ck b{display:block; font-size:15px; letter-spacing:-.01em; font-variant-numeric:tabular-nums; margin:1px 0}
.ck b.neg{color:var(--crit)}
.ck small{display:block; font-size:10.5px; color:var(--faint)}
html.js-anima .cockpit{opacity:0; transform:translateY(10px);
  animation:surgir .5s cubic-bezier(.2,.7,.3,1) 1.2s forwards}

/* tesouraria: coluna da semana atual em destaque */
.cf-tbl th:nth-child(2), .cf-tbl td:nth-child(2){background:var(--accent-soft) !important}
.cf-tbl tr.grupo td:nth-child(2){background:var(--accent-soft) !important}

/* ============ painéis de registo (tesouraria) ============ */
.form-painel{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius);
  padding:14px 16px; margin:10px 0 14px; box-shadow:var(--shadow-1)}
.form-painel.fp-atencao{border-left:4px solid var(--manual);
  background:linear-gradient(0deg, rgba(255,247,223,.45), rgba(255,247,223,.45)) var(--surface)}
.fp-titulo{font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.08em;
  color:var(--accent-ink); margin-bottom:10px}
.fp-atencao .fp-titulo{color:#8A6D1B}
.fp-linha{display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin:8px 0}
.fp-rotulo{font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.09em;
  color:var(--muted); margin:12px 0 4px}
.fp-aux{display:inline-flex; gap:6px; align-items:center; font-size:12.5px; color:var(--muted)}
.fp-agendar{padding:10px 0; border-top:1px solid var(--line-2)}
.fp-agendar:first-of-type{border-top:0; padding-top:2px}
.fp-ag-proj{display:flex; gap:10px; align-items:center; margin-bottom:4px}
.fp-ag-proj b{font-size:13.5px}
/* segmentos (pílulas rádio) */
.seg{display:flex; gap:7px; flex-wrap:wrap}
.seg input{position:absolute; opacity:0; width:0}
.seg label{padding:7px 15px; border-radius:99px; border:1px solid var(--line); background:var(--surface-2);
  font-size:12.5px; font-weight:600; color:var(--muted); cursor:pointer; transition:all .12s; user-select:none}
.seg label:hover{background:var(--surface); border-color:var(--faint)}
.seg input:focus-visible + label{outline:2px solid var(--accent-strong); outline-offset:2px}
.seg input:checked + label{color:#fff; border-color:transparent; background:var(--accent)}
.seg-tipo #mv-ent:checked + label{background:var(--ok)}
.seg-tipo #mv-sai:checked + label{background:var(--crit)}
.seg-tipo label{font-size:13.5px; padding:8px 20px}

/* painel de sugestões aprendidas (tesouraria) */
.fp-ml{border-left:4px solid var(--info)}
.fp-ml .fp-titulo{color:#2E4356}
.sug-linha{display:flex; gap:8px; align-items:center; flex-wrap:wrap; padding:9px 0;
  border-top:1px solid var(--line-2)}
.sug-linha:first-of-type{border-top:0}
.sug-nome{flex:1; min-width:150px; font-weight:600}
.sug-info{flex-basis:100%; order:5; margin:-2px 0 0 2px}
.sug-cat{max-width:190px}
.sug-linha button{min-height:0; padding:7px 14px}
@media(min-width:1100px){.sug-info{flex-basis:auto; order:0}}

/* ============ leitura do CFO digital ============ */
.leitura{border-left:4px solid var(--brand-700);
  background:linear-gradient(180deg, var(--surface-2), var(--surface) 120px)}
.leit-head{display:flex; gap:12px; align-items:center; margin-bottom:14px}
.leit-ic{width:40px; height:40px; border-radius:12px; flex:0 0 40px; font-size:19px;
  background:linear-gradient(135deg, var(--brand-700), var(--brand-900)); color:#fff;
  display:grid; place-items:center; box-shadow:var(--shadow-1)}
.leit-bloco{margin:12px 0; padding:2px 0 2px 14px; border-left:2px solid var(--line)}
.leit-bloco:hover{border-left-color:var(--accent-strong)}
.leit-tema{display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:.1em;
  color:var(--accent-ink); font-weight:700; margin-bottom:3px}
.leit-bloco p{margin:0; font-size:13.5px; line-height:1.6; max-width:100ch}
html.js-anima .leitura{opacity:0; transform:translateY(10px);
  animation:surgir .5s cubic-bezier(.2,.7,.3,1) 1.2s forwards}

/* ============ recomendações do consultor ============ */
.rec-card{background:var(--surface); border:1px solid var(--line); border-left:4px solid var(--info);
  border-radius:var(--radius); padding:14px 16px; margin:10px 0; box-shadow:var(--shadow-1);
  transition:transform .12s, box-shadow .12s}
.rec-card:hover{transform:translateY(-1px); box-shadow:var(--shadow-2)}
.rec-card.rec-fechada{opacity:.62; border-left-color:var(--faint)}
.rec-topo{display:flex; gap:11px; align-items:flex-start}
.rec-topo b{font-size:14px}
.rec-detalhe{margin:8px 0 0 35px; font-size:13px; color:var(--ink); max-width:95ch; white-space:pre-line}
.rec-resposta{margin:10px 0 0 35px; background:var(--surface-2); border-left:3px solid var(--accent);
  border-radius:0 8px 8px 0; padding:8px 12px; max-width:95ch}
.rec-resposta b.t{font-size:10.5px; text-transform:uppercase; letter-spacing:.08em; color:var(--accent-ink)}
.rec-resposta p{margin:2px 0 0; font-size:13px}
.rec-rodape{display:flex; gap:10px; align-items:center; margin:10px 0 0 35px}
.rec-rodape .grow{flex:1}
.rec-estado{font-size:12px; padding:4px 8px; border-radius:99px; border:1px solid var(--line)}
.rec-estado.e-nova{background:var(--warn-bg); color:var(--warn)}
.rec-estado.e-aceite, .rec-estado.e-em_curso{background:var(--accent-soft); color:var(--accent-ink)}
.rec-estado.e-feita{background:var(--ok-bg); color:var(--ok)}
.rec-estado.e-rejeitada{background:var(--surface-2); color:var(--muted)}
html.js-anima .rec-card{opacity:0; transform:translateY(10px);
  animation:surgir .5s cubic-bezier(.2,.7,.3,1) 1.2s forwards}

/* ============ hero do dashboard ============ */
.dash-hero{display:flex; align-items:center; gap:22px; flex-wrap:wrap; margin:0 0 18px;
  background:radial-gradient(900px 400px at 88% -30%, rgba(232,84,47,.28), transparent 60%),
             linear-gradient(160deg, var(--brand-800), var(--brand-900));
  border-radius:16px; padding:20px 26px 18px; color:#EFE6E1; box-shadow:var(--shadow-2)}
.dash-hero h1{color:#fff; padding-bottom:0}
.dash-hero h1::after{display:none}
.dh-data{font-size:10.5px; text-transform:uppercase; letter-spacing:.16em; color:#C08A75;
  font-weight:700; margin-bottom:4px}
.dh-sub{font-size:12.5px; color:#B99C8D; margin-top:2px}
.dh-chips{display:flex; gap:7px; flex-wrap:wrap; margin-top:10px}
.dh-chips .chip{text-decoration:none}
.dh-aneis{display:flex; gap:16px}
.dh-anel-bloco{text-align:center}
.dh-anel{width:62px; height:62px; border-radius:50%; margin:0 auto;
  background:conic-gradient(var(--accent-strong) calc(var(--pct)*1%), rgba(255,255,255,.14) 0);
  display:grid; place-items:center; transition:background .8s ease}
.dh-anel span{width:46px; height:46px; border-radius:50%; background:var(--brand-800);
  display:grid; place-items:center; font-size:11.5px; font-weight:700; color:#fff;
  font-variant-numeric:tabular-nums}
.dh-anel-nome{font-size:9.5px; text-transform:uppercase; letter-spacing:.07em; color:#B99C8D;
  margin-top:6px; max-width:86px}
.dh-acoes{display:flex; gap:8px; align-items:center}
.dh-acoes select{background:rgba(255,255,255,.08); color:#fff; border-color:rgba(255,255,255,.2)}
.dh-acoes button.sec{background:rgba(255,255,255,.1); color:#fff; border-color:rgba(255,255,255,.22)}
.dh-acoes button.sec:hover{background:rgba(255,255,255,.18)}
@media(max-width:860px){.dash-hero{padding:16px 16px 14px}.dh-aneis{order:3; width:100%; justify-content:space-around}}
html.js-anima .dash-hero{opacity:0; transform:translateY(10px);
  animation:surgir .5s cubic-bezier(.2,.7,.3,1) 1.2s forwards}
/* barra de margem nos cartões de projeto */
.mg-barra{position:relative; background:var(--line-2); border-radius:99px; height:8px;
  overflow:visible; margin-top:7px}
.mg-fill{height:100%; border-radius:99px; min-width:3px}
.mg-fill.ok{background:linear-gradient(90deg, #3E9463, var(--ok))}
.mg-fill.warn{background:linear-gradient(90deg, #D9A81F, var(--warn))}
.mg-fill.crit{background:linear-gradient(90deg, var(--accent-strong), var(--crit))}
.mg-alvo{position:absolute; left:50%; top:-3px; bottom:-3px; width:2px; background:var(--ink);
  opacity:.45; border-radius:2px}

/* mapa de cobertura dos extratos */
.cob-tbl td.cob{width:22px; min-width:22px; height:22px; padding:0; border-radius:5px;
  border:1px solid var(--surface)}
.cob-sim{background:var(--ok)}
.cob-falta{background:var(--crit-bg); box-shadow:inset 0 0 0 1.5px var(--crit)}
.cob-fora{background:var(--line-2)}
.cob-th{font-size:9px; padding:4px 2px !important; line-height:1.2}

/* ============ património ============ */
.pat-card{border-left:4px solid var(--brand-700)}
.pat-stats{display:flex; gap:26px; flex-wrap:wrap; align-items:flex-end; background:var(--surface-2);
  border-radius:10px; padding:12px 16px; margin:6px 0 12px}
.pat-stats span{display:block; font-size:10px; text-transform:uppercase; letter-spacing:.08em;
  color:var(--muted); font-weight:650}
.pat-stats b{display:block; font-size:17px; font-variant-numeric:tabular-nums; margin-top:2px}
.pat-stats b.pos{color:var(--ok)}
.pat-stats small{font-size:10.5px; color:var(--faint)}
.pat-doc-form{background:var(--surface-2); border-radius:10px; padding:10px 12px}
html.js-anima .pat-card{opacity:0; transform:translateY(10px);
  animation:surgir .5s cubic-bezier(.2,.7,.3,1) 1.2s forwards}

/* operacional: dívida por fornecedor em barras + linhas vencidas */
.forn-lista{margin:8px 0}
.forn-linha{display:flex; align-items:center; gap:10px; padding:5px 0}
.forn-nome{flex:0 0 180px; font-size:12.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.forn-pista{flex:1; background:var(--line-2); border-radius:99px; height:12px; overflow:hidden}
.forn-fill{height:100%; border-radius:99px; min-width:4px;
  background:linear-gradient(90deg, var(--accent-strong), var(--crit))}
.forn-val{flex:0 0 90px; text-align:right; font-size:12.5px; font-variant-numeric:tabular-nums}
tr.fat-vencida td{background:var(--crit-bg) !important}
.obra-agg{margin:4px 0 12px}

/* seletor de vista da tesouraria */
.vista-pills{display:flex; gap:0; background:var(--surface-2); border:1px solid var(--line);
  border-radius:99px; padding:3px; flex-wrap:wrap}
.vista-pills a{padding:6px 16px; border-radius:99px; font-size:12.5px; font-weight:600;
  color:var(--muted); text-decoration:none; transition:all .12s; white-space:nowrap}
.vista-pills a:hover{color:var(--ink)}
.vista-pills a.ativa{background:var(--accent); color:#fff; box-shadow:var(--shadow-1)}

/* pipeline de financiamentos */
.finpipe-linha{display:flex; gap:10px; align-items:center; flex-wrap:wrap; padding:9px 0;
  border-top:1px solid var(--line-2)}
.finpipe-linha:first-of-type{border-top:0}
.finpipe-linha .grow{flex:1}
.finpipe-linha select{font-size:11.5px; padding:3px 6px; border-radius:6px}

/* barra segmentada dos financiamentos: recebido / pendente / disponível */
.fin-seg{display:flex; height:26px; border-radius:9px; overflow:hidden; margin:4px 0 6px;
  background:var(--line-2)}
.fin-seg > div{display:flex; align-items:center; justify-content:center; font-size:11.5px;
  font-weight:700; color:#fff; white-space:nowrap; overflow:hidden; min-width:0}
.fin-seg .fs-r{background:var(--ok)}
.fin-seg .fs-p{background:var(--warn)}
.fin-seg .fs-d{background:transparent; color:var(--ink-2); flex:1}
.fin-seg-leg{display:flex; gap:16px; flex-wrap:wrap; font-size:12px; color:var(--ink-2);
  margin:0 0 10px}
.fin-seg-leg i{display:inline-block; width:10px; height:10px; border-radius:3px;
  vertical-align:-1px; margin-right:4px}
.fin-seg-leg i.fs-r{background:var(--ok)}
.fin-seg-leg i.fs-p{background:var(--warn)}
.fin-seg-leg i.fs-d{background:var(--line-2); border:1px solid var(--line)}
.grafico summary{cursor:pointer; list-style:none}
.grafico summary::-webkit-details-marker{display:none}
.grafico summary .chip{margin-left:10px; vertical-align:2px}

/* seleção de separadores por utilizador */
.sep-sec{font-size:10.5px; font-weight:700; letter-spacing:.09em; text-transform:uppercase;
  color:var(--ink-2); margin:12px 0 6px}
.sep-grid{display:grid; grid-template-columns:repeat(auto-fill, minmax(210px, 1fr)); gap:4px 14px}
.sep-opt{display:flex; align-items:center; gap:7px; font-size:13px; padding:4px 6px;
  border-radius:7px; cursor:pointer}
.sep-opt:hover{background:var(--line-2)}
.sep-opt.fixo{opacity:.6; cursor:default}
.sep-opt input{accent-color:var(--accent)}


/* ---------- posição de hoje (nível 1 do dashboard) ---------- */
.pos-hoje{display:grid; grid-template-columns:repeat(auto-fit, minmax(230px, 1fr)); gap:12px;
  margin:14px 0 6px}
.ph-item{background:var(--surface); border:1px solid var(--line); border-radius:14px;
  padding:14px 16px; display:flex; flex-direction:column; gap:3px}
.ph-item > span{font-size:10.5px; font-weight:700; letter-spacing:.07em; text-transform:uppercase;
  color:var(--ink-2)}
.ph-item > b{font-size:24px; font-weight:800; letter-spacing:-.02em;
  font-variant-numeric:tabular-nums}
.ph-item > small{font-size:11.5px; color:var(--ink-2)}
.ph-item > small a{color:var(--accent-ink)}
.ph-caixa{background:linear-gradient(135deg, #2E4356, var(--info)); border-color:transparent}
.ph-caixa > span, .ph-caixa > small{color:#C9D6E2}
.ph-caixa > b{color:#fff}
.ph-caixa > small a{color:#fff}
.ph-sai{color:var(--crit)}
.ph-ent{color:var(--ok)}
.ph-banca{color:var(--info)}

/* ---------- semântica do dinheiro: dívida e transferências não são receita ---------- */
td.mov-banca{color:var(--info); font-weight:650}
td.mov-transf, .mov-transf{color:var(--muted)}
.chip.banca{background:var(--info-bg); color:var(--info)}

/* ---------- mobile: sem transbordo horizontal ---------- */
@media(max-width:860px){
  .dh-chips{flex-wrap:wrap}
  .dh-aneis{overflow-x:auto; max-width:100%; padding-bottom:4px}
  .dh-acoes{flex-wrap:wrap}
  .call, .call *{overflow-wrap:anywhere}
  .pos-hoje{grid-template-columns:1fr}
  .ph-item > b{font-size:21px}
}

/* ---------- agenda: linha temporal 45 dias (auditoria UX 23/07) ---------- */
.agenda-faixa{background:var(--paper,#fff);border:1px solid var(--linha,#e8e2dc);border-radius:12px;
  padding:12px 16px;margin:14px 0}
.agenda-cab{display:flex;gap:10px;align-items:baseline;margin-bottom:8px}
.agenda-cab small{color:var(--ink-2,#6b625c)}
.agenda-scroll{display:flex;gap:8px;overflow-x:auto;padding:4px 0 8px;align-items:stretch}
.agenda-hoje-marca{align-self:center;flex:0 0 auto;writing-mode:vertical-rl;transform:rotate(180deg);
  font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--brand,#CE3A24);
  border-right:2px solid var(--brand,#CE3A24);padding:2px 3px}
.agenda-ev{flex:0 0 150px;border:1px solid var(--linha,#e8e2dc);border-radius:8px;padding:7px 9px;
  display:flex;flex-direction:column;gap:2px;background:var(--bg,#faf8f6)}
.agenda-ev.ag-atraso{border-color:var(--crit,#b3362a)}
.ag-data{font-size:11px;font-weight:700;color:var(--ink-2,#6b625c);font-variant-numeric:tabular-nums}
.ag-data em{color:var(--crit,#b3362a);font-style:normal;font-weight:700}
.ag-nome{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ag-valor{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
.ag-ent{color:var(--ok,#2c7a4b)}.ag-sai{color:var(--crit,#b3362a)}
.ag-marco{color:var(--info,#46617a);font-weight:600;font-size:12px}
.agenda-vazia{color:var(--ink-2,#6b625c);font-size:13.5px}

/* ACES-01: legendas informativas legíveis */
.card small, .ph-item small{color:var(--ink-2,#6b625c)}
.filtra-linha{display:flex;gap:10px;align-items:center;margin:8px 0}
.filtra-linha input[type=search]{flex:0 1 340px;padding:6px 10px;border:1px solid var(--linha,#ddd);border-radius:8px}

.fin-edit-form{display:flex;flex-wrap:wrap;gap:8px;align-items:end;padding:10px;border:1px dashed var(--linha,#ddd);border-radius:8px;margin:8px 0}
.fin-edit-form label{display:flex;flex-direction:column;font-size:11.5px;color:var(--ink-2,#6b625c);gap:2px}
.fin-edit-form input{padding:5px 8px;border:1px solid var(--linha,#ddd);border-radius:6px;max-width:130px}
/* ---------- perguntas rápidas (CFO visual) ---------- */
.pr-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;margin:14px 0}
.pr-card{background:var(--paper,#fff);border:1px solid var(--linha,#e8e2dc);border-radius:12px;
  padding:16px 18px;display:flex;flex-direction:column;gap:6px;border-top:3px solid var(--linha,#e8e2dc)}
.pr-card.ok{border-top-color:var(--ok,#2c7a4b)}
.pr-card.warn{border-top-color:var(--warn,#a86a00)}
.pr-card.crit{border-top-color:var(--crit,#b3362a)}
.pr-pergunta{font-weight:700;font-size:14.5px}
.pr-valor{font-size:24px;font-weight:800;letter-spacing:-.3px;font-variant-numeric:tabular-nums}
.pr-resposta{font-size:13.5px;line-height:1.5}
.pr-rodape{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:auto;padding-top:8px;font-size:12px}

.perg-cab{font-size:15px;margin:18px 0 6px;color:var(--ink-2,#6b625c);font-weight:700;letter-spacing:.01em}
.exp-racio summary{cursor:pointer;list-style:none}
.exp-racio summary::-webkit-details-marker{display:none}
.exp-corpo{font-size:12.5px;background:var(--bg,#faf8f6);border:1px solid var(--linha,#e8e2dc);
  border-radius:8px;padding:8px 12px;margin:6px 0;max-width:420px}
.exp-corpo p{margin:4px 0}

.sug-chip{font-size:11.5px;color:var(--info,#46617a);margin-top:2px;display:flex;gap:6px;align-items:center}
.sug-chip.sug-aceite{color:var(--ok,#2c7a4b)}
.sug-aceitar{font-size:11px;padding:1px 8px;border-radius:99px;border:1px solid currentColor;background:none;color:inherit;cursor:pointer}

/* ============ APRESENTAÇÃO À BANCA (pipeline/banca) ============ */
.banca-wrap{max-width:1080px;margin:0 auto;color:#ece3da;
  background:#171310;border-radius:16px;overflow:hidden;
  box-shadow:0 20px 60px rgba(0,0,0,.35)}
.banca-topo{display:flex;justify-content:space-between;padding:14px 22px;background:#0f0c0a}
.banca-voltar,.banca-print{color:#cdc2ba;text-decoration:none;background:none;border:1px solid #3a2f28;
  border-radius:8px;padding:6px 14px;font-size:13px;cursor:pointer;font-family:inherit}
.banca-print:hover,.banca-voltar:hover{border-color:#CE3A24;color:#fff}

.bnc-hero{padding:70px 60px 56px;
  background:radial-gradient(120% 140% at 80% 0%, rgba(206,58,36,.34), transparent 60%),
             linear-gradient(160deg,#231812,#150f0c)}
.bnc-hero-marca{font-size:12px;letter-spacing:.28em;color:#d99;opacity:.75;margin-bottom:26px}
.bnc-hero h1{font-size:52px;line-height:1.04;margin:0;letter-spacing:-1.5px;font-weight:800}
.bnc-hero h1 span{color:#E8542F}
.bnc-hero-sub{color:#b9a89c;font-size:15px;line-height:1.7;margin:20px 0 40px}
.bnc-hero-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.bnc-hero-nums div{border-left:2px solid #CE3A24;padding-left:16px}
.bnc-hero-nums b{display:block;font-size:34px;font-weight:800;letter-spacing:-1px;
  font-variant-numeric:tabular-nums;color:#fff}
.bnc-hero-nums span{font-size:12.5px;color:#a8988c;line-height:1.4;display:block;margin-top:4px}

.bnc-sec{padding:52px 60px;border-top:1px solid #2a2019;position:relative}
.bnc-sec-num{position:absolute;top:44px;right:56px;font-size:60px;font-weight:800;
  color:rgba(232,84,47,.13);letter-spacing:-3px}
.bnc-sec h2{font-size:30px;margin:0 0 10px;letter-spacing:-.6px;font-weight:800;color:#fff}
.bnc-lead{font-size:16px;color:#c3b4a7;line-height:1.6;max-width:640px;margin:0 0 26px}
.bnc-lead strong{color:#E8542F}
.bnc-graf{background:#1e1712;border:1px solid #2f251d;border-radius:12px;padding:20px;margin:20px 0}
.bnc-tabela-wrap{overflow-x:auto}
.bnc-tabela{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:14.5px}
.bnc-tabela th{text-align:left;padding:11px 14px;color:#8f8074;font-weight:600;
  border-bottom:2px solid #3a2d24;font-size:12.5px;text-transform:uppercase;letter-spacing:.04em}
.bnc-tabela th.num,.bnc-tabela td.num{text-align:right}
.bnc-tabela td{padding:12px 14px;border-bottom:1px solid #241c16;color:#e0d5ca}
.bnc-tabela tbody tr:last-child td{font-weight:700;color:#fff;background:rgba(232,84,47,.06)}
.bnc-tabela .pos{color:#5fbf87}.bnc-tabela .neg{color:#e07a6e}
.bnc-nota{font-size:14px;color:#a89a8d;margin-top:18px;font-style:italic}
.bnc-nota b{color:#E8542F;font-style:normal}

.bnc-obras{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.bnc-obra{background:#1e1712;border:1px solid #2f251d;border-radius:14px;padding:22px}
.bnc-obra-nome{font-size:19px;font-weight:700;color:#fff}
.bnc-obra-nome span{font-size:13px;color:#8f8074;font-weight:400}
.bnc-obra-venda{font-size:32px;font-weight:800;letter-spacing:-1px;color:#E8542F;margin:8px 0 14px;
  font-variant-numeric:tabular-nums}
.bnc-obra-venda.muted{color:#8f8074;font-size:22px}
.bnc-obra-linha{display:flex;justify-content:space-between;padding:6px 0;font-size:14px;
  border-top:1px solid #241c16}
.bnc-obra-linha span{color:#a1938a}.bnc-obra-linha b{color:#e8ded6;font-variant-numeric:tabular-nums}
.bnc-obra-linha .pos{color:#5fbf87}
.bnc-barra{height:8px;background:#2b211a;border-radius:99px;margin:12px 0 6px;overflow:hidden}
.bnc-barra-fill{height:100%;background:linear-gradient(90deg,#CE3A24,#E8542F);border-radius:99px}
.bnc-obra-mini{font-size:12px;color:#8f8074}

.bnc-exposicao{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.bnc-exp-card{background:#1e1712;border:1px solid #2f251d;border-radius:12px;padding:20px}
.bnc-exp-card.destaque{background:linear-gradient(155deg,#2a1a12,#1e1712);border-color:#5a3a28}
.bnc-exp-card span{font-size:12.5px;color:#a1938a;display:block;line-height:1.4}
.bnc-exp-card b{display:block;font-size:28px;font-weight:800;letter-spacing:-.8px;color:#fff;
  margin:8px 0 4px;font-variant-numeric:tabular-nums}
.bnc-exp-card small{font-size:12px;color:#8f8074}

.bnc-futuro{background:radial-gradient(120% 120% at 20% 0%, rgba(201,154,59,.12), transparent 55%)}
.bnc-bhag{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}
.bnc-bhag-card{background:#1e1712;border:1px solid #3a2d24;border-radius:14px;padding:24px;text-align:center}
.bnc-bhag-card.destaque{background:linear-gradient(155deg,#2c2412,#1e1712);border-color:#c99a3b}
.bnc-bhag-card span{font-size:13px;color:#a1938a}
.bnc-bhag-card b{display:block;font-size:40px;font-weight:800;letter-spacing:-1.5px;color:#fff;margin:6px 0;
  font-variant-numeric:tabular-nums}
.bnc-bhag-card.destaque b{color:#e6b955}
.bnc-bhag-card small{font-size:11.5px;color:#8f8074}
.bnc-pedido{background:#1e1712;border:1px solid #2f251d;border-radius:14px;padding:28px;margin-top:24px}
.bnc-pedido h3{margin:0 0 16px;font-size:19px;color:#fff}
.bnc-pedido ul{margin:0;padding-left:0;list-style:none}
.bnc-pedido li{padding:10px 0 10px 28px;position:relative;color:#c3b4a7;line-height:1.6;font-size:15px;
  border-top:1px solid #241c16}
.bnc-pedido li:first-child{border-top:none}
.bnc-pedido li::before{content:"→";position:absolute;left:0;color:#E8542F;font-weight:700}
.bnc-pedido li b{color:#fff}

.bnc-rodape{padding:26px 60px;background:#0f0c0a;display:flex;justify-content:space-between;
  font-size:12px;color:#7a6d62;flex-wrap:wrap;gap:8px}

@media (max-width:720px){
  .bnc-hero{padding:44px 26px}.bnc-hero h1{font-size:34px}.bnc-sec{padding:36px 26px}
  .bnc-hero-nums{grid-template-columns:1fr;gap:14px}.bnc-sec-num{font-size:40px;top:30px;right:24px}
  .bnc-rodape{padding:20px 26px}
}
@media print{
  body{background:#fff}.sidebar,.topbar,.banca-topo{display:none!important}
  .banca-wrap{max-width:100%;box-shadow:none;border-radius:0}
  .bnc-sec{break-inside:avoid}
}

.bnc-fase{display:inline-block;padding:2px 10px;border-radius:99px;font-size:12px;font-weight:600;
  background:#2b211a;color:#cdc2ba}
.bnc-fase-negociacao{background:rgba(95,191,135,.15);color:#7fcfa0}
.bnc-fase-estudo{background:rgba(201,154,59,.15);color:#e6b955}
.bnc-tabela td .muted{color:#7a6d62;font-weight:400}

.bnc-ponte{display:flex;gap:20px;align-items:center;background:linear-gradient(155deg,#2c2412,#1e1712);
  border:1px solid #c99a3b;border-radius:14px;padding:22px 26px;margin-bottom:24px}
.bnc-ponte-num{font-size:44px;font-weight:800;letter-spacing:-1.5px;color:#e6b955;white-space:nowrap;
  font-variant-numeric:tabular-nums}
.bnc-ponte-txt{font-size:15.5px;color:#d8cbbc;line-height:1.5}.bnc-ponte-txt b{color:#fff}
@media(max-width:720px){.bnc-ponte{flex-direction:column;text-align:center}}

.bnc-tabela tr.bnc-total td{background:rgba(232,84,47,.09);border-top:2px solid #3a2d24;color:#fff}

/* ---------- assistente (chat) ---------- */
.chat{background:var(--paper,#fff);border:1px solid var(--linha,#e8e2dc);border-radius:12px;
  padding:16px;margin:14px 0;min-height:180px;display:flex;flex-direction:column;gap:12px}
.ch-p{align-self:flex-end;background:var(--brand,#CE3A24);color:#fff;padding:8px 14px;
  border-radius:14px 14px 3px 14px;max-width:78%;font-size:14px}
.ch-r{align-self:flex-start;background:var(--bg,#f6f2ee);border:1px solid var(--linha,#e8e2dc);
  padding:10px 14px;border-radius:14px 14px 14px 3px;max-width:88%}
.ch-txt{font-size:14.5px;line-height:1.5;font-weight:500}
.ch-det{margin:8px 0 4px;padding-left:18px;font-size:13px;color:var(--ink-2,#6b625c);
  font-variant-numeric:tabular-nums}
.ch-det li{margin:2px 0}
.ch-rod{display:flex;gap:12px;margin-top:6px;font-size:12px;align-items:center}
.ch-fonte{color:var(--ink-2,#948a80)}
.ch-vazio{color:var(--ink-2,#6b625c);text-align:center;margin:auto}
.ch-exemplos{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}
.ch-ex{background:var(--paper,#fff);border:1px solid var(--linha,#ddd);border-radius:99px;
  padding:7px 14px;font-size:13px;cursor:pointer;color:var(--brand,#CE3A24);font-family:inherit}
.ch-ex:hover{background:var(--brand,#CE3A24);color:#fff}
.ch-form{display:flex;gap:10px}
.ch-form input{flex:1;padding:11px 14px;border:1px solid var(--linha,#ddd);border-radius:10px;font-size:15px}

/* ---------- Movimentos (entradas e saídas) ---------- */
.lote-bar{display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:6px 0 12px;
  padding:10px 14px; background:var(--accent-soft); border:1px solid var(--line);
  border-radius:10px; font-size:13px; color:var(--ink)}
.lote-bar select{max-width:260px}
.mov-tab td{vertical-align:top}
.mov-tab .mov-data{white-space:nowrap; font-variant-numeric:tabular-nums; color:var(--muted); font-size:12.5px}
.mov-tab .mov-conta{white-space:nowrap; font-size:12px; color:var(--muted)}
.mov-desc{font-weight:550; line-height:1.3}
.mov-ent{font-size:11.5px; color:var(--faint); margin-top:2px}
.mov-tab td.num{font-variant-numeric:tabular-nums; white-space:nowrap}
.mov-cat-form{margin:0}
.mov-cat-form select{max-width:220px; font-size:12.5px}
.mov-cat-form select.por-class{border-color:var(--warn); background:var(--warn-bg); color:var(--warn)}
.mov-neutro{font-size:12px; color:var(--faint); font-style:italic}
tr.linha-ign{opacity:.5}
.paginacao{display:flex; align-items:center; gap:12px; margin:14px 0; justify-content:center}
.pag-info{font-size:12.5px; color:var(--muted)}

/* ---------- Tesouraria: origem dos movimentos (camadas) ---------- */
.origens{display:grid; grid-template-columns:repeat(auto-fit, minmax(210px,1fr)); gap:12px; margin:10px 0 8px}
.org-card{display:flex; gap:12px; align-items:flex-start; text-decoration:none; color:var(--ink);
  background:var(--surface); border:1px solid var(--line); border-left:4px solid var(--line-2);
  border-radius:var(--radius); padding:13px 15px; box-shadow:var(--shadow-1);
  transition:transform .15s, box-shadow .15s, border-color .15s}
.org-card:hover{transform:translateY(-1px); box-shadow:var(--shadow-2); border-left-color:var(--accent)}
.org-card.org-atencao{border-left-color:var(--warn); background:var(--warn-bg)}
.org-ic{font-size:22px; line-height:1}
.org-cont{display:flex; flex-direction:column; gap:1px; min-width:0}
.org-tit{font-size:11.5px; font-weight:650; text-transform:uppercase; letter-spacing:.04em; color:var(--muted)}
.org-cont b{font-size:24px; font-weight:700; letter-spacing:-.02em; line-height:1.1}
.org-sub{font-size:11.5px; color:var(--faint)}
.org-vals{display:flex; gap:8px; flex-wrap:wrap; margin-top:4px; font-size:12.5px; font-weight:650; font-variant-numeric:tabular-nums}
.org-vals .pos{color:var(--ok)} .org-vals .neg{color:var(--crit)} .org-vals .warn{color:var(--warn)}

/* ---------- Tesouraria: detetados nos extratos (cartões) ---------- */
.det-bloco{background:var(--surface-2); border:1px solid var(--line); border-radius:var(--radius);
  padding:16px 18px; margin:14px 0}
.det-cab{margin-bottom:12px}
.det-tit{font-size:15px; font-weight:700; margin-right:8px}
.det-grid{display:grid; grid-template-columns:repeat(auto-fill, minmax(280px,1fr)); gap:12px}
.det-card{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-s);
  border-top:3px solid var(--muted); padding:13px 14px 12px; display:flex; flex-direction:column; gap:9px;
  box-shadow:var(--shadow-1); transition:transform .12s, box-shadow .12s}
.det-card:hover{transform:translateY(-1px); box-shadow:var(--shadow-2)}
.det-card.det-entrada{border-top-color:var(--ok)}
.det-card.det-saida{border-top-color:var(--crit)}
.det-topo{display:flex; align-items:flex-start; gap:10px}
.det-seta{font-size:16px; line-height:1.2}
.det-montante{flex:1; font-size:20px; font-weight:750; letter-spacing:-.02em; line-height:1.05; font-variant-numeric:tabular-nums}
.det-montante.pos{color:var(--ok)} .det-montante.neg{color:var(--crit)}
.det-typ{font-size:10.5px; font-weight:500; color:var(--faint); letter-spacing:0; margin-top:2px}
.det-conf{font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.04em;
  padding:3px 8px; border-radius:999px; white-space:nowrap; align-self:flex-start}
.det-conf-a{background:var(--ok-bg); color:var(--ok)}
.det-conf-m{background:var(--accent-soft); color:var(--accent-ink)}
.det-conf-b{background:var(--warn-bg); color:var(--warn)}
.det-nome{width:100%; font-size:13.5px; font-weight:600; padding:6px 8px; border:1px solid var(--line);
  border-radius:6px; background:var(--surface-2)}
.det-nome:focus{background:var(--surface); border-color:var(--accent); outline:none}
.det-meta{display:flex; flex-wrap:wrap; gap:4px 12px; font-size:11.5px; color:var(--muted)}
.det-nat{font-size:11px; color:var(--faint); font-style:italic}
.det-acao{display:flex; gap:6px; align-items:center; margin-top:2px; flex-wrap:wrap}
.det-cat{flex:1; min-width:110px; font-size:12.5px}
.det-ok{background:var(--ok); color:#fff; border:none; padding:7px 12px; border-radius:7px;
  font-weight:650; font-size:12.5px; cursor:pointer}
.det-ok:hover{filter:brightness(1.06)}
.det-nao{background:transparent; color:var(--muted); border:1px solid var(--line); padding:7px 10px;
  border-radius:7px; font-size:12px; cursor:pointer}
.det-nao:hover{background:var(--crit-bg); color:var(--crit); border-color:var(--crit-bg)}

/* ---------- Tesouraria: abas ---------- */
.tt-tabs{display:flex; gap:4px; border-bottom:2px solid var(--line); margin:8px 0 18px; flex-wrap:wrap}
.tt-tab{background:none; border:none; padding:10px 18px; font-size:14px; font-weight:600; color:var(--muted);
  cursor:pointer; border-bottom:3px solid transparent; margin-bottom:-2px; border-radius:8px 8px 0 0;
  display:inline-flex; align-items:center; gap:7px; transition:color .12s, border-color .12s, background .12s}
.tt-tab:hover{color:var(--ink); background:var(--surface-2)}
.tt-tab.ativa{color:var(--accent); border-bottom-color:var(--accent)}
.tt-badge{background:var(--warn); color:#fff; font-size:11px; font-weight:700; border-radius:999px;
  padding:1px 8px; line-height:1.5}
.tt-panel[hidden]{display:none}

/* ---------- Tesouraria: precisa da sua atenção ---------- */
.atencao{background:var(--surface); border:1px solid var(--line); border-left:4px solid var(--warn);
  border-radius:var(--radius); padding:14px 16px; margin:16px 0; box-shadow:var(--shadow-1)}
.atencao-ok{border-left-color:var(--ok)}
.atencao-tit{font-size:14px; font-weight:700; margin-bottom:8px}
.atencao-ok .atencao-tit{margin-bottom:0; color:var(--ok)}
.atencao-lista{display:flex; flex-direction:column; gap:8px}
.atencao-item{display:flex; align-items:center; gap:12px; text-decoration:none; color:var(--ink);
  padding:9px 12px; border:1px solid var(--line); border-radius:var(--radius-s); background:var(--surface-2);
  transition:transform .1s, box-shadow .1s}
.atencao-item:hover{transform:translateX(2px); box-shadow:var(--shadow-1)}
.ai-n{font-size:17px; font-weight:750; min-width:34px; text-align:center; padding:3px 6px; border-radius:8px;
  font-variant-numeric:tabular-nums}
.ai-n.warn{background:var(--warn-bg); color:var(--warn)}
.ai-n.crit{background:var(--crit-bg); color:var(--crit)}
.ai-n.info{background:var(--accent-soft); color:var(--accent-ink)}
.ai-txt{flex:1; font-size:13px; line-height:1.35}
.ai-cta{font-size:12.5px; font-weight:650; color:var(--accent); white-space:nowrap}

/* ---------- Tesouraria: tabela de movimentos registados (gerir) ---------- */
.mreg-tab td{vertical-align:middle}
.mreg-nome{font-weight:600; display:flex; align-items:center; gap:8px; flex-wrap:wrap}
.mreg-quando{font-size:12px; color:var(--muted); white-space:nowrap}
.mreg-tab td.num{font-variant-numeric:tabular-nums; white-space:nowrap}
tr.linha-dup{background:var(--warn-bg)}
tr.linha-dup td{border-top:1px solid var(--warn)}
.mreg-edit{display:flex; gap:6px; align-items:center; margin-top:6px; flex-wrap:wrap}
.mreg-edit[hidden]{display:none}
.mreg-edit input{padding:5px 8px; border:1px solid var(--line); border-radius:6px; font-size:12.5px}
.mreg-acoes{white-space:nowrap; display:flex; gap:4px; align-items:center; flex-wrap:wrap}
.mreg-acoes .inline{display:inline-flex; gap:4px; align-items:center}
.mreg-editar{padding:5px 9px}

/* ---------- ligação nBanks ---------- */
.nbk-lig{border:1px solid var(--line); border-radius:var(--radius); padding:14px 16px; margin:14px 0;
  box-shadow:var(--shadow-1)}
.nbk-off{border-left:4px solid var(--warn); background:var(--warn-bg)}
.nbk-on{border-left:4px solid var(--ok); background:var(--surface)}
.nbk-cab{display:flex; align-items:center; gap:10px}
.nbk-tit{font-size:14px; font-weight:700}
.nbk-passos{margin:6px 0 0 18px; font-size:12.5px; color:var(--muted); line-height:1.5}
.nbk-passos li{margin-bottom:3px}
.nbk-lig code{background:var(--surface-2); padding:1px 5px; border-radius:4px; font-size:12px}

/* ---------- upload atualizar saldos ---------- */
.upl-saldos{border:1px dashed var(--accent); background:var(--accent-soft); border-radius:var(--radius);
  padding:14px 16px; margin:14px 0}
.upl-tit{font-size:14px; font-weight:700; color:var(--accent-ink)}
.upl-saldos input[type=file]{font-size:13px}

/* ---------- Recorrências ---------- */
.rec-card{cursor:pointer}
.rec-card:hover{border-color:var(--accent)}

/* ---------- aviso de documentos por aplicar ---------- */
.pend-alerta{border:2px solid var(--warn); background:var(--warn-bg); border-radius:var(--radius);
  padding:16px 18px; margin:16px 0; box-shadow:var(--shadow-1)}
.pend-tit{font-size:16px; font-weight:750; color:var(--warn)}
.pend-lista{display:flex; flex-direction:column; gap:6px}
.pend-item{display:flex; align-items:center; gap:12px; text-decoration:none; color:var(--ink);
  background:var(--surface); border:1px solid var(--line); border-radius:8px; padding:9px 12px;
  transition:transform .1s, box-shadow .1s}
.pend-item:hover{transform:translateX(2px); box-shadow:var(--shadow-1)}
.pend-per{font-weight:700; font-variant-numeric:tabular-nums; min-width:58px}
.pend-nome{flex:1; font-size:13px; color:var(--muted)}
.pend-cta{font-weight:650; color:var(--accent); white-space:nowrap}