/* ---------- 09/10 · 3 propostas para a tela "Chamada em andamento" (estilos-chamar.js → data-ativa)
   Só CSS: as duas colunas viram display:contents e cada bloco que já existe (título, progresso,
   comandos, mapa, próximas ações) é posicionado numa grade. Mesmos botões, mapa e eventos.
   1 · Faixa — mapa grande à direita, destino em painel, comandos e próximas ações em blocos embaixo
   2 · Mapa em foco — mapa ocupando quase a tela toda, coluna de vidro à esquerda com tudo empilhado
   3 · Destino em destaque — tipografia: o ponto de destino gigante, comandos em botões largos */
html #tela-entrega[data-ativa] .pa-ativa-cheio-corpo{display:grid;gap:14px;margin-top:22px;justify-content:stretch}
html #tela-entrega[data-ativa] .pa-ativa-cheio-coluna-esquerda,html #tela-entrega[data-ativa] .pa-ativa-cheio-coluna-direita{display:contents}
html #tela-entrega[data-ativa] .pa-ativa-cheio-headline{grid-area:head;max-width:none;align-self:end}
html #tela-entrega[data-ativa] .pa-ativa-cheio-headline h2{white-space:nowrap;letter-spacing:-.035em}
html #tela-entrega[data-ativa] #entregaFinalizadaAviso{grid-area:aviso}
html #tela-entrega[data-ativa] #entregaFinalizadaAviso:empty{display:none}
html #tela-entrega[data-ativa] .pa-ativa-cheio-progresso{grid-area:prog;margin:0}
html #tela-entrega[data-ativa] .ec-cmds{grid-area:cmds;max-width:none;margin:0}
html #tela-entrega[data-ativa] .pa-ativa-cheio-mapa-card{grid-area:mapa;min-height:0}
html #tela-entrega[data-ativa] .ec-proximas{grid-area:prox;margin:0}
/* pausar travado (a chamada não tem pausar pela API) não ocupa espaço; o aviso continua */
html #tela-entrega[data-ativa] .ec-cmd-principal.md-cmd-travado{display:none}
html #tela-entrega[data-ativa] .pa-ativa-cheio-card,html #tela-entrega[data-ativa] .ec-cmd-sec{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
/* fundo mais escuro embaixo e à esquerda, igual às telas de escolher robô e de funções */
html #tela-entrega[data-ativa]:has(.pa-ativa-cheio) .ec-fundo-fixo::after{content:"";position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(5,5,5,.9) 0%,rgba(5,5,5,.5) 40%,rgba(5,5,5,0) 70%),linear-gradient(90deg,rgba(5,5,5,.6) 0%,rgba(5,5,5,0) 55%)}

/* ===================== 1 · FAIXA ===================== */
html #tela-entrega[data-ativa="1"] .pa-ativa-cheio-corpo{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto auto 1fr auto;
  grid-template-areas:"head head head head head head head mapa mapa mapa mapa mapa" "aviso aviso aviso aviso aviso aviso aviso mapa mapa mapa mapa mapa" "prog prog prog prog prog prog prog mapa mapa mapa mapa mapa" "cmds cmds cmds cmds cmds cmds cmds cmds prox prox prox prox"}
