/* ODEM Vendas — Refinamento visual consolidado da área COMERCIAL.
   PROTEÇÃO: cada regra é confinada a uma destas raízes:
   #ped-raiz #cli-raiz #rep-raiz #prod-raiz #cat-raiz .vr-page
   Nenhuma regra modifica menu, topbar, Configurações, Chamados ou Gerencial.
   Alterações visuais; nenhuma regra fiscal, de estoque ou de permissão. */

/* 1 — Identidade comum. Mais legibilidade e hierarquia, sem mudar o shell. */
:is(#ped-raiz,#cli-raiz,#rep-raiz,#prod-raiz,#cat-raiz,.vr-page){
  --com-soft:color-mix(in srgb,var(--brand) 6%,var(--surface));
  --com-line:color-mix(in srgb,var(--border) 86%,transparent);
  --com-shadow:0 6px 22px rgba(0,0,0,.045);
  color:var(--text);font-family:var(--font-ui);font-size:14px;line-height:1.48;
}
:is(#ped-raiz,#cli-raiz,#rep-raiz,#prod-raiz,#cat-raiz,.vr-page) :is(.ios-eyebrow,.rep-page-eyebrow){
  color:var(--brand);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
}
:is(#ped-raiz,#cli-raiz,#rep-raiz,#prod-raiz,#cat-raiz,.vr-page) :is(.ios-page-heading,.rep-page-head){
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
  gap:16px;padding:clamp(18px,2vw,28px);margin:0 0 18px;
  border:1px solid var(--com-line);border-radius:18px;
  background:linear-gradient(120deg,var(--com-soft),var(--surface) 78%);
  box-shadow:var(--com-shadow);
}
:is(#ped-raiz,#cli-raiz,#rep-raiz,#prod-raiz,#cat-raiz,.vr-page) :is(.ios-page-heading h1,.rep-page-head h1,.ios-page-heading .card-title){
  margin:5px 0 6px!important;font-size:clamp(24px,2.45vw,32px)!important;
  line-height:1.17;font-weight:800!important;letter-spacing:-.035em;
}
:is(#ped-raiz,#cli-raiz,#rep-raiz,#prod-raiz,#cat-raiz,.vr-page) :is(.ios-page-description,.rep-page-title p){
  color:var(--text-2);font-size:14px!important;line-height:1.55;max-width:70ch;margin-bottom:0;
}
:is(#ped-raiz,#cli-raiz,#rep-raiz,#prod-raiz,#cat-raiz,.vr-page) :is(.btn,[type="button"].btn){
  border-radius:11px;min-height:38px;line-height:1.3;font-size:13.5px;font-weight:700;
  display:inline-flex;align-items:center;justify-content:center;gap:7px;max-width:100%;
  transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease;
}
:is(#ped-raiz,#cli-raiz,#rep-raiz,#prod-raiz,#cat-raiz,.vr-page) .btn:focus-visible,
:is(#ped-raiz,#cli-raiz,#rep-raiz,#prod-raiz,#cat-raiz,.vr-page) :is(.input,.select,summary):focus-visible{
  outline:2px solid var(--brand);outline-offset:3px;
}
:is(#ped-raiz,#cli-raiz,#rep-raiz,#prod-raiz,#cat-raiz,.vr-page) :is(input.input,select.select,textarea.input){
  font-size:14px;min-height:42px;border-radius:11px;background:var(--control-bg);
  border-color:var(--border-strong);color:var(--text);
}
:is(#ped-raiz,#cli-raiz,#rep-raiz,#prod-raiz,#cat-raiz,.vr-page) :is(.badge,.maino-sistema-badge){
  display:inline-flex;align-items:center;max-width:100%;width:max-content;
  padding:5px 9px;line-height:1.35;white-space:normal;overflow-wrap:anywhere;
  border-radius:9px;font-size:11px;font-weight:740;
}
:is(#ped-raiz,#cli-raiz,#rep-raiz,#prod-raiz,#cat-raiz,.vr-page) :is(.modal-box,.rep-modal-box-wide){
  max-width:min(95vw,100%);box-shadow:var(--shadow-lg);
}

/* 2 — Pedidos: controles e cartões com ritmo visual mais claro. */
#ped-raiz .ios-page-panel{min-width:0}
#ped-raiz .ped-create-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
#ped-raiz .ped-create-actions .btn{min-height:43px;padding-inline:16px;font-size:14px}
#ped-raiz .ios-filter-grid{padding:17px!important;background:var(--surface-2);border:1px solid var(--border);
  border-radius:15px;gap:11px!important;align-items:center;margin-bottom:12px}
