/* ODEM V31 — camada visual operacional, desktop + celular */

.ped-status-panel,.ped-tax-panel{margin:18px 0;padding:16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2)}
.ped-status-head,.ped-tax-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}
.ped-status-head b,.ped-tax-head b{display:block;font-size:15px}
.ped-status-head span,.ped-tax-head span{display:block;margin-top:3px;color:var(--text-2);font-size:12px}
.ped-status-live{padding:5px 9px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:11px!important;color:var(--text-2)!important;white-space:nowrap}
.ped-status-track{display:flex;align-items:flex-start;gap:0;overflow-x:auto;padding:8px 2px 10px}
.ped-status-step{min-width:92px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;color:var(--text-3)}
.ped-status-step.is-current{color:var(--text)}
.ped-status-step.is-done{color:var(--text-2)}
.ped-status-dot{width:13px;height:13px;border-radius:50%;border:2px solid var(--border-strong);background:var(--surface)}
.ped-status-step.is-done .ped-status-dot{background:var(--text-2);border-color:var(--text-2)}
.ped-status-step.is-current .ped-status-dot{background:var(--brand);border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 14%,transparent)}
.ped-status-label{font-size:11px;line-height:1.25}
.ped-status-line{height:2px;background:var(--border);flex:1;min-width:12px;margin-top:6px}
.ped-history{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}
.ped-history-title{font-size:12px;font-weight:700;color:var(--text-2);margin-bottom:8px;text-transform:uppercase;letter-spacing:.04em}
.ped-history-row{display:flex;gap:10px;align-items:flex-start;padding:8px 0}
.ped-history-marker{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);font-size:10px;color:var(--text-2);flex:0 0 22px}
.ped-history-main{font-size:12px;line-height:1.35;min-width:0}
.ped-history-main span{display:block;color:var(--text-3);font-size:11px;margin-top:2px}
.ped-history-empty{font-size:11px;color:var(--text-3);margin-top:8px}
.ped-tax-panel{background:var(--surface)}
.ped-tax-head{align-items:center;margin-bottom:12px}
.ped-tax-head strong{font-size:18px;font-variant-numeric:tabular-nums}
.ped-tax-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ped-tax-grid>div{padding:10px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2)}
.ped-tax-grid span,.ped-tax-grid b{display:block}
.ped-tax-grid span{font-size:10px;color:var(--text-3)}
.ped-tax-grid b{margin-top:3px;font-size:13px;font-variant-numeric:tabular-nums}
.ped-tax-panel small{display:block;color:var(--text-3);font-size:10px;line-height:1.4;margin-top:10px}
.ped-tax-panel.is-unavailable{color:var(--text-2)}
.ped-section-title{font-size:14px;font-weight:700;margin:18px 0 8px}
.ped-item-tax{font-size:10px;color:var(--text-3);margin-top:3px}
.ped-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}
.ped-detail-eyebrow{display:block;color:var(--text-3);font-size:11px;text-transform:uppercase;letter-spacing:.05em}
.ped-detail-head .modal-title{margin-top:2px}
.ped-detail-finance{margin-top:12px}
.ped-total-value{font-size:16px}
.ped-detail-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}
.ped-partial{margin-top:12px;padding:10px 12px;border-radius:var(--radius-md);background:var(--surface-2);font-size:12px;color:var(--text-2)}
.ped-observacao{font-size:12px;line-height:1.5;color:var(--text-2);white-space:pre-wrap}
.ped-detail-loading{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-2);text-align:center}
.ped-detail-loading span{font-size:12px;color:var(--text-3)}

/* Barra de venda: imposto fica visível antes de salvar */
.venda-barra-valores{min-width:220px}
.venda-imposto{color:var(--text-2)}
.venda-barra-fonte{font-size:10px;color:var(--text-3);margin-top:5px}