html #tela-entrega[data-ativa="1"] .pa-ativa-cheio-headline h2{font-size:clamp(34px,3.3vw,48px)}
html #tela-entrega[data-ativa="1"] .pa-ativa-cheio-progresso{align-self:end;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;align-items:center;column-gap:28px;padding:20px 26px;border-top:2px solid #F7FF3F}
html #tela-entrega[data-ativa="1"] .pa-ativa-cheio-progresso .pa-ativa-card-titulo{grid-column:1 / -1}
html #tela-entrega[data-ativa="1"] .pa-ativa-progresso-numero{grid-row:2 / 4;margin:0;padding-right:28px;font-size:52px;border-right:1px solid rgba(255,255,255,.1);align-self:stretch;display:flex;align-items:center}
html #tela-entrega[data-ativa="1"] .pa-ativa-progresso-linha{grid-column:2;padding:10px 0}
html #tela-entrega[data-ativa="1"] .pa-ativa-progresso-linha:nth-of-type(1){border-top:0}
html #tela-entrega[data-ativa="1"] .pa-ativa-progresso-linha strong{font-size:17px}
html #tela-entrega[data-ativa="1"] .ec-cmds{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-self:stretch}
html #tela-entrega[data-ativa="1"] .ec-cmd-secund{display:contents}
html #tela-entrega[data-ativa="1"] .ec-cmd-sec,html #tela-entrega[data-ativa="1"] .ec-cmds>.ec-cmd-principal:not(.md-cmd-travado){height:auto;min-height:132px;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:20px 22px;font-size:20px;font-weight:800;font-family:'Plus Jakarta Sans',sans-serif}
html #tela-entrega[data-ativa="1"] .ec-cmd-sec svg{width:30px;height:30px}
html #tela-entrega[data-ativa="1"] .ec-cmd-sec[data-comando="COMPLETE"]{background:#F7FF3F;border-color:#F7FF3F;color:#0A0A0A}
html #tela-entrega[data-ativa="1"] .ec-cmd-sec[data-comando="COMPLETE"] svg{color:#0A0A0A}
html #tela-entrega[data-ativa="1"] .ec-cmd-sec[data-comando="COMPLETE"]:hover{background:#FBFF7A}
html #tela-entrega[data-ativa="1"] .ec-cmd-sec:hover{transform:translateY(-3px)}
html #tela-entrega[data-ativa="1"] .md-cmd-aviso{grid-column:1 / -1}
html #tela-entrega[data-ativa="1"] .ec-proximas{display:flex;flex-direction:column;padding:0}
html #tela-entrega[data-ativa="1"] .ec-proximas .ec-prox-linha{flex:1}
html #tela-entrega[data-ativa="1"] .ec-proximas .pa-ativa-card-titulo{padding:16px 20px 2px}

/* ===================== 2 · MAPA EM FOCO ===================== */
html #tela-entrega[data-ativa="2"] .pa-ativa-cheio-corpo{grid-template-columns:minmax(340px,420px) minmax(0,1fr);grid-template-rows:auto auto auto auto 1fr;column-gap:18px;
  grid-template-areas:"head mapa" "aviso mapa" "prog mapa" "cmds mapa" "prox mapa"}
html #tela-entrega[data-ativa="2"] .pa-ativa-cheio-headline h2{font-size:34px}
html #tela-entrega[data-ativa="2"] .pa-ativa-cheio-progresso{padding-top:14px;padding-bottom:8px}
html #tela-entrega[data-ativa="2"] .pa-ativa-cheio-progresso .pa-ativa-card-titulo,html #tela-entrega[data-ativa="2"] .ec-proximas .pa-ativa-card-titulo{display:none}
html #tela-entrega[data-ativa="2"] .pa-ativa-progresso-numero{display:none}
html #tela-entrega[data-ativa="2"] .pa-ativa-progresso-linha:nth-of-type(1){border-top:0}
html #tela-entrega[data-ativa="2"] .pa-ativa-cheio-mapa-card{padding:16px;border:1px solid rgba(247,255,63,.28);box-shadow:0 30px 80px rgba(0,0,0,.5)}
html #tela-entrega[data-ativa="2"] .pa-ativa-cheio-progresso{border-left:2px solid #F7FF3F}
html #tela-entrega[data-ativa="2"] .ec-cmds{gap:10px}
html #tela-entrega[data-ativa="2"] .ec-cmd-secund{grid-template-columns:1fr;gap:10px}
html #tela-entrega[data-ativa="2"] .ec-cmd-sec{height:56px;justify-content:flex-start;padding:0 20px;font-size:15px}
html #tela-entrega[data-ativa="2"] .ec-cmd-sec[data-comando="COMPLETE"]{height:64px;background:#F7FF3F;border-color:#F7FF3F;color:#0A0A0A;font-size:17px;font-weight:800}
html #tela-entrega[data-ativa="2"] .ec-cmd-sec[data-comando="COMPLETE"] svg{color:#0A0A0A}
html #tela-entrega[data-ativa="2"] .ec-cmd-sec[data-comando="COMPLETE"]:hover{background:#FBFF7A}
html #tela-entrega[data-ativa="2"] .ec-proximas{align-self:end}
html #tela-entrega[data-ativa="2"] .ec-prox-linha{padding:12px 20px}

/* ===================== 3 · DESTINO EM DESTAQUE ===================== */
html #tela-entrega[data-ativa="3"] .pa-ativa-cheio-corpo{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(360px,460px);grid-template-rows:auto auto 1fr auto;column-gap:20px;
  grid-template-areas:"head head mapa" "aviso aviso mapa" "prog prog mapa" "cmds cmds prox"}
