/* WFtec — Painel da folha (aba "Painel" do Comparativo). Só tokens de app.css. */
:root{
  --pf-1:#F15A25; --pf-2:#1D5CA3; --pf-3:#8C2F5A; --pf-4:#1C7438; --pf-5:#C98A0B; --pf-6:#6B4FA0; --pf-7:#B0271C;
  --pf-8:#4E8C8A; --pf-9:#9C6B4E; --pf-10:#4C4C4C; --pf-11:#A89F99; --pf-12:#2F7FC1; --pf-13:#5BA66B; --pf-14:#D98AB0; --pf-15:#D2C6BE;
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
  --pf-2:#7FB0EE; --pf-3:#E48BB5; --pf-4:#6BD08A; --pf-5:#E8B64A; --pf-6:#A98FE0; --pf-7:#F2857B; --pf-8:#7CC3C0; --pf-9:#CFA07F; --pf-10:#8A8580; --pf-11:#6B6461; --pf-12:#5FA8E8; --pf-13:#8FD29E; --pf-14:#EFA9CB; --pf-15:#4C4845; } }
:root[data-theme="dark"]{
  --pf-2:#7FB0EE; --pf-3:#E48BB5; --pf-4:#6BD08A; --pf-5:#E8B64A; --pf-6:#A98FE0; --pf-7:#F2857B; --pf-8:#7CC3C0; --pf-9:#CFA07F; --pf-10:#8A8580; --pf-11:#6B6461; --pf-12:#5FA8E8; --pf-13:#8FD29E; --pf-14:#EFA9CB; --pf-15:#4C4845; }
.c1{background:var(--pf-1)}.c2{background:var(--pf-2)}.c3{background:var(--pf-3)}.c4{background:var(--pf-4)}.c5{background:var(--pf-5)}.c6{background:var(--pf-6)}.c7{background:var(--pf-7)}.c8{background:var(--pf-8)}
.c9{background:var(--pf-9)}.c10{background:var(--pf-10)}.c11{background:var(--pf-11)}.c12{background:var(--pf-12)}.c13{background:var(--pf-13)}.c14{background:var(--pf-14)}.c15{background:var(--pf-15)}

.pf{display:flex;flex-direction:column;gap:14px;margin-top:4px}
.pf-corpo{display:flex;flex-direction:column;gap:12px}
.pf-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pf-tit{display:flex;flex-direction:column;gap:2px;min-width:0}
.pf-emp{font-family:var(--f-display);font-weight:800;font-size:17px;line-height:1.2}
.pf-comp{font-size:13px;color:var(--muted)} .pf-comp b{color:var(--ink)}
.pf-sp{flex:1}
.pf-q{font-size:12px;border-radius:999px;padding:3px 10px;border:1px solid var(--line);white-space:nowrap}
.pf-q.ok{background:var(--new-soft);color:var(--new)} .pf-q.aten{background:var(--accent-soft);color:var(--accent-text)} .pf-q.ruim{background:var(--gone-soft);color:var(--gone)}
.pf-abas{display:flex;gap:2px;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:3px;overflow-x:auto;scrollbar-width:thin}
.pf-aba{border:0;background:transparent;padding:7px 12px;border-radius:6px;cursor:pointer;font-weight:500;font-size:13.5px;color:var(--muted);white-space:nowrap}
.pf-aba:hover{color:var(--ink)}
.pf-aba[aria-selected="true"]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}
.pf-n{display:inline-block;min-width:18px;background:var(--accent);color:#1F1F1F;border-radius:999px;font-size:11px;font-family:var(--f-mono);padding:0 5px;margin-left:4px;line-height:17px;text-align:center}

.pf-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.pf-kpi{text-align:left;font:inherit;color:inherit;min-width:0}
button.pf-kpi{cursor:pointer;transition:border-color .15s,box-shadow .15s}
button.pf-kpi:hover{border-color:var(--accent);box-shadow:var(--shadow)}
.pf-kpi-d{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:linear-gradient(180deg,var(--accent-soft),var(--surface) 70%)}
.pf-orig{font-size:10.5px;font-weight:600;border-radius:999px;padding:0 6px;background:var(--same-soft);color:var(--muted);margin-left:4px;white-space:nowrap}

.pf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pf-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;min-width:0}
.pf-span2{grid-column:span 2} .pf-span3{grid-column:1/-1}
.pf-card-h{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.pf-card-h h3{font-size:15.5px;font-weight:800}
.pf-h3{font-size:14px;font-weight:800;margin:14px 0 8px}
.pf-big{font-size:18px;font-weight:600} .pf-big small{font-size:12.5px;color:var(--muted);font-weight:500}
.pf-nota{font-size:12px;color:var(--muted);margin:0}
.pf-destaque{font-size:13px;color:var(--ink);background:var(--surface-2);border-left:3px solid var(--accent);padding:6px 10px;border-radius:0 6px 6px 0}
.pf-up{color:var(--up)} .pf-down{color:var(--down)} .pf-zero{color:var(--muted)}
.pf-ok{color:var(--new)} .pf-aten{color:var(--accent-text);font-weight:600}
.pf-click{cursor:pointer}
.pf-link{border:0;background:none;padding:0;color:inherit;text-align:left;cursor:pointer;font:inherit}
.pf-link:hover{color:var(--accent-text);text-decoration:underline}
.pf-link b{color:var(--accent-text)}
.pf-alertas{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:13.5px}
.pf-alertas li{padding-left:14px;position:relative}
.pf-alertas li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.pf-mov{display:flex;gap:8px 16px;flex-wrap:wrap;font-size:13px;color:var(--muted)} .pf-mov b{color:var(--ink)}
.pf-lista{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px;font-size:13px;min-width:0;overflow-wrap:anywhere}

/* barras horizontais */
.pf-bars{display:flex;flex-direction:column;gap:7px}
.pf-bar-row{display:grid;grid-template-columns:minmax(110px,30%) 1fr auto;gap:10px;align-items:center;border-radius:6px;padding:2px 4px}
.pf-bar-row.pf-click:hover{background:var(--surface-2)}
.pf-bar-l{font-size:13px;line-height:1.25;min-width:0;overflow-wrap:anywhere}
.pf-bar-l .sub,.pf-bar-v .sub{display:block;font-size:11px;color:var(--muted)}
.pf-bar-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.pf-bar{height:12px;border-radius:3px;min-width:2px}
.pf-bar-a{background:var(--line-strong);height:6px}
.pf-bar-v{font-size:12.5px;text-align:right;min-width:92px}
.pf-leg{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--muted)}
.pf-leg span{display:inline-flex;align-items:center;gap:6px}
.pf-sw{display:inline-block;width:10px;height:10px;border-radius:2px}
.pf-stack{display:flex;height:22px;border-radius:6px;overflow:hidden;border:1px solid var(--line)}
.pf-stack span{height:100%;min-width:1px}

/* waterfall horizontal */
.pf-wf{display:flex;flex-direction:column;gap:4px}
.pf-wf-r{display:grid;grid-template-columns:minmax(120px,26%) 1fr minmax(96px,auto);gap:10px;align-items:center;border-radius:6px;padding:3px 4px}
.pf-wf-r.pf-click:hover{background:var(--surface-2)}
.pf-wf-r.tot .pf-wf-l{font-weight:700}
.pf-wf-l{font-size:13px;line-height:1.2} .pf-wf-l .sub,.pf-wf-v .sub{display:block;font-size:11px;color:var(--muted)}
.pf-wf-t{position:relative;height:18px;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),var(--line) calc(25% - 1px) 25%)}
.pf-wf-b{position:absolute;top:2px;bottom:2px;border-radius:3px}
.pf-wf-b.tot{background:var(--grafite)} .pf-wf-b.up{background:var(--up)} .pf-wf-b.down{background:var(--down)}
:root[data-theme="dark"] .pf-wf-b.tot{background:var(--muted)}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .pf-wf-b.tot{background:var(--muted)} }
.pf-wf-v{font-size:12.5px;text-align:right}
.pf-wf.compacto .pf-wf-r{padding-block:1px}

