/* Cenas 13–18 (UltraAnalysisScene). Sem animation, transition ou keyframes: tudo é função de p no TSX. */
.ultra-analysis{width:1100px;min-height:650px;margin:0 auto;padding:24px;background:#f8f9fe;color:#050823;font-variant-numeric:tabular-nums;box-sizing:border-box}
.ua-scene{--ua-ink:#050823;--ua-muted:#505568;--ua-line:#b8becd;--ua-tint:#e9edfa;--ua-bg:#f8f9fe;--ua-blue:#0e5df6;--ua-card:#ffffff;
 position:relative;display:flex;flex-direction:column;gap:14px;width:100%;min-height:400px;box-sizing:border-box;padding:18px;
 background:var(--ua-bg);color:var(--ua-ink);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;line-height:1.35;overflow:hidden}
.ua-scene *{box-sizing:border-box}
.ua-scene h3,.ua-scene h4,.ua-scene p{margin:0}
.ua-head small{display:block;font-size:14px;letter-spacing:.08em;font-weight:700;color:var(--ua-blue)}
.ua-stack{display:grid}
.ua-stack>*{grid-area:1/1;min-width:0}
.ua-layer[aria-hidden="true"]{pointer-events:none}
.ua-titles h3{font-size:24px;font-weight:700}
.ua-note{font-size:14px;color:var(--ua-muted)}
.ua-lead{font-size:22px;font-weight:600}
.ua-badge{display:inline-block;margin-top:10px;padding:6px 10px;border-radius:999px;background:var(--ua-tint);font-size:14px;font-weight:600}
.ua-card{background:var(--ua-card);border:1px solid var(--ua-line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}
.ua-card>small,.ua-three small,.ua-doc>small{font-size:14px;letter-spacing:.06em;font-weight:700;color:var(--ua-muted)}
.ua-premises{display:flex;flex-wrap:wrap;gap:8px}
.ua-premises span{position:relative;overflow:hidden;padding:6px 12px;border:1px solid var(--ua-line);border-radius:999px;background:var(--ua-card);font-size:14px}
.ua-fill{position:absolute;inset:0;background:var(--ua-tint);pointer-events:none}
.ua-premises span>*:not(.ua-fill),.ua-flow li>*:not(.ua-fill){position:relative}
.ua-two-charts{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ua-two-charts section,.ua-chart-panel{background:var(--ua-card);border:1px solid var(--ua-line);border-radius:12px;padding:12px}
.ua-two-charts h4{font-size:14px;margin-bottom:6px}
.ua-scene svg{display:block;width:100%;height:auto;font-size:14px}
.ua-scene svg text{fill:var(--ua-ink)}
.ua-grid{stroke:var(--ua-line);stroke-width:1;fill:none}
.ua-axis{fill:var(--ua-muted)!important;font-size:14px}
.ua-line-base{fill:none;stroke:var(--ua-blue);stroke-width:4;stroke-linejoin:round}
.ua-line-split{fill:none;stroke:var(--ua-muted);stroke-width:4;stroke-dasharray:10 7;stroke-linejoin:round}
.ua-dot-base{fill:var(--ua-blue)}
.ua-dot-split{fill:var(--ua-muted)}
.ua-bar-base{fill:var(--ua-blue)}
.ua-bar-split{fill:var(--ua-muted)}
.ua-gap-area{fill:var(--ua-tint)}
.ua-guide{stroke:var(--ua-ink);stroke-width:1.5;stroke-dasharray:4 4;fill:none}
.ua-tip-box{fill:var(--ua-card);stroke:var(--ua-ink);stroke-width:1}
.ua-legend{display:flex;gap:16px;font-size:14px;color:var(--ua-muted);margin-top:4px}
.ua-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ua-metrics-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ua-metric{background:var(--ua-card);border:1px solid var(--ua-line);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.ua-metric small{font-size:14px;letter-spacing:.05em;color:var(--ua-muted);font-weight:700}
.ua-metric strong{font-size:22px}
.ua-metric span{font-size:14px;color:var(--ua-muted)}
.ua-equation{font-size:20px;font-weight:700}
.ua-flow{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px}
.ua-flow li{position:relative;overflow:hidden;border:1px solid var(--ua-line);border-radius:10px;background:var(--ua-card);padding:12px;display:flex;flex-direction:column;gap:4px;min-height:84px}
.ua-flow li span{font-size:14px;color:var(--ua-muted);font-weight:700}
.ua-flow li b{font-size:15px}
.ua-flow li em{font-style:normal;font-size:14px;color:var(--ua-muted)}
.ua-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ua-three section{background:var(--ua-card);border:1px solid var(--ua-line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:6px}
.ua-criteria{font-size:14px;font-weight:600;margin-bottom:10px}
.ua-companies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ua-companies article{position:relative;background:var(--ua-card);border:1px solid var(--ua-line);border-radius:12px;padding:12px}
.ua-companies dl{margin:6px 0;display:grid;gap:2px;font-size:14px}
.ua-companies dl div{display:flex;justify-content:space-between;gap:8px}
.ua-companies dt{color:var(--ua-muted)}
.ua-companies dd{margin:0;font-weight:600}
.ua-companies small{font-size:14px;color:var(--ua-muted)}
.ua-ring{position:absolute;inset:-1px;border:3px solid var(--ua-blue);border-radius:inherit;pointer-events:none}
.ua-chain{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ua-chain-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.ua-chain>div{background:var(--ua-card);border:1px solid var(--ua-line);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:6px;font-size:14px}
.ua-chain>div>span{font-size:14px;font-weight:700;color:var(--ua-muted)}
.ua-chain code{font-size:14px;background:var(--ua-tint);border-radius:6px;padding:3px 6px}
.ua-side{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;align-items:start}
.ua-doc{position:relative;background:var(--ua-card);border:1px solid var(--ua-line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px}
.ua-doc>div{position:relative;display:flex;flex-direction:column;padding:6px 8px;border-radius:8px}
.ua-doc>div b{font-size:14px;color:var(--ua-muted);letter-spacing:.05em}
.ua-doc>div span{font-size:14px;font-weight:600}
.ua-tree{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.ua-tree li{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px;font-size:14px;padding:4px 0;border-bottom:1px solid var(--ua-tint)}
.ua-tree li b{color:var(--ua-muted);font-size:14px}
.ua-secondary{display:flex;flex-direction:column;gap:2px;font-size:14px}
.ua-hbar{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:10px;align-items:center;font-size:14px}
.ua-hbar>div{height:16px;border-radius:8px;background:var(--ua-tint);overflow:hidden}
.ua-hbar>div i{display:block;height:100%;background:var(--ua-blue)}
.ua-tax-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ua-tax-pair section{position:relative;background:var(--ua-card);border:1px solid var(--ua-line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:4px}
.ua-tax-pair small{font-size:14px;letter-spacing:.06em;font-weight:700;color:var(--ua-muted)}
.ua-tax-pair h4{font-size:26px}
.ua-tax-pair strong{font-size:28px;color:var(--ua-blue)}
.ua-tax-pair span{font-size:14px;color:var(--ua-muted)}
.ua-versions{display:flex;gap:10px;flex-wrap:wrap;font-size:14px;font-weight:600}
.ua-versions span{padding:4px 10px;border-radius:999px;background:var(--ua-tint)}
.ua-source{font-size:14px;color:var(--ua-muted)}
.ua-source a{color:var(--ua-blue)}
.ua-17{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px;align-items:start}
.ua-chart-panel{display:flex;flex-direction:column;gap:8px}
.ua-table{width:100%;border-collapse:collapse;font-size:14px}
.ua-table th,.ua-table td{text-align:left;padding:5px 6px;border-bottom:1px solid var(--ua-tint);white-space:nowrap}
.ua-table th{color:var(--ua-muted);font-size:14px;font-weight:700}
.ua-events{display:block;overflow-x:auto}
.ua-delivery{font-size:14px;font-weight:600}
.ua-node{fill:var(--ua-card);stroke:var(--ua-line);stroke-width:1.5}
.ua-node-main{fill:var(--ua-tint);stroke:var(--ua-blue);stroke-width:2}
.ua-link{stroke:var(--ua-blue);stroke-width:2;fill:none}
.ua-pouch{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ua-pending{color:#8a3b00;font-weight:600}
.ua-resolved{color:#0b6b3a;font-weight:600}
.ua-final{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.ua-final .ua-flow{width:100%}
.ua-final img{width:180px;height:auto}
.ua-final blockquote{margin:0;max-width:820px;font-size:18px;color:var(--ua-muted)}
.ua-final p{font-size:24px;font-weight:700;max-width:820px}
/* Reserva para o rodapé «power by» (outro agente) no fim do palco da cena 18. */
.ua-footer-reserve{height:72px;flex:0 0 72px}
@media (max-width:760px){
 .ultra-analysis{width:100%;min-height:0;padding:0}
 .ua-scene{padding:12px;gap:10px}
 .ua-titles h3{font-size:19px}
 .ua-two-charts,.ua-17,.ua-side,.ua-tax-pair,.ua-pouch,.ua-three{grid-template-columns:minmax(0,1fr)}
 .ua-companies{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ua-metrics{grid-template-columns:minmax(0,1fr)}
 .ua-metrics-2{grid-template-columns:minmax(0,1fr)}
 .ua-chain,.ua-chain-5{grid-template-columns:minmax(0,1fr)}
 .ua-flow{grid-auto-flow:row;grid-auto-columns:auto}
 .ua-flow li{min-height:0}
 .ua-hbar{grid-template-columns:minmax(0,1fr) auto}
 .ua-hbar>div{grid-column:1/-1;grid-row:2}
 .ua-lead,.ua-final p{font-size:19px}
 .ua-equation{font-size:17px}
}

/* Revisão: comparação legível, sem cartões sobrepostos nem escalonamento de câmera. */
.ua-workspace-bar{display:flex;align-items:center;gap:16px;padding:16px 20px;margin:-18px -18px 10px;background:#fafaff;border-bottom:1px solid #c8d0e3;font-size:14px}
.ua-workspace-bar img{width:75px;height:auto}.ua-workspace-bar>span{font:14px 'IBM Plex Mono',monospace;letter-spacing:.12em}.ua-workspace-bar>small{margin-left:auto;font-size:14px;color:#586783}
.ua-analysis-workspace{border:1px solid #c8d0e3;border-radius:14px;padding:24px;background:#f0f1fa;gap:22px}
.ua-analysis-workspace .ua-head{display:grid;gap:12px}.ua-analysis-workspace .ua-head>small{font-size:14px;color:#586783;letter-spacing:.08em}
.ua-analysis-workspace .ua-titles h3{font-size:26px}.ua-analysis-workspace .ua-two-charts{gap:22px}.ua-analysis-workspace .ua-two-charts section{padding:20px}.ua-analysis-workspace .ua-two-charts h4{font-size:16px;margin-bottom:16px}
.ua-cohort-table{overflow:auto;background:#fff;border:1px solid #c8d0e3;border-radius:12px;padding:12px}.ua-cohort-table table{border-collapse:collapse;width:100%;font-size:14px}.ua-cohort-table td,.ua-cohort-table th{padding:15px 12px;text-align:left;border-bottom:1px solid #dbe0eb;white-space:nowrap}.ua-cohort-table thead{font-size:14px;color:#586783}.ua-cohort-table [data-in-group=true]{background:#eff8f6;color:#155942}
.ua-premises span[data-highlight=true]{border-color:#7921c9;background:#f4eaff}.ua-analysis-workspace .ua-premises{gap:12px}.ua-analysis-workspace .ua-premises span{border-radius:8px;padding:12px 16px}
.ua-scene svg text{font-family:Montserrat,sans-serif}.ua-rank{max-width:1000px;margin:auto}.ua-events th,.ua-events td{white-space:normal;overflow-wrap:anywhere;min-width:110px}.ua-events td:nth-child(4){font-family:'IBM Plex Mono',monospace;font-size:14px}
@media(max-width:760px){.ua-analysis-workspace{padding:16px}.ua-workspace-bar{margin:-16px -16px 2px;padding:14px;gap:10px;flex-wrap:wrap}.ua-workspace-bar>b{flex-basis:100%;order:2}.ua-analysis-workspace .ua-titles h3{font-size:22px}.ua-analysis-workspace .ua-two-charts section{padding:10px}.ua-scene .ua-note{font-size:12px;line-height:1.6}}
/* Cena 13 compacta (ordem do dono 21/10 22:13): sem moldura interna, faixa P4, gráficos ocupam a área livre sem deformar. */
.snap-scene[data-correction-layout=true] .ua-scene-13{height:100%;min-height:0;padding:16px;gap:10px;overflow:visible}
.ua-scene-13 .ua-head{gap:4px}
.ua-scene-13.ua-analysis-workspace .ua-premises{gap:8px}.ua-scene-13.ua-analysis-workspace .ua-premises span{padding:6px 12px}
.ua-scene-13 .ua-two-charts{flex:1;min-height:0;grid-template-rows:minmax(0,1fr)}.ua-scene-13.ua-analysis-workspace .ua-two-charts{gap:14px}
.ua-scene-13.ua-analysis-workspace .ua-two-charts section{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr);gap:6px 12px;padding:12px;min-height:0}
.ua-scene-13.ua-analysis-workspace .ua-two-charts h4{grid-row:1;grid-column:1;margin:0}
.ua-scene-13 .ua-two-charts .ua-legend{grid-row:1;grid-column:2;margin:0;align-self:center}
.ua-scene-13 .ua-two-charts svg{grid-row:2;grid-column:1/-1;width:100%;height:100%;min-height:0}
.ua-scene-13 .ua-metric{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:0 10px;padding:6px 12px}
.ua-scene-13 .ua-metric span{flex-basis:100%;font-size:14px}
@media(max-width:760px){
 .snap-scene[data-correction-layout=true] .ua-scene-13{padding:8px;gap:6px}
 .ua-scene-13 .ua-head small{font-size:12px}.ua-scene-13.ua-analysis-workspace .ua-titles h3{font-size:16px}
 .ua-scene-13.ua-analysis-workspace .ua-premises{display:grid;grid-template-columns:1fr 1fr;gap:4px}.ua-scene-13.ua-analysis-workspace .ua-premises span{padding:4px 8px;font-size:12px}
 .ua-scene-13 .ua-two-charts{grid-template-columns:minmax(0,1fr)}
 .ua-scene-13 .ua-two-charts[data-mobile-chart=caixa]>section:last-child,.ua-scene-13 .ua-two-charts[data-mobile-chart=fluxo]>section:first-child{display:none}
 .ua-scene-13.ua-analysis-workspace .ua-two-charts section{padding:8px;gap:4px 8px}.ua-scene-13.ua-analysis-workspace .ua-two-charts h4{font-size:12px}.ua-scene-13 .ua-legend{font-size:12px;gap:8px}
 .ua-scene-13 .ua-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
 .ua-scene-13 .ua-metric{flex-direction:column;gap:0;padding:4px 6px}.ua-scene-13 .ua-metric small{font-size:12px}.ua-scene-13 .ua-metric strong{font-size:13px}.ua-scene-13 .ua-metric{min-width:0}.ua-scene-13 .ua-metric span{flex-basis:auto;min-width:0;font-size:12px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
 .ua-scene-13 .ua-head small,.ua-scene-13 .ua-note{display:none}
}
/* ---------- 16 e 17 · palco cheio com o dashboard global (modules/design_system/dashboard) ---------- */
/* dashboard.css entra depois (style em runtime): seletores com .ua-scene.ua-scene-NN para vencer a ordem. */
.snap-scene[data-correction-layout=true] :is(.ua-scene-16,.ua-scene-17){height:auto;min-height:100%;padding:16px 20px;gap:10px;overflow:visible}
.ua-scene.ua-scene-16 :is(.dsb-painel,.dsb-grafico,.dsb-kpis),.ua-scene.ua-scene-17 :is(.dsb-painel,.dsb-grafico,.dsb-kpis){
 --dsb-tinta:var(--ua-ink);--dsb-suave:var(--ua-muted);--dsb-linha:var(--ua-line);--dsb-fundo:var(--ua-card);
 --dsb-marca:#6113fc;--dsb-azul:#0e5df6;--dsb-violeta:#9c08fe;--dsb-positivo:#0f7a43;--dsb-perigo:#c2291d;--dsb-sol:#ffc94a;--dsb-altura:minmax(0,1fr)}
:is(.ua-scene-16,.ua-scene-17) .ua-head{display:grid;gap:4px}
:is(.ua-scene-16,.ua-scene-17) .ua-head small{font-size:14px}
:is(.ua-scene-16,.ua-scene-17) .ua-titles h3{font-size:26px}
:is(.ua-scene-16,.ua-scene-17) .ua-note,:is(.ua-scene-16,.ua-scene-17) .ua-source{font-size:14px;line-height:1.4}
:is(.ua-scene-16,.ua-scene-17) .ua-equation{font-size:18px}
:is(.ua-scene-16,.ua-scene-17) .ua-lead{font-size:24px}
:is(.ua-scene-16,.ua-scene-17) .ua-versions,:is(.ua-scene-16,.ua-scene-17) .ua-premises span{font-size:15px}
:is(.ua-scene-16,.ua-scene-17) .ua-metric{padding:8px 12px}
:is(.ua-scene-16,.ua-scene-17) .ua-metric small{font-size:14px}
:is(.ua-scene-16,.ua-scene-17) .ua-metric strong{font-size:24px}
:is(.ua-scene-16,.ua-scene-17) .ua-metric span{font-size:14px}
/* painéis do dashboard: preenchem a altura, texto >= 14px */
.ua-scene.ua-scene-16 .dsb-painel,.ua-scene.ua-scene-17 .dsb-painel{border-color:var(--ua-line);border-radius:12px;padding:14px 16px;gap:10px;min-height:0;overflow:hidden}
.ua-scene.ua-scene-16 .dsb-cabeca h3,.ua-scene.ua-scene-17 .dsb-cabeca h3{font-size:18px;font-weight:700}
.ua-scene.ua-scene-16 .dsb-cabeca p,.ua-scene.ua-scene-17 .dsb-cabeca p{font-size:14px;margin-top:4px}
.ua-scene.ua-scene-16 .dsb-grafico:not(.dsb-barras-h),.ua-scene.ua-scene-17 .dsb-grafico:not(.dsb-barras-h){flex:1;min-height:0;display:flex;flex-direction:column}
.ua-scene.ua-scene-16 .dsb-area-grafico,.ua-scene.ua-scene-17 .dsb-area-grafico{flex:1;min-height:0;column-gap:10px}
.ua-scene.ua-scene-16 .dsb-legenda,.ua-scene.ua-scene-17 .dsb-legenda{font-size:15px;color:var(--ua-ink);gap:6px 20px;margin-bottom:10px}
.ua-scene.ua-scene-16 .dsb-legenda i,.ua-scene.ua-scene-17 .dsb-legenda i{width:22px;height:12px;border-radius:3px}
.ua-scene.ua-scene-16 :is(.dsb-eixo-y,.dsb-eixo-x),.ua-scene.ua-scene-17 :is(.dsb-eixo-y,.dsb-eixo-x){font-size:14px;color:var(--ua-muted)}
.ua-scene.ua-scene-16 .dsb-eixo-y,.ua-scene.ua-scene-17 .dsb-eixo-y{min-width:72px}
.ua-scene.ua-scene-16 .dsb-eixo-x,.ua-scene.ua-scene-17 .dsb-eixo-x{height:24px}
.ua-scene.ua-scene-16 .dsb-eixo-categorias,.ua-scene.ua-scene-17 .dsb-eixo-categorias{height:auto;font-size:15px}
.ua-scene.ua-scene-16 .dsb-eixo-categorias small{font-size:14px}
.ua-scene.ua-scene-16 .dsb-eixo-categorias b{font-size:16px}
.ua-scene.ua-scene-16 .dsb-rotulo-barra,.ua-scene.ua-scene-17 .dsb-rotulo-barra{font-size:15px;font-weight:700}
.ua-scene.ua-scene-16 .dsb-grupo,.ua-scene.ua-scene-17 .dsb-grupo{width:min(84%,150px);gap:4px}
.ua-scene.ua-scene-16 .dsb-cascata .dsb-barra-slot,.ua-scene.ua-scene-17 .dsb-cascata .dsb-barra-slot{width:min(74%,130px)}
.ua-scene.ua-scene-16 .dsb-barra,.ua-scene.ua-scene-17 .dsb-barra{border-radius:5px 5px 0 0}
.ua-scene.ua-scene-16 .dsb-kpi small,.ua-scene.ua-scene-17 .dsb-kpi small{font-size:14px}
.ua-scene.ua-scene-16 .dsb-kpi strong,.ua-scene.ua-scene-17 .dsb-kpi strong{font-size:30px;font-weight:600}
.ua-scene.ua-scene-16 .dsb-barras-h ul,.ua-scene.ua-scene-17 .dsb-barras-h ul{gap:16px}
.ua-scene.ua-scene-16 .dsb-barras-h li,.ua-scene.ua-scene-17 .dsb-barras-h li{grid-template-columns:minmax(150px,34%) 1fr auto;gap:12px}
.ua-scene.ua-scene-16 .dsb-h-rotulo,.ua-scene.ua-scene-17 .dsb-h-rotulo{font-size:15px;font-weight:600}
.ua-scene.ua-scene-16 .dsb-h-trilho,.ua-scene.ua-scene-17 .dsb-h-trilho{height:30px;border-radius:5px}
.ua-scene.ua-scene-16 .dsb-barras-h strong,.ua-scene.ua-scene-17 .dsb-barras-h strong{font-size:18px}
.ua-scene.ua-scene-17 .dsb-traco{stroke-width:4.5}
.ua-scene.ua-scene-17 .dsb-traco[data-tracejada]{stroke-dasharray:10 7}
.ua-scene.ua-scene-17 .dsb-ponto{width:14px;height:14px}
.ua-scene.ua-scene-17 .dsb-rotulo-final{font-size:17px;font-weight:700}
/* empilhamento de atos: cada camada ocupa a altura toda */
:is(.ua-scene-16 .ua-s16-acts,.ua-scene-17 .ua-s17-acts){min-height:0;height:100%;grid-template-rows:minmax(0,1fr)}
:is(.ua-scene-16 .ua-s16-acts,.ua-scene-17 .ua-s17-acts)>.ua-layer{min-height:0;display:flex;flex-direction:column}
:is(.ua-scene-16 .ua-s16-acts,.ua-scene-17 .ua-s17-acts)>.ua-layer>.dsb-painel{flex:1}
/* 16 · CBS (azul) e IBS (violeta) com fundo cheio, texto branco (contraste 5,4 e 5,4) */
.ua-scene-16 .ua-tax-pair{gap:12px}
.ua-scene-16 .ua-tax-pair section{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:14px;row-gap:0;align-items:center;padding:6px 14px;border:0;color:#fff;line-height:1.2}
.ua-scene-16 .ua-tax-pair section[data-tributo=cbs]{background:#0e5df6}
.ua-scene-16 .ua-tax-pair section[data-tributo=ibs]{background:#9c08fe}
.ua-scene-16 .ua-tax-pair h4{grid-row:1/3;grid-column:1;font-size:28px;line-height:1}
.ua-scene-16 .ua-tax-pair small{grid-row:1;grid-column:2;font-size:14px;color:#fff}
.ua-scene-16 .ua-tax-pair p{grid-row:2;grid-column:2;font-size:15px;font-weight:600}
.ua-scene-16 .ua-tax-pair strong{grid-row:1;grid-column:3;justify-self:end;font-size:24px;color:#fff;line-height:1}
.ua-scene-16 .ua-tax-pair span{grid-row:2;grid-column:3;justify-self:end;font-size:14px;color:#fff}
.ua-scene-16 .ua-tax-pair .ua-ring{inset:-5px;border:3px solid var(--ua-ink);border-radius:15px}
/* 16 · densidade: painéis da direita cabem em ~260px */
.snap-scene[data-correction-layout=true] .ua-scene-16{gap:8px;padding:12px 18px}
.ua-scene.ua-scene-16 .ua-s16-acts .dsb-painel{padding:10px 14px;gap:8px}
.ua-scene.ua-scene-16 .ua-s16-acts .dsb-barras-h ul{gap:8px}
.ua-scene.ua-scene-16 .ua-s16-acts .dsb-h-trilho{height:24px}
.ua-scene-16 .ua-s16-acts .ua-note{line-height:1.3}
.ua-scene-16 .ua-s16-acts .ua-equation{font-size:16px}
.ua-scene-16 .ua-source{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* 16 · fluxo de seis etapas, cada uma com a sua cor */
.ua-flow16{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.ua-flow16 li{--c:#0e5df6;position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;padding:5px 10px;border:1px solid var(--ua-line);border-top:4px solid var(--c);border-radius:10px;background:var(--ua-card)}
.ua-flow16 li:nth-child(2){--c:#6113fc}.ua-flow16 li:nth-child(3){--c:#9c08fe}.ua-flow16 li:nth-child(4){--c:#0f766e}.ua-flow16 li:nth-child(5){--c:#0f7a43}.ua-flow16 li:nth-child(6){--c:#b45309}
.ua-flow16 .ua-fill{background:color-mix(in srgb,var(--c) 16%,#fff)}
.ua-flow16 li>*:not(.ua-fill){position:relative}
.ua-flow16 li span{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--c);color:#fff;font-size:14px;font-weight:700}
.ua-flow16 li b{font-size:15px;line-height:1.2;color:var(--ua-ink)}
.ua-flow16 li[data-ativo=true]{border-color:var(--c)}
/* 16 · transição (esquerda) e atos (direita) ocupam todo o espaço restante */
.ua-s16-main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:12px}
/* transição: cabeçalho e legenda na mesma linha, nota numa linha no rodapé, gráfico com o resto da altura */
.ua-scene.ua-scene-16 .ua-s16-transicao{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto;gap:6px 12px;padding:10px 14px}
.ua-scene.ua-scene-16 .ua-s16-transicao :is(.dsb-cabeca,.dsb-grafico){display:contents}
.ua-scene.ua-scene-16 .ua-s16-transicao .dsb-cabeca h3{grid-row:1;grid-column:1;align-self:center}
.ua-scene.ua-scene-16 .ua-s16-transicao .dsb-legenda{grid-row:1;grid-column:2;margin:0;align-self:center}
.ua-scene.ua-scene-16 .ua-s16-transicao .dsb-area-grafico{grid-row:2;grid-column:1/-1;min-height:0;height:100%}
.ua-scene.ua-scene-16 .ua-s16-transicao .dsb-cabeca p{grid-row:3;grid-column:1/-1;margin:0;line-height:1.3}
.ua-scene.ua-scene-16 .ua-s16-transicao .dsb-eixo-categorias>span{padding-top:2px;line-height:1.15}
.ua-scene.ua-scene-16 .ua-s16-transicao .dsb-grafico{--dsb-neutro:#b45309;--dsb-marca:#6113fc}
.ua-scene.ua-scene-16 .ua-s16-transicao .dsb-grupo{width:min(86%,96px)}
.ua-scene.ua-scene-16 .ua-s16-transicao .dsb-coluna[data-destaque]{background:color-mix(in srgb,#6113fc 9%,transparent);border-radius:8px}
.ua-scene.ua-scene-16 .ua-s16-transicao .dsb-coluna[data-destaque] .dsb-barra{outline:3px solid var(--ua-ink)}
.ua-scene.ua-scene-16 .ua-s16-transicao .dsb-eixo-categorias [data-destaque] b{color:#6113fc}
.ua-s16-esferas{flex:1;min-height:0;display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:10px}
.ua-s16-esferas>div{display:flex;align-items:center;gap:16px;min-height:0;padding:8px 16px;border-radius:12px;color:#fff}
.ua-s16-esferas>[data-tributo=cbs]{background:#0e5df6}.ua-s16-esferas>[data-tributo=ibs]{background:#9c08fe}
.ua-s16-esferas b{flex:none;font-size:30px;line-height:1}.ua-s16-esferas span{font-size:16px;font-weight:600;line-height:1.3}
.ua-s16-versoes{list-style:none;margin:0;padding:0;flex:1;display:grid;grid-auto-rows:1fr;gap:8px}
.ua-s16-versoes li{display:flex;flex-direction:column;justify-content:center;gap:0;padding:4px 12px;line-height:1.25;border:1px solid var(--ua-line);border-left:6px solid var(--ua-line);border-radius:10px}
.ua-s16-versoes li[data-ativa=true]{border-color:#6113fc;background:color-mix(in srgb,#6113fc 10%,#fff)}
.ua-s16-versoes b{font-size:16px}.ua-s16-versoes span{font-size:14px;color:var(--ua-muted)}
/* 17 · gráfico de caixa grande à esquerda, atos à direita, tudo na altura do palco */
.ua-scene-17 .ua-17{flex:1;min-height:0;grid-template-rows:minmax(0,1fr);align-items:stretch}
.ua-scene.ua-scene-17 .ua-chart-panel{padding:14px 16px;gap:10px}
.ua-scene-17 .ua-s17-linhas{flex:1;min-height:0;display:flex;flex-direction:column}
.ua-scene-17 .ua-s17-soma{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:10px;background:color-mix(in srgb,#0e5df6 10%,#fff);font-size:15px}
.ua-scene-17 .ua-s17-soma b{font-size:26px;color:#0e5df6}
.ua-scene-17 .ua-layer .dsb-barras-h{flex:1;display:flex;flex-direction:column;justify-content:center}
.ua-scene-16 .ua-layer .dsb-barras-h{flex:1;display:flex;flex-direction:column;justify-content:center}
@media (max-width:760px){
 .snap-scene[data-correction-layout=true] :is(.ua-scene-16,.ua-scene-17){padding:8px;gap:6px}
 :is(.ua-scene-16,.ua-scene-17) .ua-head small{font-size:12px}
 :is(.ua-scene-16,.ua-scene-17) .ua-titles h3{font-size:16px}
 :is(.ua-scene-16,.ua-scene-17) .ua-note,:is(.ua-scene-16,.ua-scene-17) .ua-source{font-size:12px;line-height:1.3}
 :is(.ua-scene-16,.ua-scene-17) .ua-equation{font-size:12px}
 :is(.ua-scene-16,.ua-scene-17) .ua-lead{font-size:15px}
 :is(.ua-scene-16,.ua-scene-17) .ua-versions,:is(.ua-scene-16,.ua-scene-17) .ua-premises span{font-size:12px}
 :is(.ua-scene-16,.ua-scene-17) .ua-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
 :is(.ua-scene-16,.ua-scene-17) .ua-metrics-2{grid-template-columns:repeat(2,minmax(0,1fr))}
 :is(.ua-scene-16,.ua-scene-17) .ua-metric{padding:4px 6px;min-width:0}
 :is(.ua-scene-16,.ua-scene-17) .ua-metric small,:is(.ua-scene-16,.ua-scene-17) .ua-metric span{font-size:12px}
 :is(.ua-scene-16,.ua-scene-17) .ua-metric strong{font-size:13px}
 .ua-scene.ua-scene-16 .dsb-painel,.ua-scene.ua-scene-17 .dsb-painel{padding:8px;gap:6px}
 .ua-scene.ua-scene-16 .dsb-cabeca h3,.ua-scene.ua-scene-17 .dsb-cabeca h3{font-size:12px}
 .ua-scene.ua-scene-16 .dsb-cabeca p,.ua-scene.ua-scene-17 .dsb-cabeca p{font-size:12px}
 .ua-scene.ua-scene-16 .dsb-legenda,.ua-scene.ua-scene-17 .dsb-legenda{font-size:12px;gap:4px 10px;margin-bottom:4px}
 .ua-scene.ua-scene-16 .dsb-legenda i,.ua-scene.ua-scene-17 .dsb-legenda i{width:14px;height:8px}
 .ua-scene.ua-scene-16 :is(.dsb-eixo-y,.dsb-eixo-x,.dsb-eixo-categorias),.ua-scene.ua-scene-17 :is(.dsb-eixo-y,.dsb-eixo-x,.dsb-eixo-categorias){font-size:12px}
 .ua-scene.ua-scene-16 .dsb-eixo-categorias b{font-size:12px}.ua-scene.ua-scene-16 .dsb-eixo-categorias small{font-size:12px}
 .ua-scene.ua-scene-16 .dsb-eixo-y,.ua-scene.ua-scene-17 .dsb-eixo-y{min-width:40px}
 .ua-scene.ua-scene-16 .dsb-rotulo-barra,.ua-scene.ua-scene-17 .dsb-rotulo-barra{font-size:12px}
 .ua-scene.ua-scene-17 .dsb-rotulo-final{font-size:12px}
 .ua-scene.ua-scene-16 .dsb-kpi small,.ua-scene.ua-scene-17 .dsb-kpi small{font-size:12px}
 .ua-scene.ua-scene-16 .dsb-kpi strong,.ua-scene.ua-scene-17 .dsb-kpi strong{font-size:16px}
 .ua-scene.ua-scene-16 .dsb-kpis,.ua-scene.ua-scene-17 .dsb-kpis{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:6px}
 .ua-scene.ua-scene-16 .dsb-barras-h ul,.ua-scene.ua-scene-17 .dsb-barras-h ul{gap:6px}
 .ua-scene.ua-scene-16 .dsb-barras-h li,.ua-scene.ua-scene-17 .dsb-barras-h li{grid-template-columns:minmax(70px,34%) 1fr auto;gap:6px}
 .ua-scene.ua-scene-16 .dsb-h-rotulo,.ua-scene.ua-scene-17 .dsb-h-rotulo{font-size:12px}
 .ua-scene.ua-scene-16 .dsb-h-trilho,.ua-scene.ua-scene-17 .dsb-h-trilho{height:16px}
 .ua-scene.ua-scene-16 .dsb-barras-h strong,.ua-scene.ua-scene-17 .dsb-barras-h strong{font-size:12px;min-width:0}
 .ua-scene-16 .ua-tax-pair{grid-template-columns:1fr 1fr;gap:6px}
 .ua-scene-16 .ua-tax-pair section{grid-template-columns:auto minmax(0,1fr);padding:6px 8px;column-gap:8px}
 .ua-scene-16 .ua-tax-pair h4{grid-row:1;font-size:18px}
 .ua-scene-16 .ua-tax-pair small{font-size:12px}
 .ua-scene-16 .ua-tax-pair p{display:none}
 .ua-scene-16 .ua-tax-pair strong{grid-row:2;grid-column:1;justify-self:start;font-size:16px}
 .ua-scene-16 .ua-tax-pair span{grid-row:2;grid-column:2;justify-self:start;font-size:12px}
 .ua-flow16{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
 .ua-flow16 li{padding:4px 6px;gap:5px;border-top-width:3px}
 .ua-flow16 li span{width:18px;height:18px;font-size:12px}
 .ua-flow16 li b{font-size:12px}
 .ua-s16-main{grid-template-columns:minmax(0,1fr);gap:6px}
 .ua-scene.ua-scene-16 .ua-s16-transicao{grid-template-columns:minmax(0,1fr);padding:8px;gap:4px}
 .ua-scene.ua-scene-16 .ua-s16-transicao .dsb-legenda{grid-row:2;grid-column:1}
 .ua-scene.ua-scene-16 .ua-s16-transicao .dsb-area-grafico{grid-row:3}
 .ua-scene.ua-scene-16 .ua-s16-transicao .dsb-cabeca p{grid-row:4}
 .ua-scene.ua-scene-16 .ua-s16-transicao{grid-template-rows:auto auto minmax(0,1fr) auto}
 .ua-scene-16 .ua-source{white-space:normal}
 .ua-s16-esferas>div{padding:6px 10px;gap:10px}
 .ua-s16-main[data-mobile-panel=lado]>.ua-s16-transicao,.ua-s16-main[data-mobile-panel=transicao]>.ua-s16-acts{display:none}
 .ua-s16-esferas b{font-size:22px}.ua-s16-esferas span{font-size:12px}.ua-s16-esferas>div{padding:10px 12px}
 .ua-s16-versoes b{font-size:12px}.ua-s16-versoes span{font-size:12px}.ua-s16-versoes li{padding:4px 8px}
 .ua-scene-17 .ua-17{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1.1fr) minmax(0,1fr);gap:6px}
 .ua-scene-17 .ua-17[data-act=detail]{grid-template-rows:minmax(0,1fr)}
 .ua-scene-17 .ua-17[data-act=detail]>.ua-chart-panel{display:none}
 .ua-scene.ua-scene-17 .ua-chart-panel{padding:8px;gap:6px}
 .ua-scene-17 .ua-s17-soma{font-size:12px;padding:6px 8px}.ua-scene-17 .ua-s17-soma b{font-size:15px}
}
/* Encaixe no celular (23/10/2026): o palco rola por dentro, então os painéis do dashboard ficam com a altura do conteúdo em vez de recortar eixo e barras. */
@media(max-width:760px){
 .snap-scene[data-correction-layout=true] :is(.ua-scene-16,.ua-scene-17) :is(.ua-17,.ua-s16-main,.ua-s16-acts,.ua-s17-acts){flex:none;height:auto;min-height:0;grid-template-rows:none;grid-auto-rows:auto}
 .snap-scene[data-correction-layout=true] :is(.ua-scene-16,.ua-scene-17) :is(.ua-layer,.dsb-painel,.ua-s17-linhas,.dsb-grafico,.dsb-area-grafico){flex:none;min-height:auto}
 .snap-scene[data-correction-layout=true] .ua-scene.ua-scene-16 .dsb-painel,.snap-scene[data-correction-layout=true] .ua-scene.ua-scene-17 .dsb-painel{overflow:visible}
}
/* 16 · telas de 761 a 1300px (23/10/2026): a coluna auto da alíquota e a da legenda espremiam o texto vizinho até 0px; a alíquota desce para a 3ª linha, a legenda vai para baixo do título e os painéis têm 250px de piso (o --encaixe reduz a cena inteira). */
@media(min-width:761px) and (max-width:1300px){
 .ua-scene-16 .ua-tax-pair span{grid-row:3;grid-column:2/4;justify-self:start}
 .ua-scene.ua-scene-16 .ua-s16-transicao{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto}
 .ua-scene.ua-scene-16 .ua-s16-transicao .dsb-legenda{grid-row:2;grid-column:1}
 .ua-scene.ua-scene-16 .ua-s16-transicao .dsb-area-grafico{grid-row:3}
 .ua-scene.ua-scene-16 .ua-s16-transicao .dsb-cabeca p{grid-row:4}
 .snap-scene[data-correction-layout=true] .ua-scene-16 .ua-s16-main{flex:none;min-height:250px}
 .snap-scene[data-correction-layout=true] .ua-scene.ua-scene-16{flex:none;height:auto;min-height:100%}
}