html #tela-entrega[data-ativa="3"] .pa-ativa-cheio-headline h2{font-size:30px}
html #tela-entrega[data-ativa="3"] .pa-ativa-cheio-progresso{align-self:center;background:none !important;backdrop-filter:none;-webkit-backdrop-filter:none;border:0;box-shadow:none;padding:0;display:flex;flex-direction:column}
html #tela-entrega[data-ativa="3"] .pa-ativa-cheio-progresso .pa-ativa-card-titulo,html #tela-entrega[data-ativa="3"] .pa-ativa-progresso-numero,html #tela-entrega[data-ativa="3"] .pa-ativa-progresso-bolha{display:none}
html #tela-entrega[data-ativa="3"] .pa-ativa-progresso-linha{border:0;padding:0}
html #tela-entrega[data-ativa="3"] .pa-ativa-progresso-linha:nth-of-type(1){order:2;margin-top:16px}
html #tela-entrega[data-ativa="3"] .pa-ativa-progresso-linha:nth-of-type(1) em,html #tela-entrega[data-ativa="3"] .pa-ativa-progresso-linha:nth-of-type(1) strong{font-size:15px;color:rgba(255,255,255,.6)}
html #tela-entrega[data-ativa="3"] .pa-ativa-progresso-linha:nth-of-type(2) .pa-ativa-progresso-texto{display:flex;flex-direction:column;gap:6px}
html #tela-entrega[data-ativa="3"] .pa-ativa-progresso-linha:nth-of-type(2) em{font-style:normal;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#F7FF3F}
html #tela-entrega[data-ativa="3"] .pa-ativa-progresso-linha:nth-of-type(2) strong{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(56px,7vw,112px);font-weight:800;letter-spacing:-.045em;line-height:.95;color:#fff;text-shadow:0 6px 30px rgba(0,0,0,.6)}
html #tela-entrega[data-ativa="3"] .ec-cmds{align-self:end}
html #tela-entrega[data-ativa="3"] .ec-cmd-secund{grid-template-columns:1.4fr 1fr;gap:12px}
html #tela-entrega[data-ativa="3"] .ec-cmd-sec{height:66px;font-size:16px;font-weight:800}
html #tela-entrega[data-ativa="3"] .ec-cmd-sec[data-comando="COMPLETE"]{background:#F7FF3F;border-color:#F7FF3F;color:#0A0A0A}
html #tela-entrega[data-ativa="3"] .ec-cmd-sec[data-comando="COMPLETE"] svg{color:#0A0A0A}
html #tela-entrega[data-ativa="3"] .ec-cmd-sec[data-comando="COMPLETE"]:hover{background:#FBFF7A}
html #tela-entrega[data-ativa="3"] .pa-ativa-cheio-mapa-card{border-top:2px solid #F7FF3F}
html #tela-entrega[data-ativa="3"] .ec-proximas{align-self:end}

@media (max-width:1100px){html #tela-entrega[data-ativa] .pa-ativa-cheio-corpo{grid-template-columns:1fr;grid-template-rows:none;grid-template-areas:"head" "aviso" "prog" "cmds" "mapa" "prox"}
html #tela-entrega[data-ativa] .pa-ativa-cheio-mapa-card{min-height:320px}
}

/* 13/10 · vale pra todos os módulos: onde Pausar/Retomar funciona (Entrega, Cruzeiro do PuduBot…), ele é o
   botão principal amarelo e o Concluir volta a ser secundário (nada de dois amarelos) */
html #tela-entrega[data-ativa="1"] .ec-cmds:has(>.ec-cmd-principal:not(.md-cmd-travado)){grid-template-columns:1fr 1fr 1fr}
html #tela-entrega[data-ativa] .ec-cmds:has(>.ec-cmd-principal:not(.md-cmd-travado)) .ec-cmd-sec[data-comando="COMPLETE"]{background:rgba(12,12,12,.72);border-color:rgba(255,255,255,.16);color:#fff}
html #tela-entrega[data-ativa] .ec-cmds:has(>.ec-cmd-principal:not(.md-cmd-travado)) .ec-cmd-sec[data-comando="COMPLETE"] svg{color:#F7FF3F}
html #tela-entrega[data-ativa] .ec-cmds:has(>.ec-cmd-principal:not(.md-cmd-travado)) .ec-cmd-sec[data-comando="COMPLETE"]:hover{border-color:#F7FF3F;background:rgba(20,20,20,.8)}
html #tela-entrega[data-ativa="2"] .ec-cmds>.ec-cmd-principal:not(.md-cmd-travado),html #tela-entrega[data-ativa="3"] .ec-cmds>.ec-cmd-principal:not(.md-cmd-travado){height:64px}