/* pareto e histograma */
.pf-pareto{width:100%;max-width:760px;max-height:280px;height:auto;display:block;margin-inline:auto}
.pf-pb{fill:var(--pf-2);opacity:.85} .pf-pl{fill:none;stroke:var(--accent);stroke-width:2} .pf-pc{fill:var(--accent)}
.pf-p80{stroke:var(--muted);stroke-dasharray:4 4;stroke-width:1} .pf-pt{fill:var(--muted);font:10px var(--f-mono)}
.pf-hist{display:flex;align-items:flex-end;gap:3px;height:120px;border-bottom:1px solid var(--line)}
.pf-hist span{flex:1;background:var(--pf-2);opacity:.8;border-radius:3px 3px 0 0;min-height:1px}
.pf-hist span:hover{opacity:1}
.pf-hist-x{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}
.pf-quart{display:flex;flex-direction:column;gap:3px;font-size:12.5px;color:var(--muted)} .pf-quart b{color:var(--ink)}

/* tabelas */
.pf-t{width:100%;border-collapse:collapse;font-size:13px}
.pf-t th{position:sticky;top:0;background:var(--surface-2);text-align:left;font-weight:600;font-size:12px;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap;z-index:1}
.pf-t td{padding:7px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.pf-t .r{text-align:right}
.pf-t .name{min-width:180px}
.pf-t .sub{display:block;font-size:11.5px;color:var(--muted)}
.pf-t tr.pf-click:hover td{background:var(--surface-2)}
.pf-t tr.pf-sub td{font-weight:600;background:var(--surface-2)}
.pf-t tr.pf-tot td{font-weight:700;border-top:2px solid var(--line-strong)}
.pf-t tr.pf-saiu td{opacity:.7}
.pf-t tr.pf-p80r td:first-child{box-shadow:inset 3px 0 0 var(--accent)}
.pf-t .pf-obs{font-size:12px;color:var(--muted);min-width:220px}
.pf-sort{cursor:pointer;user-select:none} .pf-sort:hover{color:var(--ink)}
.pf-conta td:first-child{min-width:260px}
.pf-cat{border:1px solid var(--line);background:var(--surface-2);border-radius:6px;padding:3px 6px;font-size:12.5px;max-width:230px}
.pf-filtros{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pf-filtros .search{flex:1;min-width:200px;max-width:420px}
.pf-sel{display:inline-flex;gap:6px;align-items:center;font-size:12.5px;color:var(--muted)}
.pf-sel select{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:5px 8px;max-width:260px}
.pf-chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:4px 12px;font-size:12.5px;cursor:pointer;color:var(--muted)}
.pf-chip[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}
.pf-chip b{color:var(--ink);margin-left:2px}

/* janela */
.pf-modal-fundo{position:fixed;inset:0;background:rgba(20,19,18,.55);display:grid;place-items:center;z-index:120;padding:16px}
.pf-modal{background:var(--surface);color:var(--ink);border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.35);width:min(920px,100%);max-height:88vh;display:flex;flex-direction:column;border:1px solid var(--line)}
.pf-modal-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}
.pf-modal-h h2{font-size:19px;font-weight:800}
.pf-modal-h .muted{font-size:12.5px;color:var(--muted)}
.pf-modal-c{padding:14px 18px 18px;overflow:auto}
.pf-modal .tbl-wrap{max-height:none}
.pf-form{display:flex;flex-direction:column;gap:14px}
.pf-form label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:500}
.pf-form input{border:1px solid var(--line-strong);background:var(--surface-2);border-radius:8px;padding:7px 10px;font-family:var(--f-mono);max-width:220px}
.pf-form .sub{font-size:11.5px;color:var(--muted);font-weight:400}
.pf-form-a{display:flex;gap:8px;align-items:center;flex-wrap:wrap}

