@media (max-width:820px){
  .fp-tbl .btn-mini{min-height:36px;padding-left:12px;padding-right:12px}
}

.lt-tab td{vertical-align:top}
.lt-num{font-size:1.125rem;font-variant-numeric:tabular-nums}

.lt-corte td{border-top:2px solid var(--border)}
.lt-unid{margin-top:0;align-self:center}

.mon-filtros{margin-bottom:18px}

.mon-susp{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}
.mon-fl-linha{margin-bottom:14px}
.mon-fl-cab{margin-bottom:6px}
.mon-fl-tab tr.mon-gargalo td{background:var(--bad-bg)}
.mon-fl-tab tr.mon-acum-crit td{background:var(--bad-bg)}
.mon-fl-tab tr.mon-acum-aten td{background:var(--warn-bg)}

.op-cel{display:block}
.op-vez{margin-bottom:4px}
.op-ciclo .op-it{display:block;line-height:1.5}
.op-ciclo .op-it-vez{font-weight:700;color:var(--text-primary)}

:root{--espera-bg:color-mix(in srgb, var(--series-1) 14%, transparent)}
.mon-fl-tab td.mon-espera{background:var(--espera-bg)}
.mon-fl-leg{margin-top:4px}
.mon-fl-leg .legend{justify-content:center;text-align:center}
@media (min-width:761px){.mon-fl-tab th:nth-child(3),.mon-fl-tab th:nth-child(4),.mon-fl-tab th:nth-child(5),.mon-fl-tab td:nth-child(3),.mon-fl-tab td:nth-child(4),.mon-fl-tab td:nth-child(5){text-align:center}}
.mon-fl-leg .legend i{border:1px solid var(--border)}

@media (max-width:820px){

  .lt-unid{align-self:flex-start;margin-top:6px;width:100%}

  .lt-unid .chip-bt{min-height:38px;display:inline-flex;align-items:center}
  .lt-num{font-size:1rem}
}

.vex-ctx{padding:14px 16px}
.vex-ctx-topo{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap}
.vex-quando{flex:1 1 260px;min-width:0}
.vex-quando strong{display:block;font-size:0.9375rem;text-transform:capitalize}
.vex-quando .hint{display:block;margin-top:2px}
.vex-ctx-filtros{margin-top:12px;padding-top:12px;border-top:1px solid var(--surface-2)}
.vex-chips{display:flex;gap:6px;flex-wrap:wrap}

.vex-chip{border:1px solid var(--border-strong);background:var(--surface-1);
  color:var(--text-secondary);border-radius:6px;padding:0 12px;min-height:36px;
  font:600 0.8125rem var(--font);cursor:pointer}
.vex-chip:hover{background:var(--surface-2)}

.vex-chip.on{background:var(--surface-2);border-color:var(--marca-txt);
  color:var(--marca-txt);box-shadow:inset 0 -2px 0 var(--brand-red)}

.vex-chip:disabled{background:var(--surface-2);border-style:dashed;
  color:var(--text-muted);cursor:not-allowed}

.vex-kpis{grid-template-columns:repeat(3,1fr)}
.vex-kpis .kpi-s{display:block}

.kpis4{grid-template-columns:repeat(4,1fr)}

.vex-at{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;
  border-top:1px solid var(--surface-2)}
.vex-at-vazio{padding:14px 16px;font-size:0.8125rem;color:var(--text-secondary)}
.vex-pt{width:11px;height:11px;border-radius:50%;flex:0 0 11px;margin-top:4px}
.vex-pt-bad{background:var(--bad)}
.vex-pt-warn{background:var(--warn)}
.vex-pt-ok{background:var(--ok)}
.vex-at-tx{flex:1 1 240px;min-width:0}
.vex-at-tt{font-weight:600;font-size:0.8438rem}
.vex-at-ds{font-size:0.7813rem;color:var(--text-secondary);margin-top:2px}
.vex-gr{font-size:0.6875rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.05em;padding:2px 8px;border-radius:99px;white-space:nowrap}
.vex-gr-bad{background:var(--bad-bg);color:var(--bad)}
.vex-gr-warn{background:var(--warn-bg);color:var(--warn)}
.vex-gr-ok{background:var(--ok-bg);color:var(--ok)}
.vex-jan{font-size:0.6875rem;color:var(--text-muted);white-space:nowrap;margin-top:3px}
.vex-ir{white-space:nowrap}