/* ===================== 4 · MAPA + DESTINO (13/10, tela "Chamada em andamento") =====================
   Pedido do Lincoln: mistura da 2 com a 3, mostrando o mapa. Da 2: o mapa grande ocupando a direita
   inteira e a coluna da esquerda com os comandos empilhados. Da 3: o destino em tipografia grande
   ("Indo para Mesa 4"), sem card. É fixo no módulo Chamar (estilos-chamar.js), sem o seletor 1/2/3. */
html #tela-entrega[data-ativa="4"] .pa-ativa-cheio-corpo{grid-template-columns:minmax(360px,440px) minmax(0,1fr);grid-template-rows:auto auto auto auto 1fr;column-gap:22px;row-gap:16px;
  grid-template-areas:"head mapa" "aviso mapa" "prog mapa" "cmds mapa" "prox mapa"}
html #tela-entrega[data-ativa="4"] .pa-ativa-cheio-headline h2{font-size:30px}
/* destino (da 3), cabendo na coluna da 2 */
html #tela-entrega[data-ativa="4"] .pa-ativa-cheio-progresso{background:none !important;backdrop-filter:none;-webkit-backdrop-filter:none;border:0;box-shadow:none;padding:6px 0 4px;display:flex;flex-direction:column}
html #tela-entrega[data-ativa="4"] .pa-ativa-cheio-progresso .pa-ativa-card-titulo,html #tela-entrega[data-ativa="4"] .pa-ativa-progresso-numero,html #tela-entrega[data-ativa="4"] .pa-ativa-progresso-bolha{display:none}
html #tela-entrega[data-ativa="4"] .pa-ativa-progresso-linha{border:0;padding:0}
html #tela-entrega[data-ativa="4"] .pa-ativa-progresso-linha:nth-of-type(1){order:2;margin-top:12px}
html #tela-entrega[data-ativa="4"] .pa-ativa-progresso-linha:nth-of-type(1) .pa-ativa-progresso-texto{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}
html #tela-entrega[data-ativa="4"] .pa-ativa-progresso-linha:nth-of-type(1) em,html #tela-entrega[data-ativa="4"] .pa-ativa-progresso-linha:nth-of-type(1) strong{display:inline;font-style:normal;font-size:14px;font-weight:600;color:rgba(255,255,255,.62)}
html #tela-entrega[data-ativa="4"] .pa-ativa-progresso-linha:nth-of-type(2) .pa-ativa-progresso-texto{display:flex;flex-direction:column;gap:8px;min-width:0}
html #tela-entrega[data-ativa="4"] .pa-ativa-progresso-linha:nth-of-type(2) em{font-style:normal;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#F7FF3F}
html #tela-entrega[data-ativa="4"] .pa-ativa-progresso-linha:nth-of-type(2) strong{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(48px,5vw,84px);font-weight:800;letter-spacing:-.045em;line-height:.95;color:#fff;text-shadow:0 6px 30px rgba(0,0,0,.6);overflow-wrap:anywhere;text-wrap:balance}
/* comandos empilhados (da 2) */
html #tela-entrega[data-ativa="4"] .ec-cmds{gap:10px}
html #tela-entrega[data-ativa="4"] .ec-cmd-secund{grid-template-columns:1fr;gap:10px}
html #tela-entrega[data-ativa="4"] .ec-cmd-sec{height:56px;justify-content:flex-start;padding:0 20px;font-size:15px}
html #tela-entrega[data-ativa="4"] .ec-cmd-sec[data-comando="COMPLETE"]{height:64px;background:#F7FF3F;border-color:#F7FF3F;color:#0A0A0A;font-size:17px;font-weight:800}
html #tela-entrega[data-ativa="4"] .ec-cmd-sec[data-comando="COMPLETE"] svg{color:#0A0A0A}
html #tela-entrega[data-ativa="4"] .ec-cmd-sec[data-comando="COMPLETE"]:hover{background:#FBFF7A}
html #tela-entrega[data-ativa="4"] .ec-cmds>.ec-cmd-principal:not(.md-cmd-travado){height:64px}
html #tela-entrega[data-ativa="4"] .ec-proximas{align-self:end}
html #tela-entrega[data-ativa="4"] .ec-proximas .pa-ativa-card-titulo{display:none}
html #tela-entrega[data-ativa="4"] .ec-prox-linha{padding:12px 20px}
/* mapa (da 2), com o fio amarelo em cima (da 3) */
html #tela-entrega[data-ativa="4"] .pa-ativa-cheio-mapa-card{padding:16px;border:1px solid rgba(247,255,63,.28);border-top:2px solid #F7FF3F;box-shadow:0 30px 80px rgba(0,0,0,.5);min-height:520px}
@media (max-width:1100px){
  html #tela-entrega[data-ativa="4"] .pa-ativa-cheio-corpo{grid-template-columns:1fr;grid-template-rows:none;grid-template-areas:"head" "aviso" "prog" "mapa" "cmds" "prox"}
  html #tela-entrega[data-ativa="4"] .pa-ativa-cheio-mapa-card{min-height:360px}
  html #tela-entrega[data-ativa="4"] .ec-proximas{align-self:stretch}
}
@media (max-width:640px){
  html #tela-entrega[data-ativa="4"] .pa-ativa-cheio-headline h2{font-size:24px;white-space:normal}
  html #tela-entrega[data-ativa="4"] .pa-ativa-progresso-linha:nth-of-type(2) strong{font-size:clamp(40px,12vw,56px)}
  html #tela-entrega[data-ativa="4"] .pa-ativa-cheio-mapa-card{min-height:300px;padding:12px}
}

