/* Planejamento Sucessório (sucessao.html) — estilos próprios da página (os comuns estão em assets/). Base igual à Estratégia de Aquisição de Bens. */
body{background:var(--bg); color:var(--ink); font-family:Arial, Helvetica, sans-serif; line-height:1.5; padding:28px 16px 60px; font-variant-numeric:tabular-nums;}
.wrap{max-width:980px; margin:0 auto;}
header h1{font-weight:600; font-size:30px; margin:0 0 4px;}
header p{margin:0; color:var(--ink-muted); font-size:14px; max-width:60ch;}
.step-btn{background:transparent; border:none; color:var(--ink-faint); font-family:inherit; font-size:16px; padding:10px 4px; margin-right:24px; cursor:pointer; position:relative; top:1px; white-space:nowrap; display:flex; align-items:center; gap:8px;}
.step-btn .n{font-size:11px; border:1px solid var(--line); padding:0 6px; border-radius:3px;}
section.panel h2{font-size:17px; font-weight:600; margin:0 0 4px; display:flex; align-items:center; gap:10px; flex-wrap:wrap;}
section.panel.path{border-top:3px solid var(--c);}
section.panel.path.off .path-body{display:none;}
section.panel.path.off{padding-bottom:12px;}
.row-input input, .row-input select{flex:1; min-width:0; background:transparent; border:none; color:var(--ink); font-family:inherit; font-size:15px; padding:10px; width:100%; outline:none;}
.row-input select{font-size:13.5px;}
.prefix,.suffix{display:flex; align-items:center; padding:0 10px; color:var(--ink-faint); font-size:12.5px; background:var(--line-soft); white-space:nowrap;}
.hint strong{color:var(--ink);}
.inline-check{display:flex; align-items:center; gap:8px; font-size:12.5px; color:var(--ink-muted); margin:2px 0 12px; cursor:pointer;}
.inline-check input{width:16px; height:16px; accent-color:var(--gold-dim);}
.fetch-row{display:flex; gap:8px; align-items:flex-end;}
.fetch-row .field{flex:1;}

.seg{display:inline-flex; border:1px solid var(--line); border-radius:4px; overflow:hidden; flex-wrap:wrap;}
.seg button{background:transparent; border:none; color:var(--ink-muted); font-size:12.5px; padding:8px 12px; cursor:pointer; font-family:inherit;}
.seg-wrap{margin-bottom:14px;}
.seg-wrap .lbl{display:block; font-size:12.5px; color:var(--ink-muted); margin-bottom:6px;}

