/* Revisão da Proposta e quadro compartilhado. Fox · Codex · Lucius 04. */
.qLoading{position:absolute;top:16px;left:16px;z-index:1;max-width:calc(100% - 32px);padding:8px 12px;border:1px solid var(--wb-line-2);border-radius:var(--wb-panel-radius);background:var(--wb-bg);color:var(--wb-soft);font:400 12px/18px var(--wb-sans);pointer-events:none}
.qLoading[hidden]{display:none}
.propostaTopo{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:0 0 24px}.propostaTopo p{color:var(--wb-soft);max-width:var(--medida-texto)}.propostaAcoes{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex:none}.propostaRegua{margin:0 0 24px;border-bottom:1px solid var(--wb-line);padding-bottom:20px}.propostaRegua summary{cursor:pointer;color:var(--wb-soft);font-size:13px}.propostaRegua ul{margin-top:16px;padding-left:18px;display:grid;gap:8px}.propostaAreaAcoes{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.propostaRodape{display:flex;gap:16px;justify-content:space-between;align-items:center;margin:22px 0 30px}.propostaRodape p{font-size:13px;color:var(--wb-soft)}.propostaAviso{min-height:28px;font-size:13px;color:var(--wb-soft);margin-bottom:12px}.propostaAviso button{margin-left:12px}.propostaPrevia{margin-top:30px;border-top:1px solid var(--wb-line);padding-top:20px}.propostaPrevia>summary{cursor:pointer;color:var(--wb-soft)}.propostaPrevia[open]>div{padding-top:24px}.propostaLimite{color:var(--wb-dim);font-size:12px;margin:10px 0 22px}
.produtoQuadro{display:flex;flex-direction:column;min-width:0;border:1px solid var(--wb-line);background:var(--wb-bg);height:680px;position:relative}.qBarra{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px var(--wb-section-gap);padding:var(--wb-section-gap);border-bottom:1px solid var(--wb-line)}.qBarra label{min-width:0;max-width:100%;flex:0 1 auto;display:flex;flex-direction:column;align-items:flex-start;gap:var(--wb-control-gap)}.qBarra label>span{font-size:11px;color:var(--wb-soft)}.qBarra .wbSelect{width:auto;min-width:0;max-width:100%}.qViewport{flex:1;min-height:180px;overflow:hidden;position:relative;background:var(--wb-panel)}.qFrame{display:block;transform-origin:0 0;max-width:none}.qStatus{flex:none;min-height:0;color:var(--wb-soft);font-size:12px;line-height:1.7;overflow-wrap:anywhere;padding:0 20px}.qStatus:not(:empty){padding:14px 20px;border-top:1px solid var(--wb-line)}.qStatus button{margin:4px 6px 0 0}.qEntrada{align-self:flex-start;margin:12px 20px;min-height:34px;font-size:12px;padding:5px 14px}.qEntrada[aria-pressed=true]{background:var(--wb-text);color:var(--wb-bg)}
@media(min-width:1180px){.propostaTrabalho{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,43%);gap:32px;align-items:start}.propostaTrabalho>.produtoQuadro{position:sticky;top:24px}.propostaPrevia{grid-column:1/-1}.propostaTrabalho .propostaAreaAcoes{justify-content:flex-start}}
@media(max-width:760px){.propostaTopo{flex-direction:column;gap:16px}.propostaAcoes{align-items:flex-start}.propostaAreaAcoes{justify-content:flex-start}.propostaRodape{align-items:flex-start;flex-direction:column}.produtoQuadro{height:620px}.qStatus{padding-left:12px;padding-right:12px}.qEntrada{margin-left:12px;max-width:calc(100% - 24px)}}

/* Passagem 2: duas voltas agrupadas, mantendo ações e nomes distintos. Fox · Codex. */
.qOutra{min-width:0;max-width:100%;width:100%;height:36px;padding:6px 10px;border:1px solid var(--wb-line-2);border-radius:3px;background:var(--wb-panel);color:var(--wb-text);font:12px var(--wb-mono)}

