/* relatorio-medicao.css — a folha impressa da medição
   Cortado de index.html por scripts/cortar-css.js. A ORDEM dos <link> no
   index.html é a ordem original do arquivo e não pode mudar: em CSS quem
   vem depois ganha. O grupo `css` da fumaça guarda isso. */
  /* ---- relatório de medição -- reusa .rep/.info acima (mesma fonte, mesma
     tabela de cabeçalho); dali pra baixo é bloco `.medrep-*` próprio (Etapa
     D: uma folha por esquadria, com croqui, fotos e um bloco por unidade --
     a tabela única de dez colunas morreu nesta etapa).
     Auditoria é o ponto: cada unidade mostra projeto + valor que vale (o
     menor) + as leituras que o produziram, não só o resultado -- é o mesmo
     motivo pelo qual a tela não descarta leitura depois de eleger a menor
     (spec, "Saída: PDF, e só"). */
  /* grid-template-columns:auto (nao 55mm fixo, achado Menor M4 da revisao
     final): sem croqui .medrep-topo-croqui e uma div vazia, e a coluna fixa
     reservava 55mm em branco mesmo assim -- 31% da largura util da folha,
     medido sob midia print. `auto` encolhe a coluna ao conteudo; com croqui,
     o teto continua sendo o max-width:55mm da .medrep-croqui, que a coluna
     auto respeita (nao estoura). Nao toca a tela -- .med-folha-topo (a
     versao de tela) tem a sua propria regra, ver acima. Guardado ESTENDENDO
     md56 (nao criterio novo -- md56 ja emula midia print e ja media os
     tetos em mm de croqui/foto no mesmo ponto). */
  .medrep-topo{display:grid;grid-template-columns:auto 1fr;gap:5mm;margin:6px 0 10px;
    padding-bottom:6px;border-bottom:1.5px solid #000}
  /* .medrep-topo-croqui fica sem CSS proprio de proposito, mesmo motivo de
     .med-folha-croqui (tela) acima: sem croqui ela e uma div vazia sem
     borda, nao uma caixa vazia com contorno -- o defeito que o md37 guarda. */
  /* Teto em mm, nao em px nem em %: o navegador imprime a 96 dpi logicos, e
     imagem sem teto em mm estoura a pagina com uma foto de 1600px (Etapa D,
     decisao 3). md56 guarda os dois tetos. */
  .medrep-croqui{max-width:55mm;max-height:45mm;display:block;border:1px solid #000}
  .medrep-nome{font-size:14px;font-weight:bold;line-height:1.2;margin-bottom:3px}
  .medrep-meta{font-size:11px;margin-bottom:2px}
  .medrep-esp{font-size:11px}
  .medrep-un{margin-top:8px;border:1px solid #000;padding:5px 6px}
  /* mutacao-folha-orfa: identificacao por bloco (medicao.js,
     medRepUnidadeHtml/medRepCaudaHtml/medRepIdTexto) -- mesmo peso da
     .medrep-legenda (10px, #333, ver abaixo), nunca o peso de
     .medrep-un-tit. E referencia de seguranca pra folha solta na fabrica,
     nao informacao que se le, por isso quieta de proposito.
     Rodada 2 (Nit 1 da revisao): margin-top nao ficava zerado -- o UA da
     ao <p> 1em de margem (10px, no tamanho desta fonte) em cima, de
     graca, somado aos 15px da linha e aos 3px do margin-bottom explicito
     = 28px por bloco. `margin:0 0 3px` tira os 10px que nao pagavam
     aparencia nenhuma (a .medrep-un ja tem padding:5px 6px). */
  .medrep-un-id{font-size:10px;color:#333;margin:0 0 3px}
  .medrep-un-tit{font-weight:bold;font-size:11.5px;margin-bottom:4px}
  /* table-layout:fixed + largura por coluna (achado do dono em 2026-09-05):
     cada unidade e uma <table> propria, e no layout automatico o navegador
     dimensiona as colunas pelo CONTEUDO daquela tabela -- a unidade com tres
     leituras espremia "Na Obra" e a com uma leitura so a alargava, entao a
     mesma coluna mudava de largura de bloco para bloco na MESMA folha. Quem
     confere na fabrica le de cima para baixo; coluna que dança quebra a
     leitura em coluna. Fixo torna a largura do CABECALHO, nao do conteudo,
     e a folha inteira passa a ter uma grade so. "Leituras" fica com a sobra
     (44%) porque e a unica celula que cresce -- ali a lista quebra em linha,
     que e o comportamento certo. */
  .medrep-tab{border-collapse:collapse;width:100%;font-size:10.5px;table-layout:fixed}
  .medrep-tab th:nth-child(1){width:18%}
  .medrep-tab th:nth-child(2){width:18%}
  .medrep-tab th:nth-child(3){width:20%}
  .medrep-tab th,.medrep-tab td{border:1px solid #000;padding:3px 5px;text-align:center}
  .medrep-tab td.ih{font-weight:bold}
  /* A coluna "Na Obra" e a MEDIDA FINAL -- e a que a fabrica usa (pedido do
     dono em 2026-09-05, junto com a troca do rotulo "Vale"). Negrito e corpo
     maior, NAO so o fundo: este arquivo nao tem `print-color-adjust:exact`,
     entao fundo de celula e o primeiro a sumir na impressao -- destaque que
     so existe no fundo e destaque que nao chega ao canteiro. */
  .medrep-tab th.medrep-obra,.medrep-tab td.medrep-obra{font-weight:bold;font-size:12px;background:#ededed}
  /* Depois do .medrep-obra: campo marcado (dispersao ou medida de projeto
     alterada) continua ganhando o fundo de aviso. */
  .medrep-tab td.medrep-bad{font-weight:bold;background:#ffe8b3}
  /* Depois de .medrep-bad, igual a tela (.med-celula.acordada vence .bad):
     medida ACORDADA com o cliente, que a fabrica NAO conferiu em obra. Azul
     em vez do cinza de destaque, mesmo azul da tela. AVISO CONHECIDO: em
     impressora preto-e-branco azul e verde caem no mesmo cinza -- este e o
     mesmo limite ja escrito para o .sel logo abaixo, e aqui NAO ha caixa que
     o resolva, porque a celula ja tem borda. Quem le a fotocopia distingue
     pela LINHA das escolhas ("Larguras Acordadas" carimbada), nao pela cor
     da celula. */
  .medrep-tab td.medrep-acordada{color:#0B2E5D;background:#DCE8F7}
  .medrep-aviso{margin:4px 0 0;font-size:10px;font-style:italic}
  .medrep-escolhas{margin-top:4px;font-size:10.5px}
  /* Ajuste 3 (par2, decisao do dono em 2026-08-24, olhando papel impresso de
     verdade). NO BLOCO GERAL, nao em @media print -- correcao da Rodada 2:
     o brief original mandava por este bloco dentro de @media print, e isso
     era defeito, nao estilo. A previa (#preview) e' a tela que o dono olha
     ANTES de mandar imprimir, e a regra desta ferramenta e' "o papel e' a
     prova" -- previa sem grade nem destaque mostra menos do que o papel vai
     trazer, enganando quem confere antes de imprimir. Igual as irmas
     .medrep-un/.medrep-escolhas/.medrep-cab-mini, que sempre estiveram aqui.
     So QUEBRA DE PAGINA fica em @media print (.medrep-un{page-break-inside:
     avoid} e companhia, mais abaixo) -- isso e' mecanica de impressao de
     verdade, isto aqui e' aparencia, que vale nas duas midias.
     Uma linha por campo do vocabulario, com TODOS os valores possiveis
     (medRepEscolhasHtml, medicao.js); a opcao ESCOLHIDA sai com borda +
     fundo, nao so cor -- boa parte das impressoras de fabrica e
     preto-e-branco, e ali o verde vira um cinza claro igual ao do valor
     recusado. A caixa e' o que sobrevive a fotocopia; so cor, nao. */
  .medrep-esc-linha{display:grid;grid-template-columns:26mm 1fr;gap:2mm;padding:1.4px 0}
  .medrep-esc-linha+.medrep-esc-linha{border-top:1px dotted #bbb}
  .medrep-esc-rot{font-weight:bold;font-size:9.5px;line-height:1.35}
  .medrep-esc-ops{font-size:9.5px;line-height:1.35}
  .medrep-op{color:#8a8a8a;white-space:nowrap}
  .medrep-op+.medrep-op::before{content:" · ";color:#c0c0c0}
  .medrep-op.sel{color:#0B3D1B;font-weight:bold;border:1px solid #1A7F37;
                 background:#DCF3E2;padding:0 3px;border-radius:2px}
  /* Depois de .medrep-op.sel, mesma especificidade -- quem vem depois ganha.
     O verde do .sel diz "conferida em obra"; carimbar de verde uma medida
     acordada com o cliente troca a informacao no unico documento que chega a
     fabrica. A CAIXA (borda + fundo) continua sendo o que sobrevive a
     fotocopia, exatamente como no .sel: so a cor muda. */
  .medrep-op.medrep-acordada{color:#0B2E5D;border-color:#1F5FA8;background:#DCE8F7}
  .medrep-esc-num{color:#000;font-weight:bold;font-size:9.5px}
  .medrep-esc-vazio{color:#8a8a8a}
  .medrep-fotos{display:flex;flex-wrap:wrap;gap:3mm;margin-top:5px}
  .medrep-foto{max-width:45mm;max-height:45mm;border:1px solid #000}
  /* pre-wrap: o medidor escreve a observacao em linhas na obra, e HTML colapsa
     quebra de linha em espaco -- sem isto o papel sai com tudo emendado num
     paragrafo so. O esc() ja preserva o caractere; quem comia era o CSS. */
  .medrep-obs{margin-top:8px;font-size:11px;font-style:italic;white-space:pre-wrap}
  .medrep-legenda{margin-top:8px;font-size:10px;color:#333}
  /* A MARCA do bloco da unidade: "2 desenhos, nas paginas seguintes" (decisao
     3.1 do dono -- o desenho sai SO na pagina propria, e no bloco fica so uma
     linha). Mesmo peso de .medrep-legenda e .medrep-un-id, de proposito: e
     referencia, nao informacao que se le -- quem esta lendo a folha da unidade
     precisa saber que existe mais coisa, nao ler o desenho aqui. */
  .medrep-desenho-marca{margin:6px 0 0;font-size:10px;color:#333}
  /* A PAGINA do desenho (decisao 3.4 do dono: uma por desenho). A quebra ja vem
     da lista de .medrep+.medrep no @media print global -- nao precisa de regra
     nova, e por isso a pagina e um .medrep de verdade, nao uma caixa propria.
     A identificacao no peso da .medrep-cab-mini, e nao no da .medrep-un-id:
     esta e a UNICA linha da pagina, nao uma repeticao dentro de uma folha ja
     identificada -- discreta aqui seria a folha orfa de novo, por outro
     caminho. */
  /* A folha de assinaturas usa a MESMA moldura, e por isso divide a regra em
     vez de copia-la: as duas sao a unica linha de identificacao de uma pagina
     solta, e duas regras iguais divergiriam na primeira vez que uma mudasse.
     A classe e propria (nao .medrep-desenho-id) porque md99 varre aquela e
     exige item/tipo/unidade -- a folha de assinaturas nao tem nenhum dos tres. */
  .medrep-desenho-id,.medrep-assin-id{border:1px solid #000;padding:3px 10px;font-size:11.5px;
    font-weight:bold;margin:0 0 6mm}
  /* Teto em mm e nao em % nem px, pelo mesmo motivo do croqui e da foto (md56):
     o navegador imprime a 96 dpi logicos, e imagem sem teto em mm estoura a
     pagina. `height:auto` com o teto nos dois eixos preserva a proporcao com
     que o desenho nasceu -- desenho esticado mente sobre a esquadria. */
  .medrep-desenho-img{display:block;max-width:100%;max-height:220mm;height:auto;
    border:1px solid #000}
  /* Quando os tracos nao chegaram (sem sinal na hora de imprimir): a pagina sai
     assim mesmo, DIZENDO que falta. Sumir calado com o desenho seria omissao
     invisivel, e quem recebe o maco nao teria como saber que faltou folha. */
  .medrep-desenho-falta{font-size:11px;font-style:italic;border:1px dashed #000;
    padding:6mm;margin:0}
  /* Ajuste 4 (par2): linha compacta com obra+item nas folhas depois da
     primeira -- mesma borda/padding/tamanho da .info (linha 727), pra
     continuar parecendo identificacao de folha, nao um rodape qualquer. */
  .medrep-cab-mini{border:1px solid #000;padding:3px 10px;font-size:11.5px;font-weight:bold;margin-bottom:10px}
  /* A FOLHA DE ASSINATURAS (mudanca 12, 2026-09-05) -- uma pagina propria no
     fim, com as duas linhas do relatorio que o dono ja usa. A quebra vem da
     lista .medrep+.medrep do @media print global; por isso a folha e um
     .medrep de verdade, nao uma caixa nova.
     Espaco generoso ACIMA de cada linha (e nao altura de caixa) porque quem
     assina a mao precisa de mao livre: linha colada na anterior faz a segunda
     assinatura invadir a primeira.
     Altura em mm e nao em px, pelo mesmo motivo do croqui e do desenho (md56):
     o navegador imprime a 96 dpi logicos e imagem sem teto em mm estoura a
     pagina. `object-fit:contain` preserva a proporcao com que o pad nasceu --
     assinatura esticada nao e a assinatura da pessoa. */
  .medrep-assin{max-width:120mm;margin-top:22mm}
  .medrep-assin-img{display:block;height:20mm;max-width:100%;object-fit:contain;
    object-position:left bottom;margin:0 0 1px}
  /* Sem assinatura no tablet a linha sai em branco para assinar a caneta -- o
     mesmo espaco, para a folha nao mudar de forma conforme quem assinou onde. */
  .medrep-assin-vazia{height:20mm}
  .medrep-assin-linha{border-top:1px solid #000;margin:0;padding-top:3px;font-size:11px}