/* Dashboard */
.ind-page{display:flex;flex-direction:column;gap:16px}
.ind-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.ind-eyebrow{font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--text-3)}
.ind-head h1{margin:4px 0 2px;font-size:28px;line-height:1.1;font-weight:var(--fw-bold);letter-spacing:-.025em}
.ind-head p{margin:0;color:var(--text-2);font-size:13px}
.ind-sync{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:11px;color:var(--text-2)}
.ind-live-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 14%,transparent)}
.ind-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.ind-kpi{padding:15px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm)}
.ind-kpi span,.ind-kpi small{display:block;color:var(--text-3);font-size:10px}
.ind-kpi strong{display:block;margin:7px 0 4px;font-size:20px;line-height:1.05;font-weight:var(--fw-bold);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ind-kpi small{font-size:10px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ind-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ind-grid-main{grid-template-columns:1.35fr 1fr}
.ind-panel{padding:16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm)}
.ind-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:16px}
.ind-panel-head b,.ind-panel-head strong{display:block;font-size:14px}
.ind-panel-head span{display:block;color:var(--text-3);font-size:10px;margin-top:3px}
.ind-panel-head strong{font-size:15px;font-variant-numeric:tabular-nums}
.ind-chart-bars{height:190px;display:flex;align-items:flex-end;gap:7px;padding-top:10px}
.ind-day{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;min-width:0}
.ind-day i{display:block;width:100%;min-height:3px;border-radius:5px 5px 2px 2px;background:var(--brand)}
.ind-day span{font-size:9px;color:var(--text-3);transform:rotate(-35deg);white-space:nowrap}
.ind-status-list{display:flex;flex-direction:column;gap:10px}
.ind-bar-row{display:flex;flex-direction:column;gap:4px}
.ind-bar-label{display:flex;justify-content:space-between;gap:8px;font-size:10px}
.ind-bar-label span{color:var(--text-2);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ind-bar-label b{font-variant-numeric:tabular-nums;white-space:nowrap}
.ind-bar{height:7px;border-radius:99px;background:var(--surface-2);overflow:hidden}
.ind-bar i{display:block;height:100%;border-radius:inherit;background:var(--brand)}
.ind-insights{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ind-insights>div{padding:12px;border-radius:var(--radius-lg);background:var(--surface-2)}
.ind-insights b{display:block;font-size:20px}
.ind-insights span{display:block;margin-top:3px;font-size:10px;color:var(--text-2)}
.ind-footnote{font-size:10px;color:var(--text-3);padding:4px 2px 12px}
.ind-empty,.ind-loading{padding:20px;text-align:center;color:var(--text-3);font-size:12px}

@media (max-width: 1100px){
  .ind-kpis{grid-template-columns:repeat(3,1fr)}
  .ind-grid-main{grid-template-columns:1fr}
}
@media (max-width: 700px){
  .ind-page{gap:12px}
  .ind-head h1{font-size:24px}
  .ind-kpis{grid-template-columns:1fr 1fr}
  .ind-grid{grid-template-columns:1fr}
  .ind-panel{padding:13px;border-radius:13px}
  .ind-chart-bars{height:150px;gap:4px}
  .ind-day span{font-size:8px}
  .ped-tax-grid{grid-template-columns:1fr 1fr 1fr}
  .ped-detail-head{align-items:center}
  .ped-detail-actions{justify-content:stretch}
  .ped-detail-actions .btn{flex:1 1 calc(50% - 8px);min-height:42px}
  .ped-status-track{padding-bottom:16px}
  .ped-status-step{min-width:82px}
}
@media (max-width: 440px){
  .ind-kpis{grid-template-columns:1fr}
  .ind-kpi strong{font-size:18px}
  .ind-sync{width:100%;border-radius:12px}
  .ped-tax-grid{grid-template-columns:1fr}
  .ped-tax-head strong{font-size:16px}
  .ped-detail-actions .btn{flex-basis:100%}
}
#ped-maino-sync b{color:var(--success);font-size:10px}
@media (min-width: 1000px){
  #ped-lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
  #ped-lista>.card{margin-bottom:0!important;height:100%}
}
@media (max-width: 650px){
  #ped-maino-sync{font-size:10px!important}
  #ped-maino-sync .btn{width:100%}
}
.ped-status-cancelled{margin-top:10px;padding:8px 10px;border-radius:var(--radius-md);border:1px solid var(--danger);color:var(--danger);font-size:11px;font-weight:700}

/* ---- V32.2 Descontos e Acréscimos -------------------------------- */
.venda-ajuste-card{border-color:color-mix(in srgb,var(--brand) 28%,var(--border));background:color-mix(in srgb,var(--brand-tint) 45%,var(--surface))}
.venda-ajuste-titulo{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.venda-ajuste-titulo b{font-size:14px}.venda-ajuste-titulo span{font-size:10px;color:var(--text-3)}
.venda-ajuste-help,.venda-ajuste-auditoria{font-size:11px;color:var(--text-2);line-height:1.45;margin:6px 0 0}
.venda-ajuste-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.venda-desc{color:var(--danger)!important}.venda-acrescimo{color:var(--success)!important}
.ped-ajuste-hist{display:grid;gap:8px}
.ped-ajuste-hist-item{border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px;background:var(--surface-2);font-size:11px;line-height:1.45}
.ped-ajuste-hist-item>div+div{margin-top:3px}.ped-ajuste-hist-motivo{color:var(--text-2)}
.apr-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.apr-ajuste-item,.apr-senha-item{padding:14px 0;border-bottom:1px solid var(--border)}
.apr-ajuste-item:last-child,.apr-senha-item:last-child{border-bottom:0}
.apr-ajuste-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}
.apr-ajuste-top>div{display:grid;gap:4px}.apr-ajuste-top span,.apr-ajuste-meta{font-size:11px;color:var(--text-2)}
.apr-ajuste-top strong{font-size:14px;white-space:nowrap}
.apr-ajuste-meta,.apr-ajuste-just,.apr-ajuste-decisao{margin-top:8px;line-height:1.45}
.apr-ajuste-just,.apr-ajuste-decisao{font-size:12px;color:var(--text-2)}
.apr-ajuste-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.apr-ajuste-status{margin-top:10px}
.apr-ajuste-resumo{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 14px}
.apr-ajuste-resumo>div{display:grid;gap:3px;border:1px solid var(--border);border-radius:var(--radius-md);padding:9px 10px;background:var(--surface-2)}
.apr-ajuste-resumo span{font-size:10px;color:var(--text-3)}.apr-ajuste-resumo b{font-size:12px;overflow-wrap:anywhere}
.apr-ajuste-motivo-original{padding:10px 12px;margin-bottom:14px;border-left:3px solid var(--brand);background:var(--surface-2);border-radius:0 10px 10px 0;font-size:12px}
.apr-ajuste-motivo-original p{margin:4px 0 0;color:var(--text-2);white-space:pre-wrap}
.field-error{display:block;margin-top:6px;color:var(--danger);font-size:11px}.field-error.hidden{display:none}
.field-help{margin:6px 0 0;color:var(--text-3);font-size:10px;line-height:1.4}

@media (max-width:640px){
  .venda-ajuste-grid,.apr-ajuste-resumo{grid-template-columns:1fr}
  .apr-ajuste-top{flex-direction:column}.apr-ajuste-top strong{white-space:normal}
  .apr-ajuste-actions .btn{flex:1 1 100%;min-height:42px}
}

/* =====================================================================
   Login dinâmico / responsivo — ODEM 33.0.2
   Redesign exclusivamente visual. Autenticação, sessão e listeners intactos.
   ===================================================================== */
















































































/* Tablet / notebook estreito */
@media (max-width:960px){
  
  
  
  
  
  
  
  
  
  
  
  
  
}

/* Mobile */
@media (max-width:600px){
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
}

/* Telefones compactos */
@media (max-width:390px){
  
  
  
  
  
  
  
  
  
  
}

/* Desktop/notebook com pouca altura */
@media (min-width:961px) and (max-height:820px){
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
}

/* Landscape / viewport de pouca altura em tablet e mobile */
@media (max-width:960px) and (max-height:620px) and (orientation:landscape){
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
}

/* Autofill — mantém contraste em Chrome/Edge/Safari */



@media (prefers-reduced-motion:reduce){
  
  
}


/* Pedidos desktop: resumo separado e leitura em lista. */
@media (min-width:1000px){
  #ped-raiz #ped-lista{display:flex;flex-direction:column;gap:12px}
  #ped-raiz #ped-lista>p{width:100%;margin:0 0 4px!important;padding:12px 16px;background:var(--surface-2);border-radius:var(--radius-md);box-sizing:border-box}
  #ped-raiz #ped-lista>.card{width:100%;height:auto;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 20px;padding:18px 20px!important;margin:0!important}
  #ped-raiz #ped-lista>.card>div:first-child{grid-column:1/-1;flex-wrap:nowrap!important;gap:24px!important}
  #ped-raiz #ped-lista>.card>div:first-child>div:first-child>div:first-child{white-space:normal!important;overflow-wrap:anywhere;line-height:1.45}
  #ped-raiz #ped-lista>.card>div:first-child>div:last-child{min-width:145px}
  #ped-raiz #ped-lista>.card>div:nth-child(2){margin:0!important;align-content:center;gap:8px!important}
  #ped-raiz #ped-lista>.card>div:nth-child(2)>span:not(.badge){flex-basis:100%;margin-left:0!important;font-size:12px!important}
  #ped-raiz #ped-lista>.card>div:nth-child(3){align-self:end;justify-content:flex-end;flex-wrap:nowrap!important}
  #ped-raiz #ped-lista .badge{white-space:normal;line-height:1.4;height:auto}
  #ped-raiz #ped-lista .btn{min-height:36px;min-width:68px}
  #ped-raiz .card>div:has(>#ped-busca){display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px!important}
  #ped-raiz #ped-busca{grid-column:1/-1}
  #ped-raiz .card>div:has(>#ped-busca)>input,
  #ped-raiz .card>div:has(>#ped-busca)>select{width:100%;min-width:0!important;box-sizing:border-box;min-height:42px}
  #ped-raiz .card>div:has(>#ped-busca):not(:has(>#ped-filtro-rep)){grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1000px) and (max-width:1199px){
  #ped-raiz .card>div:has(>#ped-busca),
  #ped-raiz .card>div:has(>#ped-busca):not(:has(>#ped-filtro-rep)){grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* V32.5.24 — Modo TV / segunda tela */
.ind-head-right{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.ind-head-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.ind-tv-controls{position:fixed;z-index:1200;right:18px;bottom:18px;display:flex;align-items:center;gap:6px;padding:7px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 10px 30px rgba(0,0,0,.18);backdrop-filter:blur(10px)}
.ind-tv-controls button{appearance:none;border:0;border-radius:999px;background:var(--surface-2);color:var(--text);min-width:36px;height:36px;padding:0 11px;font:inherit;font-weight:800;cursor:pointer}
.ind-tv-controls button:hover{background:var(--brand-tint);color:var(--brand)}
.ind-tv-controls .is-exit{padding:0 15px;background:var(--brand);color:#fff}
.ind-tv-controls>span{min-width:38px;text-align:center;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text-2)}

body.odem-tv-mode{overflow:hidden;background:var(--bg)}
body.odem-tv-mode .app-shell{display:block;min-height:100vh}
body.odem-tv-mode .sidebar,
body.odem-tv-mode .topbar,
body.odem-tv-mode .sidebar-backdrop{display:none!important}
body.odem-tv-mode .content{display:block!important;max-width:none!important;width:100vw;height:100vh;overflow:hidden!important;padding:clamp(14px,1.35vw,28px)!important;margin:0!important}
body.odem-tv-mode .ind-page{height:100%;gap:clamp(10px,1vw,18px)}
body.odem-tv-mode .ind-head{min-height:72px;align-items:center;padding-right:210px}
body.odem-tv-mode .ind-head h1{font-size:clamp(30px,2.15vw,48px)}
body.odem-tv-mode .ind-head p{font-size:clamp(12px,.8vw,18px)}
body.odem-tv-mode .ind-eyebrow{font-size:clamp(10px,.62vw,14px)}
body.odem-tv-mode .ind-sync{font-size:clamp(10px,.68vw,15px);padding:9px 13px}
body.odem-tv-mode .ind-head-actions{display:none}
body.odem-tv-mode .ind-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,.8vw,18px)}
body.odem-tv-mode .ind-kpi{padding:clamp(14px,1.05vw,24px);border-radius:clamp(14px,1vw,22px)}
body.odem-tv-mode .ind-kpi span,body.odem-tv-mode .ind-kpi small{font-size:clamp(10px,.68vw,15px)}
body.odem-tv-mode .ind-kpi strong{font-size:clamp(24px,1.75vw,40px);margin:10px 0 7px}
body.odem-tv-mode .ind-panel{padding:clamp(15px,1vw,24px);border-radius:clamp(14px,1vw,22px)}
body.odem-tv-mode .ind-panel-head b,body.odem-tv-mode .ind-panel-head strong{font-size:clamp(15px,1vw,22px)}
body.odem-tv-mode .ind-panel-head span{font-size:clamp(10px,.68vw,15px)}
body.odem-tv-mode .ind-grid{gap:clamp(10px,.8vw,18px)}
body.odem-tv-mode .ind-chart-bars{height:min(31vh,310px)}
body.odem-tv-mode .ind-day span{font-size:clamp(8px,.56vw,12px)}
body.odem-tv-mode .ind-status-list{gap:clamp(7px,.62vh,12px)}
body.odem-tv-mode .ind-bar-label{font-size:clamp(10px,.72vw,16px)}
body.odem-tv-mode .ind-bar{height:clamp(7px,.55vw,12px)}
body.odem-tv-mode .ind-insights b{font-size:clamp(24px,1.65vw,38px)}
body.odem-tv-mode .ind-insights span{font-size:clamp(10px,.68vw,15px)}
body.odem-tv-mode .ind-hc-summary-panel,body.odem-tv-mode .ind-hc-flow-panel{margin-top:0}
body.odem-tv-mode .ind-hc-overview{grid-template-columns:1.35fr repeat(3,minmax(0,1fr));gap:clamp(8px,.7vw,14px)}
body.odem-tv-mode .ind-hc-overview>div{padding:clamp(13px,.9vw,20px)}
body.odem-tv-mode .ind-hc-overview span{font-size:clamp(9px,.6vw,13px)}
body.odem-tv-mode .ind-hc-overview strong{font-size:clamp(22px,1.65vw,38px)}
body.odem-tv-mode .ind-hc-overview small{font-size:clamp(9px,.58vw,13px)}
body.odem-tv-mode .ind-hc-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,.7vw,14px)}
body.odem-tv-mode .ind-hc-card{padding:clamp(12px,.85vw,19px)}
body.odem-tv-mode .ind-hc-card>span{font-size:clamp(11px,.72vw,16px)}
body.odem-tv-mode .ind-hc-card>strong{font-size:clamp(22px,1.5vw,34px)}
body.odem-tv-mode .ind-hc-card>small,body.odem-tv-mode .ind-hc-card>em{font-size:clamp(9px,.57vw,13px)}
body.odem-tv-mode .ind-hc-flow-head strong,body.odem-tv-mode .ind-hc-flow-head b{font-size:clamp(15px,1vw,22px)}
body.odem-tv-mode .ind-hc-flow-head span{font-size:clamp(10px,.65vw,14px)}
body.odem-tv-mode .ind-hc-actions .select{height:42px;font-size:clamp(11px,.68vw,15px)}
body.odem-tv-mode .ind-hc-note,body.odem-tv-mode .ind-footnote{display:none}
body.odem-tv-mode [data-tv-panel][hidden]{display:none!important}