/* painel com uma folha só (antes de enviar a segunda) */
.pf-sozinho{margin-top:22px}
.pf-sozinho > .pf-aviso{font-size:13px;color:var(--muted);margin-bottom:10px}

@media (max-width:1000px){ .pf-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .pf-span3{grid-column:1/-1} .pf-span2{grid-column:1/-1} }
@media (max-width:900px){ .pf-kpis{grid-template-columns:repeat(2,1fr)} }
@media (max-width:640px){
  .pf-grid{grid-template-columns:minmax(0,1fr)}
  .pf-bar-row{grid-template-columns:1fr auto;grid-template-areas:"l v" "t t";row-gap:4px}
  .pf-bar-l{grid-area:l} .pf-bar-t{grid-area:t} .pf-bar-v{grid-area:v}
  .pf-wf-r{grid-template-columns:1fr auto;grid-template-areas:"l v" "t t";row-gap:3px}
  .pf-wf-l{grid-area:l} .pf-wf-t{grid-area:t} .pf-wf-v{grid-area:v}
  .pf-top .btn{flex:1;justify-content:center}
  .pf-modal-fundo{padding:0} .pf-modal{max-height:100vh;height:100%;border-radius:0}
}
@media (max-width:440px){ .pf-kpis{grid-template-columns:1fr 1fr} .pf-kpi .kpi-v{font-size:17px} }

