/* ==========================================================
   Mutum Obras — folha de impressão
   Carregar SEMPRE depois de style.css, para vencer no desempate.
   Tudo vive dentro de @media print: na tela este arquivo não muda nada.
   ========================================================== */
@media print{

/* ---------- Página ----------
   A4 com margem de 14mm: sobra espaço para furo e para a assinatura. */
@page{size:A4;margin:14mm}

/* ---------- Some no papel ----------
   Navegação, ações e avisos só existem para quem clica.
   Impressos, gastam tinta e empurram o conteúdo para outra folha.
   [data-nao-imprimir] é a saída genérica: o app marca o que não deve sair. */
.sidebar,
header,
footer,
.tabs,
.paginacao,
.toolbar,
.form-actions,
.page-heading button,
.text-button,
.file-remove,
.dropzone,
.anexo-botao,
#toast,
dialog,
.alert,
.note,
.metrics,
[data-nao-imprimir]{display:none!important}

/* ---------- Abas ----------
   Na tela o usuário vê uma aba por vez. No papel o documento tem que
   sair completo, então toda .aba escondida volta a aparecer. */
.aba[hidden]{display:block!important}
/* Cada aba tenta caber inteira numa folha; se for maior, o navegador quebra. */
.aba{break-inside:avoid}

/* ---------- Layout ----------
   Sem barra lateral, o conteúdo pode usar a largura toda da folha. */
.workspace{margin-left:0}
main{padding:0;max-width:none;min-height:0;margin:0}
.split{grid-template-columns:1fr}
body{background:#fff;font-size:10.5pt}
/* O scroll horizontal da tabela cortaria colunas na impressão. */
.table-wrap{overflow:visible}

/* ---------- Tinta ----------
   Fundo branco, texto preto, nada de sombra nem fundo colorido. */
*{box-shadow:none!important;text-shadow:none}
body,p,td,th,small,strong,h1,h2,h3,.muted,.detail-text,.history,.muted-note{color:#000}
/* Link azul e sublinhado vira ruído no papel. */
a{color:#000!important;text-decoration:none}
.panel{border:1px solid #999;box-shadow:none;margin-bottom:12px;break-inside:avoid;background:#fff}
.section-head,.form-body{padding:10px 12px}
.tag{border:1px solid #999;background:none;color:#000}
/* Cartões e destaques: só a borda cinza sobra. */
.work-card,.file-card,.dependente,.metrics article{border:1px solid #999;background:none;break-inside:avoid}
.perfil-hero{border:1px solid #999;box-shadow:none;background:none;break-inside:avoid;padding:12px;gap:16px}
.perfil-foto{width:92px!important;height:92px!important}
/* Campos de formulário: mostram o valor preenchido, sem fundo. */
input,select,textarea{border:1px solid #999;background:none;color:#000;padding:4px 6px}
textarea{min-height:0;height:auto;overflow:visible}

/* ---------- Tabelas ----------
   O cabeçalho se repete a cada folha, senão a segunda página vira
   uma lista de números sem nome de coluna. */
thead{display:table-header-group}
tr{break-inside:avoid}
table{width:100%;font-size:9.5pt}
td,th{padding:6px 10px;border-top:1px solid #ccc}
th{background:none;color:#000;border-bottom:1px solid #999}

/* ---------- Quebras ----------
   Título nunca fica órfão no pé da página. */
h1,h2,h3,.subhead,.crew-titulo{break-after:avoid}
h1{font-size:19pt}
h2{font-size:13pt}
h3{font-size:11pt}
.detail-grid{break-inside:avoid}
.perfil-fatos,.campo-opcao,.member-pick,.steps li{break-inside:avoid}

/* ---------- Cabeçalho da folha ----------
   Bloco que o app.js insere no topo do main. Fica escondido na tela
   (atributo hidden) e reaparece aqui: o !important mais este arquivo vir
   depois derrubam o display:none do style.css. */
.folha-cabecalho,.folha-cabecalho[hidden]{display:flex!important;justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:8px;margin-bottom:14px;border-bottom:1.5px solid #000;break-after:avoid;break-inside:avoid}
/* Empresa à esquerda, corpo pequeno: identifica quem emitiu o documento. */
.folha-empresa{font-size:8.5pt;line-height:1.45;color:#000;max-width:60%}
.folha-empresa strong{display:block;font-size:11pt;margin-bottom:2px}
/* Título à direita: diz o que é o papel na mão de quem recebe. */
.folha-titulo{text-align:right;font-size:11pt;font-weight:700;line-height:1.4}
.folha-titulo small{display:block;font-size:8.5pt;font-weight:400;margin-top:3px}

/* ---------- Rodapé da folha ----------
   Linha de assinatura. Também escondido na tela. */
.folha-rodape,.folha-rodape[hidden]{display:flex!important;gap:18mm;margin-top:18mm;break-inside:avoid}
/* Dois espaços lado a lado, cada um com o traço em cima do nome. */
.folha-assinatura{flex:1;border-top:1px solid #000;padding-top:5px;text-align:center;font-size:9pt;line-height:1.4}
.folha-assinatura small{display:block;font-size:8pt}

/* ---------- Imagens e anexos ----------
   Foto nunca estoura a margem; anexos saem em duas colunas por folha. */
img{max-width:100%}
.file-grid{grid-template-columns:repeat(2,1fr)}
.anexo-itens .file-grid{grid-template-columns:1fr}

}