/* Um papel por vez. Mesmo ritmo e controles da casca. Fox · Codex · Lucius 04. */
@media(min-width:1360px){.sistema{grid-template-columns:minmax(0,1fr) var(--wb-rail-width,420px)}}
.inspCorpo{padding:24px}.cabFam{align-items:center;justify-content:space-between;margin-bottom:24px}.cabFam .ajuda{flex:none}
.explica{padding:0;background:none;border:0;font-size:14px;line-height:22px;margin:0 0 24px}.explica p+p{margin-top:12px}
.inspectorField{display:grid;gap:8px;margin:0 0 24px;min-width:0}.inspectorField>label{font:500 14px/20px var(--wb-sans);color:var(--wb-text)}.inspectorField>.wbSelect{width:100%}
.papeis{margin-top:0}.papel{border:0}.papel .detalhe{display:block;padding:0}.inspectorPurpose{font-size:14px;line-height:22px;color:var(--wb-soft);margin:0 0 24px;max-width:var(--medida-texto);text-wrap:pretty}
.inspCorpo .prop{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:12px 16px;align-items:center;margin:0;min-width:0;font-size:14px}
.inspCorpo .prop+.prop{margin-top:24px}.inspCorpo .prop>label{grid-column:1;grid-row:1;min-height:36px;display:flex;align-items:center;padding-right:56px;font-weight:500;color:var(--wb-text)}
.inspCorpo .inspectorValue{grid-column:2;grid-row:1;display:flex;align-items:center;gap:6px;min-width:0;height:var(--wb-control-h);border:1px solid var(--wb-line-2);border-radius:var(--wb-panel-radius);padding:0 10px}
.inspCorpo .inspectorValue input:is([type=number],.num){width:100%;min-width:0;background:none;border:0;padding:0;font:400 16px/24px var(--wb-mono);color:var(--wb-text);text-align:right;outline-offset:4px}
.inspectorValue>span{font:400 12px/20px var(--wb-mono);color:var(--wb-dim);flex:none}
.inspCorpo .prop>input[type=range]{grid-column:1/-1;width:100%;min-width:0;margin:0;height:24px;accent-color:var(--wb-accent)}
.inspectorSection{border-top:1px solid var(--wb-line);padding:16px 0;margin-top:24px;min-width:0}.inspectorSection+.inspectorSection{margin-top:0}
.inspectorSection>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;font:400 14px/22px var(--wb-sans);color:var(--wb-text);min-height:24px}
.inspectorSection>summary::-webkit-details-marker{display:none}.inspectorSection>summary::after{content:'';display:block;width:14px;height:14px;flex:none;background:var(--wb-soft);mask:url('../identidade/icones/baixo.svg') center/contain no-repeat}.inspectorSection[open]>summary::after{transform:rotate(180deg)}
.inspectorSection[open]>summary{margin-bottom:20px}.inspectorSection>summary>span{margin-left:auto;color:var(--wb-dim);font-size:13px}
.inspectorSection p,.inspectorSection .contagem{font-size:13px;line-height:20px;color:var(--wb-soft);margin:12px 0 0;max-width:var(--medida-texto);text-wrap:pretty}.inspectorSection a{font-size:13px;line-height:20px;color:var(--wb-text);text-underline-offset:4px;overflow-wrap:anywhere;display:inline-block;margin-top:12px}
.inspectorSection .prop{margin-top:20px}
.inspectorTable{border-collapse:collapse;width:100%;font:400 13px/20px var(--wb-sans);table-layout:fixed}.inspectorTable th,.inspectorTable td{text-align:left;vertical-align:top;padding:10px 8px 10px 0;border-bottom:1px solid var(--wb-line);overflow-wrap:anywhere}.inspectorTable th{font-weight:400;color:var(--wb-dim)}.inspectorTable td{font-family:var(--wb-mono);font-size:12px}
.inspCorpo .amostra{margin-top:0;padding:16px;background:none;border:1px solid var(--wb-line);border-radius:var(--wb-panel-radius);white-space:normal;overflow-wrap:anywhere}.inspCorpo .formaAm{margin-top:0}.inspCorpo .regua{margin-top:0}
.inspectorDensity{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:12px 16px;align-items:center;margin:20px 0 24px}.inspectorDensity>label{font-size:14px;font-weight:500}.inspectorDensity>input[type=range]{grid-column:1/-1;width:100%;height:24px;accent-color:var(--wb-accent)}
.inspCorpo .atalhos{margin:16px 0 0;padding:0;border:0;gap:16px}.inspCorpo .atalhos .g{gap:8px;font-size:14px;flex-wrap:wrap}.inspCorpo .atalhos input{height:36px;background:none;border-radius:var(--wb-panel-radius)}
.inspectorTokenGroup{margin-top:0}.inspectorTokenGroup>summary{font-weight:500}.inspectorTokenGroup .tok:first-of-type{border-top:0}
/* A última linha já fecha a lista; o bloco seguinte não repete essa divisória. */
.inspCorpo .papelLinha{margin-inline:0;padding-inline:0}
.papeis:not(:has(.papel.ativo))+.aviso:is(:empty,#ordem)+.inspectorSection{border-top:0;margin-top:0;padding-top:var(--wb-section-gap)}
.inspCorpo .tok{grid-template-columns:minmax(0,1fr) 24px 144px 56px;gap:12px;align-items:center;padding:12px 0}.inspCorpo .tok .tn{font-size:13px;padding-top:0}.inspCorpo .tok .tv{grid-template-columns:28px minmax(0,1fr);gap:8px}.inspCorpo .tok .tv:not(:has(input[type=color])){grid-template-columns:minmax(0,1fr)}
.inspCorpo .tok input[type=text]{font:400 13px/20px var(--wb-mono);height:36px;padding:6px 8px}.inspCorpo .tok input[type=color]{width:28px;height:28px}.inspCorpo .tok .ct{grid-column:4;font-size:12px;line-height:18px;text-align:right;white-space:nowrap}.inspectorTokenNote{margin-top:8px}.inspCorpo .toks h3{font-size:15px;font-weight:500;margin:24px 0 12px}
.inspCorpo .legenda{font:400 13px/20px var(--wb-sans);margin:0 0 20px}
@media(max-width:760px){.inspCorpo{padding:24px}.inspectorPurpose{max-width:100%}}

.inspCorpo .tok .tn:has(strong){display:flex;align-items:baseline;gap:8px}.inspCorpo .tok .tn strong{font:500 14px/20px var(--wb-sans);color:var(--wb-text);flex:none}.inspCorpo .tok .tn code{min-width:0;overflow:hidden;text-overflow:ellipsis;font:400 11px/1 var(--wb-mono);color:var(--wb-dim)}

/* fios: dentro do inspetor, todo separador no mesmo tom (Luma, 19/10) */
.inspCorpo .tok,.inspCorpo .inspectorSection{border-top-color:var(--wb-line-2)}.inspCorpo .inspectorTable th,.inspCorpo .inspectorTable td{border-bottom-color:var(--wb-line-2)}
/* um slider só (Luma, 19/10): rótulo, trilho e caixa numa linha, nas alavancas e no detalhe do papel */
.inspCorpo .prop{grid-template-columns:104px 24px minmax(0,1fr) 88px;gap:0 12px}
.inspCorpo .prop>label{grid-column:1;grid-row:1;padding-right:0}
.inspCorpo .prop>.solta{grid-column:2;grid-row:1}
.inspCorpo .prop>input[type=range]{grid-column:3;grid-row:1}
.inspCorpo .prop>.inspectorValue{grid-column:4;grid-row:1}
.inspCorpo .prop>.wbSelect{grid-column:3/-1;grid-row:1;width:100%}
.inspCorpo .alavancas .inspectorDensity{gap:8px 16px}
/* o Piso desligado diz só "Desligado", sem unidade */
#pisoN:placeholder-shown+span{display:none}#pisoN::placeholder{font:400 13px/20px var(--wb-sans)}
.inspCorpo .inspectorValue input.num{outline:none}.inspCorpo .inspectorValue:has(input.num:focus-visible){border-color:var(--wb-text)}

/* 0.10 · jornada curta: a chave Base no topo do Editor, a área na Entrada e o azul da página */
.areaEntrada{display:grid;gap:12px;justify-items:start;margin:8px 0 24px}
.areaEntrada p{margin:0;color:var(--wb-soft);font-size:13px}
.inspSaida{padding:16px 24px 24px;border-top:1px solid var(--wb-line)}
@media(max-width:760px){.inspSaida{padding:16px}}

/* Editor, item 6 dos ajustes antes da Forja: a chave Base no topo da direita, as Alternativas no rodapé */
.inspCorpo>.editorChave{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;margin-bottom:20px}
.inspCorpo>.editorChave .editorAviso:empty,.inspCorpo>.editorAviso:empty{display:none}
.inspCorpo .editorAviso{font-size:12.5px;color:var(--wb-soft);display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.inspCorpo .editorAviso p,.inspCorpo .editorAviso div{margin:0}
.inspCorpo>.editorAviso{margin:-8px 0 20px}
/* O contexto acompanha a prévia e quebra em linhas sem comprimir os valores. */
/* Um contexto, quatro campos: visível no desktop; o mesmo DOM no disclosure compacto. */
.sistema .canvasBarra{display:block;min-height:0;padding:16px 24px;position:relative;z-index:5}
.editorPreview{position:relative;width:100%;min-width:0}
.editorPreview>summary{display:flex;align-items:center;gap:8px;min-height:44px;max-width:100%;padding:0 14px;border:1px solid var(--wb-line-2);border-radius:var(--wb-control-radius);font:400 13px/20px var(--wb-sans);cursor:pointer;list-style:none}
.editorPreview>summary[hidden]{display:none}
.editorPreview>summary::-webkit-details-marker{display:none}.editorPreview>summary:focus-visible{outline:2px solid var(--wb-text);outline-offset:2px}
.editorPreviewResumo{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--wb-soft)}
.editorPreviewSeta{display:flex;flex:none;margin-left:auto}.editorPreviewSeta .wbIcon{width:14px;height:14px}
.canvasBarra .editorPreview .canvasFiltros{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;min-width:0}
.canvasBarra .editorPreview .grupoB{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:auto;max-width:none;min-width:0;height:auto;padding:0;border:0;border-radius:0}
.canvasBarra .editorPreview .rotulo{font:400 12px/16px var(--wb-sans);color:var(--wb-soft)}
.canvasBarra .editorPreview .wbSelect{width:100%;min-width:0;flex:none}
.canvasBarra .editorPreview .wbSelectTrigger{height:36px;min-height:36px;padding:0 14px;border:1px solid var(--wb-line-2);font-size:13px;gap:8px}
.canvasBarra .editorPreview .temaCompacto{max-width:none}
.inspPe .versoes{position:relative}
.inspPe .versoes .pop{position:fixed;top:16px;left:16px;bottom:auto;right:auto;width:min(320px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}

/* A consulta à Entrada não troca a base; o efeito da troca fica junto à chave. */
.baseAntes{margin:0;font:400 13px/20px var(--wb-sans);color:var(--wb-soft);max-width:var(--medida-texto)}
.sistema .canvas{position:relative}
/* No celular, ferramentas em fluxo: não cobrem o produto nem o inspetor. */
@media(max-width:760px){
 .sistema{display:flex;flex-direction:column}
 .sistema .canvas{flex:none;min-height:auto}
 .sistema .vista{flex:none;height:62dvh;min-height:320px}
 .sistema .inspetor{flex:none;min-height:auto}
 .sistema .inspCorpo{flex:none}
 .sistema .ferramentas{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"entrada entrada" "vaza selecionar" "zoom zoom";gap:8px;max-width:none;padding:16px;border-top:1px solid var(--wb-line)}
 .sistema .ferramentas .btn{height:auto;min-height:44px;white-space:normal;padding:4px 8px}
 .sistema .ferramentas #original{grid-area:entrada}
 .sistema .ferramentas .vazaGrupo{grid-area:vaza;min-width:0}
 .sistema .ferramentas .vazaGrupo>.btn{flex:1;min-width:0}
 .sistema .ferramentas #selecionar{grid-area:selecionar}
 .sistema .ferramentas .zoom{grid-area:zoom;justify-self:end;max-width:100%}
 .sistema .ferramentas .zoom button{height:44px;min-width:44px}
 .sistema .ferramentas .selAviso{grid-column:1/-1}
}

/* Mensagens pertencem a uma linha, não à sobra de largura dos controles. */
.inspPe>.estadoFam{flex:0 0 100%;line-height:20px}
.inspPe>.estadoFam:empty{display:none}
.inspPe>.histAcoes{flex-wrap:wrap;max-width:100%;min-width:0}

/* Editor: ajustes da área separados dos papéis, com os mesmos controles existentes. */
.editorGerais{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--wb-line)}
.editorGrupoTitulo{font:500 14px/20px var(--wb-sans);color:var(--wb-text);margin:0 0 16px}
.editorGerais .inspectorField{margin:24px 0 0}
.editorGerais .alavancas{padding:0}
.editorGerais .alavancas .inspectorDensity:last-child{margin-bottom:0}
/* Nome, restaurar, slider e valor compartilham uma linha só, em qualquer largura do painel (30/10). */
.inspCorpo .papeis{grid-template-columns:minmax(0,1fr);column-gap:0}
.inspCorpo .papelLinha{grid-template-columns:minmax(0,1fr) 24px 96px 56px;column-gap:12px;min-width:0}
.inspCorpo .papelLinha>.plCab{grid-column:1;grid-row:1}
.inspCorpo .papelLinha>.restaurarPapel{grid-column:2;grid-row:1}
.inspCorpo .papelLinha>.plSlider{grid-column:3;grid-row:1;min-width:0}
.inspCorpo .papelLinha>.plCampo{grid-column:4;grid-row:1}
.inspCorpo .papelLinha>.plVazio{grid-column:3/-1;grid-row:1;white-space:normal}
.inspCorpo .plNome{max-width:100%}
.inspCorpo .plNome .plToken{font:400 11px/1 var(--wb-mono);color:var(--wb-dim);white-space:nowrap}
.plChevron{display:flex;flex:none;color:var(--wb-soft);transform:rotate(-90deg)}
.plChevron .wbIcon{width:14px;height:14px}
.plNome[aria-expanded=true] .plChevron{transform:none}


/* Composição responde ao espaço da bancada, depois da navegação. A ordem do
   DOM é sincronizada em editor-canvas.js, sem remontar o iframe. */
.sistema:not(.editorEmpilhado){display:grid;grid-template-columns:var(--wb-center-width,480px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden}
.sistema:not(.editorEmpilhado)>.inspetor{border-left:0;border-right:1px solid var(--wb-line);border-top:0;overflow:hidden}
.sistema:not(.editorEmpilhado) .inspCorpo{flex:1;overflow:auto}
.sistema.editorEmpilhado{display:flex;flex-direction:column;overflow:auto}
.sistema.editorEmpilhado>.canvas{flex:none;min-height:auto}
.sistema.editorEmpilhado>.inspetor{flex:none;min-height:auto;border-left:0;border-right:0;border-top:1px solid var(--wb-line)}
.sistema.editorEmpilhado .inspCorpo{flex:none;overflow:visible;container-type:normal}
.sistema.editorEmpilhado .vista{flex:none;height:40dvh;min-height:240px;max-height:420px}
.sistema.editorEmpilhado .canvasBarra{padding:12px 16px}
.sistema.editorEmpilhado .editorPreview[open] .canvasFiltros{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}
.sistema.editorEmpilhado .canvasBarra .wbSelectTrigger{height:44px;min-height:44px}

.sistema .canvas.contextoEstreito .editorPreview .canvasFiltros{grid-template-columns:repeat(2,minmax(0,1fr))}
.sistema .ferramentas{position:static;flex:none;max-width:none;justify-content:flex-end;padding:12px 24px;border-top:1px solid var(--wb-line);background:var(--wb-bg)}
@media(max-width:760px){.sistema .ferramentas{padding:16px}}

.editorBaseInfo{display:flex;align-items:center;gap:12px;color:var(--wb-soft);font:400 13px/20px var(--wb-sans)}


/* A altura acompanha o conteúdo; faixas estreitas são medidas pelo controlador. */
.sistema .inspCorpo{container-type:normal}

/* O enquadramento e o divisor são comuns ao Audit/Proposal. */
.sistema{position:relative}
.sistema .temaCompacto[hidden]{display:none}
.sistema:not(.editorEmpilhado) .canvasBarra{display:none}
.sistema:not(.editorEmpilhado) .inspCorpo{padding:40px 28px 32px}
.topoVista .temaCompacto[hidden]{display:none}
.sistema .canvasFiltros{grid-template-columns:repeat(3,minmax(0,1fr))}
.painelDivisor{position:absolute;top:0;bottom:0;left:calc(var(--wb-center-width) - 6px);width:12px;z-index:8;cursor:col-resize;touch-action:none;background:none;border:0;padding:0;color:var(--wb-dim)}
.painelDivisor::after{content:'';position:absolute;left:5px;top:calc(50% - 20px);width:2px;height:40px;border-radius:2px;background:currentColor}
.painelDivisor:hover,.painelDivisor:focus-visible{color:var(--wb-text)}
#pagina:not(.diagLayout)>.painelDivisor,.sistema.editorEmpilhado>.painelDivisor{display:none}
#pagina:not(.lado)>.painelDivisor,.freRecolhida #pagina>.painelDivisor,.freAmpliada #pagina>.painelDivisor{display:none}
#pagina>.painelDivisor{left:calc(var(--wb-texto-largura,clamp(400px,45%,480px)) - 6px)}

.sistema .moldura{border:0;border-radius:0}
.sistema .quadros>.quadro>.cab{display:none}

.sistema .editorPreview>summary[hidden]{display:none}
/* Quarto Ato, Lote 2: o empilhado do Editor vale pela classe .editorEmpilhado, que editor-canvas.js liga pela
   largura da área (como a prévia do Audit), e não mais por uma janela de 1040px. */
 .sistema.editorEmpilhado{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(280px,44dvh) minmax(380px,62dvh);align-content:start;overflow:auto}
 .sistema.editorEmpilhado>.inspetor{grid-area:1/1;min-height:0;border:0;border-bottom:1px solid var(--wb-line);overflow:hidden}
 .sistema.editorEmpilhado .inspCorpo{flex:1;min-height:0;overflow:auto;padding:32px 16px}
 .sistema.editorEmpilhado>.canvas{grid-area:2/1;min-height:0;overflow:hidden}
 .sistema.editorEmpilhado .vista{flex:1;min-height:180px;height:auto;max-height:none}
 .sistema.editorEmpilhado .canvasBarra{padding:24px}
 .sistema.editorEmpilhado .editorPreview[open] .canvasFiltros{display:flex;flex-wrap:wrap;gap:16px 24px;margin:0}
 .sistema.editorEmpilhado .canvasBarra .grupoB{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:auto;height:auto;padding:0;border:0}
 .sistema.editorEmpilhado .canvasBarra .wbSelectTrigger{height:36px;min-height:36px;font-size:12px}

.sistema.editorEmpilhado .canvasBarra .rotulo{font:400 11px/14px var(--wb-sans)}
 .sistema.editorEmpilhado{grid-template-rows:minmax(280px,44dvh) auto}
 .sistema.editorEmpilhado>.canvas{overflow:visible}
 .sistema.editorEmpilhado .vista{flex:none;height:calc(62dvh - 90px);min-height:320px}
.sistema.editorEmpilhado .canvasBarra{flex:none}.sistema.editorEmpilhado>.canvas{min-height:min-content}
.sistema.editorEmpilhado{grid-template-rows:max(280px,44dvh) auto}.sistema.editorEmpilhado .vista{height:calc(max(427px,62dvh) - 107px)}
/* No compacto as ações vêm depois dos ajustes; não tomam a janela do corpo. */
 .sistema.editorEmpilhado>.inspetor{overflow:auto;overscroll-behavior:contain}
 .sistema.editorEmpilhado .inspCorpo{flex:none;overflow:visible}
 .sistema.editorEmpilhado .inspPe,.sistema.editorEmpilhado .inspSaida{flex:none}

/* Lucius04: edição estável, ações em uma única região. */
.sistema .inspCorpo{overflow-anchor:none}
.editorActions{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:6px;width:100%;min-width:0}
.editorActions .histAcoes{display:flex;gap:6px}
.editorActions .btn{font-size:12px;padding-inline:8px;white-space:nowrap}
.editorFeedback{position:absolute;bottom:calc(100% + 8px);left:0;max-width:100%;margin:0;padding:8px 12px;border-radius:var(--wb-panel-radius);background:var(--wb-panel);color:var(--wb-text);font:400 12px/18px var(--wb-sans);pointer-events:none}
.editorFeedback:empty{display:none}
.sistema .inspSaida{display:none}
.sistema .inspPe>.estadoFam{display:none}

.sistema .vista>.zoom{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);z-index:6;max-width:calc(100% - 32px);box-shadow:0 2px 12px rgb(0 0 0/.15)}
.sistema .vista>.zoom button{height:32px;min-width:32px}
@media(max-width:760px){.sistema .vista>.zoom button{height:44px;min-width:44px}.sistema .ferramentas{grid-template-areas:"entrada entrada" "vaza selecionar"}}
.sistema .inspCorpo,.sistema.editorEmpilhado>.inspetor{scrollbar-width:thin;scrollbar-color:var(--wb-line) transparent}
.sistema .inspCorpo:hover,.sistema .inspCorpo:focus-within,.sistema.editorEmpilhado>.inspetor:focus-within{scrollbar-color:var(--wb-line-2) transparent}
.sistema .campo{border-radius:var(--wb-field-radius)}
/* Lucius04 · cantos da casca: campo de valor em pílula (28px, borda dos seletores); caixa de texto/hex 8px; avisos e grupos 8px. */
.sistema .inspectorValue,.sistema .prop .num,.sistema .papelLinha>.plCampo{border-radius:var(--wb-value-radius)}
.inspCorpo .inspectorValue{height:28px;padding:0 12px}
.inspCorpo .inspectorValue input:is([type=number],.num){font-size:13px;line-height:20px}
.sistema .tok input[type=text],.sistema .tok input[type=color]{border-radius:var(--wb-field-radius)}
.inspCorpo .aviso,.sistema .explica{border-radius:var(--wb-card-radius)}

/* Mesmo traço e área visual; cada alça conserva sua função. */
.painelDivisor::after{top:calc(50% - 12px);height:24px}
.previaResize{height:40px;top:calc(50% - 20px)}
.previaResize::after{top:8px;height:22px}

/* Lucius04 · estabilidade: o aviso de hierarquia tem espaço reservado e nenhuma edição desloca controles. */
.inspCorpo #ordem{box-sizing:border-box;min-height:32px;margin-top:8px;padding:6px 12px;line-height:18px;border-top:0}
.inspCorpo #ordem p{margin:0}
.retornarGrupo .btn[aria-disabled=true]{opacity:.6;cursor:default}

/* 30/10 · um parâmetro por linha: nome, restaurar, controle e valor, centrados pela própria grade.
   Restaurar é um ícone discreto; sem o que restaurar, some e deixa o espaço reservado. */
.restaurar{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:var(--wb-control-radius);background:none;color:var(--wb-soft);cursor:pointer}
.restaurar:hover{color:var(--wb-text);background:var(--wb-panel-2)}
.restaurar:focus-visible{outline:2px solid var(--wb-text);outline-offset:1px}
.restaurar .wbIcon{width:14px;height:14px;fill:currentColor}
.restaurar[hidden]{display:inline-flex!important;visibility:hidden}

/* 30/10 · seletores do Editor no tamanho do conteúdo: pílula de 28px, como os campos de valor.
   A Fonte fica numa linha, como Escala e Piso: rótulo, depois o seletor. */
.inspCorpo .wbSelectTrigger{height:28px;min-height:28px;padding:0 10px 0 12px;gap:8px;font-size:13px}
.inspCorpo .wbSelect{width:auto;max-width:100%;justify-self:start}
.inspCorpo .prop>.wbSelect{width:auto}
.editorGerais .inspectorField{grid-template-columns:104px minmax(0,1fr);align-items:center;column-gap:16px}
.editorGerais .inspectorField>label{grid-column:1}
.editorGerais .inspectorField>.wbSelect{grid-column:2;width:auto}
.editorGerais .inspectorField>.fonteOutra,.editorGerais .inspectorField>.fonteNota{grid-column:1/-1}

/* 30/10 · Editor em uma regra só (Lucas):
   1. Linha (--wb-line) só ENTRE itens de lista; títulos de grupo sem linha; uma linha (--wb-line-2) entre painel e rodapé.
   2. 24px do título da área ao primeiro grupo, 32px entre grupos; o título da área sobe um degrau (18 → 20px).
   3. Uma grade para toda linha de ajuste — nome, restaurar, slider, valor — e o valor editável sem caixa, como nos papéis. */
.inspCorpo .cabFam h2{font-size:20px;line-height:28px}
.inspCorpo .cabFam{margin-bottom:24px}
.inspCorpo .papeis{border-top:0}
.inspCorpo .papelLinha{border-bottom:0}
.inspCorpo .papel+.papel>.papelLinha{border-top:1px solid var(--wb-line)}
.inspCorpo .tok{border-top:0}
.inspCorpo .tok+.tok{border-top:1px solid var(--wb-line)}
.inspCorpo .inspectorSection{border-top:0;padding:0;margin-top:24px}
.inspCorpo .inspectorSection[open]>summary{margin-bottom:16px}
#familia>.inspectorSection,#familia .toks>.inspectorSection{margin-top:32px}
#familia .toks>.inspectorSection:first-child{margin-top:0}
.papeis:not(:has(.papel.ativo))+.aviso:is(:empty,#ordem)+.inspectorSection{padding-top:0;margin-top:32px}
.editorGerais{margin-bottom:32px;padding-bottom:0;border-bottom:0}
.sistema .inspPe{border-top:1px solid var(--wb-line-2)}
.inspCorpo .alavancas .inspectorDensity,.inspCorpo .prop,.editorGerais .inspectorField{grid-template-columns:minmax(0,1fr) 24px 96px 64px;column-gap:12px;row-gap:8px}
.inspCorpo .papelLinha{grid-template-columns:minmax(0,1fr) 24px 96px 64px}
.inspCorpo .alavancas .inspectorDensity>label{grid-column:1}
.inspCorpo .alavancas .inspectorDensity>input[type=range]{grid-column:3;grid-row:1;min-width:0}
.inspCorpo .alavancas .inspectorValue{grid-column:4;grid-row:1}
.inspCorpo .prop>.wbSelect{grid-column:2/-1;justify-self:end}
.editorGerais .inspectorField>label{grid-row:1}.editorGerais .inspectorField>.wbSelect{grid-column:1/-1;grid-row:1;justify-self:end}
.inspCorpo .inspectorValue{height:28px;padding:0 2px;gap:2px;border-color:transparent;background:transparent}
.inspCorpo .inspectorValue:hover{border-color:var(--wb-line-2)}
.inspCorpo .inspectorValue:focus-within{border-color:var(--wb-text)}
.inspCorpo .inspectorValue>span{font:11px var(--wb-mono)}
.pop .popAcao.inativo,.pop .popAcao[aria-disabled=true]{color:var(--wb-dim);cursor:default}
.pop .popAcao.inativo:hover{background:none}

/* Quarto Ato, Lote 2 · abrir um item não muda a largura: o painel que rola reserva o espaço da barra de rolagem.
   Sem isso, a Forma (curta) ganhava barra ao expandir um item e a área de trabalho encolhia 11px e deslocava. */
.sistema:not(.editorEmpilhado) .inspCorpo,.sistema.editorEmpilhado>.inspetor{scrollbar-gutter:stable}

/* Quarto Ato, Lote 2 · Editor em quatro níveis (Luma, A1 a A4): controle na linha, estado discreto na linha,
   detalhe colado sob a linha ativa (antes ia para o fim da lista com order:1) e a referência por último, apagada. */
.papeis .papelCorpo.detalhe{order:0;padding:16px 0 24px 22px}
.papelCorpo>.prop,.papelCorpo>.inspectorSection>.prop{font-size:13px}
.inspCorpo .papelCorpo .prop>label{font:400 13px/20px var(--wb-sans);color:var(--wb-soft)}
.plEstado{margin-left:auto;padding-left:8px;flex:none;font:400 12px/16px var(--wb-sans);color:var(--wb-dim);white-space:nowrap}
.plEstado[hidden]{display:none}
.papelFora[hidden]{display:none}
.papelFora{margin:0 0 16px}
.papelForaNota{margin:0 0 12px;font:400 13px/20px var(--wb-sans);color:var(--wb-soft);max-width:var(--medida-texto);text-wrap:pretty}
.papelFora .papelPrevia{margin:0}
.papelConsulta .inspectorPurpose{margin:0 0 8px;font-size:13px;line-height:20px}
.papelOnde,.papelOriginal{margin:0;font:400 13px/20px var(--wb-sans);color:var(--wb-soft)}
.papelOnde:empty{display:none}
.papelOriginal code{font:400 12px/20px var(--wb-mono);color:var(--wb-dim)}
.papelMercado{margin:12px 0 0;font:400 12px/18px var(--wb-sans);color:var(--wb-dim)}
.papelMercado a{color:var(--wb-soft);text-underline-offset:3px;display:inline-flex;align-items:center;gap:3px;margin:0}
.papelMercado a:hover{color:var(--wb-text)}
.papelMercado a .wbIcon{width:11px;height:11px;fill:currentColor}
.papelCorpo>.papelConsulta:not(details){margin-top:0}

/* Quarto Ato, Lote 2 · ferramentas da prévia (Luma, A6): Inspeção à esquerda, Visualização (zoom) à direita, nada sobre a Fresta.
   Selecionar no produto é o primeiro e o único com ícone, sem azul; os outros dois são texto discreto, sem borda.
   Selecionando, a dica toma o lugar dos outros dois. Empilhada, a Inspeção ocupa a primeira linha e o zoom desce. */
.sistema .ferramentas{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;grid-template-areas:none;padding:12px 24px}
.ferrInspecao{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0}
.sistema .ferramentas .btn.selecionar{gap:8px;padding:0 16px 0 12px}
.selIcone{display:inline-flex}.selIcone .wbIcon{width:16px;height:16px;fill:currentColor}
.sistema .ferramentas .ferrFantasma,.sistema .ferramentas .vazaGrupo>.btn{background:transparent;border-color:transparent;color:var(--wb-soft);padding:0 10px}
.sistema .ferramentas .ferrFantasma:hover,.sistema .ferramentas .vazaGrupo>.btn:hover{color:var(--wb-text);background:var(--wb-panel-2)}
.sistema .ferramentas .vazaGrupo>.btn.vaza[aria-pressed=true]{color:var(--wb-bad);border-color:transparent}
.sistema .ferramentas .vazaGrupo .vazaNum{margin-left:0;color:var(--wb-dim)}
.sistema .ferramentas .vazaGrupo .vazaNum[aria-expanded=true]{color:var(--wb-text);background:var(--wb-panel-2)}
.selDica{display:none;margin:0 4px;font:400 13px/18px var(--wb-sans);color:var(--wb-soft);max-width:var(--medida-texto)}
.ferramentas.selecionando .selDica{display:block}
.ferramentas.selecionando #original,.ferramentas.selecionando .vazaGrupo{display:none}
.sistema .ferramentas .selAviso{flex:1 0 100%;max-width:none;margin:0}
.sistema .ferramentas .zoom{position:relative;margin-left:auto;padding:0;border:0;background:none}
.sistema .ferramentas .zoom>#zValor{height:36px;min-width:64px;padding:0 12px;border:1px solid var(--wb-line-2);border-radius:999px;font:400 13px var(--wb-mono);color:var(--wb-text)}
.sistema .ferramentas .zoom>#zValor:hover{background:var(--wb-panel-2)}
.sistema .ferramentas .zoom>#zValor:focus-visible{outline:2px solid var(--wb-text);outline-offset:2px}
.zMenu{position:absolute;right:0;bottom:calc(100% + 8px);z-index:20;display:grid;min-width:168px;padding:4px;border:1px solid var(--wb-line-2);border-radius:var(--wb-card-radius,8px);background:var(--wb-panel);box-shadow:0 8px 24px rgb(0 0 0/.24)}
.zMenu[hidden]{display:none}
.sistema .ferramentas .zMenu button{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:0 12px;border-radius:6px;font:400 13px/20px var(--wb-sans);color:var(--wb-text);cursor:pointer}
.sistema .ferramentas .zMenu button:hover,.sistema .ferramentas .zMenu button:focus-visible{background:var(--wb-panel-2)}
.sistema .ferramentas .zMenu button[aria-checked=true]::after{content:'';width:14px;height:14px;background:currentColor;mask:url('../identidade/icones/check.svg') center/contain no-repeat}
@media(max-width:760px){.sistema .ferramentas{padding:12px 16px}.sistema .ferramentas .zoom>#zValor{height:44px}}
/* o estado desce para baixo do nome, na mesma linha do papel: o nome nunca é cortado pelo estado */
.plCab{flex-wrap:wrap;row-gap:0;align-content:center}
.plCab>.plNome{max-width:100%}
/* sob o nome, numa linha, 12px na cor de meta (conferência da 0.14.4, F3) */
.plEstado{flex-basis:100%;min-width:0;margin:0;padding:0 0 6px 22px;font-size:12px;line-height:16px;color:var(--wb-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.papel.fora .plNome{padding-top:6px}
.sistema .canvas{container:previa/inline-size}

/* 0.15.3 · regra única dos separadores (Luma, 3.1): linha separa itens irmãos, espaço separa grupos, tipografia separa níveis.
   A linha de 1px entre papéis é desenhada por sombra interna: o passo da lista fica em 44 (uma linha) e 62 (duas). */
#familia .editorGrupoTitulo{font:500 13px/20px var(--wb-sans);color:var(--wb-soft);margin:0 0 var(--wb-esp-3)}
#familia .editorGerais{margin-bottom:var(--wb-esp-7)}
#familia .editorGerais .inspectorField>label,#familia .editorGerais .inspectorDensity>label{font:400 14px/20px var(--wb-sans);color:var(--wb-text)}
#familia .editorGerais .inspectorDensity,#familia .editorGerais .inspectorField{min-height:36px;align-content:center;margin:0}
#familia .editorGerais .inspectorDensity+.inspectorDensity,#familia .editorGerais .inspectorDensity+.inspectorField,#familia .editorGerais .alavancas+.inspectorField{margin-top:var(--wb-esp-2)}
#familia .editorGerais .alavancas .inspectorDensity{margin-bottom:0}
#familia .editorGerais .alavancas .inspectorDensity+.inspectorDensity{margin-top:var(--wb-esp-2)}
#familia .editorGerais .inspectorField{margin-top:var(--wb-esp-2)}
#familia .papeis{margin-top:0}
#familia .papelLinha{min-height:44px;box-sizing:border-box}
#familia .papel+.papel>.papelLinha{border-top:0;box-shadow:inset 0 1px 0 var(--wb-line)}
#familia .papelLinha>.plCab{padding-block:var(--wb-esp-3)}
#familia .papel.fora .plNome{padding-top:0}
#familia .plEstado{padding-bottom:0;font-size:12px;line-height:18px}
#familia .papeis+.aviso{margin-top:var(--wb-esp-3)}
#familia .papeis .prop+.prop,#familia .papelCorpo .prop+.prop,#familia .inspCorpo .prop+.prop{margin-top:var(--wb-esp-4)}
#familia .plNome,#familia .plNome .nome{line-height:20px}

/* 0.15.3 · família de campos de valor (Luma, 3.3): 28px, pill, borda --wb-line visível, foco com borda --wb-text e anel.
   Número à direita, mínimo de 56px e cresce com o conteúdo (para a esquerda, sem mexer nas outras colunas); hex à esquerda, 88px. */
#familia :is(.plCampo,.inspectorValue){display:flex;align-items:center;justify-content:flex-end;gap:var(--wb-esp-1);box-sizing:border-box;height:28px;min-width:56px;width:max-content;max-width:none;justify-self:end;margin-right:-8px;padding:0 var(--wb-esp-2);border:1px solid var(--wb-line);border-radius:var(--wb-value-radius);background:transparent}
#familia :is(.plCampo,.inspectorValue):hover{border-color:var(--wb-line-2)}
#familia :is(.plCampo,.inspectorValue):focus-within{border-color:var(--wb-text);outline:2px solid var(--wb-text);outline-offset:2px}
#familia :is(.plCampo,.inspectorValue)>:is(.num,input){width:auto;min-width:0;field-sizing:content;height:20px;padding:0;border:0;border-radius:0;background:transparent;color:var(--wb-text);font:400 13px/20px var(--wb-mono);text-align:right;outline:0}
#familia :is(.plCampo,.inspectorValue)>span{font:400 11px/20px var(--wb-mono);color:var(--wb-dim);flex:none}
#familia :is(.plCampo.livre)>.num{color:var(--wb-dim)}
#familia .tok input[type=text]{box-sizing:border-box;width:88px;height:28px;padding:0 var(--wb-esp-2);border:1px solid var(--wb-line);border-radius:var(--wb-value-radius);background:transparent;color:var(--wb-text);font:400 13px/20px var(--wb-mono);text-align:left;justify-self:start}
#familia .tok input[type=text]:hover{border-color:var(--wb-line-2)}
#familia .tok input[type=text]:focus-visible,#familia .tok input[type=text]:focus{border-color:var(--wb-text);outline:2px solid var(--wb-text);outline-offset:2px}
#familia .tok input[type=text].herda{color:var(--wb-dim)}

/* 0.15.5 · barra do Editor estreita (Luma, ccb985f): uma linha sempre; altura pela escala de controles.
   ≥680: 36 · 480–679: 32 · <480: 32 e Selecionar só ícone · 44 só com toque. Texto sempre 13/20. */
.sistema .canvas .ferramentas{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--wb-esp-1) var(--wb-esp-3);padding:var(--wb-esp-3) var(--wb-esp-5);grid-template-areas:none}
.sistema .canvas .ferramentas .ferrInspecao{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--wb-esp-2);min-width:0}
.sistema .canvas .ferramentas .btn,.sistema .canvas .ferramentas .zoom>#zValor{box-sizing:border-box;height:36px;min-height:0;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-size:13px;line-height:20px}
.sistema .canvas .ferramentas .btn.selecionar{gap:var(--wb-esp-2);padding:0 16px 0 12px}
.sistema .canvas .ferramentas .zoom>#zValor{min-width:64px;font-family:var(--wb-mono)}
.sistema .canvas .ferramentas .vazaGrupo{display:inline-flex;flex-wrap:nowrap;white-space:nowrap;min-width:0}
.sistema .canvas .ferramentas .vazaGrupo>.btn{flex:none;min-width:0}
.sistema .canvas .ferramentas .selIcone{flex:none;display:inline-flex;align-items:center}
.sistema .canvas .ferramentas .zoom{margin-left:auto;flex:none}
.oCurto{display:none}
.sistema .canvas .ferramentas .selDica{margin:0 4px}
.sistema .canvas .ferramentas.selecionando .ferrInspecao{flex:1 1 0}
@container previa (max-width:679px){
  .sistema .canvas .ferramentas{padding:var(--wb-esp-2) var(--wb-esp-3);gap:var(--wb-esp-1) var(--wb-esp-1)}
  .sistema .canvas .ferramentas .ferrInspecao{gap:var(--wb-esp-1)}
  .sistema .canvas .ferramentas .ferrFantasma,.sistema .canvas .ferramentas .vazaGrupo>.btn.vaza{padding-inline:8px}
  .sistema .canvas .ferramentas .btn,.sistema .canvas .ferramentas .zoom>#zValor{height:var(--wb-control-h-sm);padding-inline:12px}
  .sistema .canvas .ferramentas .vazaGrupo .vazaNum{padding-inline:8px}
  .sistema .canvas .ferramentas .btn.selecionar{gap:6px;padding:0 10px 0 8px}
  .sistema .canvas .ferramentas .vazaGrupo .vazaNum{padding:0 10px}
  .sistema .canvas .ferramentas .selIcone .wbIcon{width:14px;height:14px}
  .sistema .canvas .ferramentas .zoom>#zValor{min-width:56px}
  .sistema .canvas .ferramentas .oLongo{display:none}
  .sistema .canvas .ferramentas .oCurto{display:inline}
  .sistema .canvas .ferramentas .selDica{flex:1;min-width:0;font-size:13px;line-height:18px}
}
@container previa (max-width:479px){
  .sistema .canvas .ferramentas .btn.selecionar{width:var(--wb-control-h-sm);padding:0;gap:0}
  .sistema .canvas .ferramentas .selTexto{display:none}
}
@media(pointer:coarse){
  .sistema .canvas .ferramentas .btn,.sistema .canvas .ferramentas .zoom>#zValor{height:44px}
  .sistema .canvas .ferramentas .btn.selecionar:has(.selTexto){min-width:44px}
  .sistema .canvas .ferramentas .selIcone .wbIcon{width:16px;height:16px}
}
@container previa (max-width:479px){
  @media(pointer:coarse){.sistema .canvas .ferramentas .btn.selecionar{width:44px}}
}
.sistema .canvas .ferramentas.selecionando #original,.sistema .canvas .ferramentas.selecionando .vazaGrupo{display:none}

/* 0.15.5 · D1 (Ferrari): Mais ações, Desfazer e Refazer no mesmo eixo */
#versoesCabecalho{display:flex;align-items:center}
.histAcoes{align-items:center}

/* 0.15.6 · barra centralizada (Lucas): a partir de 680px os três botões ficam no centro da barra e o zoom na ponta direita.
   Abaixo disso, ou selecionando (a dica ocupa o meio), vale a linha única da 0.15.5. */
@container previa (min-width:680px){
  .sistema .canvas .ferramentas:not(.selecionando){display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}
  .sistema .canvas .ferramentas:not(.selecionando) .ferrInspecao{grid-column:2;justify-content:center}
  .sistema .canvas .ferramentas:not(.selecionando) .zoom{grid-column:3;justify-self:end;margin-left:0}
}