/* Hangar: operação, clientes e publicação. Reutiliza as cores e fontes do sistema. */
[hidden]{display:none!important}
.h-grupos{display:flex;gap:8px;flex-wrap:wrap;padding:12px 28px 0}
.h-grupo{border:1px solid var(--linha);border-radius:10px;padding:10px 17px;background:var(--superficie);color:var(--suave);font:600 14px var(--fonte);cursor:pointer;min-height:44px}
.h-grupo[aria-pressed=true]{color:var(--marca-texto);background:var(--alerta-fundo);border-color:var(--marca)}
.h-form-grid,.h-duas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.h-form-grid label{margin:8px 0}.h-largo{grid-column:1/-1}
.h-filtros{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-bottom:18px}
.h-filtros label{flex:1 1 160px;margin:0}.h-filtros input[type=checkbox]{width:auto}
.h-filtros input,.h-filtros select,.h-form-grid input,.h-form-grid select,.h-trabalho input,.h-trabalho select,.h-mes input{width:100%;min-height:44px;box-sizing:border-box;border:1px solid var(--linha);border-radius:10px;background:var(--campo);color:var(--tinta);padding:9px 12px;font:inherit}
.h-quadro{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:16px;align-items:start;margin-top:20px}
.h-coluna{background:var(--campo);border:1px solid var(--linha);border-radius:16px;padding:14px;min-width:0}
.h-coluna h3{font-size:15px;display:flex;justify-content:space-between;gap:8px;margin:0 0 16px}
.h-coluna h3 span{color:var(--suave)}
.h-trabalho{padding:16px;background:var(--superficie);border:1px solid var(--linha);border-radius:12px;margin:0 0 12px;overflow-wrap:anywhere;scroll-margin-top:20px}
.h-trabalho strong{display:block;font-size:15px;line-height:1.45;margin-top:10px}
.h-trabalho p{margin:8px 0;font-size:13px}.h-trabalho small{color:var(--suave)}
.h-etiquetas{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:var(--suave)}
.h-prioridade{padding:3px 7px;border-radius:6px;border:1px solid var(--linha)}
.h-p-urgente,.h-p-alta{background:var(--alerta-fundo);color:var(--marca-texto);font-weight:700}
.h-bloqueio{padding:8px;border-left:3px solid var(--atencao);background:var(--campo)}
.h-trabalho details{margin-top:16px}.h-trabalho summary,.h-publicacao summary{cursor:pointer;font-size:13px;color:var(--marca-texto)}
.h-trabalho label{font-size:12px}.h-trabalho .btn{width:100%}
.h-espaco{margin-top:22px}.h-publicacao{margin-top:18px;padding-top:16px;border-top:1px solid var(--linha)}
.h-publicacao h4{margin:0;font-size:15px}.h-publicacao .btn{margin-top:12px}.h-publicacao p{font-size:13px}
.h-indicadores{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
.h-indicadores a{padding:16px;border:1px solid var(--linha);border-radius:12px;text-decoration:none;color:var(--tinta);background:var(--campo)}
.h-indicadores strong{display:block;font-size:28px;color:var(--marca-texto);line-height:1.1;margin-bottom:8px}.h-indicadores span{font-size:13px;display:block}
.h-alertas{margin-bottom:22px}.h-alertas h3{margin:0}.h-alertas p{margin:6px 0}
.h-acoes{display:flex;gap:10px;flex-wrap:wrap}.h-mes{display:flex;gap:12px;align-items:end;margin-bottom:20px;flex-wrap:wrap}.h-mes label{margin:0}
.h-texto{white-space:pre-wrap}.h-leitura{max-width:850px}.h-duas details{margin:12px 0}
@media(max-width:760px){.h-grupos{padding:12px 16px 0}.h-grupo{flex:1;padding:10px}.h-duas,.h-form-grid{grid-template-columns:1fr}.h-indicadores{grid-template-columns:repeat(2,minmax(0,1fr))}.h-filtros .btn{width:100%}.h-quadro{grid-template-columns:1fr}.h-largo{grid-column:auto}}
@media print{.h-grupos,.h-filtros,.h-publicacao form,.h-trabalho form{display:none}.h-quadro{display:block}.h-coluna{break-inside:avoid}.h-trabalho{break-inside:avoid}}

/* Acabamento visual aprovado: conserva marca, fontes, cores, cabeçalho e trilho originais. */
.app .h-grupos{padding:14px 0 0;gap:8px}
.app .h-grupo{font-family:var(--fonte);font-weight:600;min-height:42px;padding:10px 17px;transition:background .18s ease,border-color .18s ease,color .18s ease}
.app .abas{margin:13px 0 8px}
.app .conteudo{max-width:1440px}
.app .cabeca{align-items:center;gap:16px;margin:8px 0 22px}
.app .cabeca h2{line-height:1.2}
.app .cabeca p{max-width:76ch;line-height:1.5}
.app .h-filtros{display:grid;grid-template-columns:minmax(220px,1.6fr) repeat(4,minmax(110px,1fr));align-items:start;gap:14px;padding:18px 20px;margin:0 0 18px}
.app .h-filtros>label{min-width:0;display:grid;gap:7px;font-weight:600;font-size:13px}
.app .h-filtros>label input,.app .h-filtros>label select{height:44px;min-height:44px;margin:0;border-radius:12px;font-size:14px;font-weight:400}
.app .h-filtro-acoes{grid-column:1/-1;display:flex;gap:16px;align-items:center;padding-top:12px;border-top:1px solid var(--linha)}
.app .h-filtro-acoes .h-check{display:inline-flex;align-items:center;gap:9px;flex:initial;margin:0 auto 0 0;font-size:13px;min-height:36px;cursor:pointer}
.app .h-check input[type=checkbox]{width:16px;height:16px;min-height:16px;margin:0;accent-color:var(--marca);flex:none}
.app .h-limpar{font-size:13px;color:var(--suave);text-decoration:none;white-space:nowrap}
.app .h-limpar:hover{color:var(--marca-texto)}
.app .h-filtro-acoes .btn{min-height:40px;padding:0 22px}
.app .h-quadro{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch;margin-top:20px}
.app .h-coluna{border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:12px;min-width:0;background:var(--campo)}
.app .h-coluna>h3{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:35px;padding:0 1px 11px;margin:0;border-bottom:1px solid var(--linha);font-family:var(--fonte);font-size:14px;font-weight:600;line-height:1.35}
.app .h-coluna>h3>span{display:inline-grid;place-items:center;min-width:23px;height:23px;padding:0 5px;border-radius:7px;background:var(--superficie);font-size:12px;font-weight:500}
.app .h-coluna>.ajuda{margin:6px 0;text-align:center;font-size:13px}
.app .h-trabalho{display:flex;flex-direction:column;gap:0;border-radius:14px;padding:16px;margin:0;min-height:290px;background:var(--superficie);border:1px solid var(--linha);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.app .h-trabalho:focus-within{border-color:var(--suave)}
.app .h-etiquetas{min-height:24px;font-size:11px;gap:8px;margin-bottom:12px}
.app .h-etiquetas>span:first-child{letter-spacing:.035em}
.app .h-prioridade{font-size:11px;line-height:1.3;white-space:nowrap;border-radius:7px;padding:4px 7px}
.app .h-trabalho-titulo{font-family:var(--fonte);font-size:15px;font-weight:600;line-height:1.45;margin:0 0 9px;min-height:4.35em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.app .h-trabalho-contexto{min-height:64px;padding-bottom:12px}
.app .h-trabalho-contexto>p{font-size:13px;margin:0 0 6px;line-height:1.45}
.app .h-trabalho-contexto>.h-publicacao-resumo{color:var(--suave);font-size:11px;margin:0}
.app .h-trabalho-rodape{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--linha);font-size:11px;line-height:1.4}
.app .h-trabalho-pessoa{display:flex;align-items:center;gap:5px;min-width:0;max-width:100%;color:var(--suave)}
.app .h-trabalho-pessoa>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}
.app .h-trabalho-pessoa .ico,.app .h-trabalho-prazo .ico{width:13px;height:13px;flex:none}
.app .h-trabalho-prazo{display:flex;align-items:center;gap:5px;white-space:nowrap;color:var(--suave);font-size:11px}
.app .h-trabalho-prazo.texto-alerta{color:var(--marca-texto)}
.app .h-trabalho-abrir{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0 2px;font-size:12px;color:var(--tinta);font-weight:600;text-decoration:none}
.app .h-trabalho-abrir .ico{width:14px;height:14px;color:var(--suave);transition:transform .18s ease,color .18s ease}
.app .h-trabalho-abrir:hover{color:var(--marca-texto)}
.app .h-trabalho-abrir:hover .ico{transform:translate(2px,-2px);color:var(--marca-texto)}
.app .h-trabalho details{margin-top:12px;padding-top:10px;border-top:1px solid var(--linha)}
.app .h-trabalho details summary{font-size:11px;line-height:1.5;color:var(--suave)}
.app .h-trabalho details[open] summary{color:var(--marca-texto)}
.app .h-trabalho .h-bloqueio{font-size:12px;margin:0 0 12px}
.app .h-duas,.app .duas{gap:20px}
.app .coluna-principal,.app .lado{min-width:0}
.app[data-pagina=pedido_form] .formulario{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:22px;align-items:start}
.app[data-pagina=pedido_form] .formulario>.campo{min-width:0}
.app[data-pagina=pedido_form] .formulario>.campo>label{margin:0 0 8px}
.app[data-pagina=pedido_form] .formulario>.campo>input,.app[data-pagina=pedido_form] .formulario>.campo>select{width:100%;min-height:46px;margin:0}
.app[data-pagina=pedido_form] .formulario>.campo:has(> #solicitante){grid-column:1/-1}
.app[data-pagina=pedido_form] .formulario textarea{min-height:120px}
.app[data-pagina=pedido_form] .bloco-lado{padding:20px}
.app[data-pagina=pedido_form] .voltar{margin:12px 0 14px;font-size:13px}
.app[data-pagina=pedido_form] .voltar a{color:var(--suave);text-decoration:none}
.app[data-pagina=pedido_form] .voltar a:hover{color:var(--marca-texto)}
.app .bloco,.app .bloco-lado,.app .formulario,.app .cartao,.app .h-indicadores a{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .app .h-trabalho:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--suave) 60%,var(--linha));box-shadow:0 12px 24px color-mix(in srgb,var(--tinta) 9%,transparent)}
 .app .h-indicadores a:hover,.app a.cartao:hover{transform:translateY(-2px)}
 .app .bloco:hover,.app .bloco-lado:hover{border-color:color-mix(in srgb,var(--suave) 35%,var(--linha))}
}
@keyframes hangar-aparecer{from{opacity:.15;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.app .h-entrada{animation:hangar-aparecer .42s cubic-bezier(.2,.7,.3,1) both;animation-delay:var(--h-atraso,0ms)}
@media(min-width:901px){.app .duas{grid-template-columns:minmax(0,1fr) minmax(265px,300px)}}
@media(min-width:1700px){.app .conteudo{max-width:1580px}}
@media(max-width:1100px){
 .app .h-filtros{grid-template-columns:repeat(4,minmax(0,1fr))}
 .app .h-filtros>label:first-child{grid-column:1/-1}
 .app .h-quadro{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 .app .h-grupos{padding:12px 0 0;gap:7px}
 .app .h-grupo{flex:0 1 auto;padding:9px 13px;font-size:13px;min-height:40px}
 .app .h-filtros{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}
 .app .h-filtro-acoes{flex-wrap:wrap;gap:12px}
 .app .h-filtro-acoes .h-check{flex-basis:100%;margin:0}
 .app .h-filtro-acoes .btn{width:auto;margin-left:auto}
 .app .h-limpar{min-height:40px;display:inline-flex;align-items:center}
 .app .h-coluna{padding:12px}
 .app .h-trabalho{padding:14px;min-height:275px}
 .app .h-trabalho-titulo{font-size:14px}
 .app .cabeca h2{font-size:24px}
}
@media(max-width:540px){
 .app .h-quadro{grid-template-columns:1fr}
 .app .h-trabalho{min-height:245px}
 .app .h-trabalho-titulo{min-height:2.9em;-webkit-line-clamp:2}
 .app[data-pagina=pedido_form] .formulario{grid-template-columns:1fr;padding:18px}
 .app[data-pagina=pedido_form] .formulario>.campo{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){.app .h-entrada{animation:none!important}.app .h-trabalho,.app .bloco,.app .cartao,.app .h-indicadores a,.app .h-trabalho-abrir .ico{transition:none!important;transform:none!important}}
@media print{.app .h-filtro-acoes{display:none}.app .h-quadro{display:block}.app .h-trabalho{animation:none;transform:none}.app .h-coluna{display:block}.app .h-trabalho-titulo{display:block;min-height:0;overflow:visible}.app .h-coluna,.app .h-trabalho{margin-bottom:14px}}
/* O editor de quantidades do cliente continua compacto, separado dos filtros da operação. */
.app[data-pagina=cliente] .h-filtros{display:flex;align-items:flex-end}
.app[data-pagina=cliente] .h-filtros>label{flex:1 1 180px}