@media (min-width:2500px){
  body.odem-tv-mode .content{padding:36px!important}
  body.odem-tv-mode .ind-tv-controls{right:32px;bottom:30px;transform:scale(1.28);transform-origin:bottom right}
}
@media (max-width:800px){
  .ind-head-right{width:100%;align-items:stretch;justify-content:stretch}
  .ind-head-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .ind-head-actions .btn{width:100%}
}

/* =====================================================================
   V32.5.26 — Indicadores comerciais em uma tela + TV limpa
   ===================================================================== */
.ind-page-v2{gap:14px}
.ind-page-v2 .ind-head{align-items:center}
.ind-page-v2 .ind-head-actions{display:flex;gap:8px;width:auto}
.ind-page-v2 .ind-tv-btn{min-width:62px}

.ind-filterbar{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(190px,1.15fr) minmax(170px,1fr);gap:10px;align-items:end;padding:11px 12px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}
.ind-filterbar>label,.ind-filter-custom>label{display:flex;flex-direction:column;gap:5px;min-width:0}
.ind-filterbar label>span,.ind-filter-custom label>span{font-size:10px;font-weight:var(--fw-semibold);letter-spacing:0;color:var(--text-2)}
.ind-filterbar .select,.ind-filterbar .input{height:38px;min-width:0;width:100%;padding-top:0;padding-bottom:0}
.ind-filterbar>.ind-filter-extra,.ind-filter-custom{display:none}
.ind-filter-extra.is-visible{display:flex}
.ind-filter-custom.is-visible{display:grid;grid-template-columns:1fr 1fr;gap:8px;grid-column:span 2}
.ind-filterbar:has(.ind-filter-extra.is-visible){grid-template-columns:minmax(145px,.7fr) minmax(155px,.75fr) minmax(190px,1fr) minmax(170px,.9fr)}
.ind-filterbar:has(.ind-filter-custom.is-visible){grid-template-columns:minmax(145px,.65fr) minmax(250px,1.2fr) minmax(190px,1fr) minmax(170px,.9fr)}

.ind-kpis-v2{grid-template-columns:repeat(4,minmax(0,1fr))}
.ind-kpis-v2 .ind-kpi{padding:16px 17px}
.ind-kpis-v2 .ind-kpi strong{font-size:22px}
.ind-dashboard-row{grid-template-columns:1.08fr .92fr;align-items:stretch}
.ind-dashboard-row>.ind-panel{height:100%;box-sizing:border-box}
.ind-status-list-compact{gap:8px}
.ind-status-list-compact .ind-bar-row{gap:3px}
.ind-status-list-compact .ind-bar{height:6px}
.ind-evolution-panel{min-height:205px}
.ind-chart-bars-v2{height:160px;gap:5px;padding-top:4px}
.ind-chart-bars-v2 .ind-day span{font-size:8px;max-width:58px;overflow:hidden;text-overflow:ellipsis}
.ind-chart-bars-v2 .ind-day i{background:linear-gradient(180deg,var(--brand),color-mix(in srgb,var(--brand) 72%,var(--text)))}