#ped-raiz .ios-filter-grid :is(input,select){min-width:0;min-height:43px}
#ped-raiz :is(.ped-list-toolbar,.ped-maintenance,.ios-sync-line){border-radius:13px}
#ped-raiz .ped-list-toolbar{padding:12px 0;gap:12px}
#ped-raiz :is(.ios-order-row,.ped-card){border:1px solid var(--border)!important;border-radius:15px!important;
  background:var(--surface);box-shadow:0 2px 10px rgba(0,0,0,.025);padding:16px!important;margin-bottom:10px}
#ped-raiz .ios-order-row:hover{border-color:var(--border-strong)!important;background:var(--surface-2)}
#ped-raiz .ios-order-client{font-weight:750;font-size:15px;line-height:1.35;overflow-wrap:anywhere}
#ped-raiz .ios-order-amount{min-width:0}
#ped-raiz .ped-card-value span{font-size:11.5px;letter-spacing:.01em;color:var(--text-2)}
#ped-raiz .ped-card-value strong{font-size:clamp(15px,1.35vw,19px);font-variant-numeric:tabular-nums}
#ped-raiz .ios-order-status{max-width:100%;white-space:normal;overflow-wrap:anywhere}
#ped-raiz :is(.ped-section-title,.modal-title){font-size:17px;font-weight:750;line-height:1.3}
#ped-raiz :is(.ped-detail-actions,.modal-actions,.ped-maintenance-actions){gap:9px;flex-wrap:wrap}
#ped-raiz .ped-value-status{line-height:1.4;overflow-wrap:anywhere}

/* 3 — Clientes: formulário e lista mais fáceis de ler. */
#cli-raiz .ios-client-toolbar{padding:16px!important;border:1px solid var(--border);border-radius:15px;
  background:var(--surface-2);gap:10px!important;align-items:center;margin-bottom:16px}
#cli-raiz .ios-client-toolbar #cli-busca{min-width:min(280px,100%);flex:2 1 300px}
#cli-raiz #cli-lista .table{border-collapse:separate;border-spacing:0;font-size:13.5px}
#cli-raiz #cli-lista .table thead th{padding:13px 14px;background:var(--surface-2);font-size:11px;
  color:var(--text-2);text-transform:uppercase;letter-spacing:.035em;white-space:nowrap}
#cli-raiz #cli-lista .table tbody td{padding:13px 14px;border-bottom:1px solid var(--border);vertical-align:middle}
#cli-raiz #cli-lista .table tbody tr:hover{background:var(--surface-2)}
#cli-raiz #cli-lista .table .btn{min-height:34px;padding:7px 10px}
#cli-raiz #cli-lista > .card,#cli-raiz #cli-lista .card{border:1px solid var(--border);border-radius:15px!important;
  background:var(--surface);box-shadow:var(--com-shadow);margin-bottom:10px!important}
#cli-raiz #cli-lista .card :is(strong,b){overflow-wrap:anywhere}
#cli-raiz #cli-barra:not(.hidden){padding:12px 14px;background:var(--com-soft);border:1px solid var(--border);
  border-radius:12px;margin-bottom:12px}
#cli-raiz #modal-cli .modal-box{border-radius:18px}
#cli-raiz #modal-cli .field{margin-bottom:13px}