/* relatório executivo (impressão) */
.pf-relatorio{display:none}
@media print{
  @page{size:A4;margin:14mm 14mm 16mm}
  body.pf-imprimindo{background:#fff;color:#262626;padding:0;overflow:visible}
  body.pf-imprimindo > *:not(#pf-relatorio){display:none!important}
  body.pf-imprimindo #pf-relatorio{display:block;font:10pt/1.45 var(--f-body);color:#262626;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .pf-relatorio .rl-cab{display:flex;justify-content:space-between;align-items:center;border-bottom:3pt solid #F15A25;padding-bottom:7pt;margin-bottom:12pt}
  .pf-relatorio .rl-marca{display:grid;grid-template-columns:auto auto;column-gap:7pt;align-items:center}
  .pf-relatorio .rl-marca i{grid-row:span 2;width:18pt;height:18pt;border-radius:50%;background:#F15A25}
  .pf-relatorio .rl-marca b{font:italic 900 17pt/1 var(--f-display);color:#262626;letter-spacing:-.4pt}
  .pf-relatorio .rl-marca b span{color:#F15A25}
  .pf-relatorio .rl-marca small{font-size:7.5pt;color:#6B6461}
  .pf-relatorio .rl-tipo{font-size:8pt;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#B83A16}
  .pf-relatorio .rl-emp{font:italic 900 21pt/1.1 var(--f-display);margin:0 0 3pt;color:#1F1B19}
  .pf-relatorio .rl-meta{color:#6B6461;font-size:9pt}
  .pf-relatorio .rl-meta b{color:#262626}
  .pf-relatorio .rl-aviso{background:#FDEDE5;border-left:3pt solid #F15A25;padding:5pt 8pt;margin:10pt 0 0;font-size:9pt}
  .pf-relatorio .rl-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:7pt;margin:13pt 0 4pt}
  .pf-relatorio .rl-kpi{border:1pt solid #E6DDD7;border-top:3pt solid #F15A25;border-radius:5pt;padding:6pt 8pt;background:#FBF8F6;break-inside:avoid}
  .pf-relatorio .rl-kpi small{display:block;font-size:7pt;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#6B6461}
  .pf-relatorio .rl-kpi b{display:block;font:600 13pt/1.25 var(--f-mono);color:#1F1B19;white-space:nowrap;margin-top:2pt}
  .pf-relatorio .rl-kpi span{font-size:8pt;color:#6B6461}
  .pf-relatorio .rl-kpi.sobe b{color:#B0271C}
  .pf-relatorio .rl-kpi.desce b{color:#1E7A4C}
  .pf-relatorio h1{font-size:19pt;margin:0 0 4pt;font-family:var(--f-display)}
  .pf-relatorio h2{font:700 11.5pt/1.2 var(--f-body);margin:15pt 0 6pt;color:#1F1B19;display:flex;align-items:center;gap:6pt;break-after:avoid}
  .pf-relatorio h2::before{content:"";width:4pt;height:11pt;background:#F15A25;border-radius:1pt}
  .pf-relatorio h3{font-size:10pt;margin:10pt 0 4pt;break-after:avoid}
  .pf-relatorio h3 span{font-weight:400;color:#6B6461;font-size:8.5pt;margin-left:4pt}
  .pf-relatorio h4{font-size:7.5pt;text-transform:uppercase;letter-spacing:.06em;color:#6B6461;margin:0 0 3pt}
  .pf-relatorio p{margin:0 0 4pt}
  .pf-relatorio .rl-resumo{background:#FBF8F6;border:1pt solid #E6DDD7;border-radius:5pt;padding:7pt 9pt;font-size:10pt}
  .pf-relatorio table{width:100%;border-collapse:collapse;font-size:8.8pt;page-break-inside:auto}
  .pf-relatorio th{background:#F6F2EF;color:#4C4542;font-size:7.5pt;font-weight:600;text-transform:uppercase;letter-spacing:.04em;text-align:left;padding:4pt 6pt;border-bottom:1.2pt solid #D2C6BE}
  .pf-relatorio td{padding:3.5pt 6pt;border-bottom:.6pt solid #EDE5DF;vertical-align:top;text-align:left}
  .pf-relatorio tbody tr:nth-child(even) td{background:#FDFBFA}
  .pf-relatorio .r{text-align:right;font-family:var(--f-mono);font-variant-numeric:tabular-nums;white-space:nowrap}
  .pf-relatorio tr{page-break-inside:avoid}
  .pf-relatorio tr.rl-tot td{font-weight:700;background:#FCE3D8!important;border-top:1pt solid #F15A25}
  .pf-relatorio tr.rl-sub td{color:#6B6461}
  .pf-relatorio .rl-mais{color:#B0271C}
  .pf-relatorio .rl-menos{color:#1E7A4C}
  .pf-relatorio .rl-mat{font-family:var(--f-mono);color:#6B6461;font-size:8pt}
  .pf-relatorio .rl-barcol{width:34%}
  .pf-relatorio .rl-bar{display:inline-block;height:7pt;border-radius:2pt;background:#F15A25;vertical-align:middle;min-width:1pt}
  .pf-relatorio .rl-bar.neg{background:#9C928C}
  .pf-relatorio .rl-pontos{margin:0;padding-left:14pt}
  .pf-relatorio .rl-pontos li{margin:2pt 0}
  .pf-relatorio .rl-notas{display:grid;grid-template-columns:1fr 1fr;gap:10pt;margin-top:14pt;padding-top:8pt;border-top:.8pt solid #E6DDD7;font-size:8pt;color:#4C4542;break-inside:avoid}
  .pf-rel-rod{margin-top:12pt;font-size:7.5pt;color:#6B6461;text-align:center}
}
}

/* Botão "Custo da folha" ao lado da Auditoria: o título encolhe para os botões ficarem à direita */
.head:has(#btnCusto) > div:first-child{flex:1 1 360px;min-width:0}
.head:has(#btnCusto) .head-actions{justify-content:flex-end}
@media (max-width:760px){.head:has(#btnCusto) .head-actions{justify-content:flex-start}}
.pf-top .btn{white-space:nowrap}

/* Filtro por situação (mesmos botões e cores do comparativo) */
.pf-sitbar{margin:0 0 10px;align-items:center}
.pf-sit-rot{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-right:2px}
.pf-filtro-aviso{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 12px;padding:9px 12px;border-radius:10px;border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--surface-2);font-size:13px}
.pf-filtro-aviso .btn{padding:5px 10px;font-size:12.5px}
.pf-sit-nota{display:block;font-size:12px;font-weight:500;color:var(--muted);margin-top:4px}
.pf-modal-h h2 .chip{vertical-align:middle;font-size:11px}
.pf-filtro-aviso > span{flex:1 1 420px;min-width:0}
.pf-filtro-aviso > .btn{margin-left:auto;flex:none}
.pf-filtro-aviso{flex-wrap:nowrap}
@media (max-width:760px){.pf-filtro-aviso{flex-wrap:wrap}}

/* aba Evolução (totais mensais guardados) */
.pf-evo-exp{font-size:12.5px;color:var(--muted);margin:0 0 12px}
.pf-evo{display:flex;align-items:flex-end;gap:6px;height:170px;padding-top:8px;border-bottom:1px solid var(--line);overflow-x:auto}
.pf-evo-col{flex:1 0 26px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}
.pf-evo-col small{font-size:10.5px;color:var(--muted);white-space:nowrap}
.pf-evo-b{width:100%;max-width:38px;background:var(--pf-2);opacity:.75;border-radius:3px 3px 0 0;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden}
.pf-evo-b span{display:block;width:100%;background:var(--pf-5)}
.pf-evo-col.atual .pf-evo-b{opacity:1;box-shadow:0 0 0 2px var(--accent)}
.pf-evo-col.atual small{color:var(--ink);font-weight:600}
.pf-evo-leg{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}
.pf-evo-leg i{display:inline-block;width:10px;height:10px;border-radius:2px}
.pf-evo-l1{background:var(--pf-2)} .pf-evo-l2{background:var(--pf-5)}
.pf-evo-pe{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;flex-wrap:wrap}
@media (max-width:600px){
  .pf-evo{gap:3px;height:150px}
  .pf-evo-col{flex-basis:14px}
  .pf-evo-col small{font-size:9.5px;writing-mode:vertical-rl;transform:rotate(180deg)}
}