/* =================== TEMA PREMIUM (home-premium.png) =================== */
:root{--pri:#1463d8;--pri-esc:#0f4fb0;--pri-claro:#e8f0fd;--azul-p:#5b8def;--ciano:#18b5c8;--lilas-claro:#eceafd;--lilas:#5b5ce6;--fundo:#f3f6fa}
.lateral{background:linear-gradient(180deg,#0a2342 0%,#0b2a4d 60%,#0a2342 100%);border-right:0;color:#d7e3f4}
.marca strong{color:#fff}.marca small{color:#9fb3cc}
.ic-logo{color:#4fb3ff}
.menu a{color:#d4e0ef;font-size:16.5px}
.menu a .ic{color:#c3d3e6}
.menu a:hover{background:rgba(255,255,255,.06)}
.menu a.ativo{background:linear-gradient(90deg,rgba(79,179,255,.22),rgba(79,179,255,.08));color:#fff;box-shadow:inset 0 0 0 1px rgba(79,179,255,.25)}
.menu a.ativo .ic{color:#fff}
.menu a.ativo::before{background:#4fb3ff}
.promo{margin:auto 4px 0;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px;display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center}
.promo-ic{width:44px;height:44px;border-radius:12px;background:linear-gradient(140deg,#4fb3ff,#1463d8);display:grid;place-items:center;color:#fff}
.promo p{margin:0;color:#fff;font-size:14px;font-weight:600;line-height:1.35}
.promo small{color:#9fb3cc;font-weight:400;font-size:12.5px}
.promo-barra{grid-column:1/-1;height:5px;border-radius:3px;background:rgba(255,255,255,.12);overflow:hidden}
.promo-barra span{display:block;height:100%;background:linear-gradient(90deg,#4fb3ff,#18b5c8)}
.lateral-pe{border-top:1px solid rgba(255,255,255,.08);margin-top:14px}
.vivo{color:#9fb3cc}.vivo.girando .ic{color:#4fb3ff}
.contador{box-shadow:0 0 0 2px #0a2342}

.topo{height:76px}
.busca{border-radius:12px;background:#fff}
.selo{background:#e8f4fb;color:#0f5f86}
.data{font-weight:500}

.cab{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}
.h1-p{font-size:34px;letter-spacing:-.9px}
.sub-p{margin:6px 0 0;color:var(--suave);font-size:17px}
.cab-acoes{display:flex;gap:12px}
.botao-p{display:inline-flex;align-items:center;gap:12px;padding:14px 22px;border-radius:10px;border:1px solid #cfdcee;background:#fff;color:var(--pri);font-weight:600;font-size:16px;white-space:nowrap;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s,transform .15s;box-shadow:0 1px 2px rgba(10,35,66,.05)}
.botao-p:hover{border-color:var(--pri);transform:translateY(-1px)}
.botao-p.primario{background:linear-gradient(180deg,#1a6ff0,#1158c4);border-color:#1158c4;color:#fff;box-shadow:0 6px 16px rgba(20,99,216,.32)}
.botao-p.primario:hover{background:linear-gradient(180deg,#1463d8,#0f4fb0)}
.botao-p.primario .ic:last-child{transition:transform .15s}.botao-p.primario:hover .ic:last-child{transform:translateX(3px)}

.painel{background:#fff;border:1px solid #e3e9f1;border-radius:14px;box-shadow:0 1px 2px rgba(10,35,66,.04),0 6px 20px rgba(10,35,66,.05);padding:20px}
.painel h2{font-size:21px;margin:0}
.painel-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
.painel-cab p{margin:5px 0 0;color:var(--suave);font-size:14.5px}
.alertas{display:grid;grid-template-columns:auto 1fr;padding:14px 20px;margin-bottom:16px}
.alerta-item{display:flex;align-items:center;gap:16px;padding:4px 40px 4px 4px;border-radius:10px;transition:background .15s}
.alerta-item+.alerta-item{border-left:1px solid var(--linha);padding-left:40px}
.alerta-item:hover{background:#f7f9fc}
.alerta-item strong{display:block;font-size:17px;font-weight:600}
.alerta-item strong b{font-size:26px;font-weight:800;margin-right:4px;vertical-align:-2px}
.alerta-item span{color:var(--suave);font-size:14px}
.alerta-item .bola{width:50px;height:50px}
.bola.laranja-cheia{background:var(--laranja);color:#fff;box-shadow:0 0 0 7px var(--laranja-claro)}
.bola.laranja-cheia .ic{stroke-width:2.8}
.bola.lilas{background:var(--lilas-claro);color:var(--lilas)}
.bola.ciano{background:#e1f6f9;color:#0d97a8}

.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}
.kpi{position:relative;display:grid;grid-template-columns:62px 1fr;gap:14px;align-items:center;background:#fff;border:1px solid #e3e9f1;border-radius:14px;padding:18px 18px 16px;box-shadow:0 1px 2px rgba(10,35,66,.04),0 6px 20px rgba(10,35,66,.05);transition:transform .15s,box-shadow .15s}
.kpi:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(10,35,66,.1)}
.kpi .bola{width:58px;height:58px}
.kpi strong{display:block;font-size:40px;font-weight:800;line-height:1;letter-spacing:-1px}
.kpi div span{display:block;font-size:15px;color:var(--texto-2);margin-top:6px}
.seta-kpi{position:absolute;top:22px;right:16px;color:var(--suave)}
.kpi-barra{grid-column:1/-1;height:8px;border-radius:4px;background:#e8edf3;overflow:hidden;display:flex;margin-top:8px}
.kpi-barra i{display:block;height:100%;border-radius:4px;transition:width .6s ease}
.kpi-barra.multi i{border-radius:0}

.grade-home{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;margin-bottom:16px;align-items:start}
.coluna-p{display:flex;flex-direction:column;gap:16px}
.filtros{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.seg{display:flex;background:#f1f4f8;border-radius:11px;padding:4px;gap:2px}
.chip-s{border:1px solid transparent;background:none;border-radius:8px;padding:8px 14px;color:var(--texto-2);font-size:14.5px;display:flex;align-items:center;gap:8px}
.chip-s:hover{background:#fff}
.chip-s.ativo{background:#fff;border-color:#9cc0f3;color:var(--pri);font-weight:600;box-shadow:0 1px 3px rgba(20,99,216,.15)}
.n{min-width:22px;height:22px;border-radius:6px;display:inline-grid;place-items:center;font-size:12.5px;font-weight:700;padding:0 6px}
.n.azul{background:var(--pri);color:#fff}.n.vermelho{background:var(--vermelho-claro);color:var(--vermelho)}.n.laranja{background:var(--laranja-claro);color:var(--laranja)}
.sel{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--suave)}
.seg+.sel{margin-left:auto}
.sel select{font:inherit;font-size:14px;color:var(--texto);border:1px solid #d6dfea;border-radius:9px;padding:9px 34px 9px 12px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235b6b7d' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;appearance:none;min-width:150px;max-width:200px}
.tabela-p thead th{background:#f3f6fa}
.tabela-p tbody td{padding:13px 10px}
.acao-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid #cfdcee;border-radius:8px;padding:7px 10px 7px 13px;color:var(--pri);font-weight:600;font-size:14px;background:#f7faff;white-space:nowrap;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s,transform .15s}
tr.clicavel:hover .acao-btn{background:var(--pri);color:#fff;border-color:var(--pri)}
.mais-cel{width:36px}
.mais-menu{position:relative}
.mais-menu summary{list-style:none;cursor:pointer;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:var(--suave);font-size:20px;line-height:1}
.mais-menu summary::-webkit-details-marker{display:none}
.mais-menu summary:hover{background:var(--cinza-claro)}
.mais-menu div{position:absolute;right:0;top:36px;z-index:5;background:#fff;border:1px solid var(--linha);border-radius:10px;box-shadow:0 10px 30px rgba(10,35,66,.12);padding:6px;min-width:190px}
.mais-menu a{display:block;padding:9px 12px;border-radius:7px;font-size:14px}
.mais-menu a:hover{background:var(--cinza-claro)}
.link-btn{background:none;border:0;padding:0}

.integ-p{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px;border:1px solid #e8edf3;border-radius:12px;margin-top:10px;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s,transform .15s}
.integ-p:hover{border-color:#bcd2f2;background:#fafcff}
.integ-p strong{display:block;font-weight:600}
.integ-p>div{min-width:0}
.rosca{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center}
.rosca svg{width:150px;height:150px}
.rosca-n{font:800 20px Inter,sans-serif;fill:var(--texto)}
.rosca-t{font:500 9px Inter,sans-serif;fill:var(--suave)}
.rosca ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:14px;color:var(--texto-2)}
.rosca li{display:flex;align-items:center;gap:10px}
.rosca li i{width:11px;height:11px;border-radius:50%;flex:none}
.rosca li b{min-width:22px;color:var(--texto)}
.info{color:var(--pri);vertical-align:-2px;cursor:help}
.info-faixa{display:flex;gap:8px;align-items:center;background:#eef4fd;color:#1d4f96;border-radius:9px;padding:10px 12px;font-size:13.5px;margin-top:16px}
.info-faixa:hover{background:#e2ecfb}

.fluxo{padding:16px 20px}
.fluxo-cab{display:flex;align-items:center;gap:14px;margin-bottom:12px;flex-wrap:wrap}
.fluxo-cab .suave{display:flex;align-items:center;gap:6px;font-size:14px}
.fluxo-passos{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:10px}
.passo{display:flex;align-items:center;gap:12px;background:#f5f8fc;border-radius:999px;padding:8px 18px 8px 8px;transition:background .15s}
.passo:hover{background:#eaf1fb}
.passo .bola{width:48px;height:48px}
.passo strong{display:block;font-size:15px}
.passo strong b{margin-left:6px;background:#fff;border:1px solid #dbe4ef;border-radius:6px;padding:0 7px;font-size:13px}
.passo span{font-size:12.5px;color:var(--suave)}
.seta-fluxo{color:var(--pri);width:20px;height:20px}

@media (max-width:1280px){.grade-home{grid-template-columns:1fr}.coluna-p{display:grid;grid-template-columns:1fr 1fr}}
@media (max-width:1180px){.kpis{grid-template-columns:repeat(2,1fr)}.promo{display:none}.fluxo-passos{grid-template-columns:1fr 1fr}.seta-fluxo{display:none}.cab{flex-direction:column;align-items:flex-start}}
@media (max-width:860px){.coluna-p{grid-template-columns:1fr}.alertas{grid-template-columns:1fr}.alerta-item+.alerta-item{border-left:0;padding-left:4px}.seg+.sel{margin-left:0}.rosca{grid-template-columns:1fr}.kpis{grid-template-columns:1fr}}

.entrar .marca strong{color:#0a2342}.entrar .marca small{color:var(--suave)}.entrar .ic-logo{color:var(--pri)}

.fila{min-width:0;overflow-x:auto}
.integ-p .link{font-size:0;gap:0}
.integ-p .link .ic{font-size:15px}
.filtros{flex-wrap:nowrap}
@media (max-width:1280px){.filtros{flex-wrap:wrap}}
.tabela-p td.quebra{min-width:120px}
.chip-s{white-space:nowrap}
.integ-p .estado{white-space:normal;line-height:1.3}
.painel-cab h2{line-height:1.2}
[hidden]{display:none!important}
.rosca{grid-template-columns:118px 1fr;gap:14px}.rosca svg{width:118px;height:118px}
.rosca ul{gap:10px;font-size:13.5px}.rosca li{line-height:1.25}
.tabela-p .mais-cel{width:30px;padding-left:0;padding-right:0}
.tabela-p .acao-btn{padding:6px 8px 6px 11px;font-size:13.5px}
.tabela-p td.prazo{font-size:14px}

/* ---- auditoria Web Interface Guidelines ---- */
html{-webkit-tap-highlight-color:rgba(20,99,216,.15)}
a,button,summary,select,tr.clicavel{touch-action:manipulation}
@media (pointer:fine){html{overscroll-behavior:none}}
h1,h2,h3{text-wrap:balance}
.kpi strong,.alerta-item strong b,.n,.passo strong b,.chip b,.rosca li b,.contador,.prazo{font-variant-numeric:tabular-nums}
.gaveta-painel{overscroll-behavior:contain}
.busca-local:focus-within{border-color:var(--pri);box-shadow:0 0 0 3px var(--pri-claro)}
.pular{position:absolute;left:12px;top:-60px;z-index:100;background:#fff;color:var(--pri);padding:10px 14px;border-radius:8px;font-weight:600;box-shadow:0 4px 16px rgba(0,0,0,.15)}
.pular:focus{top:12px}
.conteudo:focus{outline:none}
:focus-visible{outline:2px solid var(--pri);outline-offset:2px}
.lateral :focus-visible{outline-color:#4fb3ff}
tr.clicavel:focus-visible{outline-offset:-2px}
.topo{scroll-margin-top:0}
.cartao,.painel{scroll-margin-top:90px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* ---- consistência das outras telas com o tema premium ---- */
.cartao{border-radius:14px;border-color:#e3e9f1;box-shadow:0 1px 2px rgba(10,35,66,.04),0 6px 20px rgba(10,35,66,.05)}
.h1-menor{font-size:34px;letter-spacing:-.9px}
.sub-menor{font-size:17px}
.chip{border-radius:9px;padding:8px 14px}
.chip.ativo{background:#fff;border-color:#9cc0f3;color:var(--pri);font-weight:600;box-shadow:0 1px 3px rgba(20,99,216,.15)}
.chip.ativo b{color:var(--pri)}
.faixa{background:none;padding:0;gap:16px}
.faixa .item{background:#fff;border:1px solid #e3e9f1;border-radius:14px;padding:18px;box-shadow:0 1px 2px rgba(10,35,66,.04),0 6px 20px rgba(10,35,66,.05)}
.faixa .item:first-child{border-left:1px solid #e3e9f1}
.botao.primario{background:linear-gradient(180deg,#1a6ff0,#1158c4);border-color:#1158c4}
.tabela thead th{background:#f3f6fa}

.tabela-p{table-layout:auto}
.tabela-p td.forte{max-width:240px}
.tabela-p td.forte .sub-cel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acao-cel{text-align:right}.acao-cel>*{display:inline-flex;vertical-align:middle}.acao-cel .mais-menu{margin-left:2px}
.tabela-p tbody td.acao-cel{white-space:nowrap}
.tabela-p th:last-child{text-align:left}
.fila{overflow-x:visible}

.conta-fila{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--texto-2);background:#f3f6fa;border-radius:9px;padding:9px 12px}

.lateral-pe{margin-top:auto}
.em-breve{margin-left:auto;font-style:normal;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:#9fb3cc;border:1px solid rgba(159,179,204,.35);border-radius:5px;padding:2px 6px}
@media (max-width:1180px){.em-breve{display:none}}
.fluxo-passos{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr}
.passo div span{display:block}
@media (max-width:1500px){.fluxo-passos{grid-template-columns:repeat(3,1fr)}.seta-fluxo{display:none}}

/* ---- agenda de envios ---- */
.agenda{background:#fff;border:1px solid #e3e9f1;border-radius:14px;box-shadow:0 1px 2px rgba(10,35,66,.04),0 6px 20px rgba(10,35,66,.05);padding:16px 20px;margin-bottom:16px}
.agenda-cab{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.agenda-cab h2{font-size:19px;margin:0}
.agenda-cab .suave{font-size:13.5px}
.agenda-dias{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:10px}
.dia{display:flex;flex-direction:column;gap:5px;border:1px solid #e3e9f1;border-radius:12px;padding:12px;min-height:104px;background:#fafcff;transition:border-color .15s,box-shadow .15s,transform .15s}
.dia:hover{border-color:#9cc0f3;box-shadow:0 6px 16px rgba(20,99,216,.12);transform:translateY(-1px)}
.dia.vazio{background:#f7f9fb;pointer-events:none;opacity:.75}
.dia.hoje{border-color:var(--pri);box-shadow:inset 0 3px 0 var(--pri)}
.dia.sel{border-color:var(--pri);background:var(--pri-claro)}
.dia.atrasado{border-color:#f2b8bb;background:#fff6f6}
.dia-nome{font-weight:700;font-size:14.5px}
.dia.atrasado .dia-nome{color:var(--vermelho)}
.dia-lin{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--texto-2)}
.dia-lin b{font-variant-numeric:tabular-nums}
.dia-lin.despachar{color:#9a4b05}
.dia-un{margin-top:auto;font-size:12px;color:var(--suave)}
.dia-livre{margin-top:auto;font-size:12.5px;color:var(--suave)}
.separacao{margin-bottom:16px}
.qtd-sep{font-size:18px}
.conf input{width:20px;height:20px;accent-color:var(--verde);cursor:pointer}
@media print{.lateral,.topo,.chips,.agenda,#tabela-pedidos,.cab-acoes,.nota,.gaveta{display:none!important}.app{display:block}.painel{box-shadow:none;border:0}}

.em-breve{font-size:0;width:7px;height:7px;border-radius:50%;padding:0;border:0;background:#5f7a99;flex:none}
.menu a{white-space:nowrap}