/* 15/10: chamada terminada -> "Voltar ao ponto inicial" (sincronia-connect.js) */
.sc-final{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.sc-final .pa-ativa-cheio-finalizada{margin:0;flex:1 1 260px}
.sc-ponto-inicial{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border:0;background:#F7FF3F;color:#0A0A0A;font:inherit;font-size:14px;font-weight:800;cursor:pointer}
.sc-ponto-inicial svg{flex:none}
.sc-ponto-inicial:hover:not(:disabled){filter:brightness(.94)}
.sc-ponto-inicial:disabled{opacity:.75;cursor:default}

/* 16/10: escolha do "Voltar" (sincronia-connect.js) */
.vb-fundo{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px;background:rgba(0,0,0,.55);animation:vbFundo .18s ease both}
.vb-caixa{width:min(440px,100%);padding:18px;background:#141518;color:#F2F2F2;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px rgba(0,0,0,.5);display:grid;gap:10px;animation:vbEntra .22s cubic-bezier(.2,.9,.25,1.05) both}
.vb-cab{display:flex;align-items:baseline;gap:10px;margin-bottom:4px}
.vb-cab h3{margin:0;font-size:18px}
.vb-cab small{color:rgba(255,255,255,.55);font-size:12.5px}
.vb-x{margin-left:auto;width:30px;height:30px;display:grid;place-items:center;border:0;background:none;color:rgba(255,255,255,.6);cursor:pointer;align-self:center}
.vb-x svg{width:14px;height:14px}
.vb-x:hover{color:#fff}
.vb-op{display:grid;grid-template-columns:40px 1fr 18px;align-items:center;gap:12px;width:100%;padding:14px;text-align:left;border:1px solid rgba(255,255,255,.14);background:#1C1E22;color:inherit;font:inherit;cursor:pointer;transition:border-color .15s,background-color .15s}
.vb-op > svg:first-child{width:40px;height:40px;padding:10px;background:rgba(247,255,63,.12);color:#F7FF3F}
.vb-op > svg:last-child{width:16px;height:16px;color:rgba(255,255,255,.5)}
.vb-op b{display:block;font-size:14.5px}
.vb-op small{display:block;margin-top:2px;font-size:12.5px;color:rgba(255,255,255,.6)}
.vb-op:hover,.vb-op:focus-visible{border-color:#F7FF3F;background:#22252A;outline:none}
@keyframes vbFundo{from{opacity:0}}
@keyframes vbEntra{from{opacity:0;transform:translateY(10px) scale(.98)}}
html.tc-reduzir-anim .vb-fundo,html.tc-reduzir-anim .vb-caixa{animation:none}

/* 16/10: mídia vinculada ao ponto (midia-ponto-connect.js) */
.mp-sec{display:grid;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--tc-linha,rgba(255,255,255,.12))}
.mp-rot{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--tc-apoio,rgba(255,255,255,.6))}
.mp-atual{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px}
.mp-atual a{color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:underline;text-underline-offset:2px}
.mp-tipo{display:inline-flex;align-items:center;gap:5px;flex:none;padding:3px 8px;background:var(--tc-y2,#F7FF3F);color:#0A0A0A;font-size:11.5px;font-weight:700}
.mp-acoes{display:flex;gap:6px;flex-wrap:wrap}
.mp-btn{height:32px;font-size:12.5px}
.mp-perigo{color:#D94A3D}
.mp-nota{font-size:11.5px;color:var(--tc-apoio,rgba(255,255,255,.6))}
.mp-caixa .mp-txt{margin:0;font-size:13px;line-height:1.45;color:rgba(255,255,255,.72)}
.mp-tipos{display:inline-flex;border:1px solid rgba(255,255,255,.2);width:max-content}
.mp-tipos button{height:32px;padding:0 16px;border:0;background:none;color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.mp-tipos button.on{background:#F7FF3F;color:#0A0A0A}
.mp-link{display:flex;gap:6px}
.mp-link input{flex:1;min-width:0;height:38px;padding:0 10px;background:#1E2024;color:#fff;border:1px solid rgba(255,255,255,.16);font:inherit;font-size:13px}
.mp-link input:focus{outline:none;border-color:#F7FF3F}
.mp-up{flex:none;height:38px;cursor:pointer;white-space:nowrap}
.mp-dica{font-size:11.5px;color:rgba(255,255,255,.55)}
.mp-erro{margin:0;padding:8px 10px;background:rgba(255,90,78,.12);border-left:3px solid #FF5A4E;color:#FFB4AC;font-size:12.5px}
.mp-pe{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}
.mp-tocar{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12.5px;font-weight:600;color:rgba(255,255,255,.85);cursor:pointer}
.mp-tocar input{width:16px;height:16px;accent-color:#F7FF3F}
.mp-usar{display:inline-flex;align-items:center;gap:6px;height:28px;margin:0 0 6px;padding:0 10px;border:1px dashed rgba(247,255,63,.6);background:rgba(247,255,63,.08);color:#F7FF3F;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.tz-mp{display:flex;align-items:center;gap:6px;width:100%;margin-top:6px;font-size:12.5px;color:rgba(255,255,255,.8);cursor:pointer}
.tz-mp input{accent-color:#F7FF3F}
.pc-ponto-info .mp-sec{margin:0 0 0 auto;padding:0 0 0 16px;border-top:0;border-left:1px solid rgba(0,0,0,.12);max-width:320px}
html[data-tema="escuro"] .pc-ponto-info .mp-sec{border-left-color:rgba(255,255,255,.14)}
@media (max-width:900px){.pc-ponto-info .mp-sec{margin:10px 0 0;padding:10px 0 0;border-left:0;border-top:1px solid rgba(0,0,0,.12);max-width:none;width:100%}}

/* 16/10: "Voltar" abre como extensão do próprio card, para cima */
.vb-pop{position:fixed;z-index:80;animation:vbSobe .22s cubic-bezier(.2,.9,.25,1.05) both;transform-origin:50% 100%}
.vb-pop.baixo{transform-origin:50% 0;animation-name:vbDesce}
.vb-pop .vb-caixa{width:100%;animation:none;border-color:#F7FF3F;border-bottom-width:0;box-shadow:0 -18px 40px rgba(0,0,0,.45)}
.vb-pop.baixo .vb-caixa{border-bottom-width:1px;border-top-width:0;box-shadow:0 18px 40px rgba(0,0,0,.45)}
.vb-ativo{border-color:#F7FF3F !important;box-shadow:inset 0 0 0 1px #F7FF3F}
@keyframes vbSobe{from{opacity:0;transform:translateY(12px) scaleY(.92)}}
@keyframes vbDesce{from{opacity:0;transform:translateY(-12px) scaleY(.92)}}
html.tc-reduzir-anim .vb-pop{animation:none}

/* 26/10: título longo ("Entrega logística em andamento") passava por cima do mapa — quebra em linhas equilibradas */
html #tela-entrega[data-ativa] .pa-ativa-cheio-headline{min-width:0}
html #tela-entrega[data-ativa] .pa-ativa-cheio-headline h2{white-space:normal;text-wrap:balance;overflow-wrap:break-word;line-height:1.05}
/* 26/10: o card de progresso (Ponto atual / Próximo) tinha 420 px fixos — agora acompanha a largura dos botões abaixo */
html #tela-entrega[data-ativa] .pa-ativa-cheio-progresso{width:auto;max-width:none;justify-self:stretch;box-sizing:border-box}
/* 27/10 · Limpeza: pontos do mapa só de referência (não clicáveis) */
#tela-entrega[data-modo="limpeza"] .pa-mapa-picker-ponto{cursor:default;pointer-events:none}