/* aluminio.css — corte alumínio: formulário e documento
   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. */
  /* ---- corte alumínio: formulário ---- */
  .altab{background:none;border:none;color:var(--mut);padding:10px 14px;font:inherit;font-size:13.5px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
  .altab:hover{color:var(--tx)}
  .altab.act{color:var(--tx);border-bottom-color:var(--acc)}
  .alpanel[hidden]{display:none}
  /* conversor: classes próprias para não colidir com .altab/.alpanel do alumínio */
  .cvtab{background:none;border:none;color:var(--mut);padding:10px 14px;font:inherit;font-size:13.5px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
  .cvtab:hover{color:var(--tx)}
  .cvtab.act{color:var(--tx);border-bottom-color:var(--acc)}
  .cvpanel[hidden]{display:none}
  .aperfil{background:var(--card2);border:1px solid var(--line);border-radius:9px;padding:14px;margin-bottom:12px}
  .aphead{display:grid;grid-template-columns:110px minmax(150px,1fr) minmax(150px,1fr) 96px 34px;gap:6px;align-items:end;margin-bottom:6px}
  .aphead .cdel{margin-bottom:1px}
  .arowh,.arow{display:grid;grid-template-columns:64px 92px 106px 70px minmax(150px,1fr) 34px;gap:6px;align-items:center;min-width:520px}
  .arowh{font-size:10.5px;color:var(--mut);text-transform:uppercase;letter-spacing:.05em;margin:8px 0 6px}
  .arow{margin-bottom:6px}
  .asum{font-size:12.5px;color:var(--acc);margin:8px 0 0;font-weight:600}
  .asum.bad{color:#ff8f87}

  /* ---- corte alumínio: documento (novo layout, padrão proposta) ----
     cores derivadas do tema selecionado em "Cores das folhas" */
  .al2-folha{
    --tinta:var(--doc-dark);
    --acc:var(--doc-acc);
    --acc-d:color-mix(in srgb,var(--doc-acc) 70%,#000);
    --acc-c:color-mix(in srgb,var(--doc-acc) 15%,#fff);
    --linha:color-mix(in srgb,var(--doc-dark) 25%,#fff);
    --linha2:color-mix(in srgb,var(--doc-dark) 12%,#fff);
    --fraco:color-mix(in srgb,var(--doc-dark) 55%,#fff);
    --fundo:color-mix(in srgb,var(--doc-dark) 6%,#fff);
    width:210mm;min-height:auto;margin:0 auto;background:#fff;color:var(--tinta);
    padding:12mm 11mm 10mm;display:flex;flex-direction:column;
    font-family:"Segoe UI",Arial,Helvetica,sans-serif;font-size:12px;
    -webkit-print-color-adjust:exact;print-color-adjust:exact}
  .al2-folha+.al2-folha{margin-top:36px;border-top:2px dashed #bbb;padding-top:36px}
  .al2-topo{display:flex;align-items:center;gap:16px;border-bottom:2px solid var(--tinta);padding-bottom:9px}
  .al2-topo img{width:64px;height:64px;object-fit:contain}
  .al2-tit{flex:1;text-align:right}
  .al2-tit h1{margin:0;font-size:21px;font-weight:700;letter-spacing:-.2px}
  .al2-tit .al2-l{font-size:13.5px;color:var(--tinta);margin-top:1px}
  .al2-tit .al2-e{font-size:9px;color:var(--fraco);margin-top:4px}
  .al2-meta{display:flex;gap:0;border:1px solid var(--linha);border-top:0;margin-bottom:14px}
  .al2-meta div{padding:7px 12px;font-size:11px}
  .al2-meta div+div{border-left:1px solid var(--linha)}
  .al2-meta .al2-vazio{color:var(--linha)}
  .al2-meta b{font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:var(--fraco);display:block;margin-bottom:2px;font-weight:700}
  .al2-perf{display:flex;justify-content:space-between;align-items:flex-start;background:var(--fundo);
    border-left:4px solid var(--doc-acc);padding:11px 14px;margin-bottom:4px}
  .al2-perf .al2-cod{font-size:20px;font-weight:700;color:var(--acc-d);line-height:1.1}
  .al2-perf .al2-nm{font-size:11px;color:var(--fraco);margin-top:3px}
  .al2-perf .al2-kpi{font-size:10.5px;text-align:right;line-height:1.75}
  .al2-perf .al2-kpi b{color:var(--fraco);font-weight:700}
  .al2-perf .al2-kpi .al2-v{font-weight:700}
  .al2-perf .al2-kpi .al2-ok{color:var(--acc-d)}
  .al2-h2{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--fraco);margin:16px 0 6px;font-weight:700}
  .al2-tab{width:100%;border-collapse:collapse;table-layout:fixed}
  .al2-tab th{font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--fraco);font-weight:700;
    text-align:left;padding:0 8px 6px;border-bottom:1.5px solid var(--tinta)}
  .al2-tab th.al2-c{text-align:center} .al2-tab th.al2-r{text-align:right}
  .al2-tab td{font-size:11.5px;padding:6px 8px;border-bottom:1px solid var(--linha2)}
  .al2-tab tr.al2-tpc td{border-bottom:1px dashed color-mix(in srgb,var(--doc-dark) 30%,#fff) !important}
  .al2-tab td.al2-c{text-align:center} .al2-tab td.al2-r{text-align:right} .al2-tab td.al2-b{font-weight:700}
  .al2-tab td.al2-dz{padding:3px 8px 11px;border-bottom:1px solid var(--linha2)}
  .al2-tab tr.al2-lb td{border-bottom:0;padding-bottom:3px}
  .al2-itens{display:flex;flex-direction:column;align-items:center;gap:0}
  .al2-itens span{display:block;padding:2px 0;font-size:11px;white-space:nowrap}
  .al2-itens span+span{border-top:0;padding-top:1px}
  .al2-lh{display:inline-block;min-width:13px;font-weight:700;color:var(--acc-d);font-style:normal}
  .al2-cx{display:inline-block;width:11px;height:11px;border:1px solid var(--fraco);border-radius:2px}
  .al2-tot{font-size:11px;margin:7px 0 0;padding:6px 8px;background:var(--fundo);border-left:3px solid var(--doc-acc)}
  .al2-tab td small{font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--fraco);font-weight:400;display:block}
  .al2-calls{position:relative;height:13px}
  .al2-call{position:absolute;transform:translateX(-50%);font-size:7.5px;color:var(--fraco)}
  .al2-it{position:absolute;transform:translateX(-50%);font-size:7.5px;color:var(--tinta);white-space:nowrap}
  .al2-it .al2-lh{min-width:0;font-size:7.5px}
  .al2-barra{position:relative;height:23px;background:#fff;border:1px solid color-mix(in srgb,var(--doc-dark) 40%,#fff);overflow:hidden}
  .al2-grade{position:absolute;top:0;bottom:0;width:1px;background:var(--linha2)}
  .al2-seg{position:absolute;top:0;bottom:0;background:var(--doc-acc);display:flex;align-items:center;justify-content:center}
  .al2-seg span{font-size:8px;color:#fff;font-weight:600}
  .al2-seg.l45{clip-path:polygon(7px 0,100% 0,100% 100%,0 100%)}
  .al2-seg.r45{clip-path:polygon(0 0,100% 0,calc(100% - 7px) 100%,0 100%)}
  .al2-seg.l45.r45{clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%)}
  .al2-sob{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center}
  .al2-sob span{font-size:8px;font-weight:700}
  .al2-sob.ok{background:repeating-linear-gradient(45deg,var(--acc-c) 0 5px,#fff 5px 10px);border-left:1px solid var(--doc-acc)}
  .al2-sob.ok span{color:var(--acc-d)}
  .al2-sob.perda{background:repeating-linear-gradient(45deg,#e9ecf0 0 4px,#fff 4px 8px)}
  .al2-sob.perda span{color:var(--fraco)}
  .al2-regua{position:relative;height:16px;margin-top:2px}
  .al2-regua i{position:absolute;top:0;width:1px;height:5px;background:var(--linha)}
  .al2-regua span{position:absolute;top:6px;transform:translateX(-50%);font-size:7.5px;color:var(--fraco)}
  .al2-leg{display:flex;gap:16px;font-size:8.5px;color:var(--fraco);margin-top:9px;align-items:center;flex-wrap:wrap}
  .al2-leg i{display:inline-block;width:16px;height:9px;margin-right:5px;vertical-align:-1px}
  .al2-est{margin:5px 0 0;padding-left:16px;font-size:11px;line-height:1.8}
  .al2-est li b{color:var(--acc-d)}
  .al2-rodape{margin-top:16px;border-top:1.5px solid var(--tinta);padding-top:7px;
    display:flex;justify-content:space-between;font-size:8.5px;color:var(--fraco)}
  .al2-rodape b{color:var(--tinta)}
  .al2-aten{font-size:8.5px;color:var(--fraco);margin:auto 0 7px}
  .al2-aten b{color:var(--tinta)}
  .al2-cabewarn{color:#b3261e;font-weight:bold;font-size:9.5px;padding:2px 6px}