/* 4 — Representantes: verdadeiramente compacto, menu sobreposto e alinhado. */
#rep-raiz .rep-page-head{align-items:flex-start}
#rep-raiz .rep-master-tools{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
#rep-raiz .rep-summary-fold,#rep-raiz .rep-filters-wrap{border-radius:14px}
#rep-raiz .rep-master-card-v32{
  position:relative;z-index:auto;overflow:visible!important;
  border:1px solid var(--border)!important;border-radius:16px!important;
  background:var(--surface)!important;padding:16px 18px!important;
  margin-bottom:12px;box-shadow:var(--com-shadow);
  transform:none!important;
}
#rep-raiz .rep-master-card-v32:has(.rep-more-actions[open]){z-index:45}
#rep-raiz .rep-master-card-v32:hover{background:var(--surface)!important;border-color:var(--border-strong)!important}
#rep-raiz #rep-lista,#rep-raiz .rep-card-body{overflow:visible!important;min-width:0}
#rep-raiz .rep-master-main{min-width:0}
#rep-raiz .rep-compact-name{gap:12px;min-width:0}
#rep-raiz .rep-row-avatar{width:46px;height:46px;flex:none;border-radius:50%;overflow:hidden;border:2px solid var(--surface);
  box-shadow:0 0 0 1px var(--border)}
#rep-raiz .rep-row-avatar img{width:100%;height:100%;object-fit:cover}
#rep-raiz .rep-name-line{display:flex;align-items:center;flex-wrap:wrap;gap:6px 9px}
#rep-raiz .rep-name-line h3{font-size:15px;font-weight:800;line-height:1.3;letter-spacing:-.02em}
#rep-raiz .rep-subline{font-size:12px;line-height:1.45;color:var(--text-2);overflow-wrap:anywhere;margin-top:3px}
#rep-raiz .rep-compact-summary{display:flex;flex-wrap:wrap;gap:6px 20px;
  color:var(--text-2);font-size:12.5px;margin-top:10px}
#rep-raiz .rep-compact-summary b{font-variant-numeric:tabular-nums;color:var(--text)}
#rep-raiz .rep-compact-details{margin:12px 0 10px}
#rep-raiz .rep-compact-details > summary{font-size:12px;color:var(--text-2);cursor:pointer}
#rep-raiz .rep-master-actions{display:block!important;position:relative;width:100%;padding:12px 0 0!important;
  border-top:1px solid var(--border);margin-top:12px;overflow:visible!important}
#rep-raiz .rep-actions-main{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-width:0}
#rep-raiz .rep-actions-main > .btn{flex:none;min-height:40px;padding:10px 14px}
#rep-raiz .rep-more-actions{position:relative;margin-left:auto;flex:0 0 auto;isolation:isolate;min-width:0}
#rep-raiz .rep-more-actions > summary{list-style:none;display:flex;align-items:center;gap:8px;
  cursor:pointer;user-select:none;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);
  border-radius:11px;padding:9px 13px;min-height:40px;font-size:13px;font-weight:750}
#rep-raiz .rep-more-actions > summary::-webkit-details-marker{display:none}
#rep-raiz .rep-more-actions > summary::marker{content:''}
#rep-raiz .rep-more-actions[open] > summary{border-color:var(--brand);background:var(--com-soft);color:var(--text)}
#rep-raiz .rep-more-actions > summary > span{font-size:18px;line-height:10px;letter-spacing:1px}
#rep-raiz .rep-actions-popover{position:absolute;right:0;top:calc(100% + 8px);z-index:60;
  width:min(292px,calc(100vw - 36px));max-height:min(70vh,520px);overflow-y:auto;
  display:grid;gap:1px;padding:9px;border:1px solid var(--border-strong);
  border-radius:15px;background:var(--surface);box-shadow:0 18px 50px rgba(0,0,0,.25)}
#rep-raiz .rep-more-actions.rep-menu-up .rep-actions-popover{top:auto;bottom:calc(100% + 8px)}
#rep-raiz .rep-actions-section{display:grid;gap:2px;padding:4px 1px}
#rep-raiz .rep-actions-section + .rep-actions-section{border-top:1px solid var(--border);margin-top:4px;padding-top:9px}
#rep-raiz .rep-actions-label{font-size:10px;letter-spacing:.085em;font-weight:800;
  text-transform:uppercase;color:var(--text-3);padding:6px 10px 5px}
#rep-raiz .rep-actions-popover .btn{width:100%;max-width:none;display:flex!important;justify-content:flex-start;
  text-align:left;padding:10px 11px;min-height:40px;flex:none!important;
  border:0!important;background:transparent!important;color:var(--text);border-radius:9px;font-size:13px}
