/* Painel do entregador — modelo moderno (escuro, claro e compacto). Carregado só quando um desses modelos está escolhido (includes/entregador-header.php e entregador-login.php); tudo no escopo .ent-tema, então o modelo Clássico e o resto da loja não mudam. Segue a Aparência da loja: --cor-primaria e --radius. Mesma família visual do modelo da Minha conta (conta-modelo.css). */
.ent-tema {
  --et-acento: var(--cor-primaria, #111);
  --et-acento-txt: var(--cor-primaria-contraste, #fff);
  --et-fundo: #f5f5f7;
  --et-borda: #e7e7ec;
  --et-texto: #17171c;
  --et-suave: #6e6e7a;
  --et-raio: calc(var(--radius, 4px) + 10px);
  --et-sombra: 0 1px 2px rgba(20, 20, 30, .05), 0 6px 18px rgba(20, 20, 30, .05);
  --et-ok: #1a7f4b;
  --et-urgente: #c53030;
  background: var(--et-fundo);
  color: var(--et-texto);
  font-family: Arial, Helvetica, sans-serif;
  padding: 14px 14px 30px;
}
/* O fundo cobre a tela toda, não só a coluna de 480px do celular */
html:has(.ent-tema) { background: #f5f5f7; }
.ent-tema.entregador-pagina--navegacao { padding: 14px 18px 30px; }
.ent-tema * { min-width: 0; }
.ent-tema h1 { font-size: 21px; font-weight: 800; margin: 4px 0 14px; }
.ent-tema a { color: var(--et-texto); }
.ent-tema .admin-dica { color: var(--et-suave); }

/* Cabeçalho do entregador */
.ent-hero { display: flex; align-items: center; gap: 13px; background: var(--et-acento); color: var(--et-acento-txt); border-radius: var(--et-raio); padding: 14px 16px; box-shadow: var(--et-sombra); margin-bottom: 16px; }
.ent-hero__avatar { width: 44px; height: 44px; border-radius: 50%; background: var(--et-acento-txt); color: var(--et-acento); display: flex; align-items: center; justify-content: center; font-size: 17px; font-weight: 800; letter-spacing: .02em; flex-shrink: 0; }
.ent-hero__quem { flex: 1 1 auto; line-height: 1.2; }
.ent-hero__quem strong { display: block; font-size: 16px; font-weight: 800; overflow-wrap: anywhere; }
.ent-hero__quem small { font-size: 12px; opacity: .8; }
.ent-tema .ent-hero__sair { background: var(--preenchimento-botao-entregador-sair, var(--preenchimento-pagina-fundo, Canvas)); color: var(--preenchimento-botao-entregador-sair-contraste, var(--preenchimento-pagina-fundo-contraste, CanvasText)); flex-shrink: 0; padding: 7px 14px; border-radius: 999px; border: 1px solid currentColor; font-size: 13px; font-weight: 700; text-decoration: none; opacity: .95; }

/* Cartões */
.ent-tema .entregador-card { border: 1px solid var(--et-borda); border-radius: var(--et-raio); background: #fff; box-shadow: var(--et-sombra); padding: 16px 18px; margin-bottom: 12px; }
.ent-tema .entregador-card h2 { font-size: 16px; font-weight: 800; }
.ent-tema .entregador-card--entregue { opacity: .6; }
.ent-tema .entregador-card__remover { background: #ececf0; color: var(--et-texto); }
.ent-tema .navegacao-paradas .entregador-card { background: #fff; }
.ent-tema .navegacao-guia { border: 1px solid var(--et-borda); border-radius: var(--et-raio); background: #fff; box-shadow: var(--et-sombra); }
.ent-tema .navegacao-guia__rotulo { color: var(--et-suave); }
.ent-tema .mapa-navegacao { border: 1px solid var(--et-borda); border-radius: var(--et-raio); }
.ent-tema .parada-card__mover button { border: 1px solid var(--et-borda); border-radius: 8px; background: #fff; }
.ent-tema .parada-card__num { color: var(--et-acento); }

/* Botões */
.ent-tema .entregador-btn { border-radius: 999px; background: var(--et-acento); color: var(--et-acento-txt); font-weight: 700; padding: 14px 18px; }
.ent-tema .entregador-btn--secundario { background: #fff; color: var(--et-texto); border: 1px solid var(--et-borda); }
.ent-tema .navegacao-voz-btn { border: 1px solid var(--et-borda); background: #fff; color: var(--et-texto); box-shadow: var(--et-sombra); }
.ent-tema .navegacao-voz-btn[aria-pressed="true"] { background: var(--et-acento); color: var(--et-acento-txt); border-color: var(--et-acento); }
.ent-tema .btn-secundario { border: 1px solid var(--et-borda); border-radius: 999px; background: #fff; color: var(--et-texto); padding: 9px 16px; font-size: 13px; font-weight: 700; }
.ent-tema .checkout-finalizar { border-radius: 999px; background: var(--et-acento); color: var(--et-acento-txt); }
/* links-botão: a regra geral de links (.ent-tema a) escurecia o texto e ele sumia sobre o fundo escuro do botão */
.ent-tema a.checkout-finalizar, .ent-tema a.entregador-btn { color: var(--et-acento-txt); }
.ent-tema .entregador-erro { color: var(--et-urgente); }

/* Formulários (login e demais) */
.ent-tema .form-campo label { display: block; margin-bottom: 6px; font-size: 12px; font-weight: 700; color: var(--et-suave); }
.ent-tema .form-campo input, .ent-tema .form-campo select { width: 100%; border: 1px solid var(--et-borda); border-radius: 10px; padding: 12px 13px; font-size: 15px; background: #fff; color: var(--et-texto); }
.ent-tema .form-campo input:focus, .ent-tema .form-campo select:focus { outline: none; border-color: var(--et-acento); box-shadow: 0 0 0 3px rgba(120, 120, 135, .22); }

/* Login */
.ent-tema.entregador-pagina--login { padding: 18px 14px; }
.ent-tema.entregador-pagina--login .entregador-card { width: 100%; padding: 26px 22px; }
.ent-tema .entregador-login__alternar { text-align: center; font-size: 13px; }

@media (max-width: 760px) {
  .ent-tema.entregador-pagina--navegacao { padding: 10px 10px 24px; }
}

/* ===================== VARIAÇÕES DO MODELO MODERNO ===================== */
/* (o modelo "escuro" é o desenho base acima: cabeçalho na cor de destaque da loja) */

/* --- CLARO: cabeçalho branco; a cor de destaque fica no avatar e nos botões principais --- */
.ent-tema--claro .ent-hero { background: #fff; color: var(--et-texto); border: 1px solid var(--et-borda); }
.ent-tema--claro .ent-hero__avatar { background: var(--et-acento); color: var(--et-acento-txt); }
.ent-tema--claro .ent-hero__quem small { opacity: .7; }

/* --- COMPACTO: mais denso, sem sombras --- */
.ent-tema--compacto { --et-raio: calc(var(--radius, 4px) + 6px); --et-sombra: none; padding: 8px 10px 20px; font-size: 13px; }
.ent-tema--compacto .ent-hero { padding: 9px 12px; margin-bottom: 10px; gap: 10px; }
.ent-tema--compacto .ent-hero__avatar { width: 34px; height: 34px; font-size: 13px; }
.ent-tema--compacto .ent-hero__quem strong { font-size: 14px; }
.ent-tema--compacto h1 { font-size: 18px; margin: 2px 0 10px; }
.ent-tema--compacto .entregador-card { padding: 11px 13px; margin-bottom: 8px; }
.ent-tema--compacto .entregador-card h2 { font-size: 14px; }
.ent-tema--compacto .entregador-card p { font-size: 12px; }
.ent-tema--compacto .entregador-btn { padding: 11px 14px; font-size: 14px; margin-top: 8px; }