/* liga/desliga caminho */
.switch{margin-left:auto; display:inline-flex; align-items:center; gap:8px; font-size:12px; font-weight:400; color:var(--ink-muted); cursor:pointer;}
.switch input{appearance:none; width:34px; height:20px; border-radius:20px; background:var(--line); position:relative; cursor:pointer; transition:background .15s ease; margin:0;}
.switch input::after{content:''; position:absolute; top:3px; left:3px; width:14px; height:14px; border-radius:50%; background:#fff; transition:left .15s ease;}
.switch input:checked{background:var(--c);}
.switch input:checked::after{left:17px;}
.dot{display:inline-block; width:10px; height:10px; border-radius:50%; background:var(--c);}

.mini{display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:8px; background:var(--panel-2); border:1px dashed var(--line); border-radius:5px; padding:10px 12px; margin-bottom:14px;}
.mini div{font-size:11.5px; color:var(--ink-faint);}
.mini b{display:block; font-size:14px; color:var(--ink); font-weight:600;}

.nav-row{display:flex; justify-content:flex-end; gap:10px; margin:4px 0 22px; flex-wrap:wrap;}
button.primary{background:var(--btn); color:var(--on-btn); border:none; font-family:inherit; font-weight:600; font-size:14.5px; padding:12px 20px; border-radius:4px; cursor:pointer;}
button.primary:disabled{opacity:.45; cursor:default;}
button.ghost{background:transparent; border:1px solid var(--teal-dim); color:var(--teal); font-family:inherit; font-size:13px; padding:10px 14px; border-radius:4px; cursor:pointer; white-space:nowrap;}
button.ghost:disabled{opacity:.5; cursor:default;}

/* resultados */
.verdict{background:var(--panel); border:1px solid var(--line); border-left:4px solid var(--hl); border-radius:6px; padding:16px 20px; margin-bottom:18px;}
.verdict .headline{font-size:19px; font-weight:600; margin:0 0 6px;}
.verdict p{margin:0 0 6px; font-size:13.5px; color:var(--ink-muted);}
.verdict p:last-child{margin:0;}
.verdict b{color:var(--ink);}

.paths{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-bottom:18px;}
@media(max-width:860px){.paths{grid-template-columns:1fr;}}
.ledger{background:var(--panel); border:1px solid var(--line); border-top:3px solid var(--cl); border-radius:6px; padding:16px 16px 12px; position:relative;}
.ledger.best{box-shadow:0 0 0 2px var(--hl) inset;}
.ledger h3{font-size:17px; margin:0; color:var(--ink); display:flex; align-items:center; gap:8px;}
.ledger .desc{font-size:11.5px; color:var(--ink-faint); margin-bottom:6px;}
.best-tag{position:absolute; top:-11px; right:12px; background:var(--hl); color:#003641; font-size:10.5px; font-weight:700; letter-spacing:.3px; padding:2px 9px; border-radius:20px;}
.badges{display:flex; flex-wrap:wrap; gap:6px; margin:6px 0 8px;}
.status{display:inline-block; font-size:11px; font-weight:600; padding:3px 9px; border-radius:20px;}
.status.neutral{color:var(--ink-muted); border:1px solid var(--line);}
.lrow .v{color:var(--ink); text-align:right; font-weight:600;}
.lrow .v small{display:block; color:var(--ink-faint); font-size:10.5px; font-weight:400;}
.lrow .v.no-t{color:var(--red);} .lrow .v.ok-t{color:var(--ok);}
.lrow.total{border-top:1px solid var(--line); margin-top:4px; padding-top:10px;}
.lrow.total .v{font-size:16px; color:var(--cl-t);}
.cover{margin:4px 0 2px;}
.cover .bar{height:8px; border-radius:4px; background:var(--line-soft); overflow:hidden; margin-top:4px;}
.cover .bar i{display:block; height:100%; border-radius:4px; background:var(--cl);}
.cover .t{display:flex; justify-content:space-between; font-size:11.5px; color:var(--ink-muted);}
.unit{font-size:10px; font-weight:600; letter-spacing:.3px; padding:1px 5px; border-radius:3px; margin-left:4px; vertical-align:middle;}

.block{background:var(--panel); border:1px solid var(--line); border-radius:6px; padding:16px 18px; margin-bottom:18px; position:relative;}
.block h3{font-size:15px; margin:0 0 4px;}
.block .sub{font-size:12.5px; color:var(--ink-faint); margin:0 0 12px;}
.block canvas{display:block; width:100%; height:290px;}

.eq{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:12px; margin-bottom:14px;}
.eq-card{background:var(--panel-2); border:1px solid var(--line); border-radius:6px; padding:12px 14px;}
.eq-card .k{font-size:12px; color:var(--ink-muted);}
.eq-card .v{font-size:22px; font-weight:600; color:var(--destaque); line-height:1.25;}
.eq-card .s{font-size:12px; color:var(--ink-muted); margin-top:4px;}
table.t{width:100%; border-collapse:collapse; font-size:12.5px;}
.t th{text-align:right; font-weight:600; color:var(--ink-faint); font-size:11.5px; padding:7px 8px; border-bottom:1px solid var(--line); white-space:nowrap;}
.t th:first-child, .t td:first-child{text-align:left;}
.t td{padding:7px 8px; border-top:1px dashed var(--line); text-align:right; white-space:nowrap;}
.t tr.now td{background:color-mix(in srgb, var(--hl) 16%, transparent); font-weight:600;}
.t td.win{color:var(--ok); font-weight:700;}
.t td small{display:block; color:var(--red); font-size:10.5px; font-weight:400;}
.t th .dot{margin-right:5px;}

.import-row{display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; margin:0 0 16px; padding:10px 12px; border:1px dashed var(--line); border-radius:5px; background:var(--panel-2);}
.import-btn{display:inline-block; cursor:pointer;}
.import-row .hint{margin:0; flex:1; min-width:200px;}
.import-row .hint.ok{color:var(--ok);} .import-row .hint.err{color:var(--red);}
.sr-only{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;}
.import-btn:focus-within, .import-row input:focus + .import-btn{outline:2px solid var(--teal);}
.mip-box{margin:0 0 14px;} .mip-box summary{cursor:pointer; font-size:12.5px; color:var(--ink-muted);}
.mip-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:8px;}
.mip-grid .row-input input{font-size:13px; padding:7px 8px;}
.answer{display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:14px; margin-bottom:18px;}
.ans{background:var(--panel); border:1px solid var(--line); border-left:4px solid var(--cl); border-radius:6px; padding:14px 16px;}
.ans h4{margin:0 0 2px; font-size:13px; color:var(--ink-muted); font-weight:600;}
.ans .big{font-size:20px; font-weight:700; margin:2px 0 8px;}
.ans .big.ok{color:var(--ok);} .ans .big.no{color:var(--red);} .ans .big.mid{color:var(--ink);}
.ans .lrow{font-size:12.5px;}
.q-title{font-size:18px; font-weight:600; margin:0 0 4px;}
.q-sub{font-size:12.5px; color:var(--ink-faint); margin:0 0 12px;}
details.flow summary{cursor:pointer; font-size:15px; font-weight:600; list-style:none; display:flex; align-items:center; gap:8px;}
details.flow summary::before{content:'▸'; color:var(--ink-faint); transition:transform .15s ease;}
details.flow[open] summary::before{transform:rotate(90deg);}
details.flow .flow-tools{display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin:12px 0;}
.flow-wrap{max-height:420px; overflow:auto; border:1px solid var(--line); border-radius:5px;}
.flow-wrap table.t th{position:sticky; top:0; background:var(--panel);}
.explain h3{font-size:13.5px; margin:0 0 6px; color:var(--ink);}
.explain ul{margin:0; padding-left:18px;}
.explain li{margin-bottom:4px;}
.err-banner ul{margin:4px 0 0; padding-left:18px;}
@media print{
  @page{size:A4; margin:14mm 12mm;}
  body{background:#fff !important; padding:0 !important;}
  body > *:not(#printArea){display:none !important;}
  #printArea{display:block !important; color:#003641; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:1.45;}
  #printArea *{-webkit-print-color-adjust:exact; print-color-adjust:exact;}
  #printArea .pr-badge{display:inline-block; background:#F4F7D9; color:#003641; border:1px solid #C9D200; font-size:9.5px; font-weight:700; letter-spacing:.3px; padding:3px 8px; border-radius:3px; margin-bottom:8px;}
  #printArea h1{font-size:21px; margin:0; background:#003641; color:#fff; padding:12px 14px; border-radius:6px 6px 0 0; border-bottom:4px solid #00AE9D;}
  #printArea .pr-sub{color:#3E6169; font-size:11px; margin:8px 0 14px;}
  #printArea h2{font-size:14px; color:#003641; margin:16px 0 6px; padding-bottom:4px; border-bottom:2px solid #00AE9D; break-after:avoid;}
  #printArea table{width:100%; border-collapse:collapse; break-inside:avoid;}
  #printArea td, #printArea th{padding:5px 7px; border-bottom:1px solid #D3E0E1; vertical-align:top; text-align:left;}
  #printArea tr:nth-child(even) td{background:#F3F8F8;}
  #printArea th{font-size:10.5px; color:#003641; font-weight:700; background:#E3F3F1; border-bottom:1.5px solid #00AE9D;}
  #printArea td.n, #printArea th.n{text-align:right;}
  #printArea td.k{color:#3E6169; width:40%;}
  #printArea td.v{font-weight:700;}
  #printArea .ok{color:#437526; font-weight:700;} #printArea .no{color:#B93A34; font-weight:700;}
  #printArea .pr-concl{border:1px solid #D3E0E1; border-left:4px solid #C9D200; border-radius:0 4px 4px 0; padding:8px 10px; font-size:11.5px; break-inside:avoid;}
  #printArea .pr-concl p{margin:0 0 4px;}
  #printArea .pr-chart{width:100%; border:1px solid #D3E0E1; border-radius:6px; margin-top:8px; break-inside:avoid;}
  #printArea .pr-legend{font-size:10px; color:#3E6169; margin-top:4px;}
  #printArea .pr-legend span{margin-right:14px;}
  #printArea .pr-legend i{display:inline-block; width:12px; height:3px; vertical-align:middle; margin-right:4px;}
  #printArea .pr-note{font-size:10px; color:#3E6169; margin:6px 0 0;}
  #printArea .pr-aviso{border:1px solid #00AE9D; border-left:4px solid #00AE9D; background:#EEF8F7; border-radius:0 4px 4px 0; padding:8px 10px; margin-top:16px; font-size:10.5px; color:#003641; break-inside:avoid;}
  #printArea .pr-footer{margin-top:10px; font-size:9.5px; color:#4F7178;}
  #printArea .pr-footer p{margin:0 0 5px;}
  #printArea .bloco{break-inside:avoid;}
}

/* detalhes de campos e textos auxiliares */
.opcional{color:var(--ink-faint);}
#cdiStatus{margin-bottom:10px;}
#hintProduto{margin-bottom:12px;}
#ipcaStatus{margin:-4px 0 12px;}
.hint.nota{margin-top:8px;}
.mip-box p.hint{margin:6px 0 10px;}
.mip-grid .field label{font-size:11.5px;}
.row-input select.indice{flex:0 0 auto; width:auto; background:var(--line-soft); font-size:12.5px;}
.row-input.leitura{opacity:.7;}
button.ghost.mini-btn{padding:3px 8px; font-size:11.5px;}
.chart-tools{display:flex; gap:8px; flex-wrap:wrap;}
.flow-tools .inline-check{margin:0;}
.mini .full{grid-column:1/-1;}
.cor-ok{color:var(--ok);} .cor-no{color:var(--red);}
.t td small.suave{color:var(--ink-faint);}
.t td small.inline{display:inline;}

/* --- específicos do Planejamento Sucessório --- */
.checks{display:flex; flex-wrap:wrap; gap:4px 22px; margin-bottom:8px;}
.mini-title{font-size:13.5px; font-weight:600; margin:4px 0 10px; color:var(--ink);}
.inline-check.small{font-size:11.5px; margin:6px 0 0;}
.destaques{display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:14px; margin-bottom:18px;}
.destaque{background:var(--panel); border:1px solid var(--line); border-left:4px solid var(--cl, var(--hl)); border-radius:6px; padding:14px 16px;}
.destaque h4{margin:0 0 4px; font-size:15px;}
.destaque p{margin:0 0 4px; font-size:12.5px; color:var(--ink-muted);}
.destaque .big{font-size:20px; font-weight:700; color:var(--destaque); margin:4px 0 2px;}
.ledger .hip{display:grid; grid-template-columns:1fr auto; gap:2px 10px; font-size:12px; margin:6px 0 4px;}
.ledger .hip span:nth-child(odd){color:var(--ink-muted);}
.ledger .hip span:nth-child(even){text-align:right; font-weight:600;}
.ledger .hip .win{color:var(--ok);}
.ledger.inapto{opacity:.78;}
.ledger .como{font-size:11.5px; color:var(--ink-muted); margin:6px 0 2px; border-top:1px dashed var(--line); padding-top:6px;}
ul.alertas{margin:0; padding-left:18px; font-size:12.5px; color:var(--ink-muted);}
ul.alertas li{margin-bottom:6px;}
ul.alertas b{color:var(--ink);}
.t td.k{color:var(--ink-muted);}
#fontes ul{font-size:12px;}

/* salvar e abrir simulação */
.arquivo-bar{display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:-6px 0 16px;}
.arquivo-bar .hint{margin:0; flex:1 1 260px;}
.arquivo-bar .hint.ok{color:var(--teal);}
.arquivo-bar .hint.erro{color:var(--red);}
/* campos mostrados conforme o regime de bens (o atributo hidden vence o display dos componentes) */
#step-1 [hidden]{display:none !important;}
/* quatro quadros do custo de não planejar: pergunta, valor, explicação, visual e conta */
.q-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-bottom:18px;}
@media(max-width:760px){.q-grid{grid-template-columns:1fr;}}
.q-card{background:var(--panel-2); border:1px solid var(--line); border-radius:8px; padding:16px 18px; display:flex; flex-direction:column; gap:8px;}
.q-top{display:flex; align-items:flex-start; gap:10px;}
.q-n{flex:0 0 auto; width:26px; height:26px; border-radius:50%; background:var(--ink); color:var(--bg); font-size:13px; font-weight:700; display:flex; align-items:center; justify-content:center;}
.q-p{font-size:14.5px; font-weight:700; color:var(--ink); line-height:1.35; padding-top:3px;}
.q-v{font-size:26px; font-weight:700; color:var(--destaque); line-height:1.2;}
.q-v small{font-size:13px; font-weight:400; color:var(--ink-muted);}
.q-o{font-size:13px; color:var(--ink); margin:0; line-height:1.5;}
.q-c{font-size:11.5px; color:var(--ink-muted); margin:auto 0 0; padding-top:8px; border-top:1px dashed var(--line); line-height:1.5;}
.qbar{display:flex; height:12px; border-radius:6px; overflow:hidden; background:var(--line); margin:4px 0 2px;}
.qbar span{width:var(--w); height:100%;}
.p-meta{background:var(--l-turq);} .p-sus{background:var(--l-roxo);} .p-bens{background:var(--blue-dim);} .p-resto{background:var(--line);}
.p-est{background:var(--l-verde);} .p-trava{background:var(--l-red);}
.p-meacao{background:var(--l-roxo);} .p-leg{background:var(--l-turq);} .p-disp{background:var(--hl);}
ul.qleg{list-style:none; margin:0; padding:0; font-size:12.5px;}
ul.qleg li{display:flex; align-items:center; gap:8px; padding:2px 0;}
ul.qleg li::before{content:''; width:10px; height:10px; border-radius:2px; flex:0 0 auto; background:var(--sw); border:1px solid var(--line);}
ul.qleg li span{flex:1; color:var(--ink-muted);} ul.qleg li b{color:var(--ink); font-weight:600;}
ul.qleg li{background:none;}
ul.qleg li.p-meta{--sw:var(--l-turq);} ul.qleg li.p-sus{--sw:var(--l-roxo);} ul.qleg li.p-bens{--sw:var(--blue-dim);} ul.qleg li.p-resto{--sw:var(--line);} ul.qleg li.p-est{--sw:var(--l-verde);}
ul.qleg li.p-meacao{--sw:var(--l-roxo);} ul.qleg li.p-leg{--sw:var(--l-turq);} ul.qleg li.p-disp{--sw:var(--hl);}
.qtempo{display:flex; flex-direction:column; gap:6px; font-size:12.5px;}
.qtempo > div{display:grid; grid-template-columns:150px 1fr 90px; align-items:center; gap:8px;}
.qtempo span{color:var(--ink-muted);} .qtempo b{color:var(--ink); text-align:right; font-weight:600;}
@media(max-width:600px){.qtempo > div{grid-template-columns:1fr 80px;} .qtempo > div > span{grid-column:1 / -1;}}
.lbl-campo{display:block; font-size:12.5px; color:var(--ink-muted); margin-bottom:6px;}

/* painel da solução */
.mordida{background:var(--panel); border:1px solid var(--line); border-left:4px solid var(--red); border-radius:10px; padding:18px 22px 20px; margin-bottom:18px;}
.mordida h3{margin:0 0 2px; font-size:18px;}
.mo-sub{margin:0 0 14px; font-size:13.5px; color:var(--ink-muted);}
.mo-grid{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:0;}
.mo-item{display:flex; flex-direction:column; gap:3px; padding:0 18px; border-left:1px solid var(--line);}
.mo-item:first-child{padding-left:0; border-left:none;}
.mo-rot{font-size:12.5px; color:var(--ink-muted);}
.mo-v{font-size:26px; font-weight:700; line-height:1.15; color:var(--red); letter-spacing:-.3px;}
.mo-item:nth-child(2) .mo-v, .mo-item:nth-child(3) .mo-v{color:var(--ink);}
.mo-t{font-size:12.5px; color:var(--ink-muted); line-height:1.45;}
@media(max-width:700px){ .mo-grid{grid-template-columns:1fr; gap:14px;} .mo-item{padding:14px 0 0; border-left:none; border-top:1px solid var(--line);} .mo-item:first-child{padding-top:0; border-top:none;} .mo-v{font-size:22px;} }
.sol{background:var(--panel); border:1px solid var(--line); border-top:4px solid var(--hl); border-radius:10px; padding:20px 22px; margin-bottom:18px; display:flex; flex-direction:column; gap:14px;}
.sol-top{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px;}
.sol-eyebrow{font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-muted);}
.sol-nome{font-size:24px; font-weight:700; color:var(--ink); margin:0; line-height:1.25;}
.sol-chips{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:10px;}
.sol-chip{background:var(--panel-2); border:1px solid var(--line); border-left:4px solid var(--cl); border-radius:6px; padding:10px 12px; display:flex; flex-direction:column; gap:3px;}
.sol-chip b{font-size:13.5px; color:var(--ink);} .sol-chip span{font-size:12.5px; color:var(--ink-muted); line-height:1.45;}
.sol-kpis{display:grid; grid-template-columns:repeat(3,1fr); gap:10px;}
@media(max-width:700px){.sol-kpis{grid-template-columns:1fr;}}
.sol-kpi{background:var(--panel-2); border-radius:6px; padding:10px 14px;}
.sol-kpi .k{font-size:12px; color:var(--ink-muted);} .sol-kpi .v{font-size:24px; font-weight:700; color:var(--destaque); line-height:1.25;} .sol-kpi .s{font-size:11.5px; color:var(--ink-muted);}
.sol-grid{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px;}
@media(max-width:900px){.sol-grid{grid-template-columns:1fr;}}
.sol-box{border:1px solid var(--line); border-radius:8px; padding:14px 16px;}
.sol-box h3{font-size:14.5px; margin:0 0 8px; color:var(--ink);}
ul.sol-lista{margin:0; padding-left:18px; font-size:13px; line-height:1.55; color:var(--ink);} ul.sol-lista li{margin-bottom:5px;}
.sol-t{font-size:12.5px; margin-bottom:8px; width:100%;} .sol-t td{padding:6px 8px; white-space:normal; text-align:left;} .sol-t td:first-child{font-weight:600; color:var(--ink);}
.sol-resumo{font-size:13px; margin:4px 0 6px; color:var(--ink); line-height:1.5;}
.sol-passos-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:12px;}
.sol-passo{background:var(--panel-2); border-radius:6px; padding:10px 12px;}
.sol-passo-h{display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:4px; font-size:13.5px;}
.sol-passo-h .suave{font-size:11.5px; margin-left:auto;}
.sol-passo ol{margin:4px 0 0; padding-left:18px; font-size:12.5px; line-height:1.5; color:var(--ink);} .sol-passo li{margin-bottom:3px;}
.p-sobra{background:var(--l-verde);} .p-rend{background:var(--l-turq);} .p-princ{background:var(--l-roxo);} .p-fora{background:var(--l-red);}
ul.qleg li.p-sobra{--sw:var(--l-verde);} ul.qleg li.p-rend{--sw:var(--l-turq);} ul.qleg li.p-princ{--sw:var(--l-roxo);} ul.qleg li.p-fora{--sw:var(--l-red);}
/* tabela de todas as combinações */
table.comb tr[data-id]{cursor:pointer;} table.comb tr[data-id]:hover td{background:var(--line-soft);}
table.comb tr.sel td:first-child{box-shadow:inset 3px 0 0 var(--ink);}
table.comb td:first-child{white-space:nowrap;}
table.comb .dot{display:inline-block; width:9px; height:9px; border-radius:50%; background:var(--c); margin-right:7px;}
.best-tag.inline{position:static; display:inline-block; margin-left:6px; vertical-align:middle;}
.sol-aviso{margin:0; font-size:13px; background:var(--panel-2); border-left:3px solid var(--l-red); padding:8px 12px; border-radius:4px; color:var(--ink);}
/* lista de bens (tipo, estado, quantidade, valor) */
.bens-t{margin-bottom:8px;} .bens-t td{padding:6px 6px; vertical-align:middle;} .bens-t th:last-child, .bens-t td:last-child{width:40px; text-align:center;}
.bens-t select, .bens-t input{width:100%; min-width:110px; font:inherit; font-size:13px; padding:7px 8px; border:1px solid var(--line); border-radius:6px; background:var(--panel); color:var(--ink);}
.bens-t input.bem-qtd{min-width:70px; max-width:100px;}
.bens-t input.bem-valor{min-width:150px; text-align:right;}
.bens-t button.bem-rem{border:none; background:none; color:var(--ink-muted); font-size:18px; cursor:pointer; line-height:1; padding:4px 8px;}
.bens-t button.bem-rem:hover{color:var(--red);}
.bens-acoes{display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:0 0 16px;}
.bens-acoes .hint{margin:0;}
.bens-t th{text-align:left;} .bens-t th:nth-child(4){text-align:right;}
@media(max-width:640px){
  .bens-t thead{display:none;}
  .bens-t, .bens-t tbody{display:block; width:100%;}
  .bens-t tr{display:grid; grid-template-columns:1fr 1fr 36px; gap:6px; padding:10px 0; border-bottom:1px dashed var(--line);}
  .bens-t td{display:block; padding:0; border:none;}
  .bens-t td:nth-child(1){grid-column:1 / 3;} .bens-t td:nth-child(5){grid-column:3; grid-row:1; width:auto;}
  .bens-t td:nth-child(2){grid-column:1 / 4;} .bens-t td:nth-child(3){grid-column:1;} .bens-t td:nth-child(4){grid-column:2 / 4;}
  .bens-t select, .bens-t input, .bens-t input.bem-qtd, .bens-t input.bem-valor{min-width:0; max-width:none;}
}