#rep-raiz .rep-actions-popover .btn:hover{background:var(--surface-2)!important}
#rep-raiz .rep-actions-popover .rep-actions-danger .btn{color:var(--danger)!important}
#rep-raiz .rep-actions-popover .rep-actions-danger .btn:hover{background:color-mix(in srgb,var(--danger) 9%,var(--surface))!important}
#rep-raiz .rep-master-meta-v32{gap:11px;line-height:1.55}
#rep-raiz .rep-summary-tools .btn{min-height:34px}
#rep-raiz #rep-filtros :is(.input,.select){min-height:42px}

/* 5 — Produtos: cartões mais sólidos, valores destacados e pesquisa clara. */
#prod-raiz [data-of-prod-filters]{display:grid;grid-template-columns:minmax(150px,220px) minmax(240px,1fr);
  align-items:center;gap:12px;padding:16px;border:1px solid var(--border);border-radius:15px;
  background:var(--surface-2);margin-bottom:16px!important}
#prod-raiz #prod-sistema,#prod-raiz #prod-busca{width:100%;min-height:46px}
#prod-raiz #prod-lista > div[style*="grid"]{gap:14px!important}
#prod-raiz #prod-lista .card{border:1px solid var(--border);border-radius:16px!important;
  background:var(--surface);box-shadow:var(--com-shadow);padding:18px!important;
  min-width:0;gap:16px!important;align-items:flex-start}
#prod-raiz #prod-lista .card:hover{border-color:var(--border-strong);background:var(--surface-2)}
#prod-raiz #prod-lista .card > img,#prod-raiz #prod-lista .card > span:first-child{
  width:78px!important;height:78px!important;flex:0 0 78px;object-fit:cover;border:1px solid var(--border);
  border-radius:12px!important;background:var(--surface-2)}
#prod-raiz #prod-lista .card .mono{font-variant-numeric:tabular-nums}
#prod-raiz #prod-lista .card > div{min-width:0;overflow-wrap:anywhere;line-height:1.5}
#prod-raiz #prod-lista .card > div > div[style*="font-weight"]{font-size:15px!important;font-weight:750!important;margin:4px 0 8px!important}
#prod-raiz #prod-lista .card > div > div[style*="font-size:var(--fs-lg)"]{font-size:18px!important;font-weight:800!important;color:var(--text)}
#prod-raiz #prod-avisos{overflow-wrap:anywhere}

/* 6 — Catálogo: documentação com uma área de ação e prévia limpas. */
#cat-raiz #cat-corpo{border:1px solid var(--border);border-radius:16px;
  background:var(--surface);padding:clamp(14px,2vw,24px);min-height:230px}
#cat-raiz #cat-corpo > div:first-child{gap:14px}
#cat-raiz #cat-corpo .btn{min-height:40px;padding-inline:14px}
#cat-raiz #cat-corpo iframe{display:block;width:100%;border-radius:13px!important;border:1px solid var(--border)!important;
  background:var(--surface-2)}

/* 7 — Varejo: acabamento sem alterar altura do gráfico ou critério de ranking. */
.vr-page :is(.ind-panel,.vr-panel){border:1px solid var(--border);border-radius:17px;
  background:var(--surface);box-shadow:var(--com-shadow)}
.vr-page :is(.vr-panel-head,.ind-panel-head){gap:10px;min-width:0}
.vr-page .vr-rep-row{gap:12px;padding-block:14px;border-color:var(--border)}
.vr-page .vr-rep-line strong{font-size:13px;line-height:1.35;font-weight:800}
.vr-page .vr-rep-line b{font-size:13px;font-weight:800}
.vr-page .vr-rep-meta{font-size:11px;color:var(--text-2);gap:5px 10px}
.vr-page .vr-progress{border-radius:999px;overflow:hidden;background:var(--surface-3)}
.vr-page .vr-progress i{border-radius:inherit}
.vr-page .vr-chart-day .vr-chart-tooltip{border:1px solid var(--border-strong);border-radius:11px;
  background:var(--surface);padding:8px 11px;color:var(--text);box-shadow:0 12px 30px rgba(0,0,0,.2)}
.vr-page .vr-executive-row{min-width:0}