.vex-dg{padding:13px 16px;border-top:1px solid var(--surface-2)}
.vex-dg-f{display:flex;align-items:flex-start;gap:9px;font-size:0.8438rem;
  font-weight:600}

.vex-dg-t{min-width:0;flex:1 1 auto}
.vex-dg-i,.vex-dg-c,.vex-dg-r{font-size:0.7813rem;color:var(--text-secondary);
  margin-top:6px;padding-left:20px}
.vex-dg-c ul{margin:4px 0 0;padding-left:18px}
.vex-dg-c li{margin-bottom:3px}
.vex-dg-semc{color:var(--text-muted)}
.vex-dg-r{color:var(--text-primary)}
.vex-dg-bad .vex-dg-f{color:var(--bad)}
.vex-dg-warn .vex-dg-f{color:var(--warn)}
.vex-dg-ok .vex-dg-f{color:var(--ok)}

.vex-mp{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:10px;
  padding-top:10px;border-top:1px solid var(--surface-2);font-size:0.7813rem}
.vex-mp-i{display:flex;align-items:center;gap:6px;color:var(--text-secondary)}
.vex-mp-i .vex-pt{margin-top:0}

.vex-sug{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:8px}
.vex-ia-resp{margin-top:14px}

@media (max-width:820px){

  .vex-kpis{grid-template-columns:1fr}
  .kpis4{grid-template-columns:repeat(2,1fr)}

  .vex-at{flex-wrap:wrap;gap:10px}
  .vex-at-tx{flex:1 1 100%;order:2}
  .vex-gr{order:1}
  .vex-jan{order:1;margin-left:auto}
  .vex-ir{order:3;flex:1 1 100%;min-height:36px}
  .vex-ctx-topo .btn-pri{width:100%}
  .vex-dg-i,.vex-dg-c,.vex-dg-r{padding-left:0}

  .vex-sug .chip-bt{min-height:38px}
}

@media (max-width:820px){
  .ajuda{width:36px;height:36px;flex:0 0 36px}

  .rot{gap:0}

  .card-acoes .btn{flex:1 1 100%}
}

@media (max-width:820px){
  .fic-res{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tabs.folhas{overflow-x:auto;flex-wrap:nowrap}
  .tabs.folhas .tab{white-space:nowrap;flex:0 0 auto}
  .folha-corpo{padding:10px}
  .fic-wrap{padding:0 10px 12px}

  .fic-tile .lnk{display:inline-flex;align-items:center;min-height:36px}

  .cal-grade,.cal-legenda{display:none}
  .cal-lista>li{flex-direction:column;gap:2px}
  .cal-li .link,.cal-nav .btn{min-height:36px}
}

.op-trilha{list-style:none;margin:10px 0 4px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.op-et{position:relative;display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1)}
.op-et-bola{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-weight:750;font-size:.85rem;background:var(--surface-2);color:var(--text-muted)}
.op-et-nome{font-weight:700}
.op-et-datas{font-size:.8rem;color:var(--text-secondary);line-height:1.45}
.op-et-feita .op-et-bola{background:var(--ok);color:#fff}
.op-et-atual{border-color:var(--brand-navy);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-navy) 25%,transparent)}
.op-et-atual .op-et-bola{background:var(--brand-navy);color:#fff}
.op-et-proxima{border-style:dashed}
.op-pausada .op-et-atual{border-color:var(--warn);box-shadow:0 0 0 2px color-mix(in srgb,var(--warn) 25%,transparent)}
.op-pausada .op-et-atual .op-et-bola{background:var(--warn)}
.op-estagio{margin-bottom:4px}
.op-trilha-mini{display:inline-flex;gap:3px;margin:4px 6px 0 0;vertical-align:middle}
.op-trilha-mini .op-et{padding:0;border:none;background:none;box-shadow:none}
.op-trilha-mini .op-et-bola{width:16px;height:16px;font-size:.6rem}
.op-lst-et{display:flex;align-items:center;flex-wrap:wrap}
.op-lst-et-txt{font-size:.78rem;font-weight:600;margin-top:4px}

.op-itens{margin-top:14px}
.op-itens-tab{width:100%;border-collapse:separate;border-spacing:0}
.op-itens-tab th{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);text-align:center;padding:8px 4px;border-bottom:1px solid var(--border);white-space:nowrap}
.op-itens-tab td{padding:8px 4px;border-bottom:1px solid var(--border);text-align:center;vertical-align:middle}
.op-itens-tab .esq{text-align:left}
.op-itens-tab select.ctl{min-width:240px}
.op-itens-tab input.op-g{width:56px;min-width:0;text-align:center;padding:6px 2px;margin:0 auto}
.op-itens-tab input.op-q{width:110px;min-width:0;text-align:right}
.op-itens-tab .num{font-variant-numeric:tabular-nums;white-space:nowrap}
.op-itens-tab tr.op-itens-tot td{font-weight:750;background:var(--surface-2);border-bottom:none}
.op-itens-wrap{max-height:none;overflow-x:auto}

