/* Base visual compartilhada. Mantem as telas operacionais especializadas e
   normaliza os componentes administrativos e de consulta. */
:root{
  --ui-surface:#fff;
  --ui-surface-soft:#f8fafc;
  --ui-line:#dfe3e8;
  --ui-line-strong:#cfd5dc;
  --ui-text:#172b3f;
  --ui-muted:#667085;
  --ui-radius:8px;
  --ui-control-height:40px;
  --ui-shadow:0 1px 2px rgba(16,24,40,.04);
}

/* Visão gerencial: gráfico amplo e indicadores laterais. */
.managerial-shipping-visual{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:stretch;gap:16px}.managerial-shipping-plot{display:grid;grid-template-rows:auto 1fr;gap:10px;min-width:0}.managerial-shipping-chart{max-height:none!important;min-height:440px!important}.managerial-shipping-chart svg{width:100%!important;height:420px!important;min-width:960px!important}.managerial-shipping-summary{display:grid!important;grid-template-columns:1fr!important;align-content:stretch;gap:10px!important}.managerial-shipping-summary article{display:flex;flex-direction:column;justify-content:center;min-height:92px;padding:16px!important;border:1px solid #e1e7ed!important;border-radius:10px!important;background:linear-gradient(145deg,#f8fbff,#fff)!important}.managerial-shipping-summary article span{color:#667381;font-size:12px}.managerial-shipping-summary article strong{margin-top:7px;color:#10233f;font-size:25px}@media(max-width:950px){.managerial-shipping-visual{grid-template-columns:1fr}.managerial-shipping-summary{grid-template-columns:repeat(3,1fr)!important}.managerial-shipping-chart{min-height:400px!important}.managerial-shipping-chart svg{height:380px!important}}@media(max-width:600px){.managerial-shipping-summary{grid-template-columns:1fr!important}.managerial-shipping-chart{min-height:350px!important}.managerial-shipping-chart svg{height:330px!important}}

.view.active:not(#shipping-view){gap:16px}
.panel,.managerial-sales-card,.integration-validity-card,.productivity-card,
.health-shop-card,.mass-filter-card,.documents-filter-card{
  border-color:var(--ui-line);
  border-radius:var(--ui-radius);
  background:var(--ui-surface);
  box-shadow:var(--ui-shadow);
}

.panel-head,.management-heading,.orders-page-heading,.report-heading,.productivity-heading{
  min-width:0;
}
.panel-head h2,.management-heading h2,.orders-page-heading h2,
.report-heading h2,.productivity-heading h2{color:var(--ui-text)}
.panel-head p,.management-heading p,.orders-page-heading p,
.report-heading p,.productivity-heading p{color:var(--ui-muted)}

.management-filters,.managerial-sales-filters,.pending-filters,
.report-filters,.audit-filters,.mass-expanded-filters{
  border-color:var(--ui-line);
  border-radius:var(--ui-radius);
  background:var(--ui-surface);
  box-shadow:var(--ui-shadow);
}
.management-filters label,.managerial-sales-filters label,.pending-filters label,
.report-filters label,.audit-filters label{color:var(--ui-text);font-size:13px;font-weight:700}
.management-filters input,.management-filters select,
.managerial-sales-filters input,.managerial-sales-filters select,
.pending-filters input,.pending-filters select,
.report-filters input,.report-filters select,
.audit-filters input,.audit-filters select{
  box-sizing:border-box;
  height:var(--ui-control-height);
  min-height:var(--ui-control-height);
  margin:0;
  border:1px solid var(--ui-line-strong);
  border-radius:6px;
  background:#fff;
  color:var(--ui-text);
}
.management-filters input:focus,.management-filters select:focus,
.managerial-sales-filters input:focus,.managerial-sales-filters select:focus,
.pending-filters input:focus,.pending-filters select:focus,
.report-filters input:focus,.report-filters select:focus,
.audit-filters input:focus,.audit-filters select:focus{
  border-color:var(--shopee);
  outline:0;
  box-shadow:0 0 0 3px rgba(238,77,45,.12);
}

.button{border-radius:6px;font-weight:700;transition:background-color .15s,border-color .15s,box-shadow .15s,transform .05s}
.button:not(:disabled):active{transform:translateY(1px)}
.button:focus-visible,.text-button:focus-visible,.nav-item:focus-visible{outline:3px solid rgba(238,77,45,.25);outline-offset:2px}

.table-scroll{border-radius:0 0 var(--ui-radius) var(--ui-radius)}
.table-scroll table{border-collapse:collapse}
.table-scroll thead th{height:44px;background:var(--ui-surface-soft);color:#5c6b7a;font-size:12px;letter-spacing:.02em}
.table-scroll tbody tr{transition:background-color .12s}
.table-scroll tbody tr:hover{background:#fffaf8}
.table-scroll td,.table-scroll th{border-color:var(--ui-line)}

.empty-state{color:var(--ui-muted);line-height:1.45}
.status-pill,.user-status,.health-rating{font-weight:800}

@media(max-width:800px){
  .view.active:not(#shipping-view){gap:12px}
  .panel-head.padded{padding:15px 16px}
  .management-filters,.managerial-sales-filters,.pending-filters,
  .report-filters,.audit-filters{gap:10px;padding:12px}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* Produtividade: tipografia compacta e painel de capacidade do atendimento. */
.productivity-chart-column>strong{font-size:11px!important}.productivity-chart-column>small{font-size:10px!important}.productivity-axis-label{font-size:10px!important}.productivity-final-label{font-size:11px!important}.productivity-line-legend span,.productivity-line-legend small{font-size:11px!important}
.chat-productivity{display:grid;gap:18px}.chat-productivity>header{display:flex;align-items:start;justify-content:space-between;gap:16px}.chat-productivity h3,.chat-productivity h4{margin:0}.chat-productivity header small,.chat-productivity h4+small{color:var(--ui-muted)}
.chat-productivity-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.chat-productivity-metrics article{padding:13px;border:1px solid var(--ui-line);border-radius:7px;background:var(--ui-surface-soft)}.chat-productivity-metrics article.attention{border-color:#f2c6bc;background:#fff7f5}.chat-productivity-metrics span,.chat-productivity-metrics strong,.chat-productivity-metrics small{display:block}.chat-productivity-metrics span{color:var(--ui-muted);font-size:12px}.chat-productivity-metrics strong{margin:5px 0 3px;font-size:21px}.chat-productivity-metrics small{color:var(--ui-muted);font-size:11px}
.chat-productivity-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.chat-productivity-grid>div{min-width:0}.chat-productivity h4{margin-bottom:10px;font-size:14px}.chat-hours-chart{display:flex;align-items:end;gap:4px;height:150px;padding:8px 5px 0;border-bottom:1px solid var(--ui-line)}.chat-hours-chart>div{display:grid;grid-template-rows:1fr 18px;align-items:end;justify-items:center;flex:1;height:100%;min-width:8px}.chat-hours-chart i{display:block;width:70%;min-height:1px;border-radius:3px 3px 0 0;background:#2878df}.chat-hours-chart small{font-size:9px;color:var(--ui-muted)}
.chat-productivity-filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.chat-productivity-filters label{display:grid;gap:4px;color:var(--ui-muted);font-size:12px}.chat-productivity-filters input{min-height:38px;padding:7px 10px;border:1px solid var(--ui-line);border-radius:6px;background:var(--ui-surface);color:var(--ui-text)}.chat-hours-chart{display:block;height:auto;padding:0;border:0}.chat-hours-chart svg{display:block;width:100%;height:180px;overflow:visible}.chat-line-grid{stroke:#dfe5ec;stroke-width:1;stroke-dasharray:4 4}.chat-line-series{fill:none;stroke:#2878df;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.chat-line-point{fill:#2878df;stroke:#fff;stroke-width:2;cursor:pointer}.chat-line-point:hover{r:7;fill:#ef4b2f}.chat-hours-chart text{fill:var(--ui-muted);font-size:10px}
.chat-line-operator{stroke-width:2}.chat-line-legend{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;margin:5px 0 0 30px;color:var(--ui-text);font-size:11px}.chat-line-legend span{display:inline-flex;align-items:center;gap:6px}.chat-line-legend i{display:inline-block;width:18px;height:3px;min-height:0;border-radius:2px}
.document-filter-note{display:block;margin:7px 0 0 2px;color:var(--ui-muted);font-size:12px;font-weight:600}
.mass-results-toolbar #mass-unavailable-count{color:var(--ui-muted);font-size:12px}.mass-order-unavailable{background:#fffaf5}.mass-order-unavailable-reason{color:#c2410c;font-size:12px}
.orders-initial-loading{display:inline-flex;align-items:center;gap:6px;margin-left:auto;color:var(--ui-muted);font-size:12px}.orders-workspace-tabs button:disabled{cursor:wait;opacity:.48}.productivity-heading button:disabled{cursor:wait}
@media(max-width:950px){.chat-productivity-metrics{grid-template-columns:repeat(2,1fr)}.chat-productivity-grid{grid-template-columns:1fr}}@media(max-width:560px){.chat-productivity-metrics{grid-template-columns:1fr 1fr}.chat-productivity>header{display:block}.chat-productivity>header>small{display:block;margin-top:5px}}

/* Alinhamento dos filtros e ancoragem do gráfico de atendimento. */
.chat-productivity-filters{align-items:flex-end}.chat-productivity-filters input,.chat-productivity-filters .button{box-sizing:border-box;height:44px;margin:0}.chat-productivity-filters .button{display:inline-flex;align-items:center;justify-content:center;align-self:flex-end}.chat-hours-chart svg{width:min(100%,960px);height:auto;min-height:180px;margin:0 auto 0 0}

/* Navegação e indicadores próprios para celular. */
@media(max-width:600px){
  body:not(.shipping-active) .sidebar{padding:10px 10px 8px!important}
  body:not(.shipping-active) .sidebar .brand.brand-icon-only{display:none!important}
  body:not(.shipping-active) .sidebar #current-user{margin:0 0 9px!important;padding:0!important}
  body:not(.shipping-active) .sidebar #current-user strong{font-size:17px!important}
  body:not(.shipping-active) .sidebar #current-user small{font-size:11px!important}
  body:not(.shipping-active) .sidebar nav{display:grid!important;grid-template-rows:repeat(2,46px)!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(142px,43vw);gap:7px;max-width:100%;padding:2px 1px 8px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  body:not(.shipping-active) .sidebar .nav-item{align-items:center!important;min-height:46px;padding:7px 9px!important;scroll-snap-align:start;font-size:13px!important;line-height:1.15!important;white-space:normal!important}
  body:not(.shipping-active) .sidebar .nav-item .emoji-icon{flex:0 0 25px!important;width:25px!important;height:25px!important;font-size:19px!important}
  body:not(.shipping-active) .sidebar .nav-item.active{box-shadow:inset 0 -3px var(--shopee)!important}
  body:not(.shipping-active) .sidebar .sidebar-logout{width:100%;margin-top:3px!important;justify-content:center}
  .metric-grid,.productivity-metrics,.productivity-forecast-metrics,.chat-productivity-metrics,.health-summary-grid{display:flex!important;gap:10px!important;margin-right:-12px;padding:1px 12px 9px 0;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .metric-grid>.metric,.productivity-metrics>article,.productivity-forecast-metrics>article,.chat-productivity-metrics>article,.health-summary-grid>.metric{box-sizing:border-box;flex:0 0 min(76vw,260px);min-width:0;scroll-snap-align:start}
  .productivity-card{padding:15px!important}
  .productivity-card h3{margin-bottom:13px!important;font-size:16px!important}
  .chat-productivity-filters{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}
  .chat-productivity-filters label{min-width:0}.chat-productivity-filters input{width:100%;min-width:0}
  .chat-productivity-filters .button{width:100%}
  .chat-productivity-grid{gap:12px!important}
  .chat-hours-chart{max-width:100%;overflow-x:auto}.chat-hours-chart svg{width:720px;max-width:none;min-height:150px}
  #overview-view .dashboard-heading{align-items:stretch!important;gap:12px!important}
  #overview-view .dashboard-heading .eyebrow{font-size:20px!important}
  #overview-view .dashboard-heading h2{margin:2px 0 4px!important;font-size:22px!important}
  #overview-view .dashboard-heading p:not(.eyebrow){font-size:13px!important}
  #overview-view .dashboard-sync{align-items:stretch!important}
  #overview-view .dashboard-filters{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%}
  #overview-view .dashboard-filters select{width:100%;min-width:0}
  #overview-view .dashboard-metric-group{margin-bottom:14px!important}
  #overview-view .dashboard-group-title{margin-bottom:7px!important}
  #overview-view .metric-grid.operations{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;margin-right:0!important;padding:0!important;overflow:visible!important}
  #overview-view .metric{min-width:0!important;min-height:100px!important;padding:12px!important}
  #overview-view .metric>span{font-size:12px!important;line-height:1.25!important}
  #overview-view .metric>strong{font-size:24px!important}
  #overview-view .metric>small{font-size:10px!important;line-height:1.3!important}
  #overview-view .saturday-shipping-panel{margin-bottom:14px;padding:13px!important}
  #overview-view .content-grid.dashboard-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px;margin-top:0!important}
  #overview-view .overview-progress-table{display:block;min-width:0!important}
  #overview-view .overview-progress-table thead{display:none}
  #overview-view #overview-shop-table,#overview-view #overview-shop-table tr,#overview-view #overview-shop-table td{display:block;width:100%;box-sizing:border-box}
  #overview-view #overview-shop-table{display:grid;gap:10px;padding:10px}
  #overview-view #overview-shop-table tr{padding:11px 13px;border:1px solid var(--ui-line);border-left:4px solid var(--shopee);border-radius:7px;background:#fff}
  #overview-view #overview-shop-table td{display:grid;grid-template-columns:minmax(110px,1fr) auto;align-items:center;gap:10px;padding:6px 0!important;border:0!important;text-align:right!important;font-size:16px!important}
  #overview-view #overview-shop-table td:first-child{display:block;padding:0 0 8px!important;border-bottom:1px solid var(--ui-line)!important;text-align:left!important;font-size:17px!important}
  #overview-view #overview-shop-table td:not(:first-child)::before{color:var(--ui-muted);font-size:11px;font-weight:800;text-align:left;text-transform:uppercase}
  #overview-view #overview-shop-table td:nth-child(2)::before{content:"Última atualização"}#overview-view #overview-shop-table td:nth-child(3)::before{content:"Sincronização"}#overview-view #overview-shop-table td:nth-child(4)::before{content:"A enviar"}#overview-view #overview-shop-table td:nth-child(5)::before{content:"Faltam embalar"}#overview-view #overview-shop-table td:nth-child(6)::before{content:"Embalados"}#overview-view #overview-shop-table td:nth-child(7)::before{content:"Atrasados"}#overview-view #overview-shop-table td:nth-child(8)::before{content:"Não impressos"}#overview-view #overview-shop-table td:nth-child(9)::before{content:"Ação"}#overview-view #overview-shop-table td:nth-child(10)::before{content:"Desempenho"}
  #overview-view .overview-progress-table tfoot{display:none}
  #overview-view .alerts-panel{order:-1}
}
@media(max-width:360px){#overview-view .metric-grid.operations{gap:7px!important}#overview-view .metric{padding:10px!important}#overview-view .metric>strong{font-size:22px!important}}

/* Gráficos compactos e padronizados da produtividade. */
.productivity-forecast{padding:16px 18px!important}.productivity-forecast-metrics{margin:10px 0!important}.productivity-forecast-metrics article{padding:10px 12px!important}.productivity-today-chart{min-height:0!important;padding-top:2px!important}.productivity-today-chart svg{width:min(100%,1100px)!important;min-width:680px!important;height:auto!important;margin:0 auto 0 0}.productivity-daily-line{display:block!important;height:auto!important;min-height:0!important;padding:0!important;border:0!important;overflow-x:auto}.productivity-daily-line svg{display:block;width:100%;min-width:520px;height:auto;overflow:visible}.productivity-daily-line text{fill:var(--ui-muted);font-size:10px}
@media(max-width:600px){.productivity-forecast{padding:13px!important}.productivity-today-chart svg{width:680px!important}.productivity-daily-line svg{width:620px;min-width:620px}.productivity-line-legend{gap:12px!important;padding-bottom:3px!important}}