@media(max-width:900px){
  :is(#ped-raiz,#cli-raiz,#rep-raiz,#prod-raiz,#cat-raiz) :is(.ios-page-heading,.rep-page-head){padding:18px;align-items:flex-start}
  #rep-raiz .rep-name-line{align-items:flex-start}
}
@media(max-width:640px){
  :is(#ped-raiz,#cli-raiz,#rep-raiz,#prod-raiz,#cat-raiz,.vr-page){font-size:14px}
  :is(#ped-raiz,#cli-raiz,#rep-raiz,#prod-raiz,#cat-raiz) :is(.ios-page-heading,.rep-page-head){
    padding:15px;border-radius:14px;gap:12px;margin-bottom:13px}
  :is(#ped-raiz,#cli-raiz,#rep-raiz,#prod-raiz,#cat-raiz) :is(.ios-page-heading h1,.rep-page-head h1,.ios-page-heading .card-title){font-size:25px!important}
  :is(#ped-raiz,#cli-raiz,#rep-raiz,#prod-raiz,#cat-raiz) :is(.ios-page-description,.rep-page-title p){font-size:13px!important}
  #ped-raiz .ios-filter-grid{padding:12px!important;gap:9px!important}
  #ped-raiz .ios-order-row{padding:13px!important}
  #cli-raiz .ios-client-toolbar{padding:12px!important}
  #cli-raiz .ios-client-toolbar #cli-busca{flex:1 1 100%;min-width:0}
  #rep-raiz .rep-master-card-v32{padding:13px!important;border-radius:14px!important}
  #rep-raiz .rep-master-tools{width:100%;display:grid;grid-template-columns:1fr}
  #rep-raiz .rep-master-tools .btn{width:100%}
  #rep-raiz .rep-name-line h3{font-size:14px}
  #rep-raiz .rep-actions-main{gap:8px}
  #rep-raiz .rep-actions-main > .btn{flex:1 1 auto}
  #rep-raiz .rep-more-actions{flex:0 0 auto;margin-left:auto}
  #rep-raiz .rep-actions-popover{right:0;width:min(280px,calc(100vw - 48px))}
  #prod-raiz [data-of-prod-filters]{grid-template-columns:minmax(0,1fr);gap:9px;padding:12px}
  #prod-raiz #prod-lista .card{padding:13px!important;gap:12px!important}
  #prod-raiz #prod-lista .card > img,#prod-raiz #prod-lista .card > span:first-child{
    width:64px!important;height:64px!important;flex-basis:64px}
  #cat-raiz #cat-corpo{padding:12px}
  #cat-raiz #cat-corpo > div:first-child > div{width:100%}
}
@media(prefers-reduced-motion:reduce){
  :is(#ped-raiz,#cli-raiz,#rep-raiz,#prod-raiz,#cat-raiz,.vr-page) :is(.btn,.rep-more-actions,.vr-progress i){transition:none!important}
}

/* VF04 — alvos de toque comerciais em telas estreitas e ponteiro de toque.
   Escopo fechado: não alcança shell, Configurações ou áreas gerenciais.
   !important neutraliza alturas compactas legadas de .btn-sm e filtros. */
@media(max-width:760px),(pointer:coarse){
  :is(#ped-raiz,#cli-raiz,#rep-raiz,#prod-raiz,#cat-raiz) :is(button,.btn,select){
    min-width:44px!important;min-height:44px!important;
  }
  :is(#ped-raiz,#cli-raiz,#rep-raiz,#prod-raiz,#cat-raiz) input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]){
    min-height:44px;max-width:100%;box-sizing:border-box;
  }
  #ped-raiz :is(.ped-bulk-check,.ped-bulkbar>label),
  #rep-raiz :is(.rep-perm-item,.rep-assign-row,.rep-bulk-select){
    min-height:44px;box-sizing:border-box;
  }
  #ped-raiz .ped-bulk-check{min-width:44px;display:inline-flex;align-items:center;justify-content:center;}
  #ped-raiz .ped-bulkbar>label{display:inline-flex;align-items:center;}
  #cli-raiz .cli-select-target,#rep-raiz .rep-select-target{
    display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;
  }
  #rep-raiz .rep-actions-popover{max-width:calc(100vw - 48px);}
}