.sup-kpis{margin-bottom:16px}
.sup-kpi-txt{font-size:1.25rem}
.sup-sec{margin-top:18px}
.sup-sec-cab{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.sup-sec-cab h3{margin:0;font-size:1.125rem}
.sup-vazio{margin:6px 0}
.sup-btn{min-height:48px;padding:0 18px;font-size:1rem}
.sup-sel{min-height:48px}
.sup-lote{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.sup-marca{display:inline-flex;align-items:center;gap:8px;min-height:48px;min-width:48px;justify-content:center;cursor:pointer}
.sup-marca input{width:22px;height:22px}
.sup-fila{list-style:none;margin:0;padding:0;border-top:1px solid var(--border)}
.sup-item{display:flex;align-items:center;gap:12px;padding:8px 4px;border-bottom:1px solid var(--border)}
.sup-item-txt{flex:1 1 auto;min-width:0}
.sup-item-acoes{display:flex;gap:8px;flex:0 0 auto}
.sup-conflitos{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}
.sup-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px}
.sup-cliques,.sup-avisos,.sup-sessoes{list-style:none;margin:0;padding:0}
.sup-sessoes li{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:6px 2px;border-bottom:1px solid var(--border)}
.sup-cliques li,.sup-avisos li{display:flex;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px solid var(--border)}
.sup-cliques li>span:nth-child(2){flex:1 1 auto;min-width:0}
.sup-hora{font-variant-numeric:tabular-nums;font-weight:650;min-width:3.2em}
.sup-rodape{margin-top:14px}

@media (max-width:820px){
  .sup-grid{grid-template-columns:minmax(0,1fr)}
  .op-trilha:not(.op-trilha-mini){grid-template-columns:repeat(2,minmax(0,1fr))}
  .sup-item{flex-wrap:wrap}
  .sup-item-acoes{flex:1 1 100%}
  .sup-item-acoes .btn{flex:1 1 0}
}

.seg-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:12px}
.seg-cx{gap:2px}
.seg-topo{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative}
.seg-resumo{margin:8px 0 6px;color:var(--text);line-height:1.45;position:relative}
.seg-dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;margin:4px 0 0;font-size:.8125rem;position:relative}
.seg-dl dt{color:var(--text-muted);font-weight:600}
.seg-dl dd{margin:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.seg-h{margin:22px 0 8px;font-size:1.0625rem}
.seg-pessoas{list-style:none;margin:0 0 8px;padding:0;border-top:1px solid var(--border)}
.seg-pessoas li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 2px;border-bottom:1px solid var(--border)}
.seg-nota{margin-top:14px}
@media (max-width:820px){
  .seg-grid{grid-template-columns:minmax(0,1fr)}
}

@media screen and (max-width:760px){
  .btn-mini{min-height:36px}
}