@media (max-width:1100px){
  .ind-filterbar,.ind-filterbar:has(.ind-filter-extra.is-visible),.ind-filterbar:has(.ind-filter-custom.is-visible){grid-template-columns:repeat(2,minmax(0,1fr))}
  .ind-filter-custom.is-visible{grid-column:1/-1}
  .ind-kpis-v2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ind-dashboard-row{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .ind-page-v2 .ind-head-right{width:100%;display:flex;align-items:center;justify-content:space-between;flex-direction:row}
  .ind-page-v2 .ind-head-actions{width:auto;display:flex}
  .ind-filterbar,.ind-filterbar:has(.ind-filter-extra.is-visible),.ind-filterbar:has(.ind-filter-custom.is-visible){grid-template-columns:1fr}
  .ind-filter-custom.is-visible{grid-column:auto;grid-template-columns:1fr 1fr}
  .ind-dashboard-row{grid-template-columns:1fr}
  .ind-evolution-panel{min-height:190px}
  .ind-chart-bars-v2{height:145px;overflow-x:auto;overflow-y:hidden}
  .ind-chart-bars-v2 .ind-day{min-width:20px}
}
@media (max-width:460px){
  .ind-kpis-v2{grid-template-columns:1fr 1fr}
  .ind-kpis-v2 .ind-kpi{padding:13px}
  .ind-kpis-v2 .ind-kpi strong{font-size:18px}
  .ind-filter-custom.is-visible{grid-template-columns:1fr}
  .ind-page-v2 .ind-sync{width:auto;flex:1;min-width:0}
  .ind-page-v2 .ind-sync span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

/* Modo TV: uma única tela, sem filtros, botões, rotação ou controles sobrepostos. */
body.odem-tv-mode .content{display:block!important;max-width:none!important;width:100vw;height:100vh;overflow:hidden!important;padding:clamp(14px,1.35vw,26px)!important;margin:0!important}
body.odem-tv-mode .ind-page-v2{height:100%;display:grid;grid-template-rows:auto auto minmax(0,1.45fr) minmax(150px,.72fr);gap:clamp(8px,.7vw,14px)}
body.odem-tv-mode .ind-page-v2 .ind-head{min-height:0;padding-right:0;align-items:center}
body.odem-tv-mode .ind-page-v2 .ind-head-right{align-items:center}
body.odem-tv-mode .ind-page-v2 .ind-head-actions,
body.odem-tv-mode .ind-page-v2 .ind-filterbar,
body.odem-tv-mode .ind-tv-controls{display:none!important}
body.odem-tv-mode .ind-page-v2 .ind-kpis-v2{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,.65vw,14px)}
body.odem-tv-mode .ind-page-v2 .ind-kpi{padding:clamp(12px,.85vw,20px);border-radius:clamp(12px,.8vw,18px)}
body.odem-tv-mode .ind-page-v2 .ind-kpi span,
body.odem-tv-mode .ind-page-v2 .ind-kpi small{font-size:clamp(9px,.62vw,14px)}
body.odem-tv-mode .ind-page-v2 .ind-kpi strong{font-size:clamp(23px,1.55vw,36px);margin:8px 0 5px}
body.odem-tv-mode .ind-page-v2 .ind-dashboard-row{grid-template-columns:1.08fr .92fr;min-height:0;gap:clamp(8px,.65vw,14px)}
body.odem-tv-mode .ind-page-v2 .ind-panel{padding:clamp(12px,.78vw,19px);border-radius:clamp(12px,.8vw,18px);min-height:0;overflow:hidden}
body.odem-tv-mode .ind-page-v2 .ind-panel-head{margin-bottom:clamp(8px,.65vw,13px)}
body.odem-tv-mode .ind-page-v2 .ind-panel-head b,
body.odem-tv-mode .ind-page-v2 .ind-panel-head strong{font-size:clamp(13px,.88vw,20px)}
body.odem-tv-mode .ind-page-v2 .ind-panel-head span{font-size:clamp(9px,.58vw,13px)}
body.odem-tv-mode .ind-page-v2 .ind-status-list-compact{gap:clamp(4px,.42vh,7px)}
body.odem-tv-mode .ind-page-v2 .ind-bar-row{gap:2px}
body.odem-tv-mode .ind-page-v2 .ind-bar-label{font-size:clamp(9px,.62vw,14px)}
body.odem-tv-mode .ind-page-v2 .ind-bar{height:clamp(5px,.38vw,8px)}
body.odem-tv-mode .ind-page-v2 .ind-evolution-panel{min-height:0;display:flex;flex-direction:column}
body.odem-tv-mode .ind-page-v2 .ind-chart-bars-v2{height:auto;min-height:0;flex:1;gap:clamp(3px,.32vw,7px);overflow:hidden}
body.odem-tv-mode .ind-page-v2 .ind-day span{font-size:clamp(7px,.48vw,11px);transform:rotate(-28deg)}
body.odem-tv-mode .ind-page-v2 .ind-sync{font-size:clamp(9px,.58vw,13px);padding:7px 10px}
body.odem-tv-mode .ind-page-v2 .ind-head h1{font-size:clamp(27px,1.85vw,42px)}
body.odem-tv-mode .ind-page-v2 .ind-head p{font-size:clamp(10px,.68vw,15px)}
body.odem-tv-mode .ind-page-v2 .ind-eyebrow{font-size:clamp(8px,.52vw,12px)}

@media (min-width:2500px){
  body.odem-tv-mode .ind-page-v2{grid-template-rows:auto auto minmax(0,1.5fr) minmax(220px,.72fr)}
}


/* =====================================================================
   Home Centers 32.7.0 — visão do proprietário, fiscal-first
   ===================================================================== */
.hc3-page{display:flex;flex-direction:column;gap:14px;min-width:0;max-width:1500px;margin:0 auto}
.hc3-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap}.hc3-head h1{margin:5px 0 4px;font-size:30px;line-height:1.05}.hc3-head p{margin:0;color:var(--text-2);font-size:12px}.hc3-eyebrow,.hc3-section-head span,.hc3-modal header span,.hc3-empty-state span{display:block;font-size:9px;font-weight:800;letter-spacing:.1em;color:var(--text-3)}.hc3-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.hc3-period{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:15px;background:var(--surface)}.hc3-toggle{display:flex;padding:3px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2)}.hc3-toggle button{border:0;background:transparent;color:var(--text-2);font:inherit;font-size:10px;font-weight:800;padding:7px 12px;border-radius:999px;cursor:pointer}.hc3-toggle button.is-active{background:var(--brand);color:var(--brand-contrast)}.hc3-period-nav{display:flex;align-items:center;gap:5px;padding:3px 5px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2)}.hc3-period-nav strong{min-width:132px;text-align:center;font-size:10px}.hc3-period-nav .btn{width:28px;height:28px;padding:0;border-radius:999px;font-size:16px}.hc3-period-name{display:flex;flex-direction:column;gap:1px}.hc3-period-name span{font-size:8px;text-transform:uppercase;font-weight:800;color:var(--text-3)}.hc3-period-name b{font-size:10px}.hc3-period-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.hc3-period-actions small{font-size:9px;color:var(--text-3)}
.hc3-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.hc3-kpi{padding:16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);min-width:0}.hc3-kpi span{display:block;font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3)}.hc3-kpi strong{display:block;margin:8px 0 5px;font-size:25px;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hc3-kpi small{display:block;font-size:9px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hc3-section{padding:16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.hc3-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.hc3-section-head h2{margin:4px 0 0;font-size:15px}.hc3-section-head small{font-size:9px;color:var(--text-3)}
.hc3-networks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hc3-network{padding:14px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2);min-width:0}.hc3-network-top{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center}.hc3-network-top span{display:block;font-size:8px;font-weight:var(--fw-semibold);color:var(--text-3);letter-spacing:.02em}.hc3-network-top h3{margin:2px 0 0;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hc3-network-top>b{font-size:12px}.hc3-logo{width:42px;height:38px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);display:flex;align-items:center;justify-content:center;padding:5px}.hc3-logo img{max-width:100%;max-height:100%;object-fit:contain}.hc3-network>strong{display:block;margin:13px 0 5px;font-size:20px;font-variant-numeric:tabular-nums}.hc3-network-meta{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:var(--text-2)}.hc3-share{height:5px;margin-top:11px;border-radius:999px;background:var(--border);overflow:hidden}.hc3-share i{display:block;height:100%;border-radius:inherit;background:var(--brand)}
.hc3-ranking{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.hc3-rank-head,.hc3-rank-row{display:grid;grid-template-columns:34px minmax(240px,1.6fr) minmax(130px,.7fr) 80px 150px;gap:10px;align-items:center;padding:9px 12px}.hc3-rank-head{background:var(--surface-2);font-size:9px;font-weight:var(--fw-semibold);color:var(--text-3)}.hc3-rank-row{border-top:1px solid var(--border);font-size:9px}.hc3-rank-row:first-of-type{border-top:0}.hc3-rank-row>div{min-width:0}.hc3-rank-row b,.hc3-rank-row strong{font-size:10px}.hc3-rank-row>div>b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hc3-rank-row small{display:block;margin-top:3px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hc3-rank-row>strong,.hc3-rank-row>span:nth-last-child(2){text-align:right;font-variant-numeric:tabular-nums}.hc3-pos{color:var(--text-3);font-weight:800}
.hc3-empty-state{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:16px;padding:22px;border:1px dashed color-mix(in srgb,var(--brand) 28%,var(--border));border-radius:var(--radius-lg);background:color-mix(in srgb,var(--brand) 3%,var(--surface))}.hc3-empty-state h2{margin:4px 0 6px;font-size:18px}.hc3-empty-state p{margin:0;max-width:720px;font-size:10px;color:var(--text-2);line-height:1.55}.hc3-empty-icon{width:58px;height:58px;border-radius:var(--radius-lg);background:var(--brand);color:var(--brand-contrast);display:grid;place-items:center;font-weight:900;font-size:15px}.hc3-empty{padding:24px;text-align:center;color:var(--text-3);font-size:10px}.hc3-empty b,.hc3-empty span{display:block}.hc3-empty span{margin-top:5px}.hc3-notice{display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid color-mix(in srgb,var(--brand) 25%,var(--border));border-radius:var(--radius-lg);background:color-mix(in srgb,var(--brand) 4%,var(--surface));font-size:10px}.hc3-notice span{flex:1;color:var(--text-2)}.hc3-notice.is-warning{border-color:color-mix(in srgb,var(--warning) 35%,var(--border));background:color-mix(in srgb,var(--warning) 7%,var(--surface))}
.hc3-modal-bg,.hc3-drawer-bg{position:fixed;inset:0;z-index:1450;background:rgba(7,12,20,.58);backdrop-filter:blur(3px)}.hc3-modal-bg{display:flex;align-items:center;justify-content:center;padding:18px}.hc3-modal{width:min(980px,96vw);max-height:90vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:17px;box-shadow:var(--shadow-lg);overflow:hidden}.hc3-op-modal{width:min(900px,96vw)}.hc3-modal>header,.hc3-drawer>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border)}.hc3-modal header h2,.hc3-drawer header h2{margin:3px 0 2px;font-size:19px}.hc3-modal header p,.hc3-drawer header p{margin:0;font-size:9px;color:var(--text-2)}.hc3-modal-body{padding:14px 16px 16px;overflow:auto}.hc3-op-empty{padding:34px 18px;text-align:center}.hc3-op-empty b{font-size:13px}.hc3-op-empty p{max-width:560px;margin:8px auto 16px;font-size:10px;color:var(--text-2);line-height:1.5}.hc3-op-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2)}.hc3-op-summary article span,.hc3-op-summary article small{display:block;font-size:8px;color:var(--text-3)}.hc3-op-summary article strong{display:block;margin:5px 0 3px;font-size:25px}.hc3-op-actions{text-align:right}.hc3-op-actions span{display:block;margin-bottom:6px;font-size:8px;color:var(--text-3)}.hc3-op-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}.hc3-op-status button{appearance:none;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);text-align:left;padding:10px;cursor:pointer}.hc3-op-status span{display:block;font-size:8px;color:var(--text-2)}.hc3-op-status b{display:block;margin-top:4px;font-size:17px}.hc3-op-list{margin-top:10px;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.hc3-op-list-head,.hc3-op-list button{display:grid;grid-template-columns:minmax(240px,1fr) 170px 80px;gap:10px;align-items:center;padding:9px 11px}.hc3-op-list-head{font-size:9px;font-weight:var(--fw-semibold);color:var(--text-3);background:var(--surface-2)}.hc3-op-list button{width:100%;border:0;border-top:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer}.hc3-op-list button:hover{background:var(--surface-2)}.hc3-op-list b,.hc3-op-list strong{font-size:9px}.hc3-op-list small{display:block;margin-top:3px;font-size:8px;color:var(--text-3)}.hc3-op-list strong{text-align:right}
.hc3-drawer-bg{display:flex;justify-content:flex-end}.hc3-drawer{width:min(620px,96vw);height:100%;display:flex;flex-direction:column;background:var(--surface);border-left:1px solid var(--border);box-shadow:-16px 0 50px rgba(0,0,0,.22)}.hc3-order-search{display:flex;gap:7px;padding:10px 14px;border-bottom:1px solid var(--border)}.hc3-order-search .input{flex:1}.hc3-orders{display:flex;flex-direction:column;gap:7px;padding:12px 14px;overflow:auto;flex:1}.hc3-orders article{display:grid;grid-template-columns:minmax(150px,.65fr) minmax(0,1.35fr);gap:12px;padding:10px 11px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2)}.hc3-orders article b,.hc3-orders article strong{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hc3-orders article span,.hc3-orders article small{display:block;margin-top:3px;font-size:8px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hc3-more{margin:0 14px 14px}
.hc3-tabs{display:flex;gap:5px;padding:9px 15px 0}.hc3-tabs button{appearance:none;border:0;background:transparent;color:var(--text-2);font:inherit;font-size:9px;font-weight:800;padding:8px 10px;border-radius:var(--radius-md);cursor:pointer}.hc3-tabs button.is-active{background:var(--surface-2);color:var(--text)}.hc3-base-tools{display:grid;grid-template-columns:minmax(220px,1fr) 150px auto;gap:7px;margin-bottom:9px}.hc3-manage-list{display:flex;flex-direction:column;gap:7px}.hc3-manage-row{display:grid;grid-template-columns:minmax(0,1fr) 175px auto;gap:9px;align-items:center;padding:10px 11px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2)}.hc3-manage-row.is-inactive{opacity:.58}.hc3-manage-row b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hc3-manage-row span{display:block;margin-top:3px;font-size:8px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1050px){.hc3-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.hc3-networks{grid-template-columns:1fr}.hc3-rank-head,.hc3-rank-row{grid-template-columns:32px minmax(200px,1fr) 130px 70px 130px}}
@media(max-width:760px){.hc3-head{align-items:flex-start;flex-direction:column}.hc3-head-actions{width:100%}.hc3-period{align-items:stretch;flex-direction:column}.hc3-period-actions{margin-left:0;justify-content:space-between}.hc3-empty-state{grid-template-columns:1fr;text-align:left}.hc3-empty-icon{width:46px;height:46px}.hc3-rank-head{display:none}.hc3-rank-row{grid-template-columns:30px minmax(0,1fr) 110px}.hc3-rank-row>span:nth-child(3){display:none}.hc3-rank-row>span:nth-child(4){text-align:right}.hc3-rank-row>strong{grid-column:2/-1;text-align:right}.hc3-op-status{grid-template-columns:repeat(2,minmax(0,1fr))}.hc3-op-list-head,.hc3-op-list button{grid-template-columns:minmax(0,1fr) 70px}.hc3-op-list-head span:nth-child(2),.hc3-op-list button>span{display:none}.hc3-base-tools{grid-template-columns:1fr}.hc3-manage-row{grid-template-columns:1fr}}
@media(max-width:520px){.hc3-head h1{font-size:24px}.hc3-head-actions .btn{flex:1}.hc3-kpis{grid-template-columns:1fr}.hc3-network-meta{flex-direction:column;gap:2px}.hc3-op-summary{align-items:flex-start;flex-direction:column}.hc3-op-actions{text-align:left}.hc3-op-status{grid-template-columns:1fr}.hc3-modal-bg{padding:7px}.hc3-modal{max-height:95vh;width:100%}.hc3-drawer{width:100vw}.hc3-orders article{grid-template-columns:1fr}}

/* =====================================================================
   ODEM 32.8.1 — VISUAL REFRESH ENHANCED
   Refinos de modulos: apenas aparencia, sem alterar fluxo ou dados.
   ===================================================================== */
.ind-page, .ind-page-v2,
.hc3-page,
.cfg-page { color: var(--text); }

.ind-filterbar,
.rep-filters-wrap,
.rel-toolbar,
.venda-barra {
  border-radius: 16px;
}

.ind-panel,
.ind-evolution-panel,
.ped-status-panel,
.ped-tax-panel,
.ped-family-panel,
.rep-master-card,
.rel-kpi,
.rel-history,
.venda-card,
.venda-ajuste-card,
.hc3-section,
.hc3-ranking,
.hc3-networks {
  border-radius: 16px;
  border-color: var(--border);
  box-shadow: var(--shadow-sm);
}

.ind-kpi,
.rel-kpi,
.rep-master-summary > span,
.apr-ajuste-resumo > div,
.rel-rep-grid > div {
  background: var(--surface);
  border-color: var(--border);
  box-shadow: var(--shadow-sm);
}

.ind-kpi b,
.ind-kpi strong,
.rel-kpi b,
.ped-total-value,
.venda-barra-total,
.venda-prod-preco {
  font-variant-numeric: tabular-nums;
  letter-spacing: -.035em;
}

.ped-history-row,
.rel-history-row,
.rep-carteira-row,
.apr-ajuste-item,
.apr-senha-item {
  transition: background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);
}
.ped-history-row:hover,
.rel-history-row:hover,
.rep-carteira-row:hover {
  background: var(--surface-2);
}

/* =====================================================================
   ODEM 32.9.0 — GLOBAL PREMIUM REDESIGN / MODULOS + TELA OURO
   ===================================================================== */

/* Superficies compartilhadas dos modulos operacionais. */
.ind-panel, .ind-evolution-panel, .ped-status-panel, .ped-tax-panel, .ped-family-panel,
.rel-history, .rel-kpi, .cfg-card, .venda-card, .venda-detalhes,
.hc3-section, .hc3-ranking, .hc3-network, .hc3-kpi {
  border-radius: 16px;
  border-color: var(--border);
  background: var(--surface);
  box-shadow: 0 4px 18px rgba(18,21,28,.035);
}
[data-theme="dark"] .ind-panel,
[data-theme="dark"] .ind-evolution-panel,
[data-theme="dark"] .ped-status-panel,
[data-theme="dark"] .ped-tax-panel,
[data-theme="dark"] .ped-family-panel,
[data-theme="dark"] .rel-history,
[data-theme="dark"] .rel-kpi,
[data-theme="dark"] .cfg-card,
[data-theme="dark"] .venda-card,
[data-theme="dark"] .venda-detalhes,
[data-theme="dark"] .hc3-section,
[data-theme="dark"] .hc3-ranking,
[data-theme="dark"] .hc3-network,
[data-theme="dark"] .hc3-kpi { box-shadow: none; }