/* Arco 01: consequência em linhas próprias e quatro territórios. Fox · Codex. */
.item[hidden]{display:none!important}.navFilho{padding-left:30px!important}.navPrincipal{font-weight:500}.navTerritorio{margin-bottom:8px}
.propostaAviso p{margin:0 0 8px;white-space:normal;overflow-wrap:break-word}.propostaAviso button{margin:4px 0 12px}.propostaAcoes{max-width:var(--medida-texto)}.propostaAcoes p{font-size:12px;line-height:1.6;margin:0}
.fonteSelo{display:inline-block;margin:12px 0 20px}.inspOrigem{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.inspOrigem .flowBadge{margin:0}
.deliverySystem>div{margin-top:24px}
.qMarca{font:11px/1.6 var(--wb-mono);color:var(--wb-soft);padding:8px 20px}.resumoDegrau>.diagPick{white-space:nowrap;min-width:4.5ch}.visaoManchete{max-width:var(--medida-texto);margin:0 0 24px}
@media(max-width:760px){.propostaAcoes{width:100%;max-width:none;align-items:stretch}.propostaAcoes .btn{width:100%}}

/* Proposta: uma ação clara e um único quadro do produto. */
.propostaWorkspace{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "prepared" "notice" "review" "export" "rules" "extra";gap:0;align-items:start}
.propostaTopo{grid-area:intro;margin:0 0 24px}.propostaAcoes{align-items:flex-start;max-width:var(--medida-texto)}.propostaAcoes .btn{min-height:48px;padding:10px 20px}.proposalPanel{min-width:0;background:var(--wb-bg)}
.propostaBotoes{display:flex;align-items:center;gap:12px}.propostaBotoes>.btn{width:auto}
.proposalPanel[hidden]{display:none}
.proposalPanel .produtoQuadro{height:100%;min-height:0;flex:1;border:0}.proposalPanel .qEntrada{display:none}.propostaWorkspace>.propostaRegua{grid-area:rules;margin:0}.propostaWorkspace>.propostaAviso{grid-area:notice}.propostaWorkspace>.propostaAviso:empty{display:none}.propostaWorkspace>#propostaRevisao{grid-area:review;min-width:0}.propostaWorkspace>.propostaPrevia{grid-area:extra}.propostaWorkspace>#propostaExportar{grid-area:export}
.propostaWorkspace #propostaRevisao[inert]{pointer-events:none;opacity:.55}.propostaWorkspace #propostaRevisao[hidden]{display:none}.propostaWorkspace .propostaRegua[hidden],.propostaWorkspace .propostaAviso[hidden]{display:none}

/* Nome navega; seta controla os detalhes, inclusive pelo teclado. Fox · Codex. */
.navCab{display:flex;align-items:stretch;min-width:0}.navCab>.item{flex:1;min-width:0;width:auto;padding-right:8px}.navToggle{display:flex;align-items:center;justify-content:center;flex:none;width:44px;min-height:40px;padding:0;border:0;background:none;color:var(--wb-dim);cursor:pointer}.navToggle:hover{color:var(--wb-text)}.navToggle svg{transition:transform .15s ease}.navToggle[aria-expanded=false] svg{transform:rotate(-90deg)}.navToggle:focus-visible{outline:2px solid var(--wb-text);outline-offset:-4px}.navDetalhes[hidden]{display:none!important}
.item.contextoAtivo{color:var(--wb-text)}
.abasArea{display:flex;align-items:stretch;gap:20px;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;border-bottom:1px solid var(--wb-line);padding:0 24px}
.areaTab{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-height:48px;padding:0 2px;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;color:var(--wb-soft);font:400 13px/20px var(--wb-sans);white-space:nowrap;cursor:pointer}
.areaTab:hover,.areaTab[aria-selected=true]{color:var(--wb-text)}.areaTab[aria-selected=true]{border-bottom-color:var(--wb-text);font-weight:500}
.areaTab:focus-visible{outline:2px solid var(--wb-text);outline-offset:-3px;border-radius:3px}
.areaTabEstado{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;color:var(--wb-soft)}
.areaTabEstado .navSinal{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.areaTabEstado .navSinal:has(circle){fill:currentColor;stroke:none}
.areaTab.mudou .areaTabEstado:empty::after{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}
.areaTab[aria-selected=true].mudou .areaTabEstado:empty::after{background:var(--wb-accent)}
/* Navegação lateral compactável; o flyout fica no shell, fora do overflow da lateral. */
.casca{transition:grid-template-columns .15s ease}
.marca .navColapsar{display:inline-grid;place-items:center;flex:none;width:var(--nav-sinal-coluna);height:44px;margin-left:auto;padding:0;border:0;border-radius:4px;background:none;color:var(--wb-soft);cursor:pointer}
@media(min-width:761px){.lateral>.marca{padding-right:0}}
@media(hover:hover){.marca .navColapsar:hover{color:var(--wb-text)}}.navColapsar:focus-visible{outline:2px solid var(--wb-text);outline-offset:-4px}
.casca.navColapsado{grid-template-columns:64px minmax(0,1fr)}
.casca.navColapsado .lateral{min-width:0}
.casca.navColapsado .marca{justify-content:center;padding:0}
.casca.navColapsado .navColapsar{margin-inline:0}
.casca.navColapsado #voltarEntrada,.casca.navColapsado #nav .secRot,.casca.navColapsado #nav .navToggle,.casca.navColapsado #nav .navDetalhes,.casca.navColapsado #nav .item>.marca2,.casca.navColapsado .lateralPe{display:none!important}
.casca.navColapsado #nav .item{justify-content:center;gap:0;width:64px;padding:0}
.casca.navColapsado #nav .item>span:first-of-type{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.casca.navColapsado #nav .navCab>.item{flex:none}
.casca.navColapsado #nav .item[data-tooltip]::after{content:attr(data-tooltip);position:fixed;z-index:40;left:72px;padding:6px 9px;border:1px solid var(--wb-line-2);border-radius:4px;background:var(--wb-panel);color:var(--wb-text);font:12px/18px var(--wb-sans);white-space:nowrap;opacity:0;pointer-events:none;transform:translateX(-3px);transition:opacity .15s ease,transform .15s ease}
@media(hover:hover){.casca.navColapsado #nav .item[data-tooltip]:hover::after{opacity:1;transform:none}}
.casca.navColapsado #nav .item[data-tooltip]:focus-visible::after{opacity:1;transform:none}
.navFlyout{position:fixed;z-index:50;width:240px;max-height:72vh;overflow:auto;padding:8px 0;background:var(--wb-bg);border:1px solid var(--wb-line-2);box-shadow:0 12px 32px rgba(0,0,0,.32)}
.navFlyout[hidden]{display:none!important}.navFlyout .item{width:100%;height:40px;padding:0 16px;justify-content:flex-start}
.navFlyout .navFilho{padding-left:30px!important}.navFlyout .item.contextoAtivo{color:var(--wb-text)}
@media(prefers-reduced-motion:reduce){.casca,.casca.navColapsado #nav .item[data-tooltip]::after{transition:none}}
:root[data-movimento=reduzido] .casca,:root[data-movimento=reduzido] .casca.navColapsado #nav .item[data-tooltip]::after{transition:none}
@media(max-width:760px){.marca .navColapsar{display:none}.navFlyout{display:none!important}}
@media(prefers-reduced-motion:reduce){.navToggle svg{transition:none}}

/* Hover unifica nome e seta; a página atual usa só a barrinha lateral. Fox · Codex. */
.navCab{transition:background-color .2s var(--wb-ease)}.navCab>.item:hover{background:none}
@media(hover:hover){.navCab:hover{background:color-mix(in srgb,var(--wb-text) 3%,transparent)}}

/* Sinais de navegação: mesma caixa, traço e eixo, com compensação óptica no desenho. */
.lateral{--nav-sinal-caixa:14px;--nav-sinal-traco:1.75;--nav-sinal-coluna:44px;--nav-sinal-cor:var(--wb-soft)}
#nav .navSinal{width:var(--nav-sinal-caixa);height:var(--nav-sinal-caixa);flex:none;fill:none;stroke:currentColor;stroke-width:var(--nav-sinal-traco);stroke-linecap:round;stroke-linejoin:round}
#nav .navToggle{width:var(--nav-sinal-coluna);color:var(--nav-sinal-cor)}
#nav .item:has(>.marca2){padding-right:0}
#nav .item>.marca2{display:flex;align-items:center;justify-content:center;width:var(--nav-sinal-coluna);height:40px;flex:none;margin-left:auto;color:var(--nav-sinal-cor)}
#nav .navSinal:has(circle){fill:currentColor;stroke:none}
@media(hover:hover){#nav .navToggle:hover,#nav .item:hover>.marca2{color:var(--wb-text)}}

/* Controle de painel maior, no mesmo eixo dos sinais à direita do menu. */
.navColapsar svg.wbIcon{width:18px;height:18px}

/* Controles do visualizador com rótulos externos. */
.qBarra label>span[data-q-nome]{display:block;font-size:11px;line-height:14px;color:var(--wb-soft)}
.qBarra .wbSelectTrigger{display:flex;width:auto;max-width:100%;height:var(--wb-control-h);min-height:var(--wb-control-h);padding:0 var(--wb-control-pad);border-radius:var(--wb-control-radius);text-align:left}
.qBarra .wbSelectValue{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:14px}
.qBarra .wbSelectTrigger>.wbIcon{flex:none;width:14px;height:14px}

/* Mesa 3: a candidata documentada e o rascunho têm fontes e ações distintas. */
.propostaMudancas{grid-area:prepared;min-width:0}.preparedAreas{margin-top:4px}
.preparedTitle{font-size:18px;font-weight:500;line-height:26px}
.propostaMudanca{animation:preparedAppear 120ms ease both;animation-delay:calc(var(--prepared-order)*20ms)}

@keyframes preparedAppear{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.propostaMudanca{animation:none}}
:root[data-movimento=reduzido] .propostaMudanca{animation:none}


.areaTab>.wbIcon{width:16px;height:16px}

/* Famílias da Proposta: uma linha comum às duas fontes, ordem do Editor. Fox · Claude Code · Foundation Workbench. */
:is(#fluxoProposta,#reviewTopo) .preparedTitle{font-size:18px;line-height:26px;font-weight:500;margin:0}
:is(#fluxoProposta,#reviewTopo) .preparedTitle+.preparedAreas{margin-top:12px}
:is(#fluxoProposta,#reviewTopo) .propostaFamilia{display:block;padding:16px 0;border-bottom:1px solid var(--wb-line)}
:is(#fluxoProposta,#reviewTopo) .propostaFamilia>summary{display:grid;grid-template-columns:16px 88px minmax(0,1fr) 16px;gap:12px;align-items:start;cursor:pointer;list-style:none;font-size:13px;line-height:20px}
:is(#fluxoProposta,#reviewTopo) .propostaFamilia>summary::-webkit-details-marker{display:none}
:is(#fluxoProposta,#reviewTopo) .propostaFamilia>summary>b{font-weight:500;color:var(--wb-text)}
:is(#fluxoProposta,#reviewTopo) .propostaResumo{display:grid;min-width:0;color:var(--wb-soft)}
:is(#fluxoProposta,#reviewTopo) .propostaSinal{display:grid;place-items:center;width:16px;height:20px;color:var(--wb-soft)}:is(#fluxoProposta,#reviewTopo) .propostaSinal .navSinal{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}:is(#fluxoProposta,#reviewTopo) .propostaSinal .navSinal:has(circle){fill:currentColor;stroke:none}
:is(#fluxoProposta,#reviewTopo) .preparedChevron{width:16px;height:16px;margin-top:2px;transform:rotate(-90deg);color:var(--wb-soft);transition:transform .15s ease}
:is(#fluxoProposta,#reviewTopo) .propostaFamilia[open]>summary .preparedChevron{transform:none}
:is(#fluxoProposta,#reviewTopo) .propostaFamiliaCorpo{display:grid;gap:8px;padding:12px 0 0 28px;min-width:0}
:is(#fluxoProposta,#reviewTopo) .propostaFamiliaCorpo p{margin:0;max-width:none;font-size:13px;line-height:20px;color:var(--wb-soft)}
/* Área aberta: parágrafo e ações alinhados ao nome da área (28px), como na Proposta do agente. Fox · Claude Code · 0.9. */
:is(#fluxoProposta,#reviewTopo) .propostaArea>.propostaFamiliaCorpo{padding:8px 0 4px 28px;gap:16px}
:is(#fluxoProposta,#reviewTopo) .propostaParagrafo{max-width:var(--medida-texto);text-wrap:pretty}
#fluxoProposta .propostaArea .propostaAreaAcoes{margin-top:0}
.propostaToken{white-space:nowrap}
.propostaLinks{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0}.propostaSep{color:var(--wb-dim)}
/* Ações da área em duas linhas irmãs: Aprovar/Reabrir e Editar; depois os retornos disponíveis, sem submenu. Fox · Claude Code · 0.9. */
#fluxoProposta .propostaAreaAcoes{display:grid;justify-content:start;justify-items:start;gap:12px;margin-top:8px}
.propostaAcoesLinha{display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-width:0}

#fluxoProposta .propostaRodape{margin:var(--wb-section-gap) 0}.propostaContador{margin:0;font-size:12px;line-height:20px;color:var(--wb-soft)}
@media(max-width:760px){:is(#fluxoProposta,#reviewTopo) .propostaFamilia>summary{grid-template-columns:16px minmax(0,1fr) 16px;row-gap:0}:is(#fluxoProposta,#reviewTopo) .propostaFamilia>summary>.propostaResumo{grid-column:2}:is(#fluxoProposta,#reviewTopo) .propostaFamilia>summary>.propostaSinal{grid-column:3;grid-row:1}#fluxoProposta .propostaAreaAcoes .btn,#fluxoProposta .propostaLinks .linkBtn,#fluxoProposta .propostaRodape .btn{min-height:44px}}
/* Proposta, 0.9 · Fox · Claude Code.
   Cabeçalho em grupos: título → subtítulo 16 (padrão das páginas), subtítulo → ação 24, ação → lista 48,
   título da lista → divisória 16, e as áreas logo abaixo, como nas listas da Entrega. */
#pagina:has(#fluxoProposta:not([hidden])) #pgCab{margin-bottom:24px}
#fluxoProposta .propostaWorkspace>.propostaTopo{margin:0 0 48px}
:is(#fluxoProposta,#reviewTopo) .preparedTitle{padding-bottom:16px;border-bottom:1px solid var(--wb-line)}
:is(#fluxoProposta,#reviewTopo) .preparedTitle+.preparedAreas{margin-top:0}
#propostaPreparadaResumo>.preparedTitle+.propostaParagrafo{margin-top:16px}
/* Seta só de linha em toda a Proposta: linhas das áreas, régua e guia. Mesmo traço da barra lateral (14px, 1.75). */
#fluxoProposta .setaLinha{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
#fluxoProposta .propostaRegua>summary,#fluxoProposta .propostaPrevia>summary{display:flex;align-items:center;gap:8px;list-style:none}
#fluxoProposta .propostaRegua>summary::-webkit-details-marker,#fluxoProposta .propostaPrevia>summary::-webkit-details-marker{display:none}
#fluxoProposta .propostaRegua>summary::before,#fluxoProposta .propostaPrevia>summary::before{content:"";flex:none;width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4.5 6.25 3.5 3.5 3.5-3.5' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4.5 6.25 3.5 3.5 3.5-3.5' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;transform:rotate(-90deg);transition:transform .15s ease}
#fluxoProposta .propostaRegua[open]>summary::before,#fluxoProposta .propostaPrevia[open]>summary::before{transform:none}
/* Lista da régua no estilo das áreas: texto 13/20 cinza, rótulo 500 claro, sem marcadores, alinhada ao texto do título (seta 16 + 8). */
#fluxoProposta .propostaRegua ul{list-style:none;margin-top:12px;padding-left:24px;gap:8px}
#fluxoProposta .propostaRegua li{font:400 13px/20px var(--wb-sans);color:var(--wb-soft)}
#fluxoProposta .propostaRegua li b{font-weight:500;color:var(--wb-text)}
/* Régua e Guia no mesmo padrão: título 13/20 cinza, uma divisória só entre os dois, 24px acima e abaixo dela. */
#fluxoProposta .propostaRegua li b{font-weight:400;color:inherit}
#fluxoProposta .propostaRegua>summary,#fluxoProposta .propostaPrevia>summary{font:400 13px/20px var(--wb-sans);color:var(--wb-soft)}
#fluxoProposta .propostaWorkspace>.propostaRegua{border-bottom:0;padding-bottom:24px}
#fluxoProposta .propostaWorkspace>.propostaPrevia{margin-top:0;padding-top:24px;border-top:1px solid var(--wb-line)}
/* 0.10 · jornada curta: a chave Base no topo, a frase da Entrada e as saídas no fim da lista */
.propostaWorkspace{grid-template-areas:"intro" "entrada" "bagunca" "prepared" "review" "rules" "exits"}
.propostaWorkspace>.propostaEntrada{grid-area:entrada;margin:0;color:var(--wb-soft);font-size:13px}
.propostaBagunca{grid-area:bagunca;margin-top:16px;min-width:0}
.placarManchete{margin:4px 0 12px;font-size:15px;line-height:22px;color:var(--wb-text)}
:is(#fluxoProposta,#reviewTopo) .propostaResumo:has(.placarDelta){grid-template-columns:minmax(0,1fr) auto;column-gap:12px}
.placarDelta{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--wb-text)}.placarDelta s{color:var(--wb-dim);text-decoration-thickness:1px}.placarDelta.igual{color:var(--wb-dim)}
.propostaWorkspace>.propostaSaidas{grid-area:exits;margin:var(--wb-section-gap) 0}
.propostaWorkspace>.propostaRegua{margin-top:24px}
.propostaAcoes .baseChave{align-self:flex-start}
.propostaAcoes .propostaAviso p{margin:0 0 4px}
.propostaAcoes .propostaAviso:empty{display:none}
@media(prefers-reduced-motion:no-preference){.proposalPanel .produtoQuadro iframe{transition:opacity .25s ease}}

/* Aplicação imediata: a ação ocupa a mesma linha antes e depois, separada da chave. */
#fluxoProposta .propostaAcoes{max-width:none;min-width:0;flex:1;gap:24px}

/* Bases compartilham o mesmo gesto na Proposta e no Editor. Original é uma
   referência discreta; a escolha ativa tem contorno próprio, inclusive no azul. */
.baseChave.vtSeg{display:flex;flex-wrap:wrap;gap:8px;padding:0;border:0;border-radius:0;min-height:0}
.baseChave .btn{width:auto;height:36px;min-height:36px;padding:4px 14px;font-size:13px}
.propostaAcoes .baseCopias .btn{width:auto;height:36px;min-height:36px;padding:0 14px}
#fluxoProposta .baseChave .btn:is(.ativo,.negativo){background:var(--wb-text);border-color:var(--wb-text);color:var(--wb-bg)}
#fluxoProposta .baseChave .btn:is(.ativo,.negativo):hover{opacity:.86}
.baseCopias{display:flex;flex-wrap:wrap;align-items:center;gap:12px;min-width:0;max-width:100%}
.baseCopias>label{min-width:0;max-width:100%}
.baseCopias .wbSelect{max-width:100%}
.baseCopiasNota,.baseCopiaStatus{font:400 13px/20px var(--wb-sans);color:var(--wb-soft);max-width:var(--medida-texto)}
.baseCopiaStatus:empty,#copiaStatus:empty{display:none}
#dlgTrocarBase{padding:24px;max-height:calc(100dvh - 32px);overflow:auto}
#dlgTrocarBase .acoes{flex-wrap:wrap;gap:12px;margin-top:24px}
#dlgTrocarBase .btn{height:auto;min-height:40px;white-space:normal;padding:8px 16px;text-align:center}
/* A ação destrutiva se distingue pela cor de erro, não pela posição (30/10). */
.btn.destrutivo{background:var(--wb-bad);border-color:var(--wb-bad);color:var(--wb-accent-ink);font-weight:500}
.btn.destrutivo:hover{opacity:.86}

/* A escolha da base é a ação principal; contexto e personalização vêm depois. */
#fluxoProposta .propostaAcoes{width:100%;max-width:none;gap:24px}
#fluxoProposta .baseChave{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(348px,100%);align-items:start}
#fluxoProposta .baseChave>.btn{width:100%;min-width:0;height:auto;min-height:48px;padding:12px 16px;font:500 14px/20px var(--wb-sans);white-space:normal;text-align:center}
#fluxoProposta .propostaAviso:empty{display:none}
#fluxoProposta .propostaWorkspace>.propostaTopo{margin-bottom:40px}

#fluxoProposta .placarManchete{margin:16px 0 20px}
#fluxoProposta .propostaBagunca{margin-top:0}

/* Saídas da Proposta: Ajustar no Editor (secundária) e a saída primária, logo abaixo da lista, no tamanho natural;
   lado a lado ou empilhadas pela regra das linhas de ação (Quarto Ato, Lote 3, C3). */
#fluxoProposta .propostaSaidas>.btn{height:auto;min-height:48px;padding:12px 16px;font:500 14px/20px var(--wb-sans);text-align:center}
#fluxoProposta .propostaSaidas:empty{display:none}
/* Terceiro ato, item 6: o original é um link abaixo do par; as linhas do resumo entram em sequência */
.propostaOriginal{margin-top:-12px}.propostaOriginal:empty{display:none}
@keyframes wbEntraLinha{from{opacity:0}}
.propostaFamilia.entra{animation:wbEntraLinha .16s var(--wb-ease,ease) both}
@media(prefers-reduced-motion:reduce){.propostaFamilia.entra{animation:none}}
:root[data-movimento=reduzido] .propostaFamilia.entra{animation:none}
/* Terceiro ato, item 4: o botão-resumo da prévia e o painel com os três selects */
.qResumoCaixa{display:flex;min-width:0}
.qResumo{display:inline-flex;align-items:center;gap:var(--wb-control-gap,8px);height:var(--wb-control-h);max-width:100%;padding:0 var(--wb-control-pad);border:1px solid var(--wb-line-2);border-radius:var(--wb-control-radius);background:none;color:var(--wb-text);font:400 13px/16px var(--wb-sans);white-space:nowrap;cursor:pointer}
.qResumo>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.qResumo:hover,.qResumo[aria-expanded=true]{border-color:var(--wb-text)}.qResumo:focus-visible{outline:2px solid var(--wb-text);outline-offset:2px}
.qResumoIcone{flex:none;width:16px;height:16px;fill:var(--wb-soft)}.qResumoSeta{flex:none;width:14px;height:14px;fill:currentColor}
.qResumo[aria-expanded=true] .qResumoSeta{transform:rotate(180deg)}
.pop.qResumoPainel{position:fixed;inset:auto;right:auto;margin:0;width:auto;min-width:240px;padding:12px;display:grid;gap:8px;color:var(--wb-text)}
.pop.qResumoPainel:not(:popover-open){display:none}
.qResumoPainel label,.topoVista .qBarra .qResumoPainel label{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;height:auto;padding:0;border:0;background:none}
.qResumoPainel label>span[data-q-nome],.topoVista .qBarra .qResumoPainel label>span[data-q-nome]{display:block;font-size:12px;line-height:16px;color:var(--wb-soft);margin:0}
.qResumoPainel .wbSelect,.topoVista .qResumoPainel .wbSelect{width:100%}
.qResumoPainel .wbSelectTrigger,.topoVista .qBarra .qResumoPainel .wbSelectTrigger{width:100%;height:var(--wb-control-h);min-height:var(--wb-control-h);padding:0 var(--wb-control-pad);border:1px solid var(--wb-line-2);border-radius:var(--wb-control-radius);background:transparent;justify-content:space-between}
@media(max-width:760px){.qResumo{height:44px;min-height:44px}}
/* Quarto Ato (B2): as razões da candidata, uma por linha sob a análise */
.propostaDecisoes{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:12px;max-width:var(--medida-texto)}
.propostaDecisoes li{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:0;border:0;font-size:14px;line-height:22px;font-weight:400;color:var(--wb-soft);text-wrap:pretty}
.propostaDecisaoArea{font-size:12px;line-height:16px;font-weight:500;color:var(--wb-text)}

/* Luma L: dois parágrafos, sem tabela; o primeiro abre a explicação. */
#fluxoProposta .propostaRegua p{margin:12px 0 0;max-width:var(--medida-texto);font:400 14px/22px var(--wb-sans);color:var(--wb-soft);text-wrap:pretty}
#fluxoProposta .propostaRegua>summary+p{text-wrap:balance}

/* 0.15.3 · escala de espaçamento (6.2): só as junções da Proposta; o que é de dentro do item não muda. */
#fluxoProposta .propostaDecisoes{margin-top:var(--wb-esp-4);gap:var(--wb-esp-4)}
#fluxoProposta .placarManchete{margin:var(--wb-esp-5) 0}
#fluxoProposta .placarManchete+.preparedAreas{margin-top:0}
#fluxoProposta .propostaWorkspace>.propostaSaidas{margin-top:var(--wb-esp-6)}

#propostaPreparadaResumo .propostaAnalise{white-space:pre-line}