/* ===== styles.css ===== */
:root{--red:#cc0d0b;--yellow:#f4b200;--deep:#a50a09;--text:#0f172a;--muted:#5b6b85;--chip:#fff3d6;--bg:#fff9f1;--bg-soft:#fff4e4;--border-soft:#f2d39c;--shadow-soft:0 12px 28px rgba(15,23,42,.18);--radius-lg:14px;--radius-pill:999px;--tab-bg:#fff9f1;--tab-active:#ffeb99}
*{box-sizing:border-box}body{margin:0;font:13px/1.35 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial;color:var(--text);background:var(--bg)}
.logo{height:28px;width:auto;margin-right:8px}
.app-header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:4px 8px;border-bottom:3px solid var(--yellow);background:#fff}
.title h1{font-size:16px;margin:0}.top-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.top-meta small{color:#666}.top-meta .btns{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.btn{border:2px solid var(--deep);background:var(--red);color:#fff;padding:6px 8px;border-radius:8px;cursor:pointer;font-weight:700;font-size:12px}
.btn.ghost{background:#fff;color:var(--deep)}
.tabs{display:flex;gap:8px;padding:4px 8px;border-bottom:1px dashed #ddd}
.tab{background:var(--chip);border:1px solid var(--yellow);color:#7a3c00;font-weight:800;padding:6px 10px;border-radius:999px;cursor:pointer;font-size:12px}
.tab.active{background:var(--yellow)}
.filters{display:grid;grid-template-columns:1.2fr repeat(8,1fr);gap:10px;padding:10px 12px;position:relative;z-index:5}
.filter-group{display:none;grid-column:1/-1;grid-template-columns:inherit;gap:inherit}
.filter-group.active{display:grid}
.field{display:flex;flex-direction:column;gap:4px}.field.wide{grid-column:1/span 2}label{font-size:11px;color:var(--muted)}
input[type=search],select{border:2px solid #f7c33a;padding:8px;border-radius:10px;background:#fff;font-size:13px}
.panel{display:none}.panel.active{display:block}
.table-wrap{border:2px solid #f7c33a;border-radius:12px;overflow:auto;background:#fff}
.table-wrap.tall{max-height:68vh}
table{width:100%;border-collapse:collapse;table-layout:auto;font-size:12px}
thead th{position:sticky;top:0;background:var(--yellow);color:#632c00;border-bottom:2px solid #a24a00;padding:6px 8px;text-align:left;font-size:11px;white-space:nowrap}
tbody td{padding:5px 6px;border-bottom:1px solid #f6e4b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
tfoot td{padding:6px;font-weight:800;background:#fff4cc;position:sticky;bottom:0}
.empty{margin:12px;color:#555;background:#fff8e0;border:1px dashed #f0ad00;padding:10px;border-radius:10px}
.loader{position:fixed;inset:0;background:rgba(255,255,255,.85);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.loader.hidden{display:none}.spinner{width:56px;height:56px;border-radius:50%;border:6px solid #ffd57a;border-top-color:#d41111;animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.print-area{display:none}
@media print{
  main,.tabs,#filters,.app-header,.loader{display:none!important}
  .print-area{display:block}
  @page{size:A4 landscape;margin:8mm}
  .print-area table{font-size:10px;border-collapse:collapse;width:100%}
  .print-area th,.print-area td{padding:3px 4px;border:1px solid #ddd;white-space:nowrap}
}

/* === Ajustes para colunas redimensionáveis === */
table {
  table-layout: auto !important;
}

th {
  position: relative;
  white-space: nowrap;
  padding-right: 10px;
}

.resize-handle {
  cursor: col-resize;
  font-size: 11px;
  color: #999;
  margin-left: 4px;
  user-select: none;
}
th {
  resize: horizontal;
  overflow: auto;
}


/* === Destaque apenas para botão Aplicar === */
button.apply-btn {
  background-color: var(--red);
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding: 12px 28px;
  border: none;
  border-radius: 6px;
  display: inline-block;
  margin: 12px;
  cursor: pointer;
  box-shadow: 0 3px 6px rgba(0,0,0,0.25);
  transition: background 0.3s;
}
button.apply-btn:hover {
  background-color: var(--deep);
}





/* === Destaque exclusivo para botão Aplicar === */
button.apply-btn {
  background-color: var(--red);
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  padding: 14px 36px;
  border: none;
  border-radius: 8px;
  display: inline-block;
  margin: 16px;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(0,0,0,0.25);
  transition: background 0.3s;
}
button.apply-btn:hover {
  background-color: var(--deep);
}


/* === Estilo isolado do botão Aplicar === */
.aplicar-container {
  text-align: center;
  margin: 0;
}
.aplicar-container button {
  background-color: var(--red);
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  padding: 16px 40px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  transition: background 0.3s;
}
.aplicar-container button:hover {
  background-color: var(--deep);
}








/* === Botão Aplicar em destaque === */
button.apply-btn {
  background-color: var(--red);
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  padding: 16px 48px;
  border: none;
  border-radius: 10px;
  margin: 8px auto;
  display: block;
  text-align: center;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(0,0,0,0.35);
  transition: background 0.3s, transform 0.2s;
}
button.apply-btn:hover {
  background-color: var(--deep);
  transform: scale(1.07);
}


/* Ajuste responsivo para a versão no rodapé */
footer, #footer, .footer {
  word-wrap: break-word;
  white-space: normal;
  max-width: 100%;
  overflow-wrap: break-word;
}


/* ===== Responsive improvements (v22.08.25.17.19) ===== */

/* Buttons group wraps nicely */
@media (max-width: 1024px) {
  .top-meta .btns { flex-wrap: wrap; justify-content: center; gap: 10px; }
  .top-meta .btns .btn { flex: 1 1 45%; max-width: 45%; }
  .top-meta { align-items: center; }
}

@media (max-width: 768px) {
  .top-meta .btns .apply-btn { flex: 1 1 100%; max-width: 100%; }
  .top-meta .btns .btn { flex: 1 1 48%; max-width: 48%; }
  .title h1 { font-size: 15px; }
}

/* On very small screens put each button on its own row */
@media (max-width: 520px) {
  .top-meta .btns .btn { flex: 1 1 100%; max-width: 100%; }
  .top-meta small { text-align: center; }
}

/* Filters grid becomes fluid: 3 cols -> 2 -> 1 */
@media (max-width: 1200px) {
  .filters { grid-template-columns: repeat(3, 1fr); }
  .filter-group { grid-template-columns: repeat(3, 1fr); }
  .field.wide { grid-column: 1 / -1; }
}
@media (max-width: 900px) {
  .filters { grid-template-columns: repeat(2, 1fr); }
  .filter-group { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
  .filters { grid-template-columns: 1fr; }
  .filter-group { grid-template-columns: 1fr; }
  .field, .field.wide { grid-column: 1 / -1; }
  input[type=search], select { font-size: 14px; }
}

/* Footer & version: never overflow */
.app-footer, footer, #footer, .footer, .top-meta small {
  word-break: break-word;
  overflow-wrap: anywhere;
  max-width: 100%;
}

/* Smooth momentum scroll on mobile */
.table-wrap{ -webkit-overflow-scrolling: touch; }


/* === All-10 Improvements Pack === */
/* Zebra rows */
table tbody tr:nth-child(odd){ background:#ffffff; }
table tbody tr:nth-child(even){ background:#f9fafb; }
/* Sticky header desktop */
@media (min-width: 781px){
  table thead th{ position: sticky; top: 0; background: #fff; z-index: 2; }
  table tfoot td{ position: sticky; bottom: 0; background: #fff; z-index: 1; }
}
/* Modal */
.modal{ position: fixed; inset: 0; background: rgba(0,0,0,.45); display: flex; align-items: center; justify-content: center; z-index: 9998; }
.modal.hidden{ display: none; }
.modal-body{margin:0;font:13px/1.35 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial;color:var(--text);background:var(--bg)}
.modal-title{ font-weight:700; font-size: 18px; margin-bottom: 12px; }
.cols-checks{ display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:8px; max-height: 50vh; overflow:auto; }
.modal-actions{ display:flex; gap:8px; justify-content:flex-end; margin-top: 12px; }
.btn.sm{ padding:4px 8px; font-size:12px; }
.btn.ghost{ background: #f3f4f6; border:1px solid #e5e7eb; }
.btn.danger{ background:#fee2e2; border:1px solid #fecaca; }
/* UX tools block */
.ux-tools{ display:flex; gap:8px; flex-wrap: wrap; align-items: center; margin: 6px 0; }
.ux-tools .sep{ width:1px; height:18px; background:#e5e7eb; display:inline-block; }
/* Column resizer */
th{ position: relative; }
th .resizer{ position:absolute; top:0; right:0; width:8px; height:100%; cursor: col-resize; user-select:none; }
th .resizer::after{ content: '<|>'; font-size: 10px; color:#9ca3af; position:absolute; top:50%; right:2px; transform: translateY(-50%); }
/* High contrast */
.contrast body, body.contrast{ background:#0b0f14; color:#e5e7eb; }
body.contrast table{ color:#e5e7eb; }
body.contrast table tbody tr:nth-child(even){ background:#111827; }
body.contrast table tbody tr:nth-child(odd){ background:#0f172a; }
body.contrast th, body.contrast td{ border-color:#253043; }
/* Mobile: top menu scrolls with page */
@media (max-width: 780px){
  .top-meta, header, .app-header, .topbar{ position: static !important; }
}
/* Toast (if not present) */
.toast{ position:fixed; left:50%; bottom:16px; transform:translateX(-50%) translateY(8px);
  background:rgba(0,0,0,.88); color:#fff; padding:10px 14px; border-radius:10px; box-shadow:0 6px 18px rgba(0,0,0,.25);
  font-size:14px; z-index:9999; opacity:0; pointer-events:none; transition:opacity .25s, transform .25s; }
.toast.show{ opacity:1; transform:translateX(-50%) translateY(0); } .toast.hidden{ opacity:0; }

#tablePivotValor tbody tr:nth-child(odd),
#tablePivotEV tbody tr:nth-child(odd){ background:#fafafa; }
#tablePivotValor tbody tr:hover,
#tablePivotEV tbody tr:hover{ background:#fff6d6; transition:background 120ms ease; }

/* === Print Header (Data, Hora, Filtros) === */
#printHeader { 
  display: none; 
  margin: 8px 0 12px 0; 
  padding: 8px 10px; 
  border: 1px solid #ddd; 
  border-radius: 8px; 
  font-size: 12px; 
  background: #fff; 
}
#printHeader .ph-row { display: flex; gap: 24px; align-items: center; margin: 4px 0;}
#printHeader b { font-weight: 700; }
@media print{
  #printHeader{ display:block !important; }
}

/* ChatGPT: ensure multi-select clear button is active */
.ms332-actions .btn.clear{opacity:1!important;pointer-events:auto!important;filter:none!important}

/* Campo Quantidade: rótulo inline */
.filter-group .field label{white-space:nowrap}


/* === Zebra for PRINT ONLY (auto-injected) === */
@media print {
  :root {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    color-adjust: exact;
  }
  table tbody tr:nth-child(odd) td {
    background: #ffffff !important;
  }
  table tbody tr:nth-child(even) td {
    background: #d9d9d9 !important;
  }
  table, th, td {
    border-color: #666 !important;
  }
}



/* Esconde definitivamente o botão de atualizar versão, mas mantém no DOM para não quebrar o JS */
#btnUpdate{ display:none !important; }


/* ============================================================
   Visual Upgrade Pack v2025-12 – Laser Eletro Estoque & Vendas
   Foco: melhorias 100% visuais (cores, sombras, espaços, hover,
   responsividade) sem alterar regras de negócio.
   ============================================================ */

/* 1) Fundo geral mais suave com leve gradiente */
body{
  background: radial-gradient(circle at top left, #fff7ec 0, #fff9f1 42%, #fffdf9 100%);
}

/* 2) Header em cartão "flutuante" com sombra suave */
.app-header{
  margin:4px 4px 0;
  padding:8px 12px;
  border-radius:var(--radius-lg);
  background:linear-gradient(120deg,#ffffff 0,#fff4e4 40%,#ffe3d2 100%);
  box-shadow:0 10px 24px rgba(15,23,42,.16);
}

/* 3) Logo + título melhor alinhados */
.app-header .left{
  display:flex;
  align-items:center;
  gap:10px;
}
.title h1{
  letter-spacing:.02em;
}
.title small,
.title .muted{
  color:var(--muted);
}

/* 4) Agrupa meta/topo com leve separador */
.top-meta{
  padding-left:8px;
  border-left:1px dashed rgba(148,163,184,.6);
}

/* 5) Botões principais com sombra e animação sutil */
.btn{
  box-shadow:0 6px 14px rgba(148,27,27,.30);
  transition:background .18s ease,transform .14s ease,box-shadow .18s ease,filter .18s ease;
}
.btn:hover{
  filter:brightness(1.03);
  transform:translateY(-1px);
  box-shadow:0 10px 20px rgba(148,27,27,.35);
}
.btn:active{
  transform:translateY(0);
  box-shadow:0 3px 8px rgba(148,27,27,.4);
}
.btn[disabled],.btn:disabled{
  opacity:.55;
  cursor:not-allowed;
  box-shadow:none;
}

/* 6) Grupo de botões ocupa melhor o espaço em telas menores */
@media (max-width: 960px){
  .top-meta .btns{
    width:100%;
    justify-content:center;
  }
}

/* 7) Abas com estilo pill mais moderno */
.tabs{
  background:linear-gradient(to right,#fffaf0,#fff);
  border-radius:var(--radius-lg);
  box-shadow:0 6px 16px rgba(15,23,42,.08);
  margin:6px 4px 0;
  overflow-x:auto;
  padding-inline:10px;
}
.tab{
  border-radius:var(--radius-pill);
  background:var(--tab-bg);
  border:1px solid rgba(248,191,60,.85);
  padding:7px 14px;
  position:relative;
  transition:background .18s ease,color .18s ease,transform .12s ease,box-shadow .18s ease;
}
.tab:hover{
  background:rgba(255,244,189,.85);
  transform:translateY(-1px);
  box-shadow:0 8px 16px rgba(15,23,42,.12);
}
.tab.active{
  background:var(--tab-active);
  box-shadow:0 8px 20px rgba(15,23,42,.16);
}
.tab.active::after{
  content:'';
  position:absolute;
  left:18%;
  right:18%;
  bottom:-6px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#ef4444,#f97316,#eab308);
}

/* 8) Scroll das abas mais discreto */
.tabs::-webkit-scrollbar{
  height:4px;
}
.tabs::-webkit-scrollbar-track{
  background:transparent;
}
.tabs::-webkit-scrollbar-thumb{
  background:rgba(148,163,184,.75);
  border-radius:999px;
}

/* 9) Área de filtros em cartão com profundidade */
.filters{
  margin:8px 4px 12px;
  padding:14px 12px 10px;
  border-radius:var(--radius-lg);
  background:rgba(255,255,255,.92);
  box-shadow:0 14px 28px rgba(15,23,42,.10);
  backdrop-filter:blur(6px);
}

/* 10) Layout de filtros mais fluido em diferentes telas */
@media (min-width: 1280px){
  .filters{
    grid-template-columns:1.4fr repeat(8,minmax(0,1fr));
  }
}
@media (max-width: 1199px){
  .filters{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .field.wide{
    grid-column:1/-1;
  }
}
@media (max-width: 840px){
  .filters{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .field,
  .field.wide{
    grid-column:auto/span 2;
  }
}
@media (max-width: 640px){
  .filters{
    grid-template-columns:1fr;
  }
  .field,
  .field.wide{
    grid-column:1/-1;
  }
}

/* 11) Campos de filtro com micro-cartões */
.field{
  padding:4px 6px;
  border-radius:10px;
  background:linear-gradient(to bottom,#fffef9,#fff9ec);
}
.field label{
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.06em;
}

/* 12) Inputs com foco mais evidente */
input[type=search],
select{
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
  background:linear-gradient(to bottom,#ffffff,#fffaf1);
}
input[type=search]:focus,
select:focus{
  outline:none;
  border-color:#f59e0b;
  box-shadow:0 0 0 1px rgba(245,158,11,.35),0 0 0 4px rgba(254,243,199,.85);
  background:#ffffff;
}

/* 13) Placeholder levemente suavizado */
input::placeholder{
  color:#9ca3af;
}

/* 14) Caixas de seleção de quantidade ganham badge visual */
#quant1,#quant2,#quant3,#quant4,#quant5{
  font-weight:600;
}

/* 15) Tabelas em cartões com sombra e borda mais suave */
.table-wrap{
  margin:0 4px 12px;
  border-radius:var(--radius-lg);
  border:1px solid var(--border-soft);
  box-shadow:var(--shadow-soft);
}

/* 16) Cabeçalho das tabelas com ligeiro degradê */
thead th{
  background:linear-gradient(to bottom,#ffe9a9,#ffd867);
  box-shadow:0 3px 0 rgba(249,168,37,.75);
}

/* 17) Linhas alternadas já existem; aumento contraste do hover */
tbody tr:hover td{
  background-color:#fffbe8 !important;
}

/* 18) Linha de totais (tfoot) com destaque forte */
tfoot td{
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.04em;
}

/* 19) Células numéricas mais alinhadas à direita (últimas colunas) */
table tbody tr td:nth-last-child(-n+6),
table thead tr th:nth-last-child(-n+6),
table tfoot tr td:nth-last-child(-n+6){
  text-align:right;
}

/* 20) Descrição com mais espaço visual nas tabelas principais */
#tableBase1 td:nth-child(2),
#tableBase2 td:nth-child(2){
  max-width:480px;
}

/* 21) Estado “nenhum resultado” com cartão mais amigável */
.empty{
  display:flex;
  align-items:center;
  gap:10px;
  border-radius:var(--radius-lg);
  border:1px dashed #f59e0b;
}
.empty::before{
  content:'🔍';
  font-size:18px;
}

/* 22) Loader centralizado com sombra leve */
.loader{
  backdrop-filter:blur(3px);
}
.spinner{
  box-shadow:0 0 0 4px rgba(254,243,199,.9);
}

/* 23) Texto do loader com tipografia melhor */
.loader p{
  font-size:14px;
  letter-spacing:.03em;
  color:#4b5563;
}

/* 24) Scrollbar global discreta e arredondada (desktop) */
@media (min-width: 960px){
  ::-webkit-scrollbar{
    width:8px;
    height:8px;
  }
  ::-webkit-scrollbar-track{
    background:rgba(148,163,184,.12);
  }
  ::-webkit-scrollbar-thumb{
    background:rgba(148,163,184,.75);
    border-radius:999px;
  }
}

/* 25) Área de impressão recebe pequeno ajuste */
.print-area .ph-row{
  padding:4px 0;
  border-bottom:1px dashed #e5e7eb;
}

/* 26) Rodapé / status com visual de barra de sistema */
#statusBar,#statusbar{
  background:linear-gradient(to right,#111827,#1f2937);
  color:#e5e7eb;
  padding:6px 10px;
  font-size:11px;
}

/* 27) Badges de filtros aplicados (se usados no HTML) */
.applied-filters,.filter-badges,.chips{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:4px 0;
}
.applied-filters .chip,
.filter-badges .chip,
.chips .chip{
  padding:3px 8px;
  border-radius:999px;
  background:#fee2e2;
  color:#991b1b;
  font-size:10px;
}

/* 28) Tabelas PIVOT ganham leve borda lateral para separar blocos */
#tablePivot,#tablePivotValor,#tablePivotEV{
  border-left:3px solid rgba(148,163,184,.35);
}

/* 29) Em telas muito pequenas, esconde sobra extra das bordas */
@media (max-width: 480px){
  .table-wrap{
    box-shadow:0 8px 20px rgba(15,23,42,.18);
  }
}

/* 30) Melhor espaçamento vertical entre seções de conteúdo */
main{
  padding-bottom:32px;
}

/* 31) Ajuste para .aplicar-container caso receba botões extras */
.aplicar-container{
  min-height:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  padding:0 4px 2px;
}

/* 32) Indicador suave de aba ativa no corpo (se painel usar .panel.active) */
.panel.active{
  animation:panelIn .18s ease-out;
}
@keyframes panelIn{
  from{opacity:0;transform:translateY(4px);}
  to{opacity:1;transform:translateY(0);}
}

/* 33) Campos "tiny" compactos mas legíveis */
.field.tiny{
  padding:2px 4px;
  opacity:.92;
}

/* 34) Mensagem de rodapé em mobile com centralização */
@media (max-width: 640px){
  footer, #footer, .footer{
    text-align:center;
  }
}

/* 35) Aperta um pouco a fonte da tabela em telas muito pequenas */
@media (max-width: 480px){
  table{
    font-size:11px;
  }
}

/* 36) Realce sutil na coluna de código */
#tableBase1 td:first-child,
#tableBase2 td:first-child{
  font-weight:600;
  color:#1f2937;
}

/* 37) Realce para cabeçalho da seção de filtros ativos na impressão */
#printHeader b{
  color:#111827;
}

/* 38) Campos de busca com ícone de lupa via pseudo-elemento */
input[type=search]{
  padding-left:26px;
  background-position:8px center;
  background-repeat:no-repeat;
  background-size:14px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%239ca3af' stroke-width='1.7' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m16.5 16.5 4 4' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* 39) Melhor distribuição vertical da seção de filtros em notebooks */
@media (max-height: 720px){
  .filters{
    padding-top:10px;
    padding-bottom:6px;
  }
}

/* 40) Headings internos em modais e áreas auxiliares */
.modal-title{
  letter-spacing:.03em;
}

/* 41) Botões pequenos em modais com bordas mais suaves */
.btn.sm{
  border-radius:8px;
}

/* 42) Toast com leve efeito de blur de fundo */
.toast{
  backdrop-filter:blur(4px);
}

/* 43) Versão com alto contraste: realce nas abas ativas */
body.contrast .tab.active{
  background:#1f2937;
  color:#facc15;
}

/* 44) Versão com alto contraste: cabeçalhos mais escuros */
body.contrast thead th{
  background:#111827;
  color:#facc15;
}

/* 45) Remoção de qualquer sublinhado em botões/link-botão */
button, .btn{
  text-decoration:none;
}

/* 46) Estados de foco visíveis para acessibilidade em tabs e botões */
button:focus-visible,
.tab:focus-visible{
  outline:2px solid #f97316;
  outline-offset:3px;
}

/* 47) Badge discreto para itens pendentes, se a classe for aplicada */
.badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:2px 6px;
  font-size:10px;
  border-radius:999px;
  background:#fee2e2;
  color:#991b1b;
}

/* 48) Limita largura máxima do layout em telas enormes para leitura melhor */
body > main{
  max-width:none;
  margin:0;
  padding:0 4px;
}

/* 49) Espaço extra entre as linhas de filtros e o começo da tabela */
#filters + .panel,
#filters + .table-wrap{
  margin-top:4px;
}

/* 50) Pequena sombra inferior sob o header para separar do conteúdo */
.app-header::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:-10px;
  height:12px;
  pointer-events:none;
  background:linear-gradient(to bottom,rgba(15,23,42,.20),transparent);
  opacity:.35;
}


/* === EVPL Mega Pack 100 – UX e densidade === */

/* Campos com foco / valor */
.field.is-focused label{
  color:#b45309;
  font-weight:600;
}
.field.is-focused input[type=search],
.field.is-focused select{
  border-color:#f97316;
  box-shadow:0 0 0 1px rgba(249,115,22,.35);
}

.field.has-value label{
  color:#92400e;
  font-weight:600;
}
.field.has-value label::before{
  content:'●';
  margin-right:4px;
  color:#f97316;
}

/* Placeholders mais suaves */
.filters .field input[type=search]::placeholder{
  opacity:.65;
}

/* Modo de alta densidade para telas grandes (ativado por Shift+D) */
body.density-compact table tbody td{
  padding:3px 4px;
  font-size:11px;
}
body.density-compact thead th{
  padding:4px 5px;
  font-size:10px;
}
body.density-compact .table-wrap.tall{
  max-height:74vh;
}

/* Pequeno brilho na linha ao passar o mouse (já existia em algumas tabelas, aqui globalizamos) */
table tbody tr:hover{
  background:#fff7e6;
  transition:background .12s ease;
}

/* === EVPL Mega Pack 1000 – estados avançados === */

.apply-btn.is-busy{
  opacity: .80;
  cursor: progress;
  position: relative;
}
.apply-btn.is-busy::after{
  content: "Aplicando…";
  font-size: 11px;
  font-weight: 600;
  margin-left: 8px;
}

/* Pequeno ajuste: garante que dropdowns de filtro fiquem acima do header mesmo em temas futuros */
.filters .select2-container{
  z-index: 10;
}

/* Melhor contraste na linha de totais (tfoot) se utilizado */
.table-wrap table tfoot tr{
  background:#fff1e6;
  font-weight:600;
}
.table-wrap table tfoot tr td{
  border-top:1px solid rgba(148,27,12,.35);
}

/* Ajuste fino de foco em inputs para telas muito claras */
.filters .field input[type=search]:focus,
.filters .field select:focus{
  outline:none;
}

/* === EVPL Mega Pack 2000 – ferramentas de navegação === */

.scroll-top{
  position:fixed;
  right:16px;
  bottom:18px;
  padding:6px 12px;
  border-radius:999px;
  border:none;
  background:#dc2626;
  color:#ffffff;
  font-weight:700;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.03em;
  box-shadow:0 6px 16px rgba(0,0,0,.25);
  cursor:pointer;
  opacity:0;
  transform:translateY(12px);
  pointer-events:none;
  transition:opacity .18s ease, transform .18s ease, box-shadow .18s ease;
  z-index:40;
}
.scroll-top.show{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}
.scroll-top:hover{
  box-shadow:0 9px 24px rgba(0,0,0,.32);
}

/* Dica visual: primeira coluna clicável (cópia de código) */
#tableBase1 tbody td:first-child,
#tableBase2 tbody td:first-child{
  cursor:pointer;
}

/* === EVPL Mega Pack 3000 – barra de resumo === */
.kpi-bar{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:6px 10px 4px;
  background:rgba(255,255,255,0.85);
  border-bottom:1px dashed rgba(148,27,12,.25);
}
.kpi-bar .kpi-item{
  display:flex;
  flex-direction:column;
  padding:4px 8px;
  border-radius:6px;
  background:#fff7ed;
  border:1px solid rgba(248,113,113,.35);
  min-width:90px;
}
.kpi-bar .kpi-label{
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:#7f1d1d;
}
.kpi-bar .kpi-value{
  font-size:12px;
  font-weight:700;
  color:#b91c1c;
}

/* === EVPL Mega Pack 4000 – chips de filtros & destaques === */
.filter-chips{
  grid-column:1/-1;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  padding:2px 12px 6px;
}
.filter-chips.chips-empty{
  opacity:.65;
  font-size:11px;
  color:#9ca3af;
  padding:0 12px 8px;
  align-items:center;
}
.filter-chip-empty{
  font-size:11px;
  color:#6b7280;
}

.filter-chip{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:2px 8px;
  border-radius:999px;
  background:#fee2e2;
  border:1px solid rgba(239,68,68,.45);
  font-size:11px;
  color:#7f1d1d;
  cursor:pointer;
}
.filter-chip-label{
  font-weight:600;
}
.filter-chip-value{
  max-width:140px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.filter-chip-close{
  font-weight:700;
  padding-left:2px;
}

/* === Limpar tudo: esconder resultados quando tela estiver "zerada" === */
body[data-cleared="1"] .filter-chips,
body[data-cleared="1"] .kpi-bar,
body[data-cleared="1"] .table-wrap,
body[data-cleared="1"] #pagerBottom,
body[data-cleared="1"] #emptyMsg{
  display:none !important;
}

/* Destaque visual para células críticas */
td.cf-pend{
  background:#fee2e2;
  color:#7f1d1d;
  font-weight:600;
}
td.cf-rupt{
  background:#fef3c7;
  color:#92400e;
  font-weight:600;
}

/* Pequena legenda abaixo dos KPIs */
.kpi-bar .kpi-legend{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin-top:2px;
  font-size:10px;
  color:#4b5563;
}
.kpi-legend-swatch{
  width:10px;
  height:10px;
  border-radius:2px;
  border:1px solid rgba(0,0,0,.2);
}
.kpi-legend-swatch.rupt{
  background:#fef3c7;
  border-color:#f59e0b;
}
.kpi-legend-swatch.pend{
  background:#fee2e2;
  border-color:#ef4444;
}

/* === Modern Loader (progress bar) - 2026-01-07 === */
#loader{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(255,255,255,.72);
  backdrop-filter:saturate(140%) blur(10px);
  -webkit-backdrop-filter:saturate(140%) blur(10px);
  z-index:9999;
}
#loader.hidden{display:none}

#loader .loader-panel{
  width:min(520px, calc(100vw - 48px));
  border-radius:18px;
  padding:18px 18px 16px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 12px 40px rgba(15,23,42,.18);
}

#loader .loader-brand{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
  font-weight:700;
  letter-spacing:.2px;
}

#loader .loader-mark{
  width:10px;
  height:10px;
  border-radius:999px;
  background:linear-gradient(90deg,#cc0e0d,#f4b300,#dd5707);
}

#loader .loader-title{
  font-size:14px;
  opacity:.92;
}
#loader .loader-brand-text{
  display:flex;
  flex-direction:column;
  line-height:1.05;
}
#loader .loader-subtitle{
  font-size:12px;
  opacity:.78;
  margin-top:2px;
  font-weight:600;
}

#loader .laser-logo-wrap{
  position:relative;
  width:56px;
  height:56px;
  border-radius:16px;
  background:rgba(15,23,42,.04);
  border:1px solid rgba(15,23,42,.06);
  overflow:hidden;
  flex:0 0 auto;
}
#loader .laser-logo{
  position:absolute;
  inset:50% auto auto 50%;
  transform:translate(-50%,-50%);
  width:46px;
  height:46px;
  object-fit:contain;
  user-select:none;
  -webkit-user-drag:none;
  pointer-events:none;
}
#loader .laser-logo.base{
  opacity:.22;
  filter:grayscale(.05) brightness(.88);
}
#loader .laser-logo.reveal{
  animation:laserReveal 2.35s ease-in-out infinite;
  filter:drop-shadow(0 10px 22px rgba(204,14,13,.10));
}
#loader .laser-scan{
  position:absolute;
  top:-14%;
  bottom:-14%;
  width:18px;
  left:-26%;
  border-radius:999px;
  background:linear-gradient(90deg,
    rgba(204,14,13,0),
    rgba(244,179,0,.92),
    rgba(204,14,13,0)
  );
  box-shadow:0 0 18px rgba(244,179,0,.55), 0 0 30px rgba(204,14,13,.32);
  animation:scanMove 1.95s ease-in-out infinite;
  pointer-events:none;
}

@keyframes scanMove{
  0%{ transform:translateX(0); opacity:.35; }
  15%{ opacity:1; }
  50%{ transform:translateX(360%); opacity:1; }
  70%{ opacity:.7; }
  100%{ transform:translateX(360%); opacity:.35; }
}
@keyframes laserReveal{
  0%{
    clip-path: inset(0 100% 0 0);
    -webkit-clip-path: inset(0 100% 0 0);
    opacity:.18;
  }
  14%{ opacity:1; }
  55%{
    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
    opacity:1;
  }
  82%{
    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
    opacity:1;
  }
  100%{
    clip-path: inset(0 100% 0 0);
    -webkit-clip-path: inset(0 100% 0 0);
    opacity:.18;
  }
}


#loader .loader-bar{
  position:relative;
  height:10px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(15,23,42,.10);
  margin-bottom:12px;
}

#loader .loader-bar-fill{
  height:100%;
  width:10%;
  border-radius:999px;
  background:linear-gradient(90deg,#cc0e0d,#f4b300,#dd5707);
  transition:width .22s ease;
  will-change:width;
}

#loader .loader-row{
  display:flex;
  align-items:center;
  gap:10px;
}

#loader .spinner{
  width:26px;
  height:26px;
  border-width:4px;
}

#loader .loader-text{
  font-weight:600;
}

#loader .loader-note{
  margin-top:10px;
  font-size:12px;
  opacity:.75;
}

@media (prefers-color-scheme: dark){
  #loader{ background:rgba(2,6,23,.70); }
  #loader .loader-panel{
    background:rgba(15,23,42,.88);
    border-color:rgba(148,163,184,.18);
    box-shadow:0 14px 50px rgba(0,0,0,.45);
  }
  #loader .loader-bar{ background:rgba(148,163,184,.22); }
  #loader .loader-text, #loader .loader-title{ color:rgba(241,245,249,.92); }
  #loader .loader-note{ color:rgba(226,232,240,.72); }
}

@media (prefers-reduced-motion: reduce){
  #loader .loader-bar-fill{ transition:none; }
}


/* Cards view (lista vs blocos) */
.cards-wrap{width:100%;border:2px solid #f7c33a;border-radius:12px;overflow:auto;background:#fff;}
.cards-wrap.tall{max-height:68vh}
.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;padding:6px 6px 12px;}
@media (max-width:540px){.cards-grid{grid-template-columns:1fr;}}
.ev-card{background:#fff;border:1px solid var(--border-soft);border-radius:14px;box-shadow:0 8px 16px rgba(15,23,42,.08);padding:10px;}
.card-top{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;}
.card-title{font-weight:900;font-size:14px;line-height:1.2;}
.card-sub{font-size:12px;color:var(--muted);}
.kv-wrap{display:flex;flex-wrap:wrap;gap:6px;}
.kv{display:inline-flex;gap:6px;align-items:center;padding:6px 8px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--border-soft);font-size:12px;}
.kv b{font-weight:900;}
.cards-empty{opacity:.8;padding:14px 10px;}

/* Cards (produtos) — layout por seções para reduzir confusão */
.ev-card--product .card-head{display:flex;flex-direction:column;gap:5px;margin-bottom:8px;}
.ev-card--product .card-code{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
.ev-card--product .card-name{font-size:13px;font-weight:950;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ev-card--product .card-badges{display:flex;flex-wrap:wrap;gap:6px;}

.ev-card--compact .card-badges{gap:5px}
.ev-card--compact .badge{padding:5px 7px;font-size:11px}
.card-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
@media (max-width:900px){.card-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:540px){.card-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
.kpi{background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:10px;padding:6px 6px 7px;min-width:0}
.kpi .k{font-size:9px;font-weight:950;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi .v{font-size:12px;font-weight:950;line-height:1.05;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi--wide{grid-column:span 2}
.kpi--wide .v{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--border-soft);font-size:12px;font-weight:900;}
.badge--warn{background:#fff4cc;border-color:#f0ad00;}
.badge--danger{background:#ffe0e0;border-color:#cc0d0b;}

.ev-card--product .card-body{display:flex;flex-direction:column;gap:10px;}
.card-sec{padding-top:8px;border-top:1px dashed #f2d39c;}
.card-sec:first-child{border-top:none;padding-top:0;}
.sec-title{font-size:11px;font-weight:950;letter-spacing:.10em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;}

.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
@media (max-width:380px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr));}}

.metric{background:#fff;border:1px solid #f6e4b3;border-radius:12px;padding:8px 8px 9px;min-width:0;}
.metric .ml{font-size:10px;font-weight:950;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.metric .mv{font-size:14px;font-weight:950;line-height:1.1;font-variant-numeric:tabular-nums;}

.card-more{margin-top:6px;}
.card-more summary{cursor:pointer;font-weight:950;font-size:12px;color:var(--deep);}
.card-more .kv-wrap{margin-top:8px;}

/* ==============================
   Cards (produtos) — Horizontal + legível
   Objetivo: cards maiores e com leitura fácil.
   ============================== */

/* Grid dos cards da aba Produtos (Estoque e Venda) */
#cardsBase1.cards-grid{
  grid-template-columns:repeat(auto-fit,minmax(560px,1fr));
  gap:12px;
  padding:10px 10px 16px;
}
@media (max-width:620px){
  #cardsBase1.cards-grid{grid-template-columns:1fr;}
}

/* Card do produto em modo “deitado” (desktop) */
.ev-card--product.ev-card--compact{
  padding:14px;
  display:flex;
  flex-direction:row;
  gap:14px;
  align-items:flex-start;
}

.ev-card--product.ev-card--compact .card-head{
  margin-bottom:0;
  min-width:220px;
  max-width:280px;
}

.ev-card--product.ev-card--compact .card-code{font-size:12px;}
.ev-card--product.ev-card--compact .card-name{font-size:15px;-webkit-line-clamp:3;}
.ev-card--product.ev-card--compact .badge{padding:6px 10px;font-size:12px;}

.ev-card--product.ev-card--compact .card-kpi-grid{
  flex:1;
  grid-template-columns:repeat(auto-fit,minmax(130px,1fr));
  gap:10px;
  align-content:start;
}
@media (max-width:1200px){
  .ev-card--product.ev-card--compact .card-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));}
}
@media (max-width:980px){
  .ev-card--product.ev-card--compact .card-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));}
}

/* No mobile fica empilhado para não apertar */
@media (max-width:820px){
  .ev-card--product.ev-card--compact{flex-direction:column;}
  .ev-card--product.ev-card--compact .card-head{max-width:none;min-width:0;}
  .ev-card--product.ev-card--compact .card-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));}
}
@media (max-width:540px){
  .ev-card--product.ev-card--compact .card-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:380px){
  .ev-card--product.ev-card--compact .card-kpi-grid{grid-template-columns:1fr;}
}

/* KPIs mais legíveis (sem cortar títulos/valores) */
.ev-card--product.ev-card--compact .kpi{padding:8px 10px 9px;border-radius:12px;}
.ev-card--product.ev-card--compact .kpi .k{
  display:block;
  font-size:11px;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  line-height:1.1;
  min-height:24px;
}
.ev-card--product.ev-card--compact .kpi .v{
  display:block;
  font-size:14px;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  line-height:1.15;
  word-break:break-word;
  overflow-wrap:anywhere;
}
/* Garante que o "wide" não aplique clamp/ellipsis no modo compacto */
.ev-card--product.ev-card--compact .kpi--wide .v{
  display:block;
  -webkit-line-clamp:unset;
  -webkit-box-orient:initial;
  overflow:visible;
}


/* ===== styles-enhanced.css ===== */
/* LaserScan EVPL - Cloudflare Stable v20260602
   Camada final: responsividade, densidade inteligente e acessibilidade sem mexer na regra de negócio. */
:root{
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --screen-pad: clamp(8px, 1.3vw, 18px);
  --header-h: 0px;
  --tabs-h: 0px;
  --filters-h: 0px;
}
html{height:100%;text-size-adjust:100%;scroll-behavior:smooth;}
body{min-height:100%;overflow-x:hidden;background:linear-gradient(180deg,#fffdf8 0%,#fff7e9 100%);padding-left:var(--safe-left);padding-right:var(--safe-right);}
body:not(.auth-open){overscroll-behavior-y:none;}
img,svg,video,canvas{max-width:100%;height:auto;}
.app-header{top:0;padding:calc(6px + var(--safe-top)) var(--screen-pad) 7px;gap:10px;backdrop-filter:saturate(1.25) blur(10px);background:rgba(255,255,255,.94);box-shadow:0 8px 24px rgba(15,23,42,.08);}
.app-header .left{display:flex;align-items:center;min-width:180px;gap:8px;}
.logo{height:clamp(30px,4vw,42px);}
.title h1{font-size:clamp(15px,1.8vw,20px);line-height:1.05;}
.title small{display:block;max-width:50vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.top-meta{min-width:0;}
.top-meta small{max-width:100%;font-size:clamp(10px,1vw,12px);}
.top-meta .btns{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));width:min(720px,100%);gap:8px;}
.btn,.tab,input[type=search],select{touch-action:manipulation;}
.btn{min-height:38px;border-radius:12px;box-shadow:0 2px 7px rgba(15,23,42,.10);}
button.apply-btn{margin:0;font-size:clamp(14px,1.6vw,18px);padding:10px 16px;border-radius:14px;min-height:44px;box-shadow:0 10px 20px rgba(212,17,17,.22);}
.tabs{position:sticky;top:var(--header-h);z-index:9;display:flex;gap:8px;padding:8px var(--screen-pad);overflow-x:auto;scrollbar-width:thin;background:rgba(255,249,241,.94);backdrop-filter:blur(8px);}
.tab{white-space:nowrap;min-height:38px;border-radius:var(--radius-pill);}
.tab.active{box-shadow:0 5px 14px rgba(244,178,0,.35);}
.filters{position:sticky;top:calc(var(--header-h) + var(--tabs-h));z-index:8;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:8px;padding:8px var(--screen-pad);background:rgba(255,249,241,.96);border-bottom:1px solid rgba(242,211,156,.75);box-shadow:0 8px 20px rgba(15,23,42,.04);}
.filter-group,.filter-group.active{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:8px;align-items:end;}
.field.wide{grid-column:span 2;}
.field.tiny{min-width:120px;}
input[type=search],select{width:100%;min-height:40px;border-radius:12px;border-color:#f4b727;background:#fff;font-size:14px;box-shadow:0 1px 0 rgba(15,23,42,.04) inset;}
input[type=search]:focus,select:focus,.btn:focus-visible,.tab:focus-visible{outline:3px solid rgba(244,178,0,.42);outline-offset:2px;}
main{padding:8px var(--screen-pad) calc(70px + var(--safe-bottom));}
.panel{min-width:0;}
.empty{margin:8px var(--screen-pad);font-size:14px;}
.table-wrap,.cards-wrap{height:calc(100dvh - var(--header-h) - var(--tabs-h) - var(--filters-h) - 92px);max-height:none!important;min-height:280px;border-radius:16px;box-shadow:0 12px 28px rgba(15,23,42,.09);contain:layout paint;}
.table-wrap table{font-variant-numeric:tabular-nums;}
thead th{top:0!important;z-index:3;background:linear-gradient(180deg,#ffc928 0%,#f3b400 100%)!important;color:#532500!important;box-shadow:0 1px 0 rgba(83,37,0,.24);}
tbody td{max-width:360px;}
tbody tr{content-visibility:auto;contain-intrinsic-size:36px;}
tbody tr:hover td{background:#fff7d7!important;}
tfoot td{z-index:2;background:#fff3bf!important;}
.kpi-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:0 0 8px;}
.kpi-item{border:1px solid #f0d08c;border-radius:14px;background:#fff;padding:10px 12px;box-shadow:0 6px 16px rgba(15,23,42,.06);}
.kpi-label{display:block;font-size:11px;color:var(--muted);}
.kpi-value{display:block;font-size:18px;font-weight:850;color:#8f0908;}
.filter-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;grid-column:1/-1;min-height:0;}
.filter-chip,.filter-chip-empty{border:1px solid #f1ca6b;background:#fff9e8;color:#713200;border-radius:999px;padding:5px 9px;font-size:12px;}
.filter-chip{cursor:pointer;}
.toast{max-width:min(92vw,680px);text-align:center;}
.scroll-top{position:fixed;right:calc(14px + var(--safe-right));bottom:calc(14px + var(--safe-bottom));z-index:20;border:0;border-radius:999px;background:#a50a09;color:white;font-weight:800;padding:10px 14px;box-shadow:0 10px 26px rgba(15,23,42,.25);}
.scroll-top.hidden{display:none;}
.loader{z-index:9997;background:rgba(255,255,255,.72);backdrop-filter:blur(12px);}
.loader-panel{width:min(92vw,420px);background:#fff;border:1px solid #f0d08c;border-radius:22px;box-shadow:0 20px 60px rgba(15,23,42,.20);padding:22px;}
.loader-bar{height:9px;background:#ffe6a1;border-radius:99px;overflow:hidden;}
.loader-bar-fill{height:100%;background:linear-gradient(90deg,#cc0d0b,#f4b200);border-radius:inherit;transition:width .25s ease;}
@media (min-width:1280px){
  .table-wrap,.cards-wrap{height:calc(100dvh - var(--header-h) - var(--tabs-h) - var(--filters-h) - 76px);}  
  tbody td{padding:6px 8px;}
}
@media (max-width:980px){
  .app-header{position:sticky;align-items:flex-start;flex-wrap:wrap;}
  .app-header .left{width:100%;}
  .top-meta{width:100%;align-items:stretch;}
  .top-meta small{text-align:left;}
  .top-meta .btns{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));}
  .field.wide{grid-column:1/-1;}
  .table-wrap,.cards-wrap{height:calc(100dvh - var(--header-h) - var(--tabs-h) - var(--filters-h) - 82px);}
}
@media (max-width:560px){
  body{font-size:13px;}
  .top-meta .btns{grid-template-columns:1fr 1fr;}
  .btn{padding:8px 8px;font-size:12px;}
  button.apply-btn{grid-column:1/-1;}
  .filters{grid-template-columns:1fr;}
  .filter-group,.filter-group.active{grid-template-columns:1fr;}
  .field,.field.wide,.field.tiny{grid-column:1/-1;}
  .title small{max-width:86vw;}
  thead th,tbody td,tfoot td{font-size:11px;padding:6px;}
  tbody td{max-width:240px;}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important;}}
@media print{.table-wrap{height:auto!important;box-shadow:none!important;border:0!important;}body{background:#fff!important;}main{padding:0!important;}}


/* ===== styles-hotfix-layout.css ===== */
/* EVPL hotfix 02.06.2026.03
   Corrige sobreposição dos filtros, reduz espaços vazios e melhora uso da tela no Cloudflare Pages. */
:root{
  --evpl-gap: clamp(6px, .6vw, 10px);
  --evpl-pad-x: clamp(8px, 1vw, 14px);
}
html,body{height:100%;}
body{background:#fff9f1;}
.aplicar-container:empty{display:none!important;}
.app-header{
  display:grid!important;
  grid-template-columns:minmax(230px,1fr) minmax(420px,auto)!important;
  align-items:center!important;
  gap:10px!important;
  min-height:0!important;
  padding:6px var(--evpl-pad-x)!important;
  margin:0!important;
  border-radius:0 0 14px 14px!important;
}
.app-header .left{min-width:0!important;}
.app-header .logo{width:42px!important;height:42px!important;object-fit:contain!important;}
.title h1{font-size:clamp(16px,1.25vw,22px)!important;margin:0!important;line-height:1.05!important;}
.title small{font-size:11px!important;}
.top-meta{width:auto!important;min-width:0!important;padding-left:10px!important;}
.top-meta small{font-size:11px!important;line-height:1.2!important;margin-bottom:3px!important;}
.top-meta .btns{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(112px,1fr))!important;
  gap:7px!important;
  width:min(560px,48vw)!important;
}
.top-meta .btns button{margin:0!important;min-height:36px!important;padding:7px 10px!important;font-size:12px!important;border-radius:11px!important;}
.top-meta .btns .apply-btn{font-size:15px!important;min-height:40px!important;}
.tabs{
  margin:0!important;
  padding:6px var(--evpl-pad-x)!important;
  gap:7px!important;
  min-height:0!important;
}
.tab{padding:7px 12px!important;min-height:34px!important;font-size:12px!important;}
.filters{
  display:block!important;
  position:sticky!important;
  margin:0 0 6px 0!important;
  padding:8px var(--evpl-pad-x)!important;
  border-radius:0 0 14px 14px!important;
  box-shadow:0 5px 16px rgba(15,23,42,.08)!important;
  max-height:34vh!important;
  overflow:auto!important;
}
.filter-group{display:none!important;}
.filter-group.active{
  display:grid!important;
  grid-template-columns:minmax(250px,1.7fr) repeat(auto-fit,minmax(145px,1fr))!important;
  gap:var(--evpl-gap)!important;
  align-items:end!important;
}
.field{min-width:0!important;padding:0!important;background:transparent!important;border-radius:0!important;gap:3px!important;}
.field.wide{grid-column:auto/span 2!important;}
.field label{font-size:10px!important;line-height:1.1!important;margin-left:2px!important;}
input[type=search],select{
  min-height:36px!important;
  height:36px!important;
  padding:6px 10px!important;
  border-radius:10px!important;
  font-size:13px!important;
}
.filter-chips{grid-column:1/-1!important;min-height:0!important;margin-top:2px!important;gap:5px!important;}
.filter-chip,.filter-chip-empty{padding:4px 8px!important;font-size:11px!important;}
main{padding:6px var(--evpl-pad-x) calc(46px + env(safe-area-inset-bottom,0px))!important;}
.kpi-bar{margin:0 0 6px!important;gap:7px!important;}
.kpi-item{padding:6px 9px!important;border-radius:10px!important;}
.kpi-label{font-size:10px!important;}
.kpi-value{font-size:14px!important;}
.empty{margin:6px var(--evpl-pad-x)!important;padding:8px 10px!important;}
.table-wrap,.cards-wrap{
  height:calc(100dvh - var(--header-h,0px) - var(--tabs-h,0px) - var(--filters-h,0px) - 72px)!important;
  min-height:320px!important;
  border-radius:12px!important;
}
thead th{padding:5px 7px!important;font-size:11px!important;}
tbody td,tfoot td{padding:4px 6px!important;font-size:12px!important;}
body.evpl-clearing .loader, body.evpl-clearing .skeleton{display:none!important;}
@media (min-width:1500px){
  .filter-group.active{grid-template-columns:minmax(300px,1.9fr) repeat(auto-fit,minmax(150px,1fr))!important;}
  .table-wrap,.cards-wrap{height:calc(100dvh - var(--header-h,0px) - var(--tabs-h,0px) - var(--filters-h,0px) - 62px)!important;}
}
@media (max-width:1100px){
  .app-header{grid-template-columns:1fr!important;align-items:stretch!important;}
  .top-meta{padding-left:0!important;border-left:0!important;}
  .top-meta .btns{width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .field.wide{grid-column:1/-1!important;}
}
@media (max-width:680px){
  .top-meta .btns{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .top-meta .btns .apply-btn{grid-column:1/-1!important;}
  .filter-group.active{grid-template-columns:1fr 1fr!important;}
  .field,.field.wide{grid-column:1/-1!important;}
  .filters{max-height:42vh!important;}
}


/* ===== evpl-refined.css ===== */
/* EVPL Refined Pack v20260603.10 - layout limpo, compacto e responsivo */
:root{
  --evpl-red:#d41111;
  --evpl-red-dark:#9f0f0f;
  --evpl-yellow:#ffc400;
  --evpl-bg:#fff8ed;
  --evpl-card:#ffffff;
  --evpl-line:#f0d2a4;
  --evpl-text:#111827;
  --evpl-muted:#64748b;
  --evpl-radius:16px;
  --evpl-shadow:0 10px 30px rgba(148,80,0,.10);
  --evpl-vh:100vh;
  --header-h:112px;
  --tabs-h:54px;
  --filters-h:138px;
}
*{box-sizing:border-box}html,body{min-height:100%;overflow-x:hidden;background:var(--evpl-bg)!important;color:var(--evpl-text)!important}body.evpl-refined{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;margin:0!important}
body.evpl-refined .app-header{position:sticky;top:0;z-index:80;min-height:auto!important;display:grid!important;grid-template-columns:minmax(250px,1fr) minmax(560px,auto)!important;align-items:center!important;gap:18px!important;padding:14px 18px!important;background:rgba(255,255,255,.96)!important;border-bottom:3px solid var(--evpl-yellow)!important;box-shadow:0 10px 28px rgba(0,0,0,.08)!important;backdrop-filter:saturate(140%) blur(10px)}
body.evpl-refined .app-header .left{display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important}body.evpl-refined .app-header .logo{width:54px!important;height:54px!important;object-fit:contain!important;flex:0 0 auto!important}body.evpl-refined .app-header h1{margin:0!important;font-size:clamp(1.15rem,1.8vw,1.55rem)!important;line-height:1.05!important;color:#10162f!important}body.evpl-refined .app-header small{font-size:.78rem!important;color:var(--evpl-muted)!important}body.evpl-refined .app-header .aplicar-container:empty{display:none!important}body.evpl-refined .right.top-meta{display:flex!important;flex-direction:column!important;gap:8px!important;align-items:flex-start!important;border-left:1px dashed #e5e7eb!important;padding-left:14px!important;min-width:0!important}body.evpl-refined .btns{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important}
body.evpl-refined button,body.evpl-refined .btn,body.evpl-refined .apply-btn{min-height:38px!important;border-radius:12px!important;border:1px solid transparent!important;padding:0 16px!important;font-weight:800!important;letter-spacing:-.01em!important;box-shadow:0 6px 16px rgba(160,20,20,.10)!important;transition:transform .12s ease,box-shadow .12s ease,background .12s ease!important;white-space:nowrap!important}body.evpl-refined button:hover,body.evpl-refined .btn:hover{transform:translateY(-1px)!important;box-shadow:0 10px 24px rgba(160,20,20,.15)!important}body.evpl-refined .apply-btn,body.evpl-refined .btn:not(.ghost){background:linear-gradient(180deg,#e71919,#bc1010)!important;color:#fff!important}body.evpl-refined .btn.ghost{background:#fff!important;color:#b51212!important;border-color:#e5e7eb!important}
body.evpl-refined .tabs{position:sticky!important;top:var(--header-h)!important;z-index:70;display:flex!important;gap:8px!important;overflow-x:auto!important;padding:10px 14px!important;background:rgba(255,248,237,.96)!important;border-bottom:1px solid #f0dfc6!important;box-shadow:0 8px 24px rgba(105,64,0,.06)!important;scrollbar-width:thin!important}body.evpl-refined .tab{flex:0 0 auto!important;background:#fffaf0!important;border:1px solid #f4ba3b!important;color:#713f12!important;border-radius:999px!important;min-height:36px!important;padding:0 16px!important}body.evpl-refined .tab.active{background:linear-gradient(180deg,#fff3bd,#ffe38a)!important;color:#5c3200!important;box-shadow:inset 0 -3px 0 #ff3b17!important}
body.evpl-refined .filters{position:sticky!important;top:calc(var(--header-h) + var(--tabs-h))!important;z-index:60;display:grid!important;grid-template-columns:1fr auto auto!important;gap:10px 12px!important;align-items:end!important;padding:12px 16px!important;background:rgba(255,248,237,.97)!important;border-bottom:1px solid #f1d6ab!important;box-shadow:0 10px 26px rgba(124,73,0,.07)!important}body.evpl-refined .filter-group{display:none!important;width:100%!important;grid-template-columns:repeat(6,minmax(140px,1fr))!important;gap:10px!important;align-items:end!important}body.evpl-refined .filter-group.active{display:grid!important}body.evpl-refined .field{min-width:0!important;margin:0!important;display:flex!important;flex-direction:column!important;gap:5px!important}body.evpl-refined .field.wide{grid-column:span 2!important}body.evpl-refined .field.tiny{width:130px!important}body.evpl-refined label{font-size:.68rem!important;text-transform:uppercase!important;letter-spacing:.04em!important;font-weight:900!important;color:#64748b!important}body.evpl-refined input,body.evpl-refined select,body.evpl-refined textarea{width:100%!important;min-height:38px!important;border-radius:11px!important;border:1px solid #f4b322!important;background:#fff!important;color:#111827!important;padding:0 12px!important;font-size:.92rem!important;outline:none!important;box-shadow:0 2px 0 rgba(255,196,0,.16)!important}body.evpl-refined input:focus,body.evpl-refined select:focus{border-color:#f97316!important;box-shadow:0 0 0 3px rgba(249,115,22,.16)!important}body.evpl-refined .filter-chips{grid-column:1/-1!important;display:flex!important;flex-wrap:wrap!important;gap:6px!important;min-height:0!important}body.evpl-refined .filter-chips:empty{display:none!important}body.evpl-refined .pager{display:flex!important;gap:6px!important;align-items:center!important}body.evpl-refined .pager .btn{min-width:34px!important;padding:0!important}
body.evpl-refined main{padding:10px 0 0!important;min-height:calc(var(--evpl-vh) - var(--header-h) - var(--tabs-h) - var(--filters-h))!important}body.evpl-refined .panel{display:none!important}body.evpl-refined .panel.active{display:block!important}body.evpl-refined .kpi-bar{display:grid!important;grid-template-columns:repeat(5,minmax(120px,1fr))!important;gap:8px!important;padding:0 8px 8px!important}body.evpl-refined .kpi,body.evpl-refined .kpi-card{background:#fff!important;border:1px solid #facdba!important;border-radius:12px!important;box-shadow:0 4px 14px rgba(120,80,0,.07)!important;padding:8px 10px!important}body.evpl-refined .table-wrap,body.evpl-refined .cards-wrap{height:calc(var(--evpl-vh) - var(--header-h) - var(--tabs-h) - var(--filters-h) - 54px)!important;min-height:360px!important;overflow:auto!important;background:#fff!important;border-top:1px solid #f1d6ab!important;border-bottom:1px solid #f1d6ab!important;box-shadow:inset 0 1px 0 #fff!important}body.evpl-refined table{width:max-content!important;min-width:100%!important;border-collapse:separate!important;border-spacing:0!important;font-size:.82rem!important}body.evpl-refined th{position:sticky!important;top:0!important;z-index:5!important;background:linear-gradient(180deg,#ffc400,#f5b400)!important;color:#3b2600!important;font-weight:900!important;text-transform:uppercase!important;font-size:.72rem!important;border-bottom:1px solid #ce8b00!important}body.evpl-refined th,body.evpl-refined td{padding:8px 10px!important;border-right:1px solid #f2dcae!important;border-bottom:1px solid #f4e6c8!important;white-space:nowrap!important}body.evpl-refined td:nth-child(2){white-space:normal!important;min-width:280px!important;max-width:520px!important}body.evpl-refined tbody tr:hover td{background:#fff7d6!important}body.evpl-refined .empty{margin:10px 16px!important;border:1px dashed #f2b705!important;border-radius:14px!important;background:#fff!important;padding:14px 16px!important;color:#795000!important}
body.evpl-refined #pagerBottom{position:fixed!important;right:16px!important;bottom:10px!important;z-index:65;background:rgba(255,255,255,.95)!important;border:1px solid #f0d2a4!important;border-radius:999px!important;box-shadow:0 10px 30px rgba(0,0,0,.12)!important;padding:6px 8px!important}body.evpl-refined #scrollTop{position:fixed!important;right:18px!important;bottom:68px!important;z-index:66;border-radius:999px!important;background:#fff!important;color:#b51212!important;border:1px solid #f0d2a4!important;box-shadow:0 10px 30px rgba(0,0,0,.12)!important}.hidden{display:none!important}
body.evpl-refined .toast{position:fixed!important;left:50%!important;bottom:26px!important;transform:translateX(-50%) translateY(14px)!important;z-index:9999!important;background:#111827!important;color:#fff!important;border-radius:999px!important;padding:10px 16px!important;box-shadow:0 18px 50px rgba(0,0,0,.28)!important;opacity:0!important;pointer-events:none!important;transition:.18s ease!important}body.evpl-refined .toast.show{opacity:1!important;transform:translateX(-50%) translateY(0)!important}.toast.success{background:#047857!important}.toast.error{background:#b91c1c!important}.toast.info{background:#1f2937!important}
body.evpl-refined .loader{position:fixed!important;inset:0!important;z-index:9990!important;display:grid!important;place-items:center!important;background:rgba(255,248,237,.72)!important;backdrop-filter:blur(6px)!important}body.evpl-refined .loader.hidden{display:none!important}body.evpl-refined .loader-panel{width:min(430px,92vw)!important;background:#fff!important;border-radius:22px!important;border:1px solid #f0d2a4!important;box-shadow:0 24px 80px rgba(0,0,0,.18)!important;padding:20px!important}.evpl-safe-panel{position:fixed;right:16px;top:calc(var(--header-h) + var(--tabs-h) + 10px);z-index:75;display:none;max-width:360px;background:#fff;border:1px solid #f0d2a4;border-radius:16px;box-shadow:var(--evpl-shadow);padding:14px}.evpl-safe-panel.show{display:block}.evpl-safe-panel h3{margin:0 0 8px;font-size:1rem}.evpl-safe-panel p{margin:0 0 10px;color:#475569;font-size:.88rem}.evpl-safe-panel code{background:#fff7ed;padding:2px 6px;border-radius:7px;color:#9a3412}
@media (max-width:1100px){:root{--header-h:154px;--filters-h:196px}body.evpl-refined .app-header{grid-template-columns:1fr!important}body.evpl-refined .right.top-meta{border-left:0!important;border-top:1px dashed #e5e7eb!important;padding:10px 0 0!important}body.evpl-refined .filter-group.active{grid-template-columns:repeat(3,minmax(150px,1fr))!important}.evpl-safe-panel{top:12px;left:12px;right:12px;max-width:none}}
@media (max-width:700px){:root{--header-h:184px;--tabs-h:56px;--filters-h:300px}body.evpl-refined .app-header{padding:12px!important}body.evpl-refined .btns{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}body.evpl-refined .btns .btn,body.evpl-refined .btns .apply-btn{width:100%!important;padding:0 10px!important}body.evpl-refined .filters{grid-template-columns:1fr 1fr!important;padding:10px!important}body.evpl-refined .filter-group.active{grid-column:1/-1!important;grid-template-columns:1fr 1fr!important}body.evpl-refined .field.wide{grid-column:1/-1!important}body.evpl-refined .field.tiny{width:auto!important}body.evpl-refined .kpi-bar{grid-template-columns:1fr 1fr!important}body.evpl-refined th,body.evpl-refined td{padding:7px 8px!important;font-size:.76rem!important}body.evpl-refined td:nth-child(2){min-width:220px!important;max-width:320px!important}}
@media print{body.evpl-refined .app-header,body.evpl-refined .tabs,body.evpl-refined .filters,body.evpl-refined #pagerBottom,body.evpl-refined #scrollTop{display:none!important}body.evpl-refined .table-wrap{height:auto!important;overflow:visible!important}body.evpl-refined th{position:static!important}}


/* ===== evpl-pro-manager.css ===== */
/* EVPL Pro Manager v20260618.01
   Repaginação visual: filtros proporcionais, paleta profissional e painel gerencial. */
:root{
  --pro-bg:#f4f6fb;
  --pro-bg-2:#eef2f7;
  --pro-surface:#ffffff;
  --pro-surface-2:#fbfcff;
  --pro-ink:#152033;
  --pro-muted:#64748b;
  --pro-soft:#e2e8f0;
  --pro-line:#d8e0ec;
  --pro-red:#b90f19;
  --pro-red-2:#dc1b27;
  --pro-red-dark:#7f0d13;
  --pro-gold:#f5b51b;
  --pro-gold-soft:#fff4cf;
  --pro-green:#0f8f62;
  --pro-blue:#1e4f9a;
  --pro-shadow:0 16px 44px rgba(15,23,42,.10);
  --pro-shadow-sm:0 6px 18px rgba(15,23,42,.08);
  --pro-radius:18px;
  --pro-radius-sm:12px;
  --pro-header-h:auto;
}

html{background:var(--pro-bg)!important;}
body.evpl-pro{
  min-height:100dvh!important;
  color:var(--pro-ink)!important;
  background:
    radial-gradient(circle at 16% -8%, rgba(245,181,27,.18), transparent 32rem),
    radial-gradient(circle at 92% 0%, rgba(185,15,25,.10), transparent 28rem),
    linear-gradient(180deg,var(--pro-bg),var(--pro-bg-2))!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  letter-spacing:-.01em;
}
body.evpl-pro *{scrollbar-color:#b8c4d6 transparent;scrollbar-width:thin;}
body.evpl-pro ::selection{background:rgba(245,181,27,.35);}

/* Cabeçalho */
body.evpl-pro .app-header{
  position:sticky!important;
  top:0!important;
  z-index:120!important;
  display:grid!important;
  grid-template-columns:minmax(280px,1fr) minmax(520px,auto)!important;
  gap:18px!important;
  align-items:center!important;
  padding:14px 18px!important;
  background:rgba(255,255,255,.92)!important;
  border:1px solid rgba(226,232,240,.86)!important;
  border-top:0!important;
  border-radius:0 0 22px 22px!important;
  box-shadow:0 12px 34px rgba(15,23,42,.10)!important;
  backdrop-filter:saturate(150%) blur(12px)!important;
}
body.evpl-pro .app-header .left{display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important;}
body.evpl-pro .app-header .logo{
  width:54px!important;height:54px!important;object-fit:contain!important;
  padding:7px!important;border-radius:16px!important;background:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(216,224,236,.95),0 9px 22px rgba(15,23,42,.08)!important;
}
body.evpl-pro .title{min-width:0!important;}
body.evpl-pro .title h1{margin:0!important;font-size:clamp(18px,1.8vw,25px)!important;line-height:1.02!important;color:var(--pro-ink)!important;font-weight:950!important;}
body.evpl-pro .title small{display:inline-flex!important;align-items:center!important;gap:6px!important;margin-top:5px!important;color:var(--pro-muted)!important;font-size:12px!important;}
body.evpl-pro .title small::before{content:"";width:8px;height:8px;border-radius:999px;background:var(--pro-green);box-shadow:0 0 0 4px rgba(15,143,98,.12);}
body.evpl-pro .right.top-meta{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:9px!important;min-width:0!important;border-left:1px solid var(--pro-line)!important;padding-left:16px!important;}
body.evpl-pro .top-meta small{color:var(--pro-muted)!important;font-size:11px!important;line-height:1.35!important;text-align:right!important;}
body.evpl-pro .btns{display:grid!important;grid-template-columns:repeat(4,minmax(118px,1fr))!important;gap:8px!important;width:min(760px,54vw)!important;align-items:center!important;}
body.evpl-pro button,
body.evpl-pro .btn,
body.evpl-pro .apply-btn{
  min-height:40px!important;height:40px!important;margin:0!important;padding:0 13px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  border-radius:13px!important;border:1px solid rgba(185,15,25,.16)!important;
  font-size:12px!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important;
  cursor:pointer!important;box-shadow:var(--pro-shadow-sm)!important;
  transition:transform .14s ease,box-shadow .14s ease,background .14s ease,border-color .14s ease!important;
}
body.evpl-pro button:hover,
body.evpl-pro .btn:hover,
body.evpl-pro .apply-btn:hover{transform:translateY(-1px)!important;box-shadow:0 10px 24px rgba(15,23,42,.12)!important;}
body.evpl-pro button:active,
body.evpl-pro .btn:active,
body.evpl-pro .apply-btn:active{transform:translateY(0)!important;}
body.evpl-pro .apply-btn,
body.evpl-pro #btnApply{
  grid-column:span 2!important;
  background:linear-gradient(135deg,var(--pro-red),var(--pro-red-2))!important;
  color:#fff!important;border-color:rgba(255,255,255,.25)!important;
  font-size:13px!important;letter-spacing:.01em!important;
}
body.evpl-pro .btn:not(.ghost):not(.apply-btn){background:#172033!important;color:#fff!important;border-color:#172033!important;}
body.evpl-pro .btn.ghost,
body.evpl-pro button.ghost{background:#fff!important;color:#28364d!important;border-color:var(--pro-line)!important;box-shadow:0 5px 14px rgba(15,23,42,.06)!important;}
body.evpl-pro button:disabled{opacity:.62!important;filter:saturate(.7)!important;cursor:not-allowed!important;transform:none!important;}
body.evpl-pro .aplicar-container:empty{display:none!important;}

/* Abas */
body.evpl-pro .tabs{
  position:sticky!important;top:calc(var(--evpl-pro-header-height, 86px))!important;z-index:95!important;
  display:flex!important;gap:8px!important;align-items:center!important;
  padding:10px 18px 8px!important;margin:0!important;overflow-x:auto!important;
  background:linear-gradient(180deg,rgba(244,246,251,.96),rgba(244,246,251,.82))!important;
  border:0!important;backdrop-filter:blur(9px)!important;
}
body.evpl-pro .tab{
  flex:0 0 auto!important;min-height:38px!important;height:38px!important;padding:0 16px!important;
  border:1px solid var(--pro-line)!important;border-radius:999px!important;background:rgba(255,255,255,.82)!important;
  color:#42526a!important;font-weight:900!important;font-size:12px!important;box-shadow:0 5px 15px rgba(15,23,42,.05)!important;
}
body.evpl-pro .tab.active{background:linear-gradient(135deg,#172033,#2b3b57)!important;color:#fff!important;border-color:#172033!important;box-shadow:0 8px 22px rgba(23,32,51,.22)!important;}
body.evpl-pro .tab.active::before{content:"";width:7px;height:7px;border-radius:999px;background:var(--pro-gold);box-shadow:0 0 0 4px rgba(245,181,27,.22);margin-right:8px;}

/* Painel gerencial */
body.evpl-pro #evplProDashboard{
  margin:8px 18px 10px!important;
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;
}
body.evpl-pro .pro-card{
  position:relative;overflow:hidden;min-height:82px;padding:13px 14px!important;
  border:1px solid rgba(216,224,236,.92)!important;border-radius:var(--pro-radius)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(251,252,255,.92))!important;
  box-shadow:var(--pro-shadow-sm)!important;
}
body.evpl-pro .pro-card::after{content:"";position:absolute;right:-22px;top:-24px;width:72px;height:72px;border-radius:999px;background:rgba(245,181,27,.13);}
body.evpl-pro .pro-card .pro-label{display:block;color:var(--pro-muted);font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px;}
body.evpl-pro .pro-card .pro-value{display:block;color:var(--pro-ink);font-size:18px;font-weight:950;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.evpl-pro .pro-card .pro-note{display:block;color:var(--pro-muted);font-size:11px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.evpl-pro .pro-card.pro-alert{border-color:rgba(185,15,25,.22)!important;background:linear-gradient(180deg,#fff,#fff7f7)!important;}
body.evpl-pro .pro-card.pro-online .pro-value{color:var(--pro-green)!important;}
body.evpl-pro .pro-card.pro-offline .pro-value{color:var(--pro-red)!important;}

/* Cabeça dos filtros */
body.evpl-pro #evplProFilterHead{
  margin:0 18px!important;padding:12px 14px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;
  background:linear-gradient(135deg,#172033,#24334d)!important;color:#fff!important;
  border-radius:20px 20px 0 0!important;box-shadow:var(--pro-shadow-sm)!important;
}
body.evpl-pro .pro-filter-title{display:flex;align-items:center;gap:10px;min-width:0;font-weight:950;}
body.evpl-pro .pro-filter-title .dot{width:10px;height:10px;border-radius:999px;background:var(--pro-gold);box-shadow:0 0 0 5px rgba(245,181,27,.22);}
body.evpl-pro .pro-filter-title span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.evpl-pro .pro-filter-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
body.evpl-pro .pro-mini-btn{
  min-height:32px!important;height:32px!important;border-radius:999px!important;padding:0 12px!important;
  background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:none!important;font-size:11px!important;
}
body.evpl-pro .pro-mini-btn:hover{background:rgba(255,255,255,.18)!important;}
body.evpl-pro .pro-filter-count{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.10);border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900;}

/* Filtros proporcionais */
body.evpl-pro .filters{
  display:block!important;position:sticky!important;top:calc(var(--evpl-pro-header-height, 86px) + var(--evpl-pro-tabs-height, 56px))!important;z-index:90!important;
  margin:0 18px 12px!important;padding:14px!important;
  background:rgba(255,255,255,.95)!important;border:1px solid rgba(216,224,236,.95)!important;border-top:0!important;
  border-radius:0 0 20px 20px!important;box-shadow:var(--pro-shadow)!important;backdrop-filter:blur(10px)!important;
  max-height:min(42dvh,420px)!important;overflow:auto!important;
}
body.evpl-pro.evpl-pro-filters-collapsed .filters{display:none!important;}
body.evpl-pro.evpl-pro-filters-collapsed #evplProFilterHead{border-radius:20px!important;margin-bottom:12px!important;}
body.evpl-pro .filter-group{display:none!important;}
body.evpl-pro .filter-group.active{
  display:grid!important;grid-template-columns:repeat(auto-fit,minmax(178px,1fr))!important;
  gap:12px!important;align-items:end!important;grid-column:auto!important;
}
body.evpl-pro .field{min-width:0!important;display:flex!important;flex-direction:column!important;gap:6px!important;padding:0!important;background:transparent!important;border:0!important;}
body.evpl-pro .field.wide{grid-column:span 2!important;}
body.evpl-pro .field.tiny{grid-column:span 1!important;min-width:150px!important;}
body.evpl-pro .field label{
  margin:0 0 0 2px!important;color:#53637a!important;font-size:10px!important;font-weight:950!important;
  text-transform:uppercase!important;letter-spacing:.06em!important;line-height:1.1!important;
}
body.evpl-pro .field.has-value label{color:var(--pro-red)!important;}
body.evpl-pro input[type="search"],
body.evpl-pro input[type="text"],
body.evpl-pro input[type="number"],
body.evpl-pro select,
body.evpl-pro textarea,
body.evpl-pro .ms332-head{
  width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;
  border:1px solid var(--pro-line)!important;border-radius:13px!important;background:#fff!important;color:var(--pro-ink)!important;
  padding:0 12px!important;font-size:13px!important;font-weight:750!important;outline:none!important;
  box-shadow:0 1px 0 rgba(255,255,255,.7),0 5px 14px rgba(15,23,42,.04)!important;
  transition:border-color .14s ease,box-shadow .14s ease,background .14s ease!important;
}
body.evpl-pro select{appearance:auto!important;}
body.evpl-pro input[type="search"]::placeholder{color:#93a1b3!important;font-weight:650!important;}
body.evpl-pro input[type="search"]:focus,
body.evpl-pro input[type="text"]:focus,
body.evpl-pro input[type="number"]:focus,
body.evpl-pro select:focus,
body.evpl-pro textarea:focus,
body.evpl-pro .ms332-head:focus{
  border-color:rgba(185,15,25,.55)!important;box-shadow:0 0 0 4px rgba(185,15,25,.10),0 8px 20px rgba(15,23,42,.07)!important;
}
body.evpl-pro .field.has-value input,
body.evpl-pro .field.has-value select,
body.evpl-pro .field.has-value .ms332-head{border-color:rgba(185,15,25,.42)!important;background:#fffdfb!important;}
body.evpl-pro .pager{height:44px!important;display:grid!important;grid-template-columns:40px minmax(58px,1fr) 40px!important;align-items:center!important;gap:6px!important;}
body.evpl-pro .pager .btn{height:40px!important;min-height:40px!important;width:40px!important;padding:0!important;border-radius:12px!important;}
body.evpl-pro #pageLabel,
body.evpl-pro #pageLabelB{font-weight:950;color:#28364d;text-align:center;white-space:nowrap;}

/* Chips e multiselect */
body.evpl-pro .filter-chips{grid-column:1/-1!important;display:flex!important;flex-wrap:wrap!important;gap:7px!important;align-items:center!important;min-height:30px!important;margin-top:2px!important;}
body.evpl-pro .filter-chip,
body.evpl-pro .filter-chip-empty,
body.evpl-pro .chip{
  border:1px solid rgba(185,15,25,.16)!important;background:#fff8ed!important;color:#7f1d1d!important;
  border-radius:999px!important;padding:7px 10px!important;font-size:11px!important;font-weight:850!important;box-shadow:none!important;
}
body.evpl-pro .filter-chip{cursor:pointer!important;}
body.evpl-pro .filter-chip:hover{background:#fff1db!important;border-color:rgba(185,15,25,.32)!important;}
body.evpl-pro .filter-chip-close{margin-left:6px;color:var(--pro-red)!important;font-weight:950!important;}
body.evpl-pro .ms332{min-width:0!important;position:relative!important;}
body.evpl-pro .ms332-head{display:flex!important;align-items:center!important;gap:6px!important;overflow:hidden!important;}
body.evpl-pro .ms332-chip{background:#f4f6fb!important;border:1px solid var(--pro-line)!important;color:#28364d!important;padding:5px 8px!important;border-radius:999px!important;font-size:11px!important;}
body.evpl-pro .ms332-menu{z-index:250!important;border:1px solid var(--pro-line)!important;border-radius:16px!important;box-shadow:0 18px 54px rgba(15,23,42,.18)!important;min-width:min(360px,86vw)!important;}
body.evpl-pro .ms332-row{padding:8px 9px!important;border-radius:10px!important;font-weight:750!important;}
body.evpl-pro .ms332-row:hover{background:#f4f6fb!important;}
body.evpl-pro .ms332-actions .btn.apply{background:var(--pro-red)!important;color:#fff!important;border-color:var(--pro-red)!important;}

/* Conteúdo, KPIs e tabela */
body.evpl-pro main{padding:0 18px 78px!important;}
body.evpl-pro .empty{margin:0 0 12px!important;padding:14px 16px!important;border:1px dashed rgba(185,15,25,.28)!important;border-radius:18px!important;background:#fff!important;color:#6b4e16!important;box-shadow:var(--pro-shadow-sm)!important;}
body.evpl-pro .kpi-bar{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:10px!important;margin:0 0 12px!important;}
body.evpl-pro .kpi-item,
body.evpl-pro .kpi,
body.evpl-pro .kpi-card{
  padding:12px 13px!important;border-radius:17px!important;border:1px solid rgba(216,224,236,.92)!important;background:#fff!important;
  box-shadow:var(--pro-shadow-sm)!important;min-width:0!important;
}
body.evpl-pro .kpi-label{display:block!important;color:var(--pro-muted)!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.07em!important;font-weight:950!important;}
body.evpl-pro .kpi-value{display:block!important;color:var(--pro-red)!important;font-size:18px!important;font-weight:950!important;line-height:1.1!important;margin-top:3px!important;}
body.evpl-pro .kpi-legend{grid-column:1/-1!important;background:#fff!important;border:1px solid var(--pro-line)!important;border-radius:14px!important;padding:9px 12px!important;color:var(--pro-muted)!important;font-size:11px!important;}
body.evpl-pro .table-wrap,
body.evpl-pro .cards-wrap{
  border:1px solid rgba(216,224,236,.96)!important;border-radius:20px!important;background:#fff!important;
  box-shadow:var(--pro-shadow)!important;overflow:auto!important;
  max-height:none!important;height:calc(100dvh - var(--evpl-pro-offset, 360px))!important;min-height:360px!important;
}
body.evpl-pro table{width:max-content!important;min-width:100%!important;border-collapse:separate!important;border-spacing:0!important;font-size:12px!important;}
body.evpl-pro thead th,
body.evpl-pro th{
  position:sticky!important;top:0!important;z-index:6!important;
  background:linear-gradient(180deg,#1d2a40,#141e31)!important;color:#fff!important;
  border-bottom:1px solid #0b1220!important;border-right:1px solid rgba(255,255,255,.10)!important;
  padding:10px 11px!important;font-size:10px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.04em!important;
}
body.evpl-pro tbody td{
  padding:8px 10px!important;border-bottom:1px solid #edf1f7!important;border-right:1px solid #f1f4f8!important;
  color:#243147!important;background:#fff!important;white-space:nowrap!important;vertical-align:middle!important;
}
body.evpl-pro tbody tr:nth-child(even) td{background:#f8fafc!important;}
body.evpl-pro tbody tr:hover td{background:#fff4cf!important;color:#111827!important;}
body.evpl-pro tfoot td{position:sticky!important;bottom:0!important;z-index:5!important;background:#fff8e3!important;border-top:1px solid #edc85f!important;font-weight:950!important;color:#4f3200!important;padding:9px 10px!important;}
body.evpl-pro td:nth-child(2){white-space:normal!important;min-width:300px!important;max-width:560px!important;line-height:1.25!important;}
body.evpl-pro .num,
body.evpl-pro td[data-type="number"]{font-variant-numeric:tabular-nums!important;}
body.evpl-pro .resize-handle{color:rgba(255,255,255,.66)!important;}

/* Rodapé/paginação */
body.evpl-pro #pagerBottom{
  position:fixed!important;right:18px!important;bottom:14px!important;z-index:115!important;
  display:flex!important;gap:8px!important;align-items:center!important;
  background:rgba(255,255,255,.94)!important;border:1px solid var(--pro-line)!important;border-radius:999px!important;
  box-shadow:0 14px 38px rgba(15,23,42,.16)!important;padding:7px 8px!important;backdrop-filter:blur(9px)!important;
}
body.evpl-pro #pagerBottom .btn{width:40px!important;height:40px!important;min-height:40px!important;border-radius:999px!important;padding:0!important;}
body.evpl-pro #scrollTop,
body.evpl-pro .scroll-top,
body.evpl-pro #btnTop{
  position:fixed!important;right:18px!important;bottom:72px!important;z-index:115!important;
  height:40px!important;min-height:40px!important;border-radius:999px!important;background:#fff!important;color:var(--pro-red)!important;border:1px solid var(--pro-line)!important;
}
body.evpl-pro .toast{z-index:9999!important;border-radius:999px!important;padding:11px 16px!important;font-weight:850!important;box-shadow:0 18px 52px rgba(15,23,42,.28)!important;}
body.evpl-pro .toast.show{display:block!important;}
body.evpl-pro .loader{z-index:9990!important;background:rgba(244,246,251,.75)!important;backdrop-filter:blur(8px)!important;}
body.evpl-pro .loader-panel{border-radius:24px!important;border:1px solid var(--pro-line)!important;box-shadow:0 28px 86px rgba(15,23,42,.24)!important;background:#fff!important;}
body.evpl-pro .loader-bar-fill{background:linear-gradient(90deg,var(--pro-red),var(--pro-gold))!important;}

/* Drawer gerencial */
body.evpl-pro #evplProDrawerBtn{
  position:fixed!important;left:18px!important;bottom:16px!important;z-index:116!important;
  height:44px!important;min-height:44px!important;border-radius:999px!important;background:linear-gradient(135deg,#172033,#2b3b57)!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important;
}
body.evpl-pro #evplProDrawer{
  position:fixed!important;left:18px!important;bottom:72px!important;z-index:180!important;width:min(420px,calc(100vw - 36px))!important;
  max-height:min(620px,calc(100dvh - 110px))!important;overflow:auto!important;padding:16px!important;border-radius:22px!important;
  background:rgba(255,255,255,.96)!important;border:1px solid var(--pro-line)!important;box-shadow:0 24px 76px rgba(15,23,42,.22)!important;backdrop-filter:blur(12px)!important;
  transform:translateY(14px)!important;opacity:0!important;pointer-events:none!important;transition:.16s ease!important;
}
body.evpl-pro #evplProDrawer.open{transform:translateY(0)!important;opacity:1!important;pointer-events:auto!important;}
body.evpl-pro #evplProDrawer h3{margin:0 0 8px!important;font-size:18px!important;color:var(--pro-ink)!important;}
body.evpl-pro #evplProDrawer p{margin:0 0 12px!important;color:var(--pro-muted)!important;font-size:12px!important;line-height:1.4!important;}
body.evpl-pro .pro-drawer-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}
body.evpl-pro .pro-drawer-grid .btn{width:100%!important;}
body.evpl-pro .pro-shortcuts{margin-top:13px!important;padding:12px!important;border-radius:16px!important;background:#f8fafc!important;border:1px solid var(--pro-line)!important;color:#53637a!important;font-size:12px!important;line-height:1.55!important;}
body.evpl-pro .pro-shortcuts b{color:var(--pro-ink)!important;}

/* Modo compacto */
body.evpl-pro.density-compact #evplProDashboard{grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-bottom:8px!important;}
body.evpl-pro.density-compact .pro-card{min-height:66px!important;padding:10px 12px!important;}
body.evpl-pro.density-compact .filters{padding:10px!important;}
body.evpl-pro.density-compact .filter-group.active{gap:9px!important;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;}
body.evpl-pro.density-compact input[type="search"],
body.evpl-pro.density-compact select,
body.evpl-pro.density-compact .ms332-head{height:38px!important;min-height:38px!important;border-radius:11px!important;}
body.evpl-pro.density-compact tbody td{padding:5px 7px!important;font-size:11px!important;}
body.evpl-pro.density-compact thead th{padding:7px 8px!important;font-size:9.5px!important;}
body.evpl-pro.density-compact .table-wrap{min-height:410px!important;}

/* Responsivo */
@media (max-width:1180px){
  body.evpl-pro .app-header{grid-template-columns:1fr!important;gap:12px!important;}
  body.evpl-pro .right.top-meta{border-left:0!important;border-top:1px solid var(--pro-line)!important;padding-left:0!important;padding-top:12px!important;}
  body.evpl-pro .top-meta small{text-align:left!important;}
  body.evpl-pro .btns{width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  body.evpl-pro #evplProDashboard{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:760px){
  body.evpl-pro .app-header{padding:12px!important;border-radius:0 0 18px 18px!important;}
  body.evpl-pro .app-header .logo{width:46px!important;height:46px!important;}
  body.evpl-pro .btns{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.evpl-pro .apply-btn,body.evpl-pro #btnApply{grid-column:1/-1!important;}
  body.evpl-pro .tabs{padding:8px 12px!important;}
  body.evpl-pro #evplProDashboard{margin:8px 12px!important;grid-template-columns:1fr 1fr!important;}
  body.evpl-pro #evplProFilterHead{margin:0 12px!important;align-items:flex-start!important;flex-direction:column!important;}
  body.evpl-pro .pro-filter-actions{justify-content:flex-start!important;}
  body.evpl-pro .filters{margin:0 12px 10px!important;padding:12px!important;max-height:48dvh!important;}
  body.evpl-pro .filter-group.active{grid-template-columns:1fr!important;}
  body.evpl-pro .field.wide,body.evpl-pro .field.tiny{grid-column:1/-1!important;}
  body.evpl-pro main{padding:0 12px 90px!important;}
  body.evpl-pro .kpi-bar{grid-template-columns:1fr 1fr!important;}
  body.evpl-pro td:nth-child(2){min-width:230px!important;max-width:330px!important;}
}
@media (max-width:520px){
  body.evpl-pro #evplProDashboard{grid-template-columns:1fr!important;}
  body.evpl-pro .kpi-bar{grid-template-columns:1fr!important;}
  body.evpl-pro .pro-drawer-grid{grid-template-columns:1fr!important;}
  body.evpl-pro .btns{grid-template-columns:1fr!important;}
}
@media print{
  body.evpl-pro #evplProDashboard,
  body.evpl-pro #evplProFilterHead,
  body.evpl-pro #evplProDrawerBtn,
  body.evpl-pro #evplProDrawer{display:none!important;}
  body.evpl-pro .app-header,body.evpl-pro .tabs,body.evpl-pro .filters,body.evpl-pro #pagerBottom,body.evpl-pro #scrollTop{display:none!important;}
  body.evpl-pro main{padding:0!important;}
  body.evpl-pro .table-wrap{height:auto!important;overflow:visible!important;box-shadow:none!important;border:0!important;}
  body.evpl-pro th{position:static!important;background:#1d2a40!important;color:#fff!important;}
}


/* ===== evpl-pro-polish.css ===== */
/* EVPL Pro Polish v20260618.02
   Correção fina: multiselect compacto, contraste consistente e botões profissionais. */
:root{
  --pro-bg:#f5f7fb;
  --pro-surface:#ffffff;
  --pro-surface-2:#f9fbff;
  --pro-ink:#111827;
  --pro-muted:#667085;
  --pro-line:#d7dee9;
  --pro-line-2:#c8d3e2;
  --pro-navy:#172033;
  --pro-navy-2:#22314a;
  --pro-red:#b80f1a;
  --pro-red-2:#e11d2e;
  --pro-gold:#f2b826;
  --pro-green:#05845f;
  --pro-focus:rgba(184,15,26,.14);
  --pro-filter-h:38px;
  --pro-btn-h:34px;
}

body.evpl-pro{
  background:
    radial-gradient(circle at 12% -12%,rgba(184,15,26,.07),transparent 31rem),
    radial-gradient(circle at 88% -8%,rgba(30,79,154,.08),transparent 30rem),
    linear-gradient(180deg,#f7f9fd,#eef2f7)!important;
  color:var(--pro-ink)!important;
}

/* Cabeçalho e botões: mais estreitos, menos brinquedo, mais mesa de comando. */
body.evpl-pro .app-header{
  grid-template-columns:minmax(270px,1fr) minmax(500px,auto)!important;
  padding:11px 16px!important;
  gap:14px!important;
  border-radius:0 0 18px 18px!important;
  box-shadow:0 10px 28px rgba(15,23,42,.09)!important;
}
body.evpl-pro .app-header .logo{width:48px!important;height:48px!important;border-radius:14px!important;}
body.evpl-pro .title h1{font-size:clamp(17px,1.55vw,23px)!important;}
body.evpl-pro .right.top-meta{gap:7px!important;padding-left:12px!important;}
body.evpl-pro .top-meta small{font-size:10.5px!important;color:#536073!important;}
body.evpl-pro .btns{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:6px!important;
  width:auto!important;
  max-width:760px!important;
  flex-wrap:wrap!important;
}
body.evpl-pro button,
body.evpl-pro .btn,
body.evpl-pro .apply-btn{
  min-height:var(--pro-btn-h)!important;
  height:var(--pro-btn-h)!important;
  padding:0 11px!important;
  border-radius:10px!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.005em!important;
  box-shadow:0 3px 8px rgba(15,23,42,.07)!important;
}
body.evpl-pro button:hover,
body.evpl-pro .btn:hover,
body.evpl-pro .apply-btn:hover{box-shadow:0 7px 16px rgba(15,23,42,.11)!important;}
body.evpl-pro #btnApply,
body.evpl-pro .apply-btn{grid-column:auto!important;min-width:106px!important;background:linear-gradient(135deg,var(--pro-red),var(--pro-red-2))!important;}
body.evpl-pro .btn:not(.ghost):not(.apply-btn){background:var(--pro-navy)!important;border-color:var(--pro-navy)!important;}
body.evpl-pro .btn.ghost,
body.evpl-pro button.ghost{background:#fff!important;color:#25324a!important;border-color:#d6deea!important;}

/* Abas e painel gerencial mais limpos. */
body.evpl-pro .tabs{padding:8px 16px 7px!important;gap:7px!important;}
body.evpl-pro .tab{height:34px!important;min-height:34px!important;padding:0 13px!important;font-size:11.5px!important;border-radius:10px!important;}
body.evpl-pro .tab.active{background:linear-gradient(135deg,var(--pro-navy),var(--pro-navy-2))!important;}
body.evpl-pro .tab.active::before{width:6px!important;height:6px!important;margin-right:6px!important;background:var(--pro-red-2)!important;box-shadow:none!important;}
body.evpl-pro #evplProDashboard{
  margin:7px 16px 8px!important;
  grid-template-columns:1.08fr .72fr .72fr .72fr!important;
  gap:8px!important;
}
body.evpl-pro .pro-card{
  min-height:64px!important;
  padding:10px 12px!important;
  border-radius:14px!important;
  border-color:#d9e1ec!important;
  background:linear-gradient(180deg,#ffffff,#fbfcff)!important;
  box-shadow:0 5px 16px rgba(15,23,42,.055)!important;
}
body.evpl-pro .pro-card::after{display:none!important;}
body.evpl-pro .pro-card .pro-label{font-size:9.5px!important;margin-bottom:5px!important;color:#6b778c!important;}
body.evpl-pro .pro-card .pro-value{font-size:17px!important;color:#111827!important;}
body.evpl-pro .pro-card .pro-note{font-size:10.5px!important;color:#6b778c!important;}
body.evpl-pro .pro-card.pro-alert{border-color:rgba(184,15,26,.24)!important;background:#fff!important;box-shadow:inset 3px 0 0 rgba(184,15,26,.75),0 5px 16px rgba(15,23,42,.055)!important;}

/* Filtros proporcionais: sem duplicar caixa nativa quando existe multiselect. */
body.evpl-pro #evplProFilterHead{
  margin:0 16px!important;
  padding:9px 12px!important;
  border-radius:16px 16px 0 0!important;
  background:linear-gradient(135deg,#142033,#21304a)!important;
  box-shadow:0 8px 18px rgba(15,23,42,.09)!important;
}
body.evpl-pro .pro-filter-title{font-size:13px!important;}
body.evpl-pro .pro-filter-title .dot{width:7px!important;height:7px!important;background:var(--pro-red-2)!important;box-shadow:none!important;}
body.evpl-pro .pro-mini-btn,
body.evpl-pro .pro-filter-count{height:28px!important;min-height:28px!important;padding:0 10px!important;font-size:10.5px!important;border-radius:9px!important;}
body.evpl-pro .filters{
  margin:0 16px 10px!important;
  padding:12px!important;
  border-radius:0 0 16px 16px!important;
  background:rgba(255,255,255,.98)!important;
  border-color:#dce4ef!important;
  box-shadow:0 12px 30px rgba(15,23,42,.095)!important;
  max-height:min(46dvh,380px)!important;
}
body.evpl-pro .filter-group.active{
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;
  gap:10px!important;
}
body.evpl-pro .field{gap:5px!important;position:relative!important;}
body.evpl-pro .field.wide{grid-column:span 2!important;}
body.evpl-pro .field label{
  color:#5c667a!important;
  font-size:9.5px!important;
  letter-spacing:.07em!important;
  font-weight:900!important;
}
body.evpl-pro .field.has-value label{color:var(--pro-red)!important;}
body.evpl-pro .field.has-value label::before{color:var(--pro-red-2)!important;}
body.evpl-pro input[type="search"],
body.evpl-pro input[type="text"],
body.evpl-pro input[type="number"],
body.evpl-pro select,
body.evpl-pro textarea,
body.evpl-pro .ms332-head{
  height:var(--pro-filter-h)!important;
  min-height:var(--pro-filter-h)!important;
  border-radius:11px!important;
  border:1px solid var(--pro-line)!important;
  background:#fff!important;
  color:#172033!important;
  padding:0 11px!important;
  font-size:12.5px!important;
  font-weight:760!important;
  box-shadow:0 1px 0 rgba(255,255,255,.8),0 3px 9px rgba(15,23,42,.035)!important;
}
body.evpl-pro select{color:#172033!important;background-color:#fff!important;}
body.evpl-pro input[type="search"]::placeholder{color:#97a3b6!important;}
body.evpl-pro input[type="search"]:focus,
body.evpl-pro input[type="text"]:focus,
body.evpl-pro input[type="number"]:focus,
body.evpl-pro select:focus,
body.evpl-pro textarea:focus,
body.evpl-pro .ms332-head:focus{
  border-color:rgba(184,15,26,.55)!important;
  box-shadow:0 0 0 3px var(--pro-focus),0 5px 14px rgba(15,23,42,.06)!important;
}
body.evpl-pro .field.has-value input,
body.evpl-pro .field.has-value select,
body.evpl-pro .field.has-value .ms332-head{
  border-color:rgba(184,15,26,.35)!important;
  background:#fff!important;
}

/* Esconde o select nativo quando o componente multiselect assume o comando. */
body.evpl-pro select[data-ms332="1"]{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  min-height:1px!important;
  padding:0!important;
  border:0!important;
  margin:0!important;
  opacity:0!important;
  pointer-events:none!important;
  clip-path:inset(50%)!important;
  overflow:hidden!important;
}
body.evpl-pro .ms332{display:block!important;width:100%!important;min-width:0!important;position:relative!important;}
body.evpl-pro .ms332-head{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:5px!important;
  cursor:pointer!important;
  overflow:hidden!important;
}
body.evpl-pro .ms332-head::after{
  content:"▾"!important;
  margin-left:auto!important;
  color:#6b778c!important;
  font-size:10px!important;
  line-height:1!important;
}
body.evpl-pro .ms332.open .ms332-head::after{content:"▴"!important;color:var(--pro-red)!important;}
body.evpl-pro .ms332-head .placeholder{color:#667085!important;opacity:1!important;font-size:12px!important;font-weight:760!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.evpl-pro .ms332-chip{
  max-width:92px!important;
  height:23px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  background:#f3f6fb!important;
  border:1px solid #d4deeb!important;
  color:#24324a!important;
  padding:0 8px!important;
  border-radius:999px!important;
  font-size:10.5px!important;
  font-weight:820!important;
  line-height:1!important;
}
body.evpl-pro .ms332-chip .x{color:#9aa4b7!important;font-size:13px!important;margin-left:1px!important;}
body.evpl-pro .ms332-chip .x:hover{color:var(--pro-red)!important;}

/* Menu do multiselect: tamanho certo, texto visível, checkbox proporcional. */
body.evpl-pro .ms332-menu{
  position:absolute!important;
  top:calc(100% + 6px)!important;
  left:0!important;
  right:auto!important;
  z-index:1000!important;
  width:max(100%,280px)!important;
  min-width:0!important;
  max-width:min(360px,calc(100vw - 36px))!important;
  max-height:252px!important;
  overflow:auto!important;
  padding:8px!important;
  border:1px solid #cad5e3!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#172033!important;
  box-shadow:0 18px 42px rgba(15,23,42,.20)!important;
}
body.evpl-pro .ms332-search-wrap{
  position:sticky!important;
  top:-8px!important;
  z-index:2!important;
  padding:0 0 7px!important;
  background:#fff!important;
}
body.evpl-pro .ms332-search{
  width:100%!important;
  height:32px!important;
  min-height:32px!important;
  border:1px solid #d8e1ed!important;
  border-radius:10px!important;
  background:#f9fbff!important;
  color:#172033!important;
  padding:0 10px!important;
  font-size:12px!important;
  font-weight:650!important;
  outline:none!important;
  box-shadow:none!important;
}
body.evpl-pro .ms332-search:focus{border-color:rgba(184,15,26,.48)!important;box-shadow:0 0 0 3px rgba(184,15,26,.10)!important;background:#fff!important;}
body.evpl-pro .ms332-row,
body.evpl-pro.evpl-refined .ms332-row{
  min-height:32px!important;
  height:32px!important;
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 8px!important;
  margin:1px 0!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#172033!important;
  font-size:12px!important;
  font-weight:760!important;
  letter-spacing:0!important;
  text-transform:none!important;
  line-height:1.1!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
body.evpl-pro .ms332-row:hover{background:#f3f6fb!important;color:#111827!important;}
body.evpl-pro .ms332-row input[type="checkbox"]{
  width:15px!important;
  height:15px!important;
  min-height:15px!important;
  padding:0!important;
  margin:0!important;
  border-radius:4px!important;
  accent-color:var(--pro-red)!important;
  box-shadow:none!important;
}
body.evpl-pro .ms332-row span{
  min-width:0!important;
  display:block!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  color:inherit!important;
}
body.evpl-pro .ms332-actions{
  position:sticky!important;
  bottom:-8px!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:6px!important;
  margin:7px -2px -2px!important;
  padding:7px 2px 2px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.86),#fff 45%)!important;
  border-top:1px solid #edf1f7!important;
}
body.evpl-pro .ms332-actions .btn{
  height:30px!important;
  min-height:30px!important;
  padding:0 10px!important;
  border-radius:9px!important;
  font-size:10.5px!important;
  box-shadow:none!important;
}
body.evpl-pro .ms332-actions .btn.clear{background:#fff!important;color:#344054!important;border-color:#d5deea!important;}
body.evpl-pro .ms332-actions .btn.apply{background:var(--pro-red)!important;color:#fff!important;border-color:var(--pro-red)!important;}

/* Chips dos filtros e paginação, com menos barulho visual. */
body.evpl-pro .filter-chips{gap:6px!important;min-height:24px!important;margin-top:0!important;}
body.evpl-pro .filter-chip,
body.evpl-pro .filter-chip-empty,
body.evpl-pro .chip{
  padding:5px 8px!important;
  border-radius:999px!important;
  font-size:10.5px!important;
  background:#f6f8fb!important;
  border-color:#d8e1ec!important;
  color:#344054!important;
}
body.evpl-pro .filter-chip:hover{background:#eef3fa!important;border-color:#c6d2e2!important;}
body.evpl-pro .pager{height:var(--pro-filter-h)!important;grid-template-columns:34px minmax(48px,1fr) 34px!important;}
body.evpl-pro .pager .btn{height:32px!important;min-height:32px!important;width:34px!important;border-radius:9px!important;}

/* Tabelas: leitura mais corporativa. */
body.evpl-pro main{padding:0 16px 72px!important;}
body.evpl-pro .table-wrap{
  border-radius:14px!important;
  border-color:#d7dfeb!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(15,23,42,.07)!important;
}
body.evpl-pro table{border-collapse:separate!important;border-spacing:0!important;}
body.evpl-pro thead th{
  background:linear-gradient(180deg,#172033,#22314a)!important;
  color:#fff!important;
  border-color:#2f405c!important;
  font-size:11px!important;
  letter-spacing:.015em!important;
  box-shadow:none!important;
}
body.evpl-pro tbody td{color:#1f2937!important;border-color:#e7ecf3!important;}
body.evpl-pro tbody tr:hover td{background:#f8fafc!important;filter:none!important;}
body.evpl-pro tfoot td{background:#f3f6fb!important;color:#111827!important;font-weight:850!important;}

/* Gestão flutuante menor e menos invasiva. */
body.evpl-pro #evplProDrawerBtn{
  right:16px!important;
  bottom:16px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  font-size:11.5px!important;
  box-shadow:0 10px 24px rgba(15,23,42,.18)!important;
}
body.evpl-pro #evplProDrawer{border-radius:16px!important;border-color:#d8e1ed!important;box-shadow:0 24px 60px rgba(15,23,42,.23)!important;}

body.evpl-pro.density-compact{--pro-filter-h:34px;--pro-btn-h:31px;}
body.evpl-pro.density-compact .filters{padding:9px!important;max-height:min(42dvh,330px)!important;}
body.evpl-pro.density-compact .filter-group.active{gap:8px!important;grid-template-columns:repeat(auto-fit,minmax(158px,1fr))!important;}
body.evpl-pro.density-compact .pro-card{min-height:58px!important;padding:8px 10px!important;}
body.evpl-pro.density-compact .ms332-row{height:29px!important;min-height:29px!important;}

@media (max-width:1100px){
  body.evpl-pro .app-header{grid-template-columns:1fr!important;}
  body.evpl-pro .right.top-meta{border-left:0!important;border-top:1px solid #e2e8f0!important;padding-left:0!important;padding-top:8px!important;}
  body.evpl-pro .btns{justify-content:flex-start!important;max-width:none!important;}
  body.evpl-pro #evplProDashboard{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:720px){
  body.evpl-pro .app-header{padding:10px 12px!important;}
  body.evpl-pro .btns{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;}
  body.evpl-pro #evplProDashboard{grid-template-columns:1fr!important;margin-left:12px!important;margin-right:12px!important;}
  body.evpl-pro #evplProFilterHead,
  body.evpl-pro .filters{margin-left:12px!important;margin-right:12px!important;}
  body.evpl-pro .filter-group.active{grid-template-columns:1fr!important;}
  body.evpl-pro .field.wide,
  body.evpl-pro .field.tiny{grid-column:1/-1!important;}
  body.evpl-pro .ms332-menu{position:fixed!important;left:12px!important;right:12px!important;top:auto!important;bottom:74px!important;width:auto!important;max-width:none!important;max-height:46dvh!important;}
}

@media print{
  body.evpl-pro #evplProDashboard,
  body.evpl-pro #evplProFilterHead,
  body.evpl-pro #evplProDrawer,
  body.evpl-pro #evplProDrawerBtn{display:none!important;}
}


/* ===== evpl-quality-pass.css ===== */
/* EVPL Quality Pass v20260618.04
   Pente fino visual/UX: filtros, multiselect, botões, contraste, mobile e impressão. */
:root{
  --qp-bg:#f3f6fb;
  --qp-surface:#ffffff;
  --qp-surface-2:#f8fafd;
  --qp-ink:#101828;
  --qp-muted:#667085;
  --qp-line:#d7e0ec;
  --qp-line-strong:#bcc9da;
  --qp-navy:#172033;
  --qp-navy-2:#22314a;
  --qp-red:#b80f1a;
  --qp-red-2:#8f0c14;
  --qp-gold:#f3b51b;
  --qp-focus:rgba(184,15,26,.14);
  --qp-green:#12805c;
  --qp-radius:12px;
  --qp-shadow:0 10px 26px rgba(16,24,40,.08);
  --qp-shadow-pop:0 18px 45px rgba(16,24,40,.22);
  --qp-control-h:38px;
  --qp-btn-h:33px;
}

html{background:var(--qp-bg)!important;}
body.evpl-pro{
  background:
    radial-gradient(circle at 8% -12%, rgba(243,181,27,.12), transparent 28%),
    radial-gradient(circle at 92% -8%, rgba(184,15,26,.07), transparent 30%),
    var(--qp-bg)!important;
  color:var(--qp-ink)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.evpl-pro *{box-sizing:border-box;}
body.evpl-pro .skip-link{
  position:absolute;left:12px;top:-44px;z-index:99999;background:#fff;color:var(--qp-red);border:1px solid var(--qp-red);border-radius:10px;padding:9px 12px;font-weight:800;text-decoration:none;box-shadow:var(--qp-shadow);
}
body.evpl-pro .skip-link:focus{top:10px;outline:3px solid var(--qp-focus);}

/* Cabeçalho mais limpo, com ações compactas. */
body.evpl-pro .app-header{
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid var(--qp-line)!important;
  box-shadow:0 8px 28px rgba(16,24,40,.08)!important;
  backdrop-filter:blur(10px);
}
body.evpl-pro .app-header .logo{width:42px!important;height:42px!important;object-fit:contain!important;}
body.evpl-pro .app-header h1{font-size:18px!important;letter-spacing:-.02em!important;color:var(--qp-navy)!important;}
body.evpl-pro .top-meta small{color:var(--qp-muted)!important;font-size:11px!important;line-height:1.35!important;}
body.evpl-pro .btns{gap:6px!important;align-items:center!important;}
body.evpl-pro .btn,
body.evpl-pro button.btn,
body.evpl-pro .apply-btn,
body.evpl-pro .pro-mini-btn{
  height:var(--qp-btn-h)!important;
  min-height:var(--qp-btn-h)!important;
  padding:0 10px!important;
  border-radius:10px!important;
  border:1px solid var(--qp-line)!important;
  background:linear-gradient(180deg,#fff,#f8fafd)!important;
  color:#344054!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
  line-height:1!important;
  box-shadow:0 1px 0 rgba(16,24,40,.04)!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease, background .12s ease!important;
}
body.evpl-pro .btn:hover,
body.evpl-pro button.btn:hover,
body.evpl-pro .apply-btn:hover,
body.evpl-pro .pro-mini-btn:hover{
  transform:translateY(-1px)!important;
  border-color:var(--qp-line-strong)!important;
  box-shadow:0 6px 14px rgba(16,24,40,.10)!important;
}
body.evpl-pro .btn:active,
body.evpl-pro button.btn:active,
body.evpl-pro .apply-btn:active,
body.evpl-pro .pro-mini-btn:active{transform:translateY(0)!important;box-shadow:none!important;}
body.evpl-pro .apply-btn,
body.evpl-pro #btnApply{
  background:linear-gradient(180deg,var(--qp-red),var(--qp-red-2))!important;
  color:#fff!important;
  border-color:rgba(143,12,20,.95)!important;
  box-shadow:0 8px 18px rgba(184,15,26,.20)!important;
}
body.evpl-pro #btnExport,
body.evpl-pro #btnExportCSV{min-width:42px!important;}
body.evpl-pro #btnClear{min-width:64px!important;}
body.evpl-pro #btnLoad{min-width:74px!important;}
body.evpl-pro #btnPrint{min-width:66px!important;}
body.evpl-pro .aplicar-container:empty{display:none!important;}

/* Abas com cara de sistema gerencial, sem excesso de cor. */
body.evpl-pro .tabs{
  background:var(--qp-navy)!important;
  border-bottom:1px solid #0f172a!important;
  padding:8px 12px!important;
  gap:6px!important;
}
body.evpl-pro .tab{
  height:34px!important;
  min-height:34px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:rgba(255,255,255,.07)!important;
  color:#e6edf8!important;
  font-size:11px!important;
  font-weight:850!important;
  box-shadow:none!important;
}
body.evpl-pro .tab:hover{background:rgba(255,255,255,.12)!important;color:#fff!important;}
body.evpl-pro .tab.active{
  background:#fff!important;
  color:var(--qp-navy)!important;
  border-color:#fff!important;
  box-shadow:inset 0 -3px 0 var(--qp-gold)!important;
}

/* Painel gerencial sem cartões desproporcionais. */
body.evpl-pro #evplProDashboard{
  gap:10px!important;
  padding:12px 16px!important;
  background:linear-gradient(180deg,#f8fafd,#f3f6fb)!important;
}
body.evpl-pro .pro-card{
  min-height:68px!important;
  padding:11px 14px!important;
  border:1px solid var(--qp-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 8px 20px rgba(16,24,40,.055)!important;
  overflow:hidden!important;
}
body.evpl-pro .pro-card::after{opacity:.13!important;}
body.evpl-pro .pro-card .pro-label,
body.evpl-pro .pro-label{color:#65758d!important;font-size:9.8px!important;letter-spacing:.105em!important;}
body.evpl-pro .pro-value{font-size:18px!important;color:var(--qp-navy)!important;letter-spacing:-.02em!important;}
body.evpl-pro .pro-note{font-size:11px!important;color:#667085!important;}
body.evpl-pro .pro-card.pro-alert{border-color:#ffd9b1!important;background:linear-gradient(180deg,#fff,#fffaf4)!important;}
body.evpl-pro .pro-card.pro-online{border-color:#c7eadf!important;}
body.evpl-pro .pro-card.pro-offline{border-color:#ffd2d5!important;background:#fff8f8!important;}

/* Cabeçalho dos filtros. */
body.evpl-pro #evplProFilterHead{
  background:#fff!important;
  border:1px solid var(--qp-line)!important;
  border-radius:14px 14px 0 0!important;
  margin:10px 16px 0!important;
  min-height:44px!important;
  padding:8px 10px!important;
  box-shadow:0 8px 18px rgba(16,24,40,.045)!important;
}
body.evpl-pro .pro-filter-title{font-size:12px!important;color:var(--qp-navy)!important;}
body.evpl-pro .pro-filter-title .dot{background:var(--qp-red)!important;box-shadow:0 0 0 4px rgba(184,15,26,.10)!important;}
body.evpl-pro .pro-filter-count{height:26px!important;padding:0 9px!important;border-radius:999px!important;background:#f2f5fa!important;color:#475467!important;border:1px solid var(--qp-line)!important;font-size:10px!important;font-weight:850!important;}

/* Filtros: proporção consistente em todas as abas. */
body.evpl-pro .filters{
  margin:0 16px 10px!important;
  padding:12px!important;
  border:1px solid var(--qp-line)!important;
  border-top:0!important;
  border-radius:0 0 14px 14px!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 10px 24px rgba(16,24,40,.06)!important;
  overflow:visible!important;
}
body.evpl-pro .filter-group.active{
  grid-template-columns:repeat(auto-fit,minmax(172px,1fr))!important;
  gap:9px!important;
  align-items:end!important;
}
body.evpl-pro .field{gap:5px!important;min-width:0!important;}
body.evpl-pro .field.wide{grid-column:span 2!important;min-width:220px!important;}
body.evpl-pro .field.tiny{width:112px!important;min-width:112px!important;}
body.evpl-pro label{
  color:#5f6f87!important;
  font-size:9.5px!important;
  font-weight:900!important;
  letter-spacing:.095em!important;
  line-height:1.1!important;
  text-transform:uppercase!important;
}
body.evpl-pro label::before{color:var(--qp-red)!important;}
body.evpl-pro input[type="search"],
body.evpl-pro input[type="text"],
body.evpl-pro input[type="number"],
body.evpl-pro select,
body.evpl-pro textarea,
body.evpl-pro .ms332-head{
  width:100%!important;
  height:var(--qp-control-h)!important;
  min-height:var(--qp-control-h)!important;
  padding:0 11px!important;
  border:1px solid var(--qp-line)!important;
  border-radius:12px!important;
  background:#fff!important;
  color:var(--qp-ink)!important;
  font-size:12px!important;
  font-weight:740!important;
  letter-spacing:0!important;
  box-shadow:inset 0 1px 0 rgba(16,24,40,.025)!important;
  outline:none!important;
}
body.evpl-pro select{appearance:auto!important;}
body.evpl-pro input::placeholder{color:#98a2b3!important;font-weight:650!important;}
body.evpl-pro input[type="search"]:focus,
body.evpl-pro input[type="text"]:focus,
body.evpl-pro input[type="number"]:focus,
body.evpl-pro select:focus,
body.evpl-pro textarea:focus,
body.evpl-pro .ms332-head:focus{
  border-color:rgba(184,15,26,.55)!important;
  box-shadow:0 0 0 3px var(--qp-focus),0 6px 16px rgba(16,24,40,.06)!important;
}
body.evpl-pro .field.has-value input,
body.evpl-pro .field.has-value select,
body.evpl-pro .field.has-value .ms332-head{
  border-color:#f4b4b8!important;
  background:#fffdfd!important;
}

/* Multiselect pente-fino: não deixa o select nativo aparecer e mantém menu compacto. */
body.evpl-pro select[data-ms332="1"]{
  position:absolute!important;
  width:1px!important;height:1px!important;min-height:1px!important;
  padding:0!important;margin:0!important;border:0!important;
  opacity:0!important;pointer-events:none!important;
  clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;overflow:hidden!important;
}
body.evpl-pro .field.has-ms332{position:relative!important;}
body.evpl-pro .ms332{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  position:relative!important;
  color:var(--qp-ink)!important;
}
body.evpl-pro .ms332-head{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:5px!important;
  overflow:hidden!important;
  cursor:pointer!important;
  user-select:none!important;
  padding-right:26px!important;
  position:relative!important;
}
body.evpl-pro .ms332-head::after{
  content:"▾"!important;
  position:absolute!important;
  right:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  color:#667085!important;
  font-size:10px!important;
}
body.evpl-pro .ms332.open .ms332-head{border-color:rgba(184,15,26,.55)!important;box-shadow:0 0 0 3px var(--qp-focus)!important;}
body.evpl-pro .ms332.open .ms332-head::after{content:"▴"!important;color:var(--qp-red)!important;}
body.evpl-pro .ms332-head .placeholder{
  color:#667085!important;
  opacity:1!important;
  font-size:12px!important;
  font-weight:760!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.evpl-pro .ms332-chip{
  max-width:96px!important;
  height:22px!important;
  min-height:22px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  background:#eef3f9!important;
  border:1px solid #d4deeb!important;
  color:#26344d!important;
  padding:0 7px!important;
  border-radius:999px!important;
  font-size:10.2px!important;
  font-weight:850!important;
  line-height:1!important;
}
body.evpl-pro .ms332-chip .x{color:#7f8da3!important;font-size:12px!important;margin-left:1px!important;line-height:1!important;}
body.evpl-pro .ms332-chip .x:hover{color:var(--qp-red)!important;}
body.evpl-pro .ms332-summary-chip{background:#fff4df!important;border-color:#ffd79d!important;color:#7a4300!important;}
body.evpl-pro .ms332-menu{
  position:absolute!important;
  top:calc(100% + 6px)!important;
  left:0!important;
  right:auto!important;
  z-index:5000!important;
  width:max(100%,292px)!important;
  min-width:0!important;
  max-width:min(380px,calc(100vw - 32px))!important;
  max-height:282px!important;
  overflow:auto!important;
  padding:8px!important;
  border:1px solid #cbd6e4!important;
  border-radius:14px!important;
  background:#fff!important;
  color:var(--qp-ink)!important;
  box-shadow:var(--qp-shadow-pop)!important;
  text-transform:none!important;
}
body.evpl-pro .ms332-menu *{text-transform:none!important;letter-spacing:0!important;}
body.evpl-pro .ms332-search-wrap,
body.evpl-pro .ms332-toolbar{
  position:sticky!important;
  z-index:2!important;
  background:#fff!important;
}
body.evpl-pro .ms332-search-wrap{top:-8px!important;padding:0 0 6px!important;}
body.evpl-pro .ms332-search{
  width:100%!important;height:31px!important;min-height:31px!important;
  border:1px solid #d9e2ee!important;border-radius:10px!important;
  background:#f8fafd!important;color:var(--qp-ink)!important;
  padding:0 10px!important;font-size:12px!important;font-weight:700!important;box-shadow:none!important;
}
body.evpl-pro .ms332-search:focus{background:#fff!important;border-color:#f0a7ad!important;box-shadow:0 0 0 3px var(--qp-focus)!important;}
body.evpl-pro .ms332-toolbar{top:29px!important;display:flex!important;gap:6px!important;padding:0 0 7px!important;border-bottom:1px solid #edf1f7!important;margin-bottom:5px!important;}
body.evpl-pro .ms332-toolbar button{
  height:25px!important;min-height:25px!important;padding:0 8px!important;border-radius:8px!important;border:1px solid var(--qp-line)!important;background:#fff!important;color:#475467!important;font-size:10px!important;font-weight:850!important;cursor:pointer!important;
}
body.evpl-pro .ms332-toolbar .ms332-count{margin-left:auto!important;height:25px!important;display:inline-flex!important;align-items:center!important;padding:0 8px!important;border-radius:999px!important;background:#f2f5fa!important;color:#667085!important;font-size:10px!important;font-weight:850!important;}
body.evpl-pro .ms332-row,
body.evpl-pro.evpl-refined .ms332-row{
  min-height:30px!important;height:30px!important;
  display:grid!important;grid-template-columns:17px minmax(0,1fr)!important;
  align-items:center!important;gap:8px!important;
  padding:0 8px!important;margin:1px 0!important;
  border:0!important;border-radius:9px!important;background:transparent!important;
  color:var(--qp-ink)!important;font-size:12px!important;font-weight:760!important;line-height:1.1!important;box-shadow:none!important;cursor:pointer!important;
}
body.evpl-pro .ms332-row:hover{background:#f3f6fb!important;color:#111827!important;}
body.evpl-pro .ms332-row:has(input:checked){background:#fff7e6!important;color:#111827!important;}
body.evpl-pro .ms332-row input[type="checkbox"]{
  width:14px!important;height:14px!important;min-height:14px!important;padding:0!important;margin:0!important;border-radius:4px!important;accent-color:var(--qp-red)!important;box-shadow:none!important;
}
body.evpl-pro .ms332-row span{min-width:0!important;display:block!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;color:inherit!important;}
body.evpl-pro .ms332-actions{
  position:sticky!important;bottom:-8px!important;display:flex!important;justify-content:flex-end!important;gap:6px!important;margin:7px -2px -2px!important;padding:7px 2px 2px!important;background:linear-gradient(180deg,rgba(255,255,255,.88),#fff 45%)!important;border-top:1px solid #edf1f7!important;
}
body.evpl-pro .ms332-actions .btn{height:28px!important;min-height:28px!important;padding:0 10px!important;border-radius:9px!important;font-size:10.5px!important;box-shadow:none!important;}
body.evpl-pro .ms332-actions .btn.clear{background:#fff!important;color:#344054!important;border-color:#d5deea!important;}
body.evpl-pro .ms332-actions .btn.apply{background:var(--qp-red)!important;color:#fff!important;border-color:var(--qp-red)!important;}

/* Chips dos filtros. */
body.evpl-pro .filter-chips{gap:5px!important;min-height:22px!important;margin-top:0!important;}
body.evpl-pro .filter-chip,
body.evpl-pro .filter-chip-empty,
body.evpl-pro .chip{
  height:24px!important;display:inline-flex!important;align-items:center!important;gap:4px!important;padding:0 8px!important;border-radius:999px!important;font-size:10.3px!important;background:#f6f8fb!important;border:1px solid #d8e1ec!important;color:#344054!important;font-weight:780!important;
}
body.evpl-pro .filter-chip:hover{background:#eef3fa!important;border-color:#c6d2e2!important;}
body.evpl-pro .filter-chip-close{color:var(--qp-red)!important;font-weight:950!important;}

/* Tabelas e leitura operacional. */
body.evpl-pro main{padding:0 16px 74px!important;}
body.evpl-pro .table-wrap{
  border-radius:14px!important;border:1px solid var(--qp-line)!important;background:#fff!important;box-shadow:var(--qp-shadow)!important;overflow:auto!important;
}
body.evpl-pro table{border-collapse:separate!important;border-spacing:0!important;background:#fff!important;}
body.evpl-pro thead th{
  position:sticky!important;top:0!important;z-index:4!important;background:linear-gradient(180deg,var(--qp-navy),var(--qp-navy-2))!important;color:#fff!important;border-color:#2e405f!important;font-size:10.5px!important;font-weight:900!important;letter-spacing:.015em!important;box-shadow:none!important;
}
body.evpl-pro tbody td{color:#1f2937!important;border-color:#e7ecf3!important;font-size:11.5px!important;}
body.evpl-pro tbody tr:hover td{background:#f7f9fc!important;filter:none!important;}
body.evpl-pro tbody tr:nth-child(odd) td{background:#fbfcfe!important;}
body.evpl-pro tbody tr:nth-child(even) td{background:#fff!important;}
body.evpl-pro tfoot td{background:#f2f5fa!important;color:#111827!important;font-weight:850!important;border-top:1px solid var(--qp-line-strong)!important;}
body.evpl-pro .empty{border:1px dashed #cbd6e4!important;background:#fff!important;color:#667085!important;border-radius:14px!important;margin:14px 16px!important;padding:14px!important;}

/* Drawer gerencial mais discreto. */
body.evpl-pro #evplProDrawerBtn{height:36px!important;min-height:36px!important;right:16px!important;bottom:16px!important;padding:0 13px!important;border-radius:999px!important;background:linear-gradient(180deg,var(--qp-navy),#101828)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;font-size:11px!important;box-shadow:0 12px 26px rgba(16,24,40,.24)!important;}
body.evpl-pro #evplProDrawer{border-radius:16px!important;border-color:#d8e1ed!important;box-shadow:0 24px 60px rgba(16,24,40,.24)!important;}
body.evpl-pro .pro-drawer-grid .btn{width:100%!important;justify-content:center!important;}

/* Estados compactos. */
body.evpl-pro.density-compact{--qp-control-h:34px;--qp-btn-h:30px;}
body.evpl-pro.density-compact .filters{padding:9px!important;}
body.evpl-pro.density-compact .filter-group.active{gap:7px!important;grid-template-columns:repeat(auto-fit,minmax(156px,1fr))!important;}
body.evpl-pro.density-compact .pro-card{min-height:58px!important;padding:8px 10px!important;}
body.evpl-pro.density-compact .ms332-row{height:28px!important;min-height:28px!important;}
body.evpl-pro.evpl-pro-filters-collapsed .filters{display:none!important;}
body.evpl-pro.evpl-pro-filters-collapsed #evplProFilterHead{border-radius:14px!important;margin-bottom:10px!important;}

@media (max-width:1100px){
  body.evpl-pro .app-header{grid-template-columns:1fr!important;gap:8px!important;}
  body.evpl-pro .right.top-meta{border-left:0!important;border-top:1px solid var(--qp-line)!important;padding-left:0!important;padding-top:8px!important;}
  body.evpl-pro .btns{justify-content:flex-start!important;max-width:none!important;}
  body.evpl-pro #evplProDashboard{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:720px){
  body.evpl-pro .app-header{padding:10px 12px!important;}
  body.evpl-pro .btns{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;gap:6px!important;}
  body.evpl-pro .btn,body.evpl-pro .apply-btn{padding:0 6px!important;font-size:10px!important;}
  body.evpl-pro .tabs{overflow:auto!important;flex-wrap:nowrap!important;scrollbar-width:thin;}
  body.evpl-pro .tab{flex:0 0 auto!important;}
  body.evpl-pro #evplProDashboard{grid-template-columns:1fr!important;margin:0!important;padding:10px 12px!important;}
  body.evpl-pro #evplProFilterHead,
  body.evpl-pro .filters{margin-left:12px!important;margin-right:12px!important;}
  body.evpl-pro .filter-group.active{grid-template-columns:1fr!important;}
  body.evpl-pro .field.wide,body.evpl-pro .field.tiny{grid-column:1/-1!important;width:100%!important;min-width:0!important;}
  body.evpl-pro .ms332-menu{position:fixed!important;left:12px!important;right:12px!important;top:auto!important;bottom:72px!important;width:auto!important;max-width:none!important;max-height:48dvh!important;}
  body.evpl-pro main{padding-left:12px!important;padding-right:12px!important;}
}
@media (max-width:420px){
  body.evpl-pro .btns{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  body.evpl-pro .top-meta small{font-size:10px!important;}
}
@media print{
  body.evpl-pro{background:#fff!important;}
  body.evpl-pro .app-header,
  body.evpl-pro .tabs,
  body.evpl-pro #evplProDashboard,
  body.evpl-pro #evplProFilterHead,
  body.evpl-pro .filters,
  body.evpl-pro #evplProDrawer,
  body.evpl-pro #evplProDrawerBtn,
  body.evpl-pro #scrollTop,
  body.evpl-pro .toast{display:none!important;}
  body.evpl-pro main{padding:0!important;}
  body.evpl-pro .table-wrap{box-shadow:none!important;border:1px solid #777!important;}
}
@media (prefers-reduced-motion:reduce){
  body.evpl-pro *,body.evpl-pro *::before,body.evpl-pro *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important;}
}


/* ===== evpl-pro-finalpass.css ===== */
/* EVPL Final Pass PRO.26
   Correção cirúrgica do multiselect + acabamento corporativo. */
:root{
  --evpl-final-navy:#172033;
  --evpl-final-navy-2:#223149;
  --evpl-final-red:#b80f1a;
  --evpl-final-red-2:#d51e29;
  --evpl-final-ink:#172033;
  --evpl-final-muted:#667085;
  --evpl-final-line:#d8e1ed;
  --evpl-final-soft:#f6f8fb;
  --evpl-final-focus:rgba(184,15,26,.12);
  --evpl-final-shadow:0 18px 46px rgba(15,23,42,.16);
  --evpl-final-control-h:38px;
}

body.evpl-pro{
  background:#f4f6fb!important;
  color:var(--evpl-final-ink)!important;
}

/* Botões mais estreitos, com cara de sistema gerencial. */
body.evpl-pro .btns{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  gap:7px!important;
  width:min(710px,56vw)!important;
}
body.evpl-pro .btns > button,
body.evpl-pro .btns > .btn,
body.evpl-pro .btns > .apply-btn{
  width:auto!important;
  min-width:76px!important;
  max-width:128px!important;
  height:32px!important;
  min-height:32px!important;
  padding:0 12px!important;
  border-radius:10px!important;
  font-size:11px!important;
  font-weight:880!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
  box-shadow:0 5px 14px rgba(15,23,42,.075)!important;
}
body.evpl-pro #btnApply{
  min-width:86px!important;
  background:linear-gradient(135deg,var(--evpl-final-red),var(--evpl-final-red-2))!important;
  border-color:var(--evpl-final-red)!important;
}
body.evpl-pro #btnExport,
body.evpl-pro #btnExportCSV,
body.evpl-pro #btnViewMode{min-width:64px!important;}

/* Filtros: aparência limpa, campos proporcionais e sem exageros visuais. */
body.evpl-pro .filters{
  border-color:#e1e7f0!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(249,251,255,.98))!important;
  box-shadow:0 12px 30px rgba(15,23,42,.065)!important;
}
body.evpl-pro .filter-group.active{
  grid-template-columns:repeat(auto-fit,minmax(174px,1fr))!important;
  gap:10px!important;
  align-items:end!important;
}
body.evpl-pro .field{position:relative!important;min-width:0!important;}
body.evpl-pro .field.wide{grid-column:span 2!important;min-width:240px!important;}
body.evpl-pro .field > label{
  color:#5f6f87!important;
  font-size:9.7px!important;
  font-weight:920!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  line-height:1.1!important;
}
body.evpl-pro .field.has-value > label{color:var(--evpl-final-red)!important;}
body.evpl-pro .field.has-value > label::before{
  content:'●'!important;
  margin-right:4px!important;
  color:var(--evpl-final-red-2)!important;
  font-size:8px!important;
  vertical-align:1px!important;
}
body.evpl-pro input[type="search"],
body.evpl-pro input[type="text"],
body.evpl-pro input[type="number"],
body.evpl-pro select,
body.evpl-pro textarea,
body.evpl-pro .ms332-head{
  height:var(--evpl-final-control-h)!important;
  min-height:var(--evpl-final-control-h)!important;
  border:1px solid #d5deea!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#1d2939!important;
  font-size:12px!important;
  font-weight:760!important;
  box-shadow:inset 0 1px 0 rgba(16,24,40,.025)!important;
}
body.evpl-pro input[type="search"]:focus,
body.evpl-pro input[type="text"]:focus,
body.evpl-pro input[type="number"]:focus,
body.evpl-pro select:focus,
body.evpl-pro textarea:focus,
body.evpl-pro .ms332-head:focus{
  border-color:#d85660!important;
  box-shadow:0 0 0 3px var(--evpl-final-focus),0 8px 20px rgba(16,24,40,.055)!important;
}

/* Multiselect blindado: nenhuma regra global de label/field entra aqui. */
body.evpl-pro .field.has-ms332 > select[data-ms332="1"],
body.evpl-pro select[data-ms332="1"]{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  min-height:1px!important;
  max-height:1px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  opacity:0!important;
  pointer-events:none!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  overflow:hidden!important;
}
body.evpl-pro .ms332{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  position:relative!important;
  isolation:isolate!important;
  color:#1d2939!important;
}
body.evpl-pro .ms332-head{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:5px!important;
  padding:0 28px 0 10px!important;
  overflow:hidden!important;
  cursor:pointer!important;
  user-select:none!important;
  position:relative!important;
}
body.evpl-pro .ms332-head::after{
  content:'▾'!important;
  position:absolute!important;
  right:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  color:#667085!important;
  font-size:10px!important;
}
body.evpl-pro .ms332.open .ms332-head::after{content:'▴'!important;color:var(--evpl-final-red)!important;}
body.evpl-pro .ms332-head .placeholder{
  color:#667085!important;
  opacity:1!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
body.evpl-pro .ms332-chip{
  max-width:86px!important;
  height:22px!important;
  min-height:22px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  flex:0 1 auto!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  padding:0 7px!important;
  border-radius:999px!important;
  border:1px solid #d3deeb!important;
  background:#eef3f9!important;
  color:#26344d!important;
  font-size:10.2px!important;
  font-weight:850!important;
  line-height:1!important;
}
body.evpl-pro .ms332-chip .x{
  flex:0 0 auto!important;
  color:#7f8da3!important;
  font-size:12px!important;
  line-height:1!important;
}
body.evpl-pro .ms332-summary-chip{background:#fff4df!important;border-color:#ffd79d!important;color:#7a4300!important;}

body.evpl-pro .ms332-menu{
  position:absolute!important;
  top:calc(100% + 6px)!important;
  left:0!important;
  right:auto!important;
  z-index:9000!important;
  display:none!important;
  width:max(100%,310px)!important;
  min-width:0!important;
  max-width:min(390px,calc(100vw - 24px))!important;
  max-height:min(330px,calc(100dvh - 190px))!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  padding:8px!important;
  border:1px solid #cbd6e4!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#1d2939!important;
  box-shadow:var(--evpl-final-shadow)!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
body.evpl-pro .ms332.open .ms332-menu{display:block!important;}
body.evpl-pro .ms332.align-right .ms332-menu{left:auto!important;right:0!important;}
body.evpl-pro .ms332.drop-up .ms332-menu{top:auto!important;bottom:calc(100% + 6px)!important;}
body.evpl-pro .ms332-menu,
body.evpl-pro .ms332-menu *{
  box-sizing:border-box!important;
  text-transform:none!important;
  letter-spacing:0!important;
}

/* Correção principal do print: o ::before do label global NÃO entra nas linhas do dropdown. */
body.evpl-pro .field.has-value .ms332-menu label::before,
body.evpl-pro .field.has-value .ms332-row::before,
body.evpl-pro .ms332-menu label::before,
body.evpl-pro .ms332-row::before{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
}
body.evpl-pro .ms332-menu label,
body.evpl-pro .ms332-row,
body.evpl-pro.evpl-refined .ms332-row{
  width:100%!important;
  min-height:31px!important;
  height:31px!important;
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  margin:1px 0!important;
  padding:0 8px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#1f2937!important;
  font-size:12px!important;
  font-weight:760!important;
  line-height:1!important;
  text-align:left!important;
  box-shadow:none!important;
  cursor:pointer!important;
  overflow:hidden!important;
}
body.evpl-pro .ms332-row:hover{background:#f3f6fb!important;color:#111827!important;}
body.evpl-pro .ms332-row.is-checked,
body.evpl-pro .ms332-row:has(input:checked){
  background:#fff4df!important;
  color:#111827!important;
  box-shadow:inset 3px 0 0 rgba(184,15,26,.82)!important;
}
body.evpl-pro .ms332-row input[type="checkbox"]{
  grid-column:1!important;
  width:14px!important;
  height:14px!important;
  min-width:14px!important;
  max-width:14px!important;
  min-height:14px!important;
  max-height:14px!important;
  padding:0!important;
  margin:0!important;
  border-radius:4px!important;
  accent-color:var(--evpl-final-red)!important;
  box-shadow:none!important;
  justify-self:center!important;
}
body.evpl-pro .ms332-row span{
  grid-column:2!important;
  min-width:0!important;
  display:block!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  color:inherit!important;
  font:inherit!important;
  line-height:31px!important;
}
body.evpl-pro .ms332-search-wrap,
body.evpl-pro .ms332-toolbar{
  position:sticky!important;
  z-index:3!important;
  background:#fff!important;
}
body.evpl-pro .ms332-search-wrap{top:-8px!important;padding:0 0 7px!important;}
body.evpl-pro .ms332-search{
  width:100%!important;
  height:31px!important;
  min-height:31px!important;
  border:1px solid #d9e2ee!important;
  border-radius:10px!important;
  background:#f8fafd!important;
  color:#1d2939!important;
  padding:0 10px!important;
  font-size:12px!important;
  font-weight:720!important;
  box-shadow:none!important;
}
body.evpl-pro .ms332-toolbar{
  top:30px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:0 0 7px!important;
  margin-bottom:5px!important;
  border-bottom:1px solid #edf1f7!important;
}
body.evpl-pro .ms332-toolbar button{
  height:25px!important;
  min-height:25px!important;
  padding:0 8px!important;
  border:1px solid #d8e1ed!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#475467!important;
  font-size:10px!important;
  font-weight:850!important;
  box-shadow:none!important;
}
body.evpl-pro .ms332-toolbar .ms332-count{
  margin-left:auto!important;
  height:25px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 8px!important;
  border-radius:999px!important;
  background:#f2f5fa!important;
  color:#667085!important;
  font-size:10px!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
body.evpl-pro .ms332-actions{
  position:sticky!important;
  bottom:-8px!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:6px!important;
  margin:7px -2px -2px!important;
  padding:7px 2px 2px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.9),#fff 48%)!important;
  border-top:1px solid #edf1f7!important;
}
body.evpl-pro .ms332-actions .btn{
  height:28px!important;
  min-height:28px!important;
  padding:0 10px!important;
  border-radius:9px!important;
  font-size:10.5px!important;
  font-weight:880!important;
  box-shadow:none!important;
}
body.evpl-pro .ms332-actions .btn.clear{background:#fff!important;color:#344054!important;border-color:#d5deea!important;}
body.evpl-pro .ms332-actions .btn.apply{background:var(--evpl-final-red)!important;color:#fff!important;border-color:var(--evpl-final-red)!important;}

/* Tabela: leitura mais séria, sem brilho excessivo. */
body.evpl-pro .table-wrap,
body.evpl-pro .cards-wrap{
  border-color:#dfe7f1!important;
  box-shadow:0 13px 34px rgba(15,23,42,.075)!important;
  border-radius:16px!important;
}
body.evpl-pro thead th,
body.evpl-pro th{
  background:linear-gradient(180deg,#1b273b,#111a2a)!important;
  color:#fff!important;
  padding:8px 10px!important;
  font-size:9.7px!important;
  letter-spacing:.045em!important;
}
body.evpl-pro tbody td{
  padding:7px 9px!important;
  border-color:#e9eef5!important;
  color:#1f2937!important;
}
body.evpl-pro tbody tr:hover td{background:#f8fafc!important;color:#111827!important;}
body.evpl-pro tfoot td{background:#f4f7fb!important;color:#111827!important;border-top:1px solid #d7e0ec!important;}

/* Mobile: dropdown vira bandeja inferior organizada. */
@media (max-width:760px){
  body.evpl-pro .btns{width:100%!important;justify-content:stretch!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  body.evpl-pro .btns > button,
  body.evpl-pro .btns > .btn,
  body.evpl-pro .btns > .apply-btn{max-width:none!important;width:100%!important;min-width:0!important;}
  body.evpl-pro .field.wide{grid-column:1/-1!important;min-width:0!important;}
  body.evpl-pro .ms332-menu{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    top:auto!important;
    bottom:68px!important;
    width:auto!important;
    max-width:none!important;
    max-height:50dvh!important;
    border-radius:16px!important;
  }
}
@media print{
  body.evpl-pro .ms332-menu,
  body.evpl-pro #evplProDrawer,
  body.evpl-pro #evplProDrawerBtn{display:none!important;}
}


/* ===== evpl-pro06-polish.css ===== */
/* EVPL PRO 22 - acabamento adicional de experiência e gestão */
:root{
  --pro06-navy:#172033;
  --pro06-red:#b80f1a;
  --pro06-gold:#f6b51c;
  --pro06-line:#d9e2ef;
  --pro06-soft:#f7f9fc;
  --pro06-ink:#172033;
  --pro06-muted:#667085;
}
body.evpl-pro.evpl-pro06{background:#f4f6fb!important;}
body.evpl-pro.evpl-pro06 .app-header{
  border-bottom:1px solid rgba(217,226,239,.9)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.96))!important;
  box-shadow:0 10px 26px rgba(15,23,42,.07)!important;
}
body.evpl-pro.evpl-pro06 .top-meta small{font-weight:760!important;color:#5e6b80!important;}
body.evpl-pro.evpl-pro06 .evpl-pro06-statusbar{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:7px!important;
  margin:0 0 10px!important;
  padding:8px 10px!important;
  border:1px solid #dfe7f1!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#fff,#f8fafc)!important;
  color:#667085!important;
  font-size:11px!important;
  font-weight:790!important;
  box-shadow:0 8px 18px rgba(15,23,42,.045)!important;
}
body.evpl-pro.evpl-pro06 .evpl-pro06-statusbar b{color:#172033!important;font-weight:950!important;}
body.evpl-pro.evpl-pro06 .evpl-pro06-statusbar .dot{width:6px!important;height:6px!important;border-radius:999px!important;background:#22c55e!important;box-shadow:0 0 0 3px rgba(34,197,94,.12)!important;}
body.evpl-pro.evpl-pro06.offline .evpl-pro06-statusbar .dot{background:#ef4444!important;box-shadow:0 0 0 3px rgba(239,68,68,.12)!important;}
body.evpl-pro.evpl-pro06 .tabs{
  box-shadow:0 8px 22px rgba(15,23,42,.05)!important;
}
body.evpl-pro.evpl-pro06 .tab{
  min-height:38px!important;
  border-radius:12px!important;
  font-weight:890!important;
  letter-spacing:.01em!important;
}
body.evpl-pro.evpl-pro06 .tab.active{
  box-shadow:0 12px 24px rgba(184,15,26,.18)!important;
}
body.evpl-pro.evpl-pro06 .btns > button:focus-visible,
body.evpl-pro.evpl-pro06 input:focus-visible,
body.evpl-pro.evpl-pro06 select:focus-visible,
body.evpl-pro.evpl-pro06 .tab:focus-visible,
body.evpl-pro.evpl-pro06 .ms332-head:focus-visible{
  outline:3px solid rgba(246,181,28,.34)!important;
  outline-offset:2px!important;
}
body.evpl-pro.evpl-pro06 .btns > button{
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease!important;
}
body.evpl-pro.evpl-pro06 .btns > button:hover{transform:translateY(-1px)!important;box-shadow:0 9px 20px rgba(15,23,42,.10)!important;}
body.evpl-pro.evpl-pro06 .btns > button:active{transform:translateY(0)!important;box-shadow:0 4px 12px rgba(15,23,42,.08)!important;}
body.evpl-pro.evpl-pro06 .filters{
  position:relative!important;
  overflow:visible!important;
}
body.evpl-pro.evpl-pro06 .filters::before{
  content:""!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:4px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,var(--pro06-red),var(--pro06-gold))!important;
  opacity:.85!important;
}
body.evpl-pro.evpl-pro06 .filter-chips{gap:6px!important;}
body.evpl-pro.evpl-pro06 .filter-chips .chip,
body.evpl-pro.evpl-pro06 .chip{
  border-radius:999px!important;
  border:1px solid #d8e1ed!important;
  background:#fff!important;
  color:#26344d!important;
  font-weight:820!important;
  box-shadow:0 5px 12px rgba(15,23,42,.04)!important;
}
body.evpl-pro.evpl-pro06 table{
  border-collapse:separate!important;
  border-spacing:0!important;
}
body.evpl-pro.evpl-pro06 thead th{
  position:sticky!important;
  top:0!important;
  z-index:7!important;
  background:linear-gradient(180deg,#172033,#111827)!important;
  color:#fff!important;
  box-shadow:0 1px 0 rgba(255,255,255,.08) inset!important;
}
body.evpl-pro.evpl-pro06 tbody td{
  transition:background .12s ease, color .12s ease!important;
}
body.evpl-pro.evpl-pro06 tbody tr:hover td{
  background:#fff8eb!important;
}
body.evpl-pro.evpl-pro06 .evpl-pro06-offline-banner{
  display:none!important;
  position:fixed!important;
  left:50%!important;
  top:12px!important;
  transform:translateX(-50%)!important;
  z-index:2147482000!important;
  max-width:min(560px,calc(100vw - 24px))!important;
  padding:9px 12px!important;
  border-radius:14px!important;
  border:1px solid rgba(245,158,11,.35)!important;
  background:#fff7ed!important;
  color:#8a3a00!important;
  box-shadow:0 18px 38px rgba(15,23,42,.16)!important;
  font-size:12px!important;
  font-weight:850!important;
}
body.evpl-pro.evpl-pro06.offline .evpl-pro06-offline-banner{display:block!important;}
body.evpl-pro.evpl-pro06 .scroll-top{
  border-radius:999px!important;
  box-shadow:0 14px 34px rgba(15,23,42,.20)!important;
}
@media (max-width:760px){
  body.evpl-pro.evpl-pro06 .evpl-pro06-statusbar{font-size:10.5px!important;}
  body.evpl-pro.evpl-pro06 thead th{top:0!important;}
  body.evpl-pro.evpl-pro06 .btns{width:100%!important;justify-content:flex-start!important;}
  body.evpl-pro.evpl-pro06 .btns > button{height:34px!important;}
}
@media print{
  body.evpl-pro.evpl-pro06 .evpl-pro06-statusbar,
  body.evpl-pro.evpl-pro06 .evpl-pro06-offline-banner{display:none!important;}
  body.evpl-pro.evpl-pro06 thead th{position:static!important;}
}


/* ===== evpl-premium-stable-pro20.css ===== */
/* EVPL PRO.26 Premium Estável - acabamento visual + estabilidade */
:root{
  --evpl14-bg:#f4f6fb;
  --evpl14-card:#ffffff;
  --evpl14-ink:#172033;
  --evpl14-muted:#667085;
  --evpl14-red:#c5121c;
  --evpl14-red2:#ef4444;
  --evpl14-gold:#f6b51c;
  --evpl14-line:#dbe2ee;
  --evpl14-shadow:0 18px 50px rgba(15,23,42,.10);
}
html,body{background:var(--evpl14-bg)!important;color:var(--evpl14-ink)!important;}
body.evpl-pro .app-header{
  background:linear-gradient(135deg,#111827 0%,#172033 52%,#24324a 100%)!important;
  color:#fff!important;border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 18px 55px rgba(15,23,42,.20)!important;
}
body.evpl-pro .app-header .title h1{letter-spacing:-.04em!important;font-weight:950!important;}
body.evpl-pro .app-header small, body.evpl-pro .app-header .muted{color:#dbe5f2!important;}
body.evpl-pro .top-meta small{font-weight:800!important;}
body.evpl-pro .btns{gap:7px!important;align-items:center!important;}
body.evpl-pro button, body.evpl-pro .btn, body.evpl-pro .apply-btn{
  min-height:34px!important;height:34px!important;border-radius:11px!important;
  padding:0 12px!important;font-size:12px!important;font-weight:900!important;
  border:1px solid rgba(148,163,184,.22)!important;
  box-shadow:0 8px 18px rgba(15,23,42,.08)!important;
  transition:transform .12s ease, box-shadow .12s ease, filter .12s ease!important;
}
body.evpl-pro button:hover, body.evpl-pro .btn:hover, body.evpl-pro .apply-btn:hover{
  transform:translateY(-1px)!important;box-shadow:0 12px 26px rgba(15,23,42,.13)!important;
}
body.evpl-pro .apply-btn{
  background:linear-gradient(135deg,var(--evpl14-red),var(--evpl14-red2))!important;
  color:#fff!important;border-color:rgba(255,255,255,.16)!important;
}
body.evpl-pro .btn.ghost{
  background:rgba(255,255,255,.92)!important;color:#243147!important;border-color:#dbe2ee!important;
}
body.evpl-pro .tabs{
  background:linear-gradient(180deg,#fff,#f8fafc)!important;border-bottom:1px solid #dbe2ee!important;
  box-shadow:0 8px 26px rgba(15,23,42,.05)!important;padding:8px 10px!important;gap:7px!important;
}
body.evpl-pro .tab{
  min-height:34px!important;height:34px!important;border-radius:999px!important;padding:0 13px!important;
  background:#fff!important;color:#41516a!important;border:1px solid #dbe2ee!important;box-shadow:none!important;
}
body.evpl-pro .tab.active{
  background:linear-gradient(135deg,#172033,#293a56)!important;color:#fff!important;border-color:#172033!important;
  box-shadow:0 10px 24px rgba(23,32,51,.18)!important;
}
body.evpl-pro .filters{
  background:linear-gradient(180deg,#ffffff,#fbfcff)!important;border:1px solid #dbe2ee!important;
  border-left:0!important;border-right:0!important;box-shadow:0 12px 32px rgba(15,23,42,.06)!important;
}
body.evpl-pro .filter-group{gap:10px!important;padding:12px!important;align-items:end!important;}
body.evpl-pro .field{min-width:150px!important;}
body.evpl-pro .field.wide{min-width:min(320px,100%)!important;}
body.evpl-pro .field label{
  color:#344256!important;font-size:11px!important;font-weight:950!important;
  letter-spacing:.03em!important;text-transform:uppercase!important;margin-bottom:5px!important;
}
body.evpl-pro .field input,
body.evpl-pro .field select{
  min-height:35px!important;height:35px!important;border-radius:11px!important;
  background:#fff!important;color:#172033!important;border:1px solid #ccd6e4!important;
  font-size:12.5px!important;font-weight:760!important;padding:0 10px!important;
  box-shadow:0 7px 18px rgba(15,23,42,.045)!important;
}
body.evpl-pro .field input:focus,
body.evpl-pro .field select:focus{
  outline:none!important;border-color:#ef4444!important;box-shadow:0 0 0 4px rgba(239,68,68,.13),0 7px 18px rgba(15,23,42,.06)!important;
}
body.evpl-pro .field.evpl-bf-field label{color:#991b1b!important;}
body.evpl-pro .field.evpl-bf-field label::before{
  content:"";display:inline-block;width:7px;height:7px;border-radius:50%;
  background:linear-gradient(135deg,var(--evpl14-red),var(--evpl14-gold));
  margin-right:6px;box-shadow:0 0 0 4px rgba(246,181,28,.14);
}
body.evpl-pro .field.evpl-bf-field select{
  border-color:#f2c49a!important;background:linear-gradient(180deg,#fff,#fff9f3)!important;color:#7c2d12!important;
}
body.evpl-pro .kpi-bar{gap:10px!important;padding:10px 12px!important;}
body.evpl-pro .kpi, body.evpl-pro .kpi-card, body.evpl-pro .pro-card{
  background:#fff!important;border:1px solid #dbe2ee!important;border-radius:16px!important;
  box-shadow:0 12px 32px rgba(15,23,42,.06)!important;
}
body.evpl-pro .table-wrap, body.evpl-pro .cards-wrap{
  background:#fff!important;border:1px solid #dbe2ee!important;border-radius:16px!important;
  box-shadow:0 16px 44px rgba(15,23,42,.08)!important;margin:0 10px 12px!important;overflow:auto!important;
}
body.evpl-pro table{font-size:12px!important;border-collapse:separate!important;border-spacing:0!important;}
body.evpl-pro thead th{
  background:linear-gradient(180deg,#172033,#263850)!important;color:#fff!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;text-transform:uppercase!important;
  letter-spacing:.035em!important;font-size:10.8px!important;font-weight:950!important;
}
body.evpl-pro tbody td{border-color:#edf1f7!important;color:#243147!important;}
body.evpl-pro tbody tr:hover td{background:#fff7e8!important;}
/* multiselect blindado */
body.evpl-pro .ms332{position:relative!important;min-width:0!important;}
body.evpl-pro .ms332-head{
  min-height:35px!important;border-radius:11px!important;border:1px solid #ccd6e4!important;background:#fff!important;
  color:#172033!important;padding:5px 32px 5px 8px!important;box-shadow:0 7px 18px rgba(15,23,42,.045)!important;
  display:flex!important;align-items:center!important;gap:5px!important;overflow:hidden!important;cursor:pointer!important;
}
body.evpl-pro .ms332-head::after{content:"⌄";position:absolute;right:10px;top:50%;transform:translateY(-52%);color:#667085;font-weight:950;}
body.evpl-pro .ms332-chip{
  display:inline-flex!important;align-items:center!important;gap:5px!important;max-width:135px!important;height:23px!important;
  border-radius:999px!important;background:#eef4ff!important;color:#20324d!important;border:1px solid #d7e3f7!important;
  padding:0 7px!important;font-size:11px!important;font-weight:850!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
body.evpl-pro .ms332-chip .x{color:#c5121c!important;font-weight:950!important;}
body.evpl-pro .ms332-head .placeholder{color:#667085!important;font-size:12px!important;font-weight:760!important;}
body.evpl-pro .ms332-menu{
  z-index:9999!important;background:#fff!important;border:1px solid #dbe2ee!important;border-radius:14px!important;
  box-shadow:0 22px 70px rgba(15,23,42,.20)!important;padding:8px!important;max-height:min(360px,70vh)!important;overflow:auto!important;
}
body.evpl-pro .ms332-row{
  display:flex!important;align-items:center!important;gap:9px!important;min-height:31px!important;padding:6px 8px!important;
  border-radius:10px!important;color:#172033!important;background:transparent!important;font-size:12px!important;font-weight:760!important;
}
body.evpl-pro .ms332-row:hover{background:#f6f8fc!important;}
body.evpl-pro .ms332-row input[type="checkbox"]{
  width:15px!important;height:15px!important;min-height:15px!important;flex:0 0 15px!important;accent-color:#c5121c!important;box-shadow:none!important;
}
body.evpl-pro .ms332-row span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
body.evpl-pro .ms332-actions{display:flex!important;gap:7px!important;position:sticky!important;bottom:0!important;background:#fff!important;padding-top:8px!important;}
body.evpl-pro .ms332-actions button{flex:1!important;height:30px!important;min-height:30px!important;font-size:11px!important;}
/* loading premium estável */
#loader.evpl-pro20-loader{
  background:radial-gradient(circle at 20% 10%,rgba(246,181,28,.18),transparent 34%),
             radial-gradient(circle at 80% 0%,rgba(239,68,68,.16),transparent 30%),
             linear-gradient(135deg,#0b1220,#172033 56%,#0f172a)!important;
  backdrop-filter:blur(10px)!important;
}
#loader.evpl-pro20-loader .loader-panel{
  width:min(760px,92vw)!important;background:linear-gradient(180deg,rgba(17,29,49,.96),rgba(11,18,32,.96))!important;
  color:#fff!important;border:1px solid rgba(148,163,184,.25)!important;border-radius:28px!important;
  box-shadow:0 32px 110px rgba(0,0,0,.42)!important;overflow:hidden!important;
}
#loader.evpl-pro20-loader .loader-title{color:#fff!important;font-weight:950!important;letter-spacing:-.04em!important;}
#loader.evpl-pro20-loader .loader-subtitle,#loader.evpl-pro20-loader .loader-note{color:#cbd5e1!important;}
#loader.evpl-pro20-loader .loader-bar{
  background:rgba(148,163,184,.20)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:999px!important;overflow:hidden!important;
}
#loader.evpl-pro20-loader .loader-bar-fill{
  background:linear-gradient(90deg,#c5121c,#ef4444,#f6b51c)!important;box-shadow:0 0 22px rgba(246,181,28,.34)!important;
}
#loader.evpl-pro20-loader .spinner{border-color:rgba(255,255,255,.18)!important;border-right-color:#f6b51c!important;border-bottom-color:#ef4444!important;}
.evpl-pro20-loading-extra{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;padding:0 22px 18px!important;
}
.evpl-pro20-step{
  border:1px solid rgba(148,163,184,.20)!important;border-radius:14px!important;background:rgba(15,23,42,.54)!important;
  padding:9px 10px!important;color:#cbd5e1!important;font-size:11px!important;font-weight:850!important;
}
.evpl-pro20-step b{display:block!important;color:#fff!important;font-size:12px!important;margin-bottom:5px!important;}
.evpl-pro20-step i{display:block!important;height:6px!important;border-radius:999px!important;background:rgba(148,163,184,.22)!important;overflow:hidden!important;}
.evpl-pro20-step i::before{content:"";display:block;height:100%;width:var(--p,15%);background:linear-gradient(90deg,#ef4444,#f6b51c);border-radius:inherit;transition:width .35s ease;}
#evplPro14Panel{
  position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:10020;
  width:min(620px,calc(100vw - 24px));display:none;background:#fff;color:#172033;
  border:1px solid #fecaca;border-radius:18px;box-shadow:0 20px 70px rgba(15,23,42,.28);padding:14px 16px;
}
#evplPro14Panel.show{display:block!important;}
#evplPro14Panel b{display:block;color:#991b1b;margin-bottom:4px;}
#evplPro14Panel p{margin:0 0 10px;color:#475569;}
#evplPro14Panel .actions{display:flex;gap:8px;flex-wrap:wrap;}
#evplPro14Panel button,#evplPro14Panel a{appearance:none;border:1px solid #dbe2ee;background:#fff;color:#172033;padding:9px 12px;border-radius:11px;font-weight:850;text-decoration:none;cursor:pointer;}
#evplPro14Panel .primary{background:#c5121c;color:#fff;border-color:#c5121c;}
@media(max-width:760px){
  body.evpl-pro .app-header{gap:10px!important;}
  body.evpl-pro .btns{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;}
  body.evpl-pro button, body.evpl-pro .btn, body.evpl-pro .apply-btn{width:100%!important;}
  body.evpl-pro .filter-group{grid-template-columns:1fr!important;}
  body.evpl-pro .field, body.evpl-pro .field.wide{min-width:100%!important;width:100%!important;}
  .evpl-pro20-loading-extra{grid-template-columns:1fr!important;padding:0 16px 16px!important;}
  #loader.evpl-pro20-loader .loader-panel{width:min(430px,94vw)!important;}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;}
}


/* ===== theme.css ===== */
:root{--bg:#f4f6fb;--fg:#152033;--brand:#b90f19;--brand-2:#f5b51b;}
body{background:var(--bg);color:var(--fg);}


/* ===== evpl-loading-pro.css ===== */
/* EVPL Loading PRO 22 - experiência premium, informativa e resiliente */
:root{
  --loader-navy:#111a2d;
  --loader-navy-2:#17233a;
  --loader-red:#bc111a;
  --loader-red-2:#e0262a;
  --loader-gold:#f6b51c;
  --loader-gold-2:#ffe08a;
  --loader-ink:#101828;
  --loader-muted:#65758b;
  --loader-line:#d8e2ee;
  --loader-soft:#f6f8fc;
  --loader-card:#ffffff;
  --loader-progress:10;
}

#loader{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  display:grid!important;
  place-items:center!important;
  padding:clamp(14px, 3vw, 34px)!important;
  overflow:hidden!important;
  color:var(--loader-ink)!important;
  background:
    radial-gradient(circle at 16% 12%, rgba(246,181,28,.34), transparent 25%),
    radial-gradient(circle at 84% 14%, rgba(188,17,26,.22), transparent 30%),
    radial-gradient(circle at 52% 98%, rgba(17,26,45,.13), transparent 42%),
    linear-gradient(135deg,#eef3fb 0%,#fbfcff 44%,#edf2f9 100%)!important;
  backdrop-filter:saturate(155%) blur(15px)!important;
  -webkit-backdrop-filter:saturate(155%) blur(15px)!important;
  isolation:isolate!important;
}
#loader.hidden{display:none!important;}
#loader::before,
#loader::after{
  content:""!important;
  position:absolute!important;
  pointer-events:none!important;
  z-index:-1!important;
}
#loader::before{
  width:min(920px,96vw)!important;
  height:min(920px,96vw)!important;
  border-radius:999px!important;
  background:conic-gradient(from 215deg,rgba(188,17,26,.16),rgba(246,181,28,.25),rgba(17,26,45,.11),rgba(188,17,26,.16))!important;
  filter:blur(36px)!important;
  opacity:.78!important;
  animation:evplLoaderFloat 8.5s ease-in-out infinite alternate!important;
}
#loader::after{
  inset:0!important;
  background:
    linear-gradient(rgba(17,26,45,.034) 1px,transparent 1px),
    linear-gradient(90deg,rgba(17,26,45,.034) 1px,transparent 1px)!important;
  background-size:36px 36px!important;
  mask-image:radial-gradient(circle at center,rgba(0,0,0,.78),transparent 75%)!important;
  opacity:.62!important;
}

#loader .loader-panel{
  position:relative!important;
  width:min(880px,calc(100vw - 28px))!important;
  max-height:calc(100dvh - 28px)!important;
  overflow:hidden!important;
  border-radius:32px!important;
  padding:0!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.99),rgba(255,255,255,.95)) padding-box,
    linear-gradient(135deg,rgba(188,17,26,.42),rgba(246,181,28,.48),rgba(15,23,42,.13)) border-box!important;
  border:1px solid transparent!important;
  box-shadow:0 38px 110px rgba(15,23,42,.25),0 14px 38px rgba(15,23,42,.11),inset 0 1px 0 rgba(255,255,255,.92)!important;
  color:var(--loader-ink)!important;
}
#loader .loader-panel::before{
  content:""!important;
  position:absolute!important;
  inset:0 0 auto 0!important;
  height:7px!important;
  background:linear-gradient(90deg,var(--loader-red),#f06424,var(--loader-gold),var(--loader-red))!important;
  background-size:240% 100%!important;
  animation:evplLoaderStripe 3s ease-in-out infinite!important;
}
#loader .loader-panel::after{
  content:""!important;
  position:absolute!important;
  right:-145px!important;
  top:-165px!important;
  width:380px!important;
  height:380px!important;
  border-radius:999px!important;
  background:radial-gradient(circle,rgba(246,181,28,.18),transparent 68%)!important;
  pointer-events:none!important;
}

#loader .loader-brand{
  position:relative!important;
  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  align-items:center!important;
  gap:17px!important;
  margin:0!important;
  padding:30px 32px 18px!important;
  color:var(--loader-ink)!important;
}
#loader .loader-brand::after{
  content:"Sistema gerencial"!important;
  justify-self:end!important;
  align-self:start!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  border:1px solid rgba(15,23,42,.08)!important;
  background:linear-gradient(180deg,#fff,#f7f9fc)!important;
  color:#334155!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  box-shadow:0 8px 18px rgba(15,23,42,.06)!important;
}
#loader .laser-logo-wrap{
  position:relative!important;
  width:76px!important;
  height:76px!important;
  border-radius:24px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  flex:0 0 auto!important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.94)) padding-box,linear-gradient(135deg,rgba(188,17,26,.42),rgba(246,181,28,.70)) border-box!important;
  border:1px solid transparent!important;
  box-shadow:0 17px 34px rgba(15,23,42,.14),inset 0 1px 0 rgba(255,255,255,.96)!important;
}
#loader .laser-logo-wrap::before{
  content:""!important;
  position:absolute!important;
  inset:9px!important;
  border-radius:19px!important;
  background:radial-gradient(circle,rgba(246,181,28,.24),transparent 58%)!important;
}
#loader .laser-logo{
  position:absolute!important;
  inset:50% auto auto 50%!important;
  transform:translate(-50%,-50%)!important;
  width:58px!important;
  height:58px!important;
  object-fit:contain!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
  pointer-events:none!important;
}
#loader .laser-logo.base{opacity:.16!important;filter:grayscale(.12) brightness(.92)!important;}
#loader .laser-logo.reveal{opacity:1!important;filter:drop-shadow(0 12px 18px rgba(188,17,26,.21))!important;animation:evplLogoReveal 2.45s ease-in-out infinite!important;}
#loader .laser-scan{
  position:absolute!important;
  top:-20%!important;
  bottom:-20%!important;
  width:22px!important;
  left:-34%!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,rgba(188,17,26,0),rgba(255,255,255,.95),rgba(246,181,28,.94),rgba(188,17,26,0))!important;
  box-shadow:0 0 18px rgba(246,181,28,.72),0 0 30px rgba(188,17,26,.38)!important;
  animation:evplLaserSweep 1.75s cubic-bezier(.22,.8,.22,1) infinite!important;
}
#loader .loader-brand-text{min-width:0!important;display:flex!important;flex-direction:column!important;gap:5px!important;line-height:1.1!important;}
#loader .loader-title{color:#111827!important;opacity:1!important;font-size:clamp(21px,3vw,30px)!important;font-weight:950!important;letter-spacing:-.045em!important;}
#loader .loader-subtitle{color:#475569!important;opacity:1!important;font-size:13px!important;font-weight:850!important;letter-spacing:.01em!important;}

.evpl-loader-pro-badge{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  justify-self:end!important;
  align-self:end!important;
  padding:8px 11px!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#172033,#111827)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
  box-shadow:0 12px 22px rgba(15,23,42,.18)!important;
}
.evpl-loader-pro-badge::before{content:""!important;width:8px!important;height:8px!important;border-radius:999px!important;background:#22c55e!important;box-shadow:0 0 0 4px rgba(34,197,94,.18)!important;}
.evpl-loader-pro-badge.is-offline::before{background:#ef4444!important;box-shadow:0 0 0 4px rgba(239,68,68,.18)!important;}

#loader .loader-bar{
  position:relative!important;
  height:15px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  background:#e5edf7!important;
  border:1px solid rgba(15,23,42,.07)!important;
  margin:0 32px 16px!important;
  box-shadow:inset 0 1px 2px rgba(15,23,42,.08)!important;
}
#loader .loader-bar::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.68),transparent)!important;
  transform:translateX(-100%)!important;
  animation:evplBarSheen 2s ease-in-out infinite!important;
}
#loader .loader-bar-fill{
  position:relative!important;
  height:100%!important;
  min-width:9px!important;
  width:calc(var(--loader-progress) * 1%)!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#b91019 0%,#e64b20 40%,#f6b51c 100%)!important;
  box-shadow:0 0 24px rgba(246,181,28,.42)!important;
  transition:width .30s cubic-bezier(.2,.8,.2,1)!important;
  will-change:width!important;
}
#loader .loader-row{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 32px 14px!important;
  padding:12px 14px!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#fff8ec,#fff)!important;
  border:1px solid #ffe0aa!important;
  color:var(--loader-ink)!important;
}
#loader .spinner{
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
  border-radius:50%!important;
  border:4px solid rgba(246,181,28,.28)!important;
  border-top-color:var(--loader-red)!important;
  border-right-color:var(--loader-gold)!important;
  animation:spin .82s linear infinite!important;
}
#loader .loader-text{font-size:13px!important;font-weight:900!important;color:#26344d!important;opacity:1!important;line-height:1.25!important;}
#loader .loader-note{padding:0 32px 18px!important;color:#667085!important;font-size:12px!important;font-weight:720!important;line-height:1.45!important;}

.evpl-loader-pro-shell{
  display:grid!important;
  grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr)!important;
  gap:14px!important;
  padding:0 32px 26px!important;
  position:relative!important;
  z-index:1!important;
}
.evpl-loader-pro-main,
.evpl-loader-pro-side,
.evpl-loader-pro-helper{
  border:1px solid #dfe7f1!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.92))!important;
  box-shadow:0 12px 26px rgba(15,23,42,.065)!important;
  min-width:0!important;
}
.evpl-loader-pro-main{padding:15px!important;}
.evpl-loader-pro-side{padding:14px!important;display:flex!important;flex-direction:column!important;gap:12px!important;}
.evpl-loader-pro-topline{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:12px!important;}
.evpl-loader-pro-label{color:#64748b!important;font-size:11px!important;font-weight:950!important;letter-spacing:.08em!important;text-transform:uppercase!important;}
.evpl-loader-pro-percent{
  min-width:54px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:#172033!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:950!important;
  box-shadow:0 10px 22px rgba(15,23,42,.16)!important;
}
.evpl-loader-pro-meter{
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  gap:14px!important;
  align-items:center!important;
  margin-bottom:12px!important;
}
.evpl-loader-pro-ring{
  width:76px!important;
  height:76px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:conic-gradient(var(--loader-red) calc(var(--loader-progress) * 1%), #e7edf5 0)!important;
  box-shadow:inset 0 0 0 1px rgba(15,23,42,.06),0 12px 28px rgba(15,23,42,.10)!important;
  position:relative!important;
}
.evpl-loader-pro-ring::before{content:""!important;position:absolute!important;inset:9px!important;border-radius:999px!important;background:#fff!important;box-shadow:inset 0 1px 3px rgba(15,23,42,.10)!important;}
.evpl-loader-pro-ring strong{position:relative!important;z-index:1!important;color:#172033!important;font-size:15px!important;font-weight:950!important;}
.evpl-loader-pro-current{min-width:0!important;}
.evpl-loader-pro-current b{display:block!important;color:#172033!important;font-size:14px!important;font-weight:950!important;margin-bottom:4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.evpl-loader-pro-current span{display:block!important;color:#667085!important;font-size:12px!important;font-weight:720!important;line-height:1.35!important;}
.evpl-loader-pro-steps{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important;}
.evpl-loader-pro-step{
  position:relative!important;
  height:42px!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:0 8px!important;
  border-radius:13px!important;
  background:#f1f5fa!important;
  color:#64748b!important;
  font-size:11px!important;
  font-weight:860!important;
  text-align:center!important;
  line-height:1.12!important;
  overflow:hidden!important;
}
.evpl-loader-pro-step::before{content:""!important;width:7px!important;height:7px!important;border-radius:999px!important;flex:0 0 7px!important;background:#c7d3e2!important;}
.evpl-loader-pro-step.done{background:#ecfdf3!important;color:#166534!important;}
.evpl-loader-pro-step.done::before{background:#22c55e!important;box-shadow:0 0 0 4px rgba(34,197,94,.12)!important;}
.evpl-loader-pro-step.active{background:#fff5df!important;color:#8a3a00!important;box-shadow:inset 0 0 0 1px rgba(246,181,28,.28)!important;}
.evpl-loader-pro-step.active::before{background:linear-gradient(135deg,var(--loader-red),var(--loader-gold))!important;box-shadow:0 0 0 4px rgba(246,181,28,.16)!important;}
.evpl-loader-pro-step.active::after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent)!important;transform:translateX(-100%)!important;animation:evplStepSheen 1.7s ease-in-out infinite!important;}

.evpl-loader-pro-kpis{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}
.evpl-loader-pro-kpi{padding:11px 10px!important;border-radius:15px!important;background:#fff!important;border:1px solid #e3eaf4!important;box-shadow:0 7px 16px rgba(15,23,42,.04)!important;}
.evpl-loader-pro-kpi b{display:block!important;color:#172033!important;font-size:15px!important;font-weight:950!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.evpl-loader-pro-kpi span{display:block!important;margin-top:4px!important;color:#718096!important;font-size:10.3px!important;font-weight:860!important;letter-spacing:.06em!important;text-transform:uppercase!important;}
.evpl-loader-pro-mini{display:grid!important;gap:6px!important;padding:12px!important;border-radius:16px!important;background:#f8fafc!important;border:1px solid #e4ebf5!important;}
.evpl-loader-pro-line{height:8px!important;border-radius:999px!important;background:linear-gradient(90deg,#e6edf6 0%,#f8fafc 45%,#e6edf6 100%)!important;background-size:180% 100%!important;animation:evplMiniScan 1.35s ease-in-out infinite!important;}
.evpl-loader-pro-line:nth-child(2){width:90%!important;animation-delay:.08s!important;}
.evpl-loader-pro-line:nth-child(3){width:72%!important;animation-delay:.16s!important;}
.evpl-loader-pro-line:nth-child(4){width:96%!important;animation-delay:.24s!important;}
.evpl-loader-pro-line:nth-child(5){width:64%!important;animation-delay:.32s!important;}
.evpl-loader-pro-chips{display:flex!important;flex-wrap:wrap!important;gap:6px!important;}
.evpl-loader-pro-chip{display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:25px!important;padding:0 9px!important;border-radius:999px!important;background:#fff!important;border:1px solid #e3eaf4!important;color:#475569!important;font-size:10.8px!important;font-weight:850!important;}
.evpl-loader-pro-chip::before{content:""!important;width:7px!important;height:7px!important;border-radius:999px!important;background:#22c55e!important;box-shadow:0 0 0 3px rgba(34,197,94,.12)!important;}
.evpl-loader-pro-chip.offline::before{background:#ef4444!important;box-shadow:0 0 0 3px rgba(239,68,68,.14)!important;}
.evpl-loader-pro-chip.warn::before{background:#f59e0b!important;box-shadow:0 0 0 3px rgba(245,158,11,.16)!important;}
.evpl-loader-pro-tech{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;color:#667085!important;font-size:11px!important;font-weight:760!important;line-height:1.35!important;}
.evpl-loader-pro-version{flex:0 0 auto!important;color:#172033!important;font-weight:950!important;}
.evpl-loader-pro-helper{grid-column:1 / -1!important;display:none!important;padding:12px!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;}
.evpl-loader-pro-helper.show{display:flex!important;}
.evpl-loader-pro-helper-text{min-width:0!important;color:#475569!important;font-size:12px!important;font-weight:760!important;line-height:1.38!important;}
.evpl-loader-pro-helper-text b{display:block!important;color:#172033!important;font-weight:950!important;margin-bottom:2px!important;}
.evpl-loader-pro-actions{display:flex!important;gap:7px!important;flex-wrap:wrap!important;justify-content:flex-end!important;}
.evpl-loader-pro-action{height:30px!important;border-radius:10px!important;border:1px solid #d7e0ec!important;background:#fff!important;color:#24324a!important;font-size:11px!important;font-weight:900!important;padding:0 10px!important;cursor:pointer!important;box-shadow:0 6px 14px rgba(15,23,42,.05)!important;}
.evpl-loader-pro-action.primary{background:linear-gradient(135deg,var(--loader-red),var(--loader-red-2))!important;border-color:var(--loader-red)!important;color:#fff!important;}
body.evpl-loader-closing #loader .loader-panel{animation:evplLoaderClose .30s ease both!important;}

@keyframes evplLoaderFloat{from{transform:translate3d(-3%,-2%,0) rotate(0deg) scale(1)}to{transform:translate3d(3%,2%,0) rotate(16deg) scale(1.03)}}
@keyframes evplLoaderStripe{0%,100%{background-position:0 0}50%{background-position:100% 0}}
@keyframes evplLogoReveal{0%,100%{clip-path:inset(0 0 0 0);transform:translate(-50%,-50%) scale(1)}50%{clip-path:inset(0 0 0 34%);transform:translate(-50%,-50%) scale(1.025)}}
@keyframes evplLaserSweep{0%{left:-36%;opacity:0}15%{opacity:1}76%{opacity:1}100%{left:124%;opacity:0}}
@keyframes evplBarSheen{0%{transform:translateX(-110%)}100%{transform:translateX(110%)}}
@keyframes evplStepSheen{0%{transform:translateX(-110%)}100%{transform:translateX(110%)}}
@keyframes evplMiniScan{0%{background-position:0 0}100%{background-position:180% 0}}
@keyframes evplLoaderClose{to{opacity:0;transform:translateY(12px) scale(.985)}}
@keyframes spin{to{transform:rotate(360deg)}}

@media (max-width:760px){
  #loader .loader-panel{width:min(94vw,560px)!important;border-radius:25px!important;}
  #loader .loader-brand{grid-template-columns:auto 1fr!important;padding:24px 20px 15px!important;gap:13px!important;}
  #loader .loader-brand::after,.evpl-loader-pro-badge{display:none!important;}
  #loader .laser-logo-wrap{width:62px!important;height:62px!important;border-radius:19px!important;}
  #loader .laser-logo{width:50px!important;height:50px!important;}
  #loader .loader-title{font-size:23px!important;}
  #loader .loader-bar{height:12px!important;margin:0 20px 13px!important;}
  #loader .loader-row{margin:0 20px 12px!important;padding:11px 12px!important;}
  #loader .loader-note{padding:0 20px 16px!important;}
  .evpl-loader-pro-shell{grid-template-columns:1fr!important;padding:0 20px 19px!important;gap:12px!important;}
  .evpl-loader-pro-side{display:none!important;}
  .evpl-loader-pro-meter{grid-template-columns:1fr!important;}
  .evpl-loader-pro-ring{display:none!important;}
  .evpl-loader-pro-steps{grid-template-columns:1fr!important;gap:5px!important;}
  .evpl-loader-pro-step{height:30px!important;justify-content:flex-start!important;text-align:left!important;font-size:12px!important;}
  .evpl-loader-pro-helper.show{display:block!important;}
  .evpl-loader-pro-actions{justify-content:flex-start!important;margin-top:9px!important;}
}
@media (max-height:620px){
  #loader .loader-note{display:none!important;}
  .evpl-loader-pro-side{display:none!important;}
  .evpl-loader-pro-shell{grid-template-columns:1fr!important;}
  #loader .loader-brand{padding-top:21px!important;}
  .evpl-loader-pro-meter{margin-bottom:9px!important;}
  .evpl-loader-pro-step{height:31px!important;}
}
@media (prefers-color-scheme:dark){
  #loader{background:radial-gradient(circle at 20% 12%,rgba(246,181,28,.16),transparent 26%),radial-gradient(circle at 86% 16%,rgba(188,17,26,.16),transparent 30%),linear-gradient(135deg,#080d18,#111827 48%,#0b1220)!important;}
  #loader::after{opacity:.22!important;}
  #loader .loader-panel{background:linear-gradient(180deg,rgba(17,24,39,.98),rgba(15,23,42,.96)) padding-box,linear-gradient(135deg,rgba(188,17,26,.50),rgba(246,181,28,.45),rgba(148,163,184,.22)) border-box!important;color:#f8fafc!important;}
  #loader .loader-brand::after,.evpl-loader-pro-main,.evpl-loader-pro-side,.evpl-loader-pro-helper,.evpl-loader-pro-kpi,.evpl-loader-pro-chip{background:rgba(15,23,42,.82)!important;border-color:rgba(148,163,184,.22)!important;}
  #loader .loader-row{background:rgba(127,29,29,.22)!important;border-color:rgba(246,181,28,.20)!important;}
  #loader .loader-title,#loader .loader-text,.evpl-loader-pro-kpi b,.evpl-loader-pro-current b,.evpl-loader-pro-ring strong,.evpl-loader-pro-version,.evpl-loader-pro-helper-text b{color:#f8fafc!important;}
  #loader .loader-subtitle,#loader .loader-note,.evpl-loader-pro-label,.evpl-loader-pro-tech,.evpl-loader-pro-helper-text,.evpl-loader-pro-current span{color:#cbd5e1!important;}
  #loader .loader-bar{background:rgba(148,163,184,.22)!important;}
  .evpl-loader-pro-ring::before{background:#111827!important;}
  .evpl-loader-pro-step{background:rgba(30,41,59,.85)!important;color:#cbd5e1!important;}
  .evpl-loader-pro-step.active{background:rgba(127,29,29,.34)!important;color:#fff7ed!important;}
  .evpl-loader-pro-step.done{background:rgba(20,83,45,.28)!important;color:#bbf7d0!important;}
}
@media (prefers-reduced-motion:reduce){
  #loader::before,#loader .loader-panel::before,#loader .laser-logo.reveal,#loader .laser-scan,#loader .loader-bar::before,#loader .spinner,.evpl-loader-pro-step.active::after,.evpl-loader-pro-line{animation:none!important;}
  #loader .loader-bar-fill{transition:none!important;}
}


/* ===== evpl-filter-engine-pro20.css ===== */
/* EVPL PRO.26 - acabamento visual dos filtros corrigidos */
body.evpl-pro20-filters .filter-group.active::after{
  content:"Motor de filtros PRO.26 ativo";
  display:inline-flex;
  align-items:center;
  margin:4px 0 0 2px;
  padding:5px 9px;
  border-radius:999px;
  background:#ecfdf5;
  color:#047857;
  border:1px solid #bbf7d0;
  font-size:10.5px;
  font-weight:900;
  letter-spacing:.02em;
}
body.evpl-pro20-filters .filters select:focus,
body.evpl-pro20-filters .filters input:focus{
  outline:none!important;
  box-shadow:0 0 0 4px rgba(197,18,28,.12)!important;
}
body.evpl-pro20-filters .ms332-row input[type="checkbox"]:checked + span{
  font-weight:950!important;
}


/* ===== evpl-pro20-ux.css ===== */
/* EVPL PRO.26 - Layout Premium Compacto e profissional
   Corrige excesso de espaço, filtros altos e barra de gestão invasiva. */
:root{
  --evpl16-bg:#f5f7fb;
  --evpl16-ink:#162033;
  --evpl16-muted:#667085;
  --evpl16-line:#dbe3ef;
  --evpl16-line2:#edf1f7;
  --evpl16-red:#c5121c;
  --evpl16-red2:#ef4444;
  --evpl16-gold:#f6b51c;
  --evpl16-navy:#172033;
  --evpl16-navy2:#101828;
  --evpl16-shadow:0 14px 36px rgba(15,23,42,.08);
  --evpl16-shadow-sm:0 7px 18px rgba(15,23,42,.055);
  --evpl16-used:315px;
}
html,body{background:var(--evpl16-bg)!important;color:var(--evpl16-ink)!important;}
body.evpl-pro.evpl-pro20-ui{overflow:auto!important;}

/* Cabeçalho mais executivo e menos alto */
body.evpl-pro.evpl-pro20-ui .app-header{
  min-height:64px!important;
  padding:10px 16px!important;
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) auto!important;
  gap:14px!important;
  align-items:center!important;
  background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
  color:var(--evpl16-ink)!important;
  border-bottom:1px solid var(--evpl16-line)!important;
  box-shadow:0 8px 26px rgba(15,23,42,.055)!important;
}
body.evpl-pro.evpl-pro20-ui .app-header .left{gap:10px!important;align-items:center!important;}
body.evpl-pro.evpl-pro20-ui .app-header .logo{width:42px!important;height:42px!important;border-radius:14px!important;box-shadow:0 8px 18px rgba(15,23,42,.10)!important;}
body.evpl-pro.evpl-pro20-ui .app-header .title h1{font-size:18px!important;line-height:1.05!important;letter-spacing:-.03em!important;color:var(--evpl16-ink)!important;margin:0!important;}
body.evpl-pro.evpl-pro20-ui .app-header small,
body.evpl-pro.evpl-pro20-ui .app-header .muted{color:#667085!important;font-size:11px!important;font-weight:750!important;}
body.evpl-pro.evpl-pro20-ui .right.top-meta{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:6px!important;border-left:1px solid #e4eaf2!important;padding-left:16px!important;}
body.evpl-pro.evpl-pro20-ui .top-meta small{font-size:10.5px!important;color:#53637a!important;font-weight:850!important;white-space:nowrap!important;}
body.evpl-pro.evpl-pro20-ui .btns{display:flex!important;gap:6px!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important;}
body.evpl-pro.evpl-pro20-ui button,
body.evpl-pro.evpl-pro20-ui .btn,
body.evpl-pro.evpl-pro20-ui .apply-btn{
  height:32px!important;min-height:32px!important;min-width:0!important;
  padding:0 12px!important;border-radius:11px!important;
  font-size:11px!important;font-weight:920!important;letter-spacing:-.01em!important;
  box-shadow:none!important;line-height:1!important;white-space:nowrap!important;
}
body.evpl-pro.evpl-pro20-ui .apply-btn{background:linear-gradient(180deg,var(--evpl16-red2),var(--evpl16-red))!important;color:#fff!important;border-color:var(--evpl16-red)!important;}
body.evpl-pro.evpl-pro20-ui .btn:not(.ghost){background:var(--evpl16-navy)!important;color:#fff!important;border-color:var(--evpl16-navy)!important;}
body.evpl-pro.evpl-pro20-ui .btn.ghost{background:#fff!important;color:#26354d!important;border-color:var(--evpl16-line)!important;}
body.evpl-pro.evpl-pro20-ui button:hover,
body.evpl-pro.evpl-pro20-ui .btn:hover,
body.evpl-pro.evpl-pro20-ui .apply-btn:hover{transform:translateY(-1px)!important;box-shadow:0 8px 18px rgba(15,23,42,.12)!important;}

/* Abas compactas */
body.evpl-pro.evpl-pro20-ui .tabs{
  position:relative!important;top:auto!important;z-index:30!important;
  min-height:44px!important;padding:7px 10px!important;gap:6px!important;
  background:linear-gradient(180deg,#172033,#111827)!important;border:0!important;border-radius:0 0 12px 12px!important;
  box-shadow:0 10px 24px rgba(15,23,42,.12)!important;
}
body.evpl-pro.evpl-pro20-ui .tab{
  height:30px!important;min-height:30px!important;border-radius:10px!important;padding:0 12px!important;
  background:rgba(255,255,255,.06)!important;color:#dbeafe!important;border:1px solid rgba(255,255,255,.12)!important;
  font-size:11px!important;font-weight:900!important;
}
body.evpl-pro.evpl-pro20-ui .tab.active{
  background:#fff!important;color:#101828!important;border-color:#fff!important;
  box-shadow:0 8px 18px rgba(0,0,0,.18)!important;
}
body.evpl-pro.evpl-pro20-ui .tab.active::after{
  content:"";position:absolute;left:18px;right:18px;bottom:-7px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--evpl16-red),var(--evpl16-gold));
}

/* Painel gerencial enxuto */
body.evpl-pro.evpl-pro20-ui #evplProDashboard{
  margin:10px 16px 8px!important;
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;
}
body.evpl-pro.evpl-pro20-ui .pro-card{
  min-height:56px!important;padding:10px 12px!important;border-radius:16px!important;
  background:#fff!important;border:1px solid var(--evpl16-line)!important;box-shadow:var(--evpl16-shadow-sm)!important;overflow:hidden!important;
}
body.evpl-pro.evpl-pro20-ui .pro-card::after{width:42px!important;height:42px!important;right:-16px!important;top:-18px!important;opacity:.16!important;}
body.evpl-pro.evpl-pro20-ui .pro-label{font-size:9.5px!important;letter-spacing:.08em!important;margin-bottom:4px!important;color:#667085!important;}
body.evpl-pro.evpl-pro20-ui .pro-value{font-size:17px!important;line-height:1.05!important;color:#172033!important;}
body.evpl-pro.evpl-pro20-ui .pro-note{font-size:10.5px!important;margin-top:3px!important;color:#667085!important;}

/* Cabeçalho dos filtros */
body.evpl-pro.evpl-pro20-ui #evplProFilterHead{
  margin:8px 16px 0!important;
  min-height:40px!important;padding:6px 8px 6px 12px!important;
  border:1px solid var(--evpl16-line)!important;border-radius:14px 14px 0 0!important;
  background:#fff!important;box-shadow:var(--evpl16-shadow-sm)!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
}
body.evpl-pro.evpl-pro20-ui .pro-filter-title{font-size:12px!important;font-weight:950!important;color:#172033!important;gap:8px!important;min-width:0!important;}
body.evpl-pro.evpl-pro20-ui .pro-filter-title .dot{width:7px!important;height:7px!important;box-shadow:0 0 0 4px rgba(197,18,28,.11)!important;}
body.evpl-pro.evpl-pro20-ui .pro-filter-actions{display:flex!important;gap:6px!important;align-items:center!important;flex-wrap:wrap!important;justify-content:flex-end!important;}
body.evpl-pro.evpl-pro20-ui .pro-filter-count,
body.evpl-pro.evpl-pro20-ui .pro-mini-btn{
  height:28px!important;min-height:28px!important;border-radius:999px!important;padding:0 10px!important;font-size:10.5px!important;font-weight:900!important;
  background:#f8fafc!important;color:#344054!important;border:1px solid var(--evpl16-line)!important;box-shadow:none!important;
}

/* Pager movido para a barra do filtro */
body.evpl-pro.evpl-pro20-ui #evplPro16PagerControls{display:flex!important;align-items:center!important;gap:6px!important;}
body.evpl-pro.evpl-pro20-ui #evplPro16PagerControls .field.tiny{display:flex!important;flex-direction:row!important;align-items:center!important;gap:5px!important;width:auto!important;min-width:0!important;margin:0!important;}
body.evpl-pro.evpl-pro20-ui #evplPro16PagerControls .field.tiny>label{display:none!important;}
body.evpl-pro.evpl-pro20-ui #evplPro16PagerControls .pager{height:28px!important;display:grid!important;grid-template-columns:28px auto 28px!important;gap:4px!important;align-items:center!important;background:#f8fafc!important;border:1px solid var(--evpl16-line)!important;border-radius:999px!important;padding:2px!important;}
body.evpl-pro.evpl-pro20-ui #evplPro16PagerControls .pager .btn{height:24px!important;min-height:24px!important;width:24px!important;border-radius:999px!important;padding:0!important;background:#fff!important;color:#172033!important;}
body.evpl-pro.evpl-pro20-ui #evplPro16PagerControls #pageLabel{min-width:36px!important;text-align:center!important;font-size:10.5px!important;font-weight:950!important;color:#172033!important;}
body.evpl-pro.evpl-pro20-ui #evplPro16PagerControls #pageSize{width:72px!important;height:28px!important;min-height:28px!important;border-radius:999px!important;font-size:10.5px!important;background:#fff!important;}

/* Filtros: sem espaço vazio e sem bloco gigante */
body.evpl-pro.evpl-pro20-ui .filters{
  position:relative!important;top:auto!important;z-index:50!important;
  display:block!important;margin:0 16px 8px!important;padding:10px!important;
  height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;
  background:#fff!important;border:1px solid var(--evpl16-line)!important;border-top:0!important;border-radius:0 0 14px 14px!important;
  box-shadow:0 11px 26px rgba(15,23,42,.055)!important;
}
body.evpl-pro.evpl-pro20-ui .filters > .field.tiny{display:none!important;}
body.evpl-pro.evpl-pro20-ui .filter-group{display:none!important;min-height:0!important;margin:0!important;padding:0!important;}
body.evpl-pro.evpl-pro20-ui .filter-group.active{
  display:grid!important;
  grid-template-columns:minmax(230px,1.55fr) repeat(auto-fit,minmax(140px,1fr))!important;
  gap:8px!important;align-items:end!important;
  min-height:0!important;height:auto!important;padding:0!important;margin:0!important;
}
body.evpl-pro.evpl-pro20-ui .filter-group.active::after{display:none!important;content:none!important;}
body.evpl-pro.evpl-pro20-ui .filter-group.active .field{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important;margin:0!important;}
body.evpl-pro.evpl-pro20-ui .filter-group.active .field.wide{grid-column:span 2!important;min-width:220px!important;}
body.evpl-pro.evpl-pro20-ui .filter-group.active .filter-chips{
  grid-column:1 / -1!important;display:flex!important;gap:5px!important;flex-wrap:wrap!important;align-items:center!important;
  min-height:0!important;margin:0!important;padding:0!important;
}
body.evpl-pro.evpl-pro20-ui .filter-chips.chips-empty,
body.evpl-pro.evpl-pro20-ui .filter-chip-empty{display:none!important;}
body.evpl-pro.evpl-pro20-ui .field > label{
  color:#5f6f87!important;font-size:9px!important;font-weight:950!important;letter-spacing:.08em!important;text-transform:uppercase!important;line-height:1!important;margin:0!important;
}
body.evpl-pro.evpl-pro20-ui .field.has-value > label::before{display:none!important;content:none!important;}
body.evpl-pro.evpl-pro20-ui .field.has-value > label{color:var(--evpl16-red)!important;}
body.evpl-pro.evpl-pro20-ui .field input,
body.evpl-pro.evpl-pro20-ui .field select,
body.evpl-pro.evpl-pro20-ui .field .ms332-head{
  height:34px!important;min-height:34px!important;border-radius:11px!important;border:1px solid #d4deeb!important;background:#fff!important;color:#172033!important;
  padding:0 10px!important;font-size:11px!important;font-weight:850!important;box-shadow:none!important;
}
body.evpl-pro.evpl-pro20-ui .field input:focus,
body.evpl-pro.evpl-pro20-ui .field select:focus,
body.evpl-pro.evpl-pro20-ui .field .ms332-head:focus{
  border-color:rgba(197,18,28,.55)!important;box-shadow:0 0 0 3px rgba(197,18,28,.11)!important;
}
body.evpl-pro.evpl-pro20-ui .field.evpl-bf-field label::before{display:none!important;content:none!important;}
body.evpl-pro.evpl-pro20-ui .field.evpl-bf-field select{background:linear-gradient(180deg,#fff,#fffaf4)!important;border-color:#efc99d!important;color:#7c2d12!important;}

/* Multiselect menus mais limpos */
body.evpl-pro.evpl-pro20-ui .ms332{position:relative!important;min-width:0!important;}
body.evpl-pro.evpl-pro20-ui .ms332-chip{height:22px!important;max-width:110px!important;font-size:10px!important;padding:0 6px!important;}
body.evpl-pro.evpl-pro20-ui .ms332-menu{
  z-index:9999!important;min-width:min(320px,86vw)!important;max-height:min(330px,64vh)!important;border-radius:14px!important;
  border:1px solid var(--evpl16-line)!important;box-shadow:0 20px 64px rgba(15,23,42,.20)!important;
}
body.evpl-pro.evpl-pro20-ui .ms332-row{min-height:29px!important;height:29px!important;padding:5px 7px!important;font-size:11px!important;line-height:1!important;}
body.evpl-pro.evpl-pro20-ui .ms332-row input[type="checkbox"]{width:14px!important;height:14px!important;min-height:14px!important;flex:0 0 14px!important;accent-color:var(--evpl16-red)!important;}
body.evpl-pro.evpl-pro20-ui .ms332-actions{padding-top:7px!important;gap:6px!important;}
body.evpl-pro.evpl-pro20-ui .ms332-actions button{height:28px!important;min-height:28px!important;font-size:10.5px!important;}

/* Conteúdo e tabela usando mais tela */
body.evpl-pro.evpl-pro20-ui main{padding:0 16px 54px!important;}
body.evpl-pro.evpl-pro20-ui .empty{margin:8px 0!important;padding:11px 14px!important;border-radius:14px!important;background:#fff!important;border:1px dashed #cbd6e4!important;color:#667085!important;box-shadow:none!important;}
body.evpl-pro.evpl-pro20-ui .kpi-bar{gap:8px!important;margin:0 0 8px!important;padding:0!important;}
body.evpl-pro.evpl-pro20-ui .kpi,
body.evpl-pro.evpl-pro20-ui .kpi-card,
body.evpl-pro.evpl-pro20-ui .kpi-item{padding:9px 10px!important;border-radius:14px!important;box-shadow:var(--evpl16-shadow-sm)!important;}
body.evpl-pro.evpl-pro20-ui .table-wrap,
body.evpl-pro.evpl-pro20-ui .cards-wrap{
  height:calc(100dvh - var(--evpl16-used, 315px))!important;
  min-height:380px!important;max-height:none!important;
  margin:0!important;border-radius:14px!important;border:1px solid var(--evpl16-line)!important;background:#fff!important;
  box-shadow:var(--evpl16-shadow)!important;overflow:auto!important;
}
body.evpl-pro.evpl-pro20-ui table{font-size:11.5px!important;}
body.evpl-pro.evpl-pro20-ui thead th,
body.evpl-pro.evpl-pro20-ui th{padding:7px 9px!important;font-size:9.6px!important;background:linear-gradient(180deg,#1a2639,#111827)!important;color:#fff!important;}
body.evpl-pro.evpl-pro20-ui tbody td{padding:6px 8px!important;font-size:11px!important;border-color:#e8edf5!important;}
body.evpl-pro.evpl-pro20-ui tbody tr:nth-child(odd) td{background:#fbfcfe!important;}
body.evpl-pro.evpl-pro20-ui tbody tr:nth-child(even) td{background:#fff!important;}
body.evpl-pro.evpl-pro20-ui tbody tr:hover td{background:#fff8de!important;}
body.evpl-pro.evpl-pro20-ui tfoot td{padding:7px 8px!important;background:#f7f9fc!important;color:#101828!important;border-top:1px solid var(--evpl16-line)!important;}
body.evpl-pro.evpl-pro20-ui td:nth-child(2){min-width:280px!important;max-width:520px!important;}

/* Gestão PRO discreta, não ocupa a largura toda */
body.evpl-pro.evpl-pro20-ui #evplProDrawerBtn{
  left:auto!important;right:16px!important;bottom:14px!important;width:auto!important;min-width:126px!important;max-width:180px!important;
  height:36px!important;min-height:36px!important;padding:0 14px!important;border-radius:999px!important;
  background:linear-gradient(180deg,#172033,#101828)!important;color:#fff!important;font-size:11px!important;font-weight:950!important;
  box-shadow:0 12px 28px rgba(16,24,40,.24)!important;border:1px solid rgba(255,255,255,.12)!important;
}
body.evpl-pro.evpl-pro20-ui #evplProDrawer{left:auto!important;right:16px!important;bottom:58px!important;width:min(390px,calc(100vw - 32px))!important;border-radius:16px!important;}
body.evpl-pro.evpl-pro20-ui #pagerBottom{right:156px!important;bottom:14px!important;height:36px!important;padding:4px!important;}
body.evpl-pro.evpl-pro20-ui #scrollTop,
body.evpl-pro.evpl-pro20-ui .scroll-top,
body.evpl-pro.evpl-pro20-ui #btnTop{right:16px!important;bottom:58px!important;width:36px!important;height:36px!important;min-height:36px!important;}
body.evpl-pro.evpl-pro20-ui #evplPro14Panel{bottom:58px!important;}

@media(max-width:1280px){
  body.evpl-pro.evpl-pro20-ui #evplProDashboard{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.evpl-pro.evpl-pro20-ui .filter-group.active{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;}
  body.evpl-pro.evpl-pro20-ui .filter-group.active .field.wide{grid-column:1/-1!important;}
}
@media(max-width:760px){
  body.evpl-pro.evpl-pro20-ui .app-header{grid-template-columns:1fr!important;padding:10px!important;}
  body.evpl-pro.evpl-pro20-ui .right.top-meta{align-items:stretch!important;border-left:0!important;padding-left:0!important;}
  body.evpl-pro.evpl-pro20-ui .top-meta small{white-space:normal!important;}
  body.evpl-pro.evpl-pro20-ui .btns{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.evpl-pro.evpl-pro20-ui #evplProDashboard{grid-template-columns:1fr!important;margin:8px!important;}
  body.evpl-pro.evpl-pro20-ui #evplProFilterHead{margin:8px 8px 0!important;align-items:flex-start!important;flex-direction:column!important;}
  body.evpl-pro.evpl-pro20-ui .filters{margin:0 8px 8px!important;}
  body.evpl-pro.evpl-pro20-ui .filter-group.active{grid-template-columns:1fr!important;}
  body.evpl-pro.evpl-pro20-ui .filter-group.active .field.wide{grid-column:1/-1!important;min-width:0!important;}
  body.evpl-pro.evpl-pro20-ui main{padding:0 8px 56px!important;}
  body.evpl-pro.evpl-pro20-ui .table-wrap{min-height:360px!important;}
  body.evpl-pro.evpl-pro20-ui #evplPro16PagerControls{width:100%!important;justify-content:space-between!important;}
}
@media print{
  body.evpl-pro.evpl-pro20-ui #evplProDashboard,
  body.evpl-pro.evpl-pro20-ui #evplProFilterHead,
  body.evpl-pro.evpl-pro20-ui .filters,
  body.evpl-pro.evpl-pro20-ui #evplProDrawerBtn,
  body.evpl-pro.evpl-pro20-ui #evplProDrawer{display:none!important;}
  body.evpl-pro.evpl-pro20-ui .table-wrap{height:auto!important;overflow:visible!important;box-shadow:none!important;}
}


/* ===== evpl-apply-fix-pro20.css ===== */
/* EVPL PRO.26 - feedback de aplicar */
body.evpl-pro20-apply #btnApply{position:relative;}
body.evpl-pro20-apply #btnApply::after{content:"";position:absolute;inset:-3px;border-radius:14px;border:1px solid rgba(197,18,28,.20);pointer-events:none;}
body.evpl-pro20-apply .ms332-actions .btn.apply{background:#101b31!important;color:#fff!important;border-color:#101b31!important;}


/* ===== evpl-pro20-final.css ===== */
/* PRO.26 final polish */
.ms332:not(.open) .ms332-menu{display:none!important}
.ms332.open .ms332-menu{display:block!important}
.ms332-menu{z-index:60}


/* ===== evpl-pro20-hotfix.css ===== */
/* EVPL PRO.26 - correção final de filtros e layout compacto */
body.evpl-pro.evpl-pro20{overflow:auto!important;background:#f4f6fb!important;}
body.evpl-pro.evpl-pro20 #evplProDashboard{margin:8px 16px 6px!important;gap:8px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;}
body.evpl-pro.evpl-pro20 #evplProFilterHead{margin:8px 16px 0!important;min-height:38px!important;padding:5px 8px 5px 12px!important;border-radius:14px 14px 0 0!important;}
body.evpl-pro.evpl-pro20 .filters{position:relative!important;top:auto!important;z-index:60!important;display:block!important;margin:0 16px 8px!important;padding:8px!important;min-height:0!important;height:auto!important;max-height:none!important;overflow:visible!important;background:#fff!important;border:1px solid #dbe3ef!important;border-top:0!important;border-radius:0 0 14px 14px!important;box-shadow:0 8px 20px rgba(15,23,42,.055)!important;}
body.evpl-pro.evpl-pro20 .filter-group{display:none!important;margin:0!important;padding:0!important;min-height:0!important;height:auto!important;}
body.evpl-pro.evpl-pro20 .filter-group.active{display:grid!important;grid-template-columns:minmax(240px,1.5fr) 128px repeat(6,minmax(128px,1fr))!important;grid-auto-rows:min-content!important;gap:7px!important;align-items:end!important;align-content:start!important;margin:0!important;padding:0!important;min-height:0!important;height:auto!important;}
body.evpl-pro.evpl-pro20 .filter-group.active::before,body.evpl-pro.evpl-pro20 .filter-group.active::after,body.evpl-pro.evpl-pro20 .filters::before,body.evpl-pro.evpl-pro20 .filters::after{display:none!important;content:none!important;}
body.evpl-pro.evpl-pro20 .filter-group.active .field{display:flex!important;flex-direction:column!important;justify-content:flex-end!important;gap:3px!important;margin:0!important;padding:0!important;min-height:0!important;height:auto!important;}
body.evpl-pro.evpl-pro20 .filter-group.active .field.wide{grid-column:auto!important;min-width:0!important;}
body.evpl-pro.evpl-pro20 .filter-group.active label{font-size:9.2px!important;line-height:1!important;margin:0!important;letter-spacing:.075em!important;color:#52637a!important;font-weight:950!important;}
body.evpl-pro.evpl-pro20 .filter-group.active input[type="search"],body.evpl-pro.evpl-pro20 .filter-group.active select,body.evpl-pro.evpl-pro20 .filter-group.active .ms332-head{height:33px!important;min-height:33px!important;max-height:33px!important;border-radius:10px!important;padding:0 10px!important;font-size:11px!important;line-height:33px!important;background:#fff!important;box-shadow:none!important;}
body.evpl-pro.evpl-pro20 .filter-group.active .filter-chips{grid-column:1 / -1!important;display:flex!important;flex-wrap:wrap!important;gap:5px!important;min-height:0!important;max-height:28px!important;overflow:auto!important;padding-top:2px!important;margin:0!important;}
body.evpl-pro.evpl-pro20 .filter-chip{height:23px!important;min-height:23px!important;padding:0 8px!important;border-radius:999px!important;font-size:10px!important;}
body.evpl-pro.evpl-pro20 .filter-chip-empty,body.evpl-pro.evpl-pro20 .filter-chips.chips-empty{display:none!important;}
body.evpl-pro.evpl-pro20 .filters>.field.tiny{display:none!important;}
body.evpl-pro.evpl-pro20 #evplPro16PagerControls{display:flex!important;align-items:center!important;gap:6px!important;margin-left:6px!important;}
body.evpl-pro.evpl-pro20 #evplPro16PagerControls .field.tiny{display:flex!important;flex-direction:row!important;align-items:center!important;margin:0!important;padding:0!important;width:auto!important;min-width:0!important;}
body.evpl-pro.evpl-pro20 #evplPro16PagerControls .field.tiny label{display:none!important;}
body.evpl-pro.evpl-pro20 #evplPro16PagerControls .pager{height:28px!important;display:grid!important;grid-template-columns:26px 42px 26px!important;align-items:center!important;gap:2px!important;padding:2px!important;border-radius:999px!important;background:#f8fafc!important;border:1px solid #dbe3ef!important;}
body.evpl-pro.evpl-pro20 #evplPro16PagerControls .pager button{width:24px!important;height:24px!important;min-height:24px!important;padding:0!important;border-radius:999px!important;}
body.evpl-pro.evpl-pro20 #evplPro16PagerControls #pageSize{height:28px!important;width:72px!important;min-height:28px!important;border-radius:999px!important;font-size:10.5px!important;}
body.evpl-pro.evpl-pro20 main{margin:0 16px 14px!important;padding:0 0 52px!important;}
body.evpl-pro.evpl-pro20 .empty{margin:6px 0 8px!important;padding:10px 14px!important;min-height:0!important;border-radius:14px!important;background:#fff!important;}
body.evpl-pro.evpl-pro20 .table-wrap.tall,body.evpl-pro.evpl-pro20 .cards-wrap.tall,body.evpl-pro.evpl-pro20 .table-wrap{height:calc(100dvh - 328px)!important;min-height:380px!important;margin:0!important;border-radius:14px!important;border:1px solid #dbe3ef!important;overflow:auto!important;background:#fff!important;box-shadow:0 10px 24px rgba(15,23,42,.055)!important;}
body.evpl-pro.evpl-pro20 .ms332-menu{z-index:10030!important;width:min(320px,calc(100vw - 28px))!important;max-height:min(340px,62vh)!important;overflow:auto!important;padding:8px!important;border-radius:14px!important;box-shadow:0 24px 70px rgba(15,23,42,.20)!important;}
body.evpl-pro.evpl-pro20 .ms332-search-wrap{position:sticky!important;top:0!important;z-index:4!important;background:#fff!important;padding-bottom:6px!important;}
body.evpl-pro.evpl-pro20 .ms332-search{height:32px!important;min-height:32px!important;border-radius:10px!important;font-size:11px!important;color:#172033!important;background:#fff!important;border:1px solid #dbe3ef!important;}
body.evpl-pro.evpl-pro20 .ms332-row{height:28px!important;min-height:28px!important;grid-template-columns:18px minmax(0,1fr)!important;padding:0 7px!important;}
body.evpl-pro.evpl-pro20 .ms332-row.evpl-hidden-by-search{display:none!important;}
body.evpl-pro.evpl-pro20 .ms332-row span{line-height:28px!important;font-size:11px!important;}
body.evpl-pro.evpl-pro20 .ms332-empty-search{display:none!important;padding:12px 8px;color:#667085;font-size:11px;font-weight:800;text-align:center;border:1px dashed #dbe3ef;border-radius:10px;margin:6px 0;background:#f8fafc;}
body.evpl-pro.evpl-pro20 .ms332-empty-search.show{display:block!important;}
body.evpl-pro.evpl-pro20 #evplProDrawerBtn{left:auto!important;right:16px!important;bottom:14px!important;width:auto!important;min-width:122px!important;max-width:150px!important;height:36px!important;min-height:36px!important;padding:0 14px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;background:linear-gradient(180deg,#172033,#101828)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;font-size:11px!important;font-weight:950!important;box-shadow:0 14px 30px rgba(15,23,42,.24)!important;}
body.evpl-pro.evpl-pro20 #pagerBottom{right:154px!important;bottom:14px!important;height:36px!important;}
@media(max-width:1280px){body.evpl-pro.evpl-pro20 #evplProDashboard{grid-template-columns:repeat(2,minmax(0,1fr))!important;}body.evpl-pro.evpl-pro20 .filter-group.active{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;}body.evpl-pro.evpl-pro20 .filter-group.active .field.wide{grid-column:1/-1!important;}body.evpl-pro.evpl-pro20 .table-wrap.tall,body.evpl-pro.evpl-pro20 .table-wrap{height:calc(100dvh - 380px)!important;}}
@media(max-width:760px){body.evpl-pro.evpl-pro20 .filter-group.active{grid-template-columns:1fr 1fr!important;}body.evpl-pro.evpl-pro20 #evplProDashboard{grid-template-columns:1fr!important;}body.evpl-pro.evpl-pro20 .table-wrap.tall,body.evpl-pro.evpl-pro20 .table-wrap{height:calc(100dvh - 430px)!important;}}


/* ===== evpl-pro20-pente-fino.css ===== */
/* EVPL PRO.26 - Pente fino final: filtros estáveis, sem loading no aplicar */
:root{
  --p20-ink:#142033;
  --p20-muted:#667085;
  --p20-line:#d9e2ef;
  --p20-soft:#f6f8fc;
  --p20-red:#c5121c;
  --p20-navy:#111b2d;
  --p20-green:#059669;
}
body.evpl-pro20-final{
  background:#f3f6fb!important;
  color:var(--p20-ink)!important;
}
body.evpl-pro20-final .app-header{
  min-height:62px!important;
  padding:8px 18px!important;
  border-bottom:1px solid var(--p20-line)!important;
}
body.evpl-pro20-final .app-header .logo{width:42px!important;height:42px!important;}
body.evpl-pro20-final .app-header h1{font-size:18px!important;line-height:1.05!important;}
body.evpl-pro20-final .top-meta small{font-size:11px!important;color:#475467!important;font-weight:850!important;}
body.evpl-pro20-final .btns{gap:8px!important;align-items:center!important;}
body.evpl-pro20-final .btn,
body.evpl-pro20-final .apply-btn,
body.evpl-pro20-final button{
  min-height:32px!important;
  border-radius:10px!important;
  padding:0 13px!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
}
body.evpl-pro20-final #btnApply{
  background:linear-gradient(180deg,#df1f2a,#b70f19)!important;
  box-shadow:0 8px 20px rgba(197,18,28,.20)!important;
}
body.evpl-pro20-final #btnApply.is-filtering{
  opacity:.76!important;
  pointer-events:none!important;
}
body.evpl-pro20-final .tabs{
  min-height:48px!important;
  padding:7px 10px!important;
  gap:8px!important;
}
body.evpl-pro20-final .tab{
  min-height:32px!important;
  padding:0 14px!important;
  border-radius:10px!important;
}
body.evpl-pro20-final .pro-dashboard,
body.evpl-pro20-final .evpl-pro-dashboard,
body.evpl-pro20-final [class*="pro-card"]{
  margin-top:8px!important;
}
body.evpl-pro20-final #filters,
body.evpl-pro20-final .filters{
  position:relative!important;
  display:block!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:8px 14px!important;
  padding:0!important;
  border:1px solid var(--p20-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 12px 34px rgba(16,24,40,.06)!important;
  overflow:visible!important;
}
body.evpl-pro20-final .filter-group{
  display:none!important;
  grid-template-columns:minmax(240px,1.45fr) repeat(7,minmax(126px,.72fr))!important;
  gap:8px!important;
  align-items:end!important;
  padding:12px 12px 10px!important;
  height:auto!important;
  min-height:0!important;
  max-height:112px!important;
  overflow:visible!important;
}
body.evpl-pro20-final .filter-group.active{display:grid!important;}
body.evpl-pro20-final .filter-group::after{display:none!important;content:none!important;}
body.evpl-pro20-final .field{min-width:0!important;margin:0!important;}
body.evpl-pro20-final .field.wide{grid-column:auto!important;}
body.evpl-pro20-final .field label{
  font-size:10px!important;
  letter-spacing:.055em!important;
  color:#53637a!important;
  margin:0 0 5px!important;
  font-weight:950!important;
}
body.evpl-pro20-final .field input,
body.evpl-pro20-final .field select,
body.evpl-pro20-final .ms332-head{
  height:36px!important;
  min-height:36px!important;
  border-radius:10px!important;
  border:1px solid #ced8e8!important;
  background:#fff!important;
  color:#172033!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:780!important;
}
body.evpl-pro20-final .field input::placeholder{color:#98a2b3!important;font-weight:700!important;}
body.evpl-pro20-final .filter-chips{
  grid-column:1/-1!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  min-height:22px!important;
  margin-top:2px!important;
  overflow:hidden!important;
}
body.evpl-pro20-final .filter-chip,
body.evpl-pro20-final .ms332-chip{
  min-height:24px!important;
  border-radius:999px!important;
  padding:0 8px!important;
  font-size:11px!important;
}
body.evpl-pro20-final .filter-chip-empty{display:none!important;}
body.evpl-pro20-final .field.tiny,
body.evpl-pro20-final #filters>.field.tiny{
  position:absolute!important;
  right:12px!important;
  top:-43px!important;
  z-index:20!important;
  width:auto!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}
body.evpl-pro20-final #filters>.field.tiny + .field.tiny{right:142px!important;}
body.evpl-pro20-final .field.tiny label{display:none!important;}
body.evpl-pro20-final .pager{display:flex!important;align-items:center!important;gap:6px!important;}
body.evpl-pro20-final #pageSize{width:74px!important;height:32px!important;}
body.evpl-pro20-final #pageLabel{min-width:42px!important;text-align:center!important;font-weight:950!important;color:#152033!important;}
body.evpl-pro20-final .ms332{
  position:relative!important;
  width:100%!important;
}
body.evpl-pro20-final .ms332-menu,
body.evpl-pro20-final .ms332.open .ms332-menu{
  width:min(320px,calc(100vw - 28px))!important;
  max-height:330px!important;
  border-radius:14px!important;
  border:1px solid #d6e0ed!important;
  box-shadow:0 22px 70px rgba(16,24,40,.22)!important;
  overflow:auto!important;
  z-index:99999!important;
}
body.evpl-pro20-final .ms332-search{
  height:34px!important;
  min-height:34px!important;
  margin:8px!important;
  width:calc(100% - 16px)!important;
  border-radius:10px!important;
  border:1px solid #dae3ef!important;
  padding:0 10px!important;
  color:#152033!important;
  background:#fff!important;
}
body.evpl-pro20-final .ms332-row{
  display:grid!important;
  grid-template-columns:20px 1fr!important;
  align-items:center!important;
  gap:8px!important;
  min-height:30px!important;
  padding:5px 9px!important;
  margin:0 8px 3px!important;
  border-radius:9px!important;
  color:#152033!important;
  background:transparent!important;
}
body.evpl-pro20-final .ms332-row:hover{background:#f4f7fb!important;}
body.evpl-pro20-final .ms332-row input[type="checkbox"]{width:15px!important;height:15px!important;min-height:15px!important;accent-color:var(--p20-red)!important;}
body.evpl-pro20-final .ms332-row span{font-size:12px!important;font-weight:850!important;color:#b5121c!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
body.evpl-pro20-final .ms332-row.evpl-pro20-hidden{display:none!important;}
body.evpl-pro20-final .ms332-actions,
body.evpl-pro20-final .ms332 .actions{
  position:sticky!important;
  bottom:0!important;
  background:#fff!important;
  border-top:1px solid #e5ebf3!important;
  padding:8px!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:8px!important;
}
body.evpl-pro20-final main{
  margin:0 14px 12px!important;
}
body.evpl-pro20-final .table-wrap,
body.evpl-pro20-final .cards-wrap{
  height:calc(100vh - 300px)!important;
  min-height:430px!important;
  border:1px solid var(--p20-line)!important;
  border-radius:14px!important;
  overflow:auto!important;
  background:#fff!important;
}
body.evpl-pro20-final table th{
  background:#111b2d!important;
  color:#fff!important;
  height:34px!important;
  font-size:11px!important;
  letter-spacing:.04em!important;
}
body.evpl-pro20-final table td{
  height:28px!important;
  padding:5px 8px!important;
  font-size:12px!important;
}
body.evpl-pro20-final #emptyMsg{
  margin:8px 14px!important;
  padding:12px 14px!important;
  border-radius:14px!important;
  font-size:13px!important;
}
body.evpl-pro20-final .evpl-pro-toolbar,
body.evpl-pro20-final .evpl-pro-fab,
body.evpl-pro20-final #proManager,
body.evpl-pro20-final .pro-manager,
body.evpl-pro20-final [class*="Gestao"],
body.evpl-pro20-final [class*="gestao"]{
  max-width:170px!important;
}
body.evpl-pro20-final .evpl-pro20-toast{
  position:fixed!important;
  right:18px!important;
  bottom:74px!important;
  z-index:100000!important;
  display:none!important;
  align-items:center!important;
  gap:8px!important;
  min-height:38px!important;
  max-width:min(460px,calc(100vw - 32px))!important;
  padding:0 14px!important;
  border-radius:999px!important;
  background:#111b2d!important;
  color:#fff!important;
  box-shadow:0 18px 54px rgba(16,24,40,.24)!important;
  font-size:12px!important;
  font-weight:850!important;
}
body.evpl-pro20-final .evpl-pro20-toast.show{display:inline-flex!important;}
body.evpl-pro20-final .evpl-pro20-toast::before{content:"";width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.16);}
@media(max-width:980px){
  body.evpl-pro20-final .filter-group.active{grid-template-columns:1fr 1fr!important;max-height:none!important;}
  body.evpl-pro20-final .field.tiny,body.evpl-pro20-final #filters>.field.tiny{position:static!important;margin:0 12px 8px!important;display:inline-flex!important;}
  body.evpl-pro20-final .table-wrap{height:calc(100vh - 390px)!important;min-height:330px!important;}
}


/* ===== evpl-pro22-no-loading-apply.css ===== */
/* EVPL PRO.26 - Aplicar sem loading */
body.evpl-pro22-no-loading #loader.force-hidden,
body.evpl-pro22-no-loading #loader.hidden{
  display:none!important;
}
body.evpl-pro22-no-loading .ms332:not(.open) .ms332-menu{
  display:none!important;
}
body.evpl-pro22-no-loading .ms332.open .ms332-menu{
  display:block!important;
}
body.evpl-pro22-no-loading #btnApply{
  position:relative;
}
body.evpl-pro22-no-loading #btnApply::after{
  content:"";
  position:absolute;
  right:8px;
  top:50%;
  width:5px;
  height:5px;
  margin-top:-2px;
  border-radius:999px;
  background:#22c55e;
  box-shadow:0 0 0 3px rgba(34,197,94,.12);
}


/* ===== evpl-pro23-professional-upgrade.css ===== */
/* EVPL PRO.26 - Pacote profissional: aplicar sem tela de loading + UX refinada */
:root{
  --evpl-pro23-radius: 14px;
  --evpl-pro23-shadow: 0 12px 30px rgba(15,23,42,.12);
  --evpl-pro23-border: rgba(15,23,42,.12);
  --evpl-pro23-soft: rgba(15,23,42,.055);
}

body.evpl-applying-lite #loader,
body.evpl-applying-lite .loader,
body.evpl-applying-lite #skeleton,
body.evpl-applying-lite .skeleton,
body.evpl-applying-lite [data-loading="true"]{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

body.evpl-pro23 #btnApply{
  isolation:isolate;
  min-width:112px;
  transition:transform .16s ease, box-shadow .16s ease, filter .16s ease;
}
body.evpl-pro23 #btnApply:hover{ transform:translateY(-1px); }
body.evpl-pro23 #btnApply.evpl-pro23-working{
  cursor:progress;
  filter:saturate(1.05);
  box-shadow:0 0 0 4px rgba(59,130,246,.14), var(--evpl-pro23-shadow);
}
body.evpl-pro23 #btnApply.evpl-pro23-done{
  box-shadow:0 0 0 4px rgba(34,197,94,.16), var(--evpl-pro23-shadow);
}
body.evpl-pro23 #btnApply.evpl-pro23-working::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent);
  transform:translateX(-110%);
  animation:evplPro23Sweep 1.1s linear infinite;
  z-index:-1;
}
@keyframes evplPro23Sweep{ to{ transform:translateX(110%); } }

#evplPro23Chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-left:6px;
  padding:3px 9px;
  border:1px solid var(--evpl-pro23-border);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  color:#334155;
  font-size:11px;
  line-height:1.2;
  white-space:nowrap;
  box-shadow:0 5px 16px rgba(15,23,42,.08);
}
#evplPro23Chip::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:#22c55e;
  box-shadow:0 0 0 4px rgba(34,197,94,.13);
}
body.evpl-applying-lite #evplPro23Chip::before{
  background:#3b82f6;
  box-shadow:0 0 0 4px rgba(59,130,246,.16);
}

#evplPro23Live{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

body.evpl-pro23 .table-wrap{
  border-radius:var(--evpl-pro23-radius);
  border:1px solid var(--evpl-pro23-border);
  box-shadow:0 10px 26px rgba(15,23,42,.06);
  background:#fff;
}
body.evpl-pro23 .table-wrap table thead th{
  position:sticky;
  top:0;
  z-index:5;
  backdrop-filter:blur(10px);
  box-shadow:0 1px 0 rgba(15,23,42,.08);
}
body.evpl-pro23 table td,
body.evpl-pro23 table th{
  vertical-align:middle;
}
body.evpl-pro23 table td.evpl-num,
body.evpl-pro23 table th.evpl-num{
  text-align:right;
  font-variant-numeric:tabular-nums;
}
body.evpl-pro23 table td.evpl-zero{ color:#94a3b8; }
body.evpl-pro23 table td.evpl-neg{ color:#b91c1c; font-weight:700; }
body.evpl-pro23 table td[title]{ cursor:help; }

body.evpl-pro23 .ms332-menu{
  border-radius:16px!important;
  box-shadow:0 22px 55px rgba(15,23,42,.18)!important;
}
body.evpl-pro23 .ms332-actions .btn.apply{
  min-width:94px;
}
body.evpl-pro23 .ms332-actions .btn.apply::after{
  content:" sem tela";
  font-size:10px;
  opacity:.72;
}

body.evpl-pro23 button:focus-visible,
body.evpl-pro23 input:focus-visible,
body.evpl-pro23 select:focus-visible,
body.evpl-pro23 a:focus-visible{
  outline:3px solid rgba(37,99,235,.32)!important;
  outline-offset:2px!important;
}

body.evpl-pro23 .toast.show{
  border-radius:14px;
  box-shadow:var(--evpl-pro23-shadow);
}

@media (max-width: 820px){
  #evplPro23Chip{ display:flex; width:max-content; margin-top:4px; }
  body.evpl-pro23 #btnApply{ min-width:104px; }
}
@media (prefers-reduced-motion: reduce){
  body.evpl-pro23 #btnApply,
  body.evpl-pro23 #btnApply::before{
    animation:none!important;
    transition:none!important;
  }
}


/* ===== evpl-pro24-50-melhorias.css ===== */
/* EVPL PRO.26 - 50 melhorias profissionais */
:root{
  --pro24-bg:#fffdf7;
  --pro24-line:#f3d48a;
  --pro24-ink:#182033;
  --pro24-soft:#fff4d8;
  --pro24-shadow:0 12px 28px rgba(17,24,39,.14);
}
body.evpl-pro24{scroll-behavior:smooth;}
body.evpl-pro24 .top-meta small{font-weight:700;}
.evpl-pro24-bar{
  position:sticky;top:0;z-index:90;background:linear-gradient(180deg,#fffefb,#fff7e4);
  border:1px solid var(--pro24-line);border-left:0;border-right:0;box-shadow:0 10px 24px rgba(16,24,40,.08);
  padding:8px 12px;display:flex;flex-direction:column;gap:8px;color:var(--pro24-ink);
}
.evpl-pro24-mainline,.evpl-pro24-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
.evpl-pro24-pill{display:inline-flex;align-items:center;gap:4px;border:1px solid #f0d18c;background:#fff;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;color:#7c1d1d;white-space:nowrap;}
.evpl-pro24-pill.strong{background:#cc0d0b;color:#fff;border-color:#a50a09;box-shadow:0 8px 18px rgba(165,10,9,.2);}
.evpl-pro24-pill.online{background:#ecfdf5;color:#065f46;border-color:#a7f3d0;}
.evpl-pro24-pill.online.is-offline{background:#fff1f2;color:#991b1b;border-color:#fecdd3;}
.evpl-pro24-pill.wide{max-width:220px;overflow:hidden;text-overflow:ellipsis;}
.evpl-pro24-meta{font-size:12px;color:#5b6b85;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:46vw;}
.evpl-pro24-actions .btn{font-size:12px;padding:6px 9px;border-radius:10px;}
.evpl-pro24-summary{font-size:12px;color:#334155;background:#fff;border:1px dashed #f0d18c;border-radius:10px;padding:6px 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.evpl-pro24 #btnApply.evpl-pro24-working{opacity:.92;filter:saturate(1.15);cursor:progress;}
body.evpl-pro24 #btnApply.evpl-pro24-done{background:#15803d!important;border-color:#166534!important;color:#fff!important;}
body.evpl-pro24-applying #loader,body.evpl-pro24-applying .loader,body.evpl-pro24-applying .skeleton,body.evpl-pro24-applying .loading-overlay{display:none!important;opacity:0!important;pointer-events:none!important;}
body.evpl-pro24 .table-wrap table thead th{position:sticky;top:0;z-index:5;box-shadow:inset 0 -1px 0 rgba(0,0,0,.08);}
@media (min-width:900px){body.evpl-pro24 .table-wrap table tr>*:first-child{position:sticky;left:0;z-index:4;box-shadow:2px 0 0 rgba(0,0,0,.04);}body.evpl-pro24 .table-wrap table thead tr>*:first-child{z-index:8;}}
body.evpl-pro24 td.evpl-pro24-num{text-align:right;font-variant-numeric:tabular-nums;}
body.evpl-pro24 td.evpl-pro24-zero{color:#94a3b8;font-weight:800;}
body.evpl-pro24 td.evpl-pro24-neg{color:#b91c1c;font-weight:900;background:#fff1f2!important;}
body.evpl-pro24 tr.evpl-pro24-low-stock-hint td{box-shadow:inset 0 1px 0 rgba(245,158,11,.08), inset 0 -1px 0 rgba(245,158,11,.08);}
body.evpl-pro24 tbody tr:hover td{outline:1px solid rgba(204,13,11,.12);outline-offset:-1px;}
body.evpl-pro24-compact .filters{gap:6px;padding-top:6px;padding-bottom:6px;}
body.evpl-pro24-compact .field label{font-size:11px;margin-bottom:2px;}
body.evpl-pro24-compact .field input,body.evpl-pro24-compact .field select{padding:5px 7px;font-size:12px;min-height:28px;}
body.evpl-pro24-compact table{font-size:11px;}
body.evpl-pro24-compact th,body.evpl-pro24-compact td{padding:4px 6px!important;line-height:1.15;}
body.evpl-pro24-compact .table-wrap.tall{max-height:76vh;}
body.evpl-pro24-comfortable table{font-size:13px;}
body.evpl-pro24-comfortable th,body.evpl-pro24-comfortable td{padding:8px 10px!important;line-height:1.35;}
body.evpl-pro24-fullscreen header.app-header,body.evpl-pro24-fullscreen .tabs,body.evpl-pro24-fullscreen #filters,body.evpl-pro24-fullscreen .pager:not(.footer){display:none!important;}
body.evpl-pro24-fullscreen .evpl-pro24-bar{position:sticky;top:0;z-index:300;}
body.evpl-pro24-fullscreen .panel.active{display:block!important;position:fixed;inset:96px 10px 10px 10px;z-index:250;background:#fff;border-radius:14px;box-shadow:var(--pro24-shadow);padding:8px;}
body.evpl-pro24-fullscreen .panel.active .table-wrap{height:calc(100vh - 125px)!important;max-height:none!important;}
.evpl-pro24-dialog,.evpl-pro24-palette{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(15,23,42,.42);z-index:2147482500;padding:16px;}
.evpl-pro24-dialog.open,.evpl-pro24-palette.open{display:flex;}
.evpl-pro24-dialog-card,.evpl-pro24-palette-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 24px 70px rgba(15,23,42,.35);width:min(860px,96vw);max-height:86vh;overflow:auto;padding:18px;position:relative;}
.evpl-pro24-dialog-card h2{margin:0 34px 8px 0;font-size:20px;color:#111827;}
.evpl-pro24-dialog-card h3{margin:16px 0 8px;color:#7f1d1d;}
.evpl-pro24-dialog-card p{color:#475569;margin:6px 0 12px;}
.evpl-pro24-close{position:absolute;right:12px;top:10px;border:0;background:#f1f5f9;border-radius:999px;width:32px;height:32px;font-size:22px;line-height:1;cursor:pointer;color:#334155;}
.evpl-pro24-help-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0;}
#evplPro24Features{columns:2;column-gap:28px;padding-left:22px;font-size:13px;color:#1f2937;}
#evplPro24Features li{break-inside:avoid;margin:0 0 5px;}
.evpl-pro24-profiles-list{display:grid;gap:8px;margin-top:12px;}
.evpl-pro24-profile-item{display:flex;justify-content:space-between;gap:12px;align-items:center;text-align:left;border:1px solid #e5e7eb;background:#fffaf0;border-radius:12px;padding:10px 12px;cursor:pointer;color:#1f2937;}
.evpl-pro24-profile-item:hover{border-color:#f59e0b;background:#fff7ed;}
.evpl-pro24-profile-item span{font-size:12px;color:#64748b;}
.evpl-pro24-palette-card{width:min(640px,96vw);padding:12px;}
#evplPro24PaletteInput{width:100%;box-sizing:border-box;border:2px solid #f2c04a;border-radius:14px;padding:12px 14px;font-size:16px;font-weight:800;outline:none;}
#evplPro24PaletteList{display:grid;gap:6px;margin-top:10px;}
#evplPro24PaletteList button{border:1px solid #e5e7eb;background:#fff;border-radius:12px;padding:10px 12px;text-align:left;cursor:pointer;font-weight:800;color:#172033;}
#evplPro24PaletteList button:hover{background:#fff4d8;border-color:#f2c04a;}
#evplPro24Float{position:fixed;right:14px;bottom:74px;z-index:120;display:flex;flex-direction:column;gap:8px;}
#evplPro24Float button,#evplPro24ErrorBadge{border:1px solid #eab308;background:#fff8db;color:#7c2d12;border-radius:999px;box-shadow:0 10px 24px rgba(15,23,42,.16);font-weight:900;cursor:pointer;}
#evplPro24Float button{width:42px;height:42px;font-size:18px;}
#evplPro24ErrorBadge{position:fixed;left:12px;bottom:12px;z-index:2147482600;padding:8px 11px;}
body.evpl-pro24-printing .evpl-pro24-bar,body.evpl-pro24-printing #evplPro24Float,body.evpl-pro24-printing #evplPro24ErrorBadge{display:none!important;}
@media (max-width:760px){.evpl-pro24-meta{max-width:100%;}.evpl-pro24-actions .btn{flex:1 1 46%;}.evpl-pro24-summary{white-space:normal;}#evplPro24Features{columns:1}.evpl-pro24-dialog-card{padding:14px}.evpl-pro24-pill.wide{max-width:100%;}}
@media print{.evpl-pro24-bar,.evpl-pro24-dialog,.evpl-pro24-palette,#evplPro24Float,#evplPro24ErrorBadge{display:none!important;}body.evpl-pro24 .table-wrap{max-height:none!important;overflow:visible!important;}body.evpl-pro24 table{font-size:10pt!important;}}



/* ===== EVPL PRO.26 TURBO ===== */
.evpl-pro26-turbo .evpl-turbo-badge{display:inline-flex;align-items:center;gap:6px;margin-left:8px;padding:4px 8px;border-radius:999px;background:#0f766e;color:#fff;font-size:11px;font-weight:800;letter-spacing:.02em;white-space:nowrap;box-shadow:0 4px 14px rgba(15,118,110,.18)}
.evpl-pro26-turbo .evpl-turbo-badge small{font-size:10px;font-weight:700;opacity:.88}
.evpl-pro26-turbo.evpl-turbo-applying #btnApply{opacity:.82;cursor:progress}
.evpl-pro26-turbo .table-wrap{contain:layout paint style}
.evpl-pro26-turbo table tbody{contain:layout style}
.evpl-pro26-turbo .loader.hidden,.evpl-pro26-turbo #loader.hidden{display:none!important;pointer-events:none!important}
.evpl-pro26-turbo:not(.evpl-initial-loading) .skeleton,.evpl-pro26-turbo:not(.evpl-initial-loading) [class*="skeleton"]{animation:none!important}
.evpl-pro26-turbo .ms332-search{will-change:auto!important}
.evpl-pro26-turbo .ms332-row.evpl-hidden-by-search{display:none!important}
@media (prefers-reduced-motion:reduce){.evpl-pro26-turbo *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