/* ---------------- TELA OURO: REPRESENTANTES ---------------- */
.rep-page {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}
.rep-page-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  padding: 4px 0 2px;
}
.rep-page-title { min-width: 0; }
.rep-page-eyebrow {
  display: block;
  margin-bottom: 6px;
  color: var(--text-3);
  font-size: 9px;
  font-weight: 750;
  letter-spacing: .15em;
}
.rep-page-title h1 {
  margin: 0;
  font-size: clamp(27px, 2.2vw, 34px);
  line-height: 1.05;
  font-weight: 760;
  letter-spacing: -.045em;
}
.rep-page-title p {
  margin: 7px 0 0;
  color: var(--text-2);
  font-size: 13px;
}
.rep-master-tools { display:flex; align-items:center; justify-content:flex-end; gap:9px; flex-wrap:wrap; }

.rep-master-summary-v32 {
  display: grid;
  grid-template-columns: repeat(7, minmax(0,1fr));
  gap: 10px;
  margin: 0;
}
.rep-stat {
  position: relative;
  min-height: 88px;
  padding: 14px 13px;
  display: grid;
  grid-template-columns: 36px minmax(0,1fr);
  align-items: center;
  gap: 11px;
  border: 1px solid var(--border);
  border-radius: 15px;
  background: var(--surface);
  color: var(--text);
  text-align: left;
  box-shadow: 0 4px 16px rgba(18,21,28,.035);
  cursor: pointer;
  transition: transform var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);
}
.rep-stat:hover {
  transform: translateY(-1px);
  border-color: var(--border-strong);
  box-shadow: 0 9px 24px rgba(18,21,28,.07);
}
[data-theme="dark"] .rep-stat { box-shadow: none; background: #171A20; }
[data-theme="dark"] .rep-stat:hover { background: #1B1F27; }
.rep-stat-icon {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: var(--surface-2);
  color: var(--text-2);
}
.rep-stat-icon svg { width: 19px; height: 19px; fill: currentColor; }
.rep-stat-copy { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.rep-stat-copy b {
  font-family: var(--font-ui);
  font-size: 22px;
  line-height: 1;
  font-weight: 760;
  letter-spacing: -.045em;
  color: var(--text);
}
.rep-stat-copy > span { font-size: 10px; color: var(--text-2); white-space: normal; }
.rep-stat-brand .rep-stat-icon { background: var(--info-tint); color: var(--info); }
.rep-stat-success .rep-stat-icon { background: var(--ok-tint); color: var(--ok); }
.rep-stat-warning .rep-stat-icon { background: var(--warn-tint); color: #D86B00; }
.rep-stat-info .rep-stat-icon { background: #EEF4FF; color: #3978D4; }
.rep-stat-violet .rep-stat-icon { background: #F2EDFF; color: #7552C6; }
.rep-stat-neutral .rep-stat-icon { background: var(--surface-3); color: var(--text-2); }
.rep-stat-danger .rep-stat-icon { background: var(--danger-tint); color: var(--danger); }
[data-theme="dark"] .rep-stat-info .rep-stat-icon { background:#152638; color:#67A8EB; }
[data-theme="dark"] .rep-stat-violet .rep-stat-icon { background:#241C3A; color:#A88BF0; }

.rep-filters-wrap { margin: 0; }
.rep-filter-shell {
  display: grid;
  gap: 15px;
  padding: 18px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: var(--surface);
  box-shadow: 0 4px 18px rgba(18,21,28,.035);
}
[data-theme="dark"] .rep-filter-shell { box-shadow:none; background:#171A20; }
.rep-filter-heading {
  display: flex;
  align-items: center;
  gap: 11px;
}
.rep-filter-heading-icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: var(--surface-2);
  color: var(--text-2);
}
.rep-filter-heading-icon svg { width: 19px; height: 19px; fill: currentColor; }
.rep-filter-heading > span:last-child { display:flex; flex-direction:column; gap:2px; }
.rep-filter-heading b { font-size: 15px; font-weight: 720; letter-spacing: -.02em; }
.rep-filter-heading small { color: var(--text-3); font-size: 10px; }

.rep-filter-primary {
  display: grid;
  grid-template-columns: minmax(300px,2.1fr) repeat(4,minmax(120px,.82fr));
  gap: 10px;
  align-items: end;
}
.rep-filter-primary > div,
.rep-filter-advanced-grid > div { display:grid; gap:6px; min-width:0; }
.rep-filter-primary label,
.rep-filter-advanced-grid label {
  color: var(--text-2);
  font-size: 10px;
  font-weight: 650;
  letter-spacing: 0;
  text-transform: none;
}
.rep-filter-shell .input,
.rep-filter-shell .select { height: 42px; min-height:42px; font-size:12px; background:var(--control-bg); }
.rep-filter-tools {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 34px;
  gap: 12px;
  padding-top: 2px;
}
.rep-filter-chips { gap:7px; }
.rep-filter-chips-label { font-size:10px; color:var(--text-2); text-transform:none; letter-spacing:0; font-weight:650; }
.rep-filter-chip {
  min-height: 29px;
  padding: 4px 8px 4px 10px;
  border-radius: 999px;
  background: var(--surface-2);
  border-color: var(--border);
  color: var(--text-2);
  font-size: 10px;
}
.rep-filter-actions .btn { min-height: 34px; height:34px; padding:0 11px; font-size:10px; }
.rep-filter-advanced {
  padding-top: 15px;
  border-top: 1px solid var(--border);
}
.rep-filter-advanced-grid { grid-template-columns: repeat(6,minmax(120px,1fr)); gap:10px; }

.rep-bulk-bar {
  display: grid;
  grid-template-columns: auto auto minmax(220px,1fr) auto auto;
  align-items: center;
  gap: 10px;
  min-height: 64px;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 15px;
  background: var(--surface);
  box-shadow: 0 4px 18px rgba(18,21,28,.028);
}
[data-theme="dark"] .rep-bulk-bar { box-shadow:none; background:#171A20; }
.rep-bulk-bar .select { height: 40px; min-height:40px; background:var(--control-bg); }
.rep-bulk-bar .btn { min-height: 40px; height:40px; }
.rep-bulk-select { font-size:12px; }
.rep-bulk-count { font-size:10px; color:var(--text-3); }
.rep-result-meta { margin: -4px 2px -4px; font-size:10px; color:var(--text-3); }

.rep-master-grid.rep-master-list-v32,
.rep-master-list-v32 { gap: 8px; }
.rep-master-card-v32 {
  width: 100%;
  padding: 14px 16px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--surface);
  box-shadow: none;
  transition: background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);
}
.rep-master-card-v32:hover { background:var(--surface-2); border-color:var(--border-strong); }
.rep-name-line h3 { font-size:13px; font-weight:700; letter-spacing:-.015em; }
.rep-subline { font-size:10px; color:var(--text-3); }
.rep-master-meta-v32 {
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 8px 16px;
  margin: 12px 0;
  padding: 11px 0;
}
.rep-master-meta span { font-size:9px; }
.rep-master-meta b { font-size:11px; font-weight:600; }
.rep-master-system { font-size:10px; }
.rep-master-actions { gap:6px; }

/* Login mais alinhado ao novo sistema. */




/* Home Centers recebe a linguagem visual sem alterar estrutura funcional. */
.hc3-kpi { border-radius:15px; background:var(--surface); }
.hc3-kpi strong { font-size:27px; font-weight:750; letter-spacing:-.045em; }
.hc3-section { border-radius:16px; }
.hc3-network { border-radius:14px; }

/* Dashboard / indicadores: mais contraste de superficies. */
.ind-kpi { border-radius:15px; background:var(--surface); }
.ind-kpi b, .ind-kpi strong { font-weight:750; letter-spacing:-.045em; }
.ind-filterbar { background:var(--surface); border:1px solid var(--border); }

/* Configuracoes e historico. */
.cfg-card { border-radius:16px; }
.cfg-history-toolbar, .cfg-history-tabs { border-radius:12px; }
.cfg-history-user-row:hover { background:var(--surface-2); }

@media (max-width: 1280px) {
  .rep-master-summary-v32 { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .rep-filter-primary { grid-template-columns:minmax(280px,2fr) repeat(2,minmax(125px,1fr)); }
  .rep-filter-advanced-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .rep-master-meta-v32 { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width: 900px) {
  .rep-page-head { align-items:flex-start; flex-direction:column; }
  .rep-master-tools { width:100%; justify-content:flex-start; }
  .rep-master-summary-v32 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .rep-filter-primary { grid-template-columns:1fr 1fr; }
  .rep-filter-primary .rep-filter-search { grid-column:1/-1; }
  .rep-filter-advanced-grid { grid-template-columns:1fr 1fr; }
  .rep-filter-tools { align-items:flex-start; flex-direction:column; }
  .rep-filter-actions { margin-left:0; }
  .rep-bulk-bar { grid-template-columns:1fr 1fr; }
  .rep-bulk-action { grid-column:1/-1; }
}
@media (max-width: 640px) {
  .rep-page { gap:12px; }
  .rep-page-head { padding-top:2px; gap:13px; }
  .rep-page-eyebrow { font-size:8px; }
  .rep-page-title h1 { font-size:25px; }
  .rep-page-title p { margin-top:5px; font-size:11px; line-height:1.4; }
  .rep-master-tools { display:grid; grid-template-columns:1fr; gap:7px; }
  .rep-master-tools .btn { width:100%; }
  .rep-master-summary-v32 { grid-template-columns:1fr 1fr; gap:8px; }
  .rep-stat { min-height:72px; padding:10px; grid-template-columns:30px minmax(0,1fr); gap:8px; border-radius:13px; }
  .rep-stat-icon { width:30px; height:30px; border-radius:9px; }
  .rep-stat-icon svg { width:16px; height:16px; }
  .rep-stat-copy b { font-size:19px; }
  .rep-filter-shell { padding:13px; gap:12px; border-radius:14px; }
  .rep-filter-heading small { display:none; }
  .rep-filter-primary, .rep-filter-advanced-grid { grid-template-columns:1fr; }
  .rep-filter-primary .rep-filter-search { grid-column:auto; }
  .rep-filter-actions { width:100%; display:grid; grid-template-columns:1fr 1fr; }
  .rep-filter-actions .btn { width:100%; }
  .rep-filter-chips-label { width:100%; }
  .rep-bulk-bar { grid-template-columns:1fr; padding:10px; }
  .rep-bulk-action { grid-column:auto; }
  .rep-bulk-bar .btn { width:100%; }
  .rep-master-card-v32 { padding:12px; }
  .rep-master-meta-v32 { grid-template-columns:1fr 1fr; }
}

/* Ajuste fino mobile das ações em massa — apenas layout. */
@media (max-width: 640px) {
  .rep-bulk-bar {
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
  }
  .rep-bulk-select { grid-column:1; }
  .rep-bulk-count { grid-column:2; text-align:right; }
  .rep-bulk-action { grid-column:1/-1; width:100%; }
  .rep-bulk-bar .btn { grid-column:auto; width:100%; }
  .rep-bulk-bar > .btn:last-child:nth-child(4) { grid-column:1/-1; }
}


/* =====================================================================
   ODEM 33.0.0 — UI SKIN / MODULOS
   Somente pele: nenhuma regra de dados ou comportamento.
   ===================================================================== */

/* Dashboard */
.ind-page { gap: 18px; }
.ind-head { align-items: center; }
.ind-eyebrow { color: var(--brand); font-size: 9px; letter-spacing: .14em; }
.ind-head h1 { font-size: clamp(30px,2.5vw,38px); font-weight: 760; letter-spacing: -.055em; }
.ind-head p { color: var(--text-2); font-size: 13px; }
.ind-sync {
  min-height: 34px;
  padding: 7px 11px;
  border-color: transparent;
  border-radius: 999px;
  background: var(--surface-2);
  box-shadow: inset 0 0 0 1px var(--hairline);
}
.ind-kpis { gap: 12px; }
.ind-kpi {
  position: relative;
  min-height: 112px;
  padding: 18px;
  border-color: var(--hairline);
  border-radius: 20px;
  overflow: hidden;
}
.ind-kpi::after {
  content:"";
  position:absolute;
  inset:auto 16px 12px auto;
  width:36px;
  height:36px;
  border-radius:12px;
  background:var(--surface-2);
  opacity:.8;
  pointer-events:none;
}
.ind-kpi strong { margin: 9px 0 5px; font-size: 25px; font-weight: 760; letter-spacing: -.05em; }
.ind-panel { padding: 18px; border-radius: 20px; border-color: var(--hairline); }
.ind-panel-head b, .ind-panel-head strong { font-size: 15px; font-weight: 700; }
.ind-insights > div { border-radius: 16px; background: var(--surface-2); box-shadow: inset 0 0 0 1px var(--hairline); }
.ind-bar { height: 8px; background: var(--surface-3); }
.ind-bar i { background: var(--brand); }

/* Pedidos / venda */
.ped-status-panel, .ped-tax-panel, .ped-family-panel {
  padding: 18px;
  border-color: var(--hairline);
  border-radius: 20px;
  background: var(--surface);
}
.ped-status-live { border-color: transparent; background: var(--surface-2); box-shadow: inset 0 0 0 1px var(--hairline); }
.ped-status-dot { width: 14px; height: 14px; border-color: var(--border-strong); }
.ped-history-marker { width: 28px; height: 28px; flex-basis: 28px; border-radius: 10px; background: var(--surface-2); border-color: var(--hairline); }
.ped-tax-grid > div { padding: 12px; border-color: var(--hairline); border-radius: 15px; background: var(--surface-2); }
.venda-card { border-radius: 20px; border-color: var(--hairline); }
.venda-ajuste-card { background: color-mix(in srgb,var(--brand-tint) 52%,var(--surface)); }

/* Representantes — tela ouro sem alterar markup/handlers. */
.rep-page { gap: 17px; }
.rep-page-head { align-items: center; padding: 3px 2px 0; }
.rep-page-eyebrow { margin-bottom: 7px; color: var(--brand); font-size: 9px; letter-spacing: .14em; }
.rep-page-title h1 { font-size: clamp(30px,2.5vw,38px); font-weight: 770; letter-spacing: -.055em; }
.rep-page-title p { margin-top: 7px; color: var(--text-2); font-size: 13px; }
.rep-master-tools { gap: 8px; }

.rep-master-summary-v32 { gap: 11px; }
.rep-stat {
  min-height: 96px;
  padding: 15px;
  grid-template-columns: 42px minmax(0,1fr);
  gap: 12px;
  border-color: var(--hairline);
  border-radius: 20px;
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}
[data-theme="dark"] .rep-stat { background: var(--surface); box-shadow: none; }
.rep-stat:hover { transform: translateY(-2px); background: var(--surface-raised); border-color: var(--border-strong); box-shadow: var(--shadow-md); }
[data-theme="dark"] .rep-stat:hover { background: var(--surface-2); box-shadow:none; }
.rep-stat-icon {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: var(--surface-2);
  box-shadow: inset 0 0 0 1px var(--hairline);
}
.rep-stat-icon svg { width: 20px; height: 20px; }
.rep-stat-copy b { font-size: 24px; font-weight: 770; letter-spacing: -.055em; }
.rep-stat-copy > span { font-size: 10.5px; color: var(--text-2); }
.rep-stat-brand .rep-stat-icon { background: color-mix(in srgb,var(--ios-blue) 11%,var(--surface)); color: var(--ios-blue); }
.rep-stat-success .rep-stat-icon { background: color-mix(in srgb,var(--ios-green) 11%,var(--surface)); color: var(--ios-green); }
.rep-stat-warning .rep-stat-icon { background: color-mix(in srgb,var(--ios-orange) 12%,var(--surface)); color: var(--ios-orange); }
.rep-stat-info .rep-stat-icon { background: color-mix(in srgb,var(--ios-blue) 10%,var(--surface)); color: var(--ios-blue); }
.rep-stat-violet .rep-stat-icon { background: color-mix(in srgb,var(--ios-purple) 11%,var(--surface)); color: var(--ios-purple); }
.rep-stat-danger .rep-stat-icon { background: color-mix(in srgb,var(--danger) 11%,var(--surface)); color: var(--danger); }

.rep-filter-shell {
  gap: 15px;
  padding: 17px;
  border-color: var(--hairline);
  border-radius: 22px;
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}
[data-theme="dark"] .rep-filter-shell { background:var(--surface); box-shadow:none; }
.rep-filter-heading-icon {
  width: 38px;
  height: 38px;
  border-radius: 13px;
  background: var(--surface-2);
  box-shadow: inset 0 0 0 1px var(--hairline);
}
.rep-filter-heading b { font-size: 16px; font-weight: 720; }
.rep-filter-heading small { font-size: 10.5px; }
.rep-filter-primary label, .rep-filter-advanced-grid label { font-size: 10.5px; color:var(--text-2); font-weight:650; }
.rep-filter-shell .input, .rep-filter-shell .select { height:44px; min-height:44px; border-radius:14px; }
.rep-filter-chip {
  min-height: 30px;
  padding: 5px 9px 5px 11px;
  border: 0;
  border-radius: 999px;
  background: var(--surface-2);
  box-shadow: inset 0 0 0 1px var(--hairline);
}
.rep-filter-advanced { border-top-color: var(--hairline); }
.rep-bulk-bar {
  min-height: 62px;
  padding: 10px 12px;
  border-color: var(--hairline);
  border-radius: 18px;
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}
[data-theme="dark"] .rep-bulk-bar { background:var(--surface); box-shadow:none; }
.rep-master-card-v32 {
  padding: 15px 16px;
  border-color: var(--hairline);
  border-radius: 18px;
  background: var(--surface);
}
.rep-master-card-v32:hover { background: var(--surface-2); border-color: var(--border-strong); transform: translateY(-1px); }
.rep-master-meta-v32 { border-top-color:var(--hairline); border-bottom-color:var(--hairline); }

/* Relatorios */
.rel-toolbar h1, .rel-day-head h2 { letter-spacing: -.04em; }
.rel-kpi { min-height: 96px; padding: 15px; border-color:var(--hairline); border-radius:18px; }
.rel-kpi b { font-size: 25px; font-weight:760; letter-spacing:-.05em; }
.rel-history { border-color:var(--hairline); border-radius:20px; }
.rel-history-row { border-top-color:var(--hairline); border-radius:12px; padding:10px; }
.rel-history-row.is-active { background:var(--brand-tint); box-shadow:none; color:var(--brand); }
.rel-rep-grid > div { background:var(--surface-2); box-shadow:inset 0 0 0 1px var(--hairline); border:0; }

/* Configuracoes / historico */
.cfg-card { border-radius:20px; border-color:var(--hairline); }
.cfg-icon { border-radius:14px; background:var(--surface-2); box-shadow:inset 0 0 0 1px var(--hairline); }
.cfg-history-toolbar { border-radius:16px; }
.cfg-history-user-row, .cfg-history-event { border-color:var(--hairline); border-radius:15px; }

/* Home Centers */
.hc3-kpis { gap:12px; }
.hc3-kpi { padding:17px; border-color:var(--hairline); border-radius:20px; }
.hc3-kpi strong { font-size:28px; font-weight:770; letter-spacing:-.055em; }
.hc3-network { padding:15px; border-color:var(--hairline); border-radius:18px; background:var(--surface); }
.hc3-logo { border-color:var(--hairline); border-radius:14px; background:var(--surface-2); }
.hc3-share { height:6px; background:var(--surface-3); }
.hc3-manage-row { border-color:var(--hairline); border-radius:16px; background:var(--surface-2); }