/* Painel do aluguel de patinetes. Visual do protótipo aprovado (vidro claro sobre fundo azulado).
   As cores da marca chegam da moldura: --principal (botões escuros, item ativo) e --destaque (botão
   principal, detalhes). Tudo pensado primeiro para o celular. */
:root {
  --chao: linear-gradient(180deg, #EFF2F7 0%, #E3E8F1 100%);
  --folha: rgba(255, 255, 255, .78);
  --folha-forte: rgba(255, 255, 255, .92);
  --vidro: rgba(255, 255, 255, .72);
  --funda: rgba(17, 26, 45, .06);
  --tinta: #111C38;
  --tinta-2: #33405E;
  --tinta-3: #5A6580;
  --tinta-4: #8B94AA;
  --fio: rgba(20, 34, 74, .09);
  --fio-2: rgba(20, 34, 74, .16);
  --sombra: inset 0 1px 0 rgba(255, 255, 255, .92), 0 0 0 1px rgba(17, 26, 45, .06), 0 1px 2px rgba(17, 26, 45, .04), 0 14px 30px -22px rgba(17, 26, 45, .34);
  --sombra-alta: 0 0 0 1px rgba(17, 26, 45, .08), 0 24px 48px -12px rgba(17, 26, 45, .30), 0 6px 14px -6px rgba(17, 26, 45, .12);
  --livre: #14955A; --livre-veu: rgba(20, 149, 90, .12);
  --andando: #2F6FDB; --andando-veu: rgba(47, 111, 219, .12);
  --perto: #B07F00; --perto-veu: rgba(221, 173, 0, .18);
  --passou: #C93030; --passou-veu: rgba(214, 57, 57, .11);
  --neutro: #6B7489; --neutro-veu: rgba(17, 26, 45, .07);
  --letra: "Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --letra-mono: "Atkinson Hyperlegible Mono", ui-monospace, "SF Mono", Consolas, monospace;
  --letra-marca: "Outfit", "Atkinson Hyperlegible Next", system-ui, sans-serif;
  --raio: 18px;
  --curva: cubic-bezier(.23, 1, .32, 1);
  --principal: #22324A;
  --destaque: #0E7C66;
  --destaque-forte: #0E7C66;
  color-scheme: light;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  min-height: 100vh;
  font: 15px/1.5 var(--letra);
  color: var(--tinta);
  background: #E9EDF3 var(--chao) fixed;
  -webkit-tap-highlight-color: transparent;
}
a { color: var(--principal); }
img { max-width: 100%; }
[hidden] { display: none !important; }
:focus-visible { outline: 3px solid color-mix(in srgb, var(--destaque) 55%, white); outline-offset: 2px; }
.ic { width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

/* ---------- casca: menu lateral + conteúdo ---------- */
.casca { min-height: 100vh; }
.lateral { display: none; }
.conteudo {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) calc(96px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
  display: flex;
  flex-direction: column;
  gap: 18px;
}
@media (min-width: 900px) {
  .casca { display: grid; grid-template-columns: 260px minmax(0, 1fr); }
  .lateral {
    display: flex; flex-direction: column; gap: 18px;
    position: sticky; top: 12px; height: calc(100vh - 24px); margin: 12px 0 12px 12px; padding: 18px 14px;
    border-radius: 24px; background: var(--vidro);
    backdrop-filter: blur(11px) saturate(170%); -webkit-backdrop-filter: blur(11px) saturate(170%);
    box-shadow: var(--sombra-alta);
  }
  .conteudo { padding: 28px 32px 48px; }
  .abas { display: none !important; }
}

.marca { display: flex; align-items: center; gap: 12px; padding: 4px 6px; }
.selo {
  width: 40px; height: 40px; flex: none; display: grid; place-items: center; border-radius: 50%; color: #fff;
  background: radial-gradient(circle at 32% 28%, color-mix(in srgb, var(--destaque) 70%, white), var(--destaque) 62%, color-mix(in srgb, var(--destaque) 80%, black));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 6px 14px -6px color-mix(in srgb, var(--destaque) 70%, transparent);
}
.selo .ic { width: 22px; height: 22px; stroke-width: 2; }
.selo.com-logo { background: #fff; overflow: hidden; border-radius: 12px; box-shadow: 0 0 0 1px var(--fio); }
.selo.com-logo img { width: 100%; height: 100%; object-fit: contain; }
.marca-txt { display: flex; flex-direction: column; min-width: 0; }
.marca-txt b { font: 800 19px/1.1 var(--letra-marca); color: var(--principal); letter-spacing: -.01em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.marca-txt small { font-size: 12px; color: var(--tinta-3); }

.nav { display: flex; flex-direction: column; gap: 2px; flex: 1; overflow-y: auto; }
.nav a {
  display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 12px;
  color: var(--tinta-2); text-decoration: none; font-weight: 500;
  transition: background-color .18s var(--curva), color .18s var(--curva);
}
.nav a:hover { background: var(--funda); color: var(--tinta); }
.nav a[aria-current="page"] { background: var(--principal); color: #fff; box-shadow: 0 8px 18px -10px var(--principal); }

.conta { display: flex; align-items: center; gap: 10px; padding: 10px 8px 2px; border-top: 1px solid var(--fio); position: relative; }
.avatar {
  width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; flex: none;
  background: color-mix(in srgb, var(--principal) 12%, white); color: var(--principal); font-weight: 700;
}
.conta-txt { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.conta-txt b { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.conta-txt small { font-size: 12px; color: var(--tinta-3); }
details > summary { list-style: none; cursor: pointer; }
details > summary::-webkit-details-marker { display: none; }
.conta-menu summary { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; color: var(--tinta-3); }
.conta-menu summary:hover { background: var(--funda); }
.balao {
  position: absolute; z-index: 30; min-width: 200px; padding: 6px; border-radius: 14px; background: var(--folha-forte);
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: var(--sombra-alta);
  display: flex; flex-direction: column;
}
.conta-menu .balao { bottom: 52px; right: 0; }
.balao a, .balao button {
  display: flex; align-items: center; gap: 10px; width: 100%; padding: 11px 12px; border: 0; border-radius: 10px;
  background: none; font: inherit; color: var(--tinta); text-decoration: none; text-align: left; cursor: pointer;
}
.balao a:hover, .balao button:hover { background: var(--funda); }
.balao form { margin: 0; }

/* ---------- abas do celular ---------- */
.abas {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 40;
  display: grid; grid-template-columns: repeat(4, 1fr);
  padding: 6px max(8px, env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));
  background: rgba(255, 255, 255, .82); backdrop-filter: blur(14px) saturate(170%); -webkit-backdrop-filter: blur(14px) saturate(170%);
  box-shadow: 0 -1px 0 var(--fio), 0 -12px 30px -20px rgba(17, 26, 45, .4);
}
.abas > a, .abas summary {
  display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 6px 4px; border-radius: 12px;
  color: var(--tinta-3); text-decoration: none; font-size: 12px; font-weight: 600;
}
.abas > a[aria-current="page"] { color: var(--principal); background: color-mix(in srgb, var(--principal) 9%, transparent); }
.abas .mais { position: relative; }
.abas .balao-cima { bottom: calc(100% + 10px); right: 0; }

/* ---------- topo, faixas, avisos ---------- */
.topo { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px; }
.topo-txt { min-width: 0; }
.topo h1 { margin: 0; font: 700 clamp(24px, 3vw, 30px)/1.15 var(--letra-marca); letter-spacing: -.01em; text-wrap: balance; }
.subtitulo { margin: 4px 0 0; color: var(--tinta-3); max-width: 70ch; }
.voltar { display: inline-block; margin-bottom: 4px; font-weight: 600; text-decoration: none; color: var(--tinta-3); }
.topo-acoes { display: flex; flex-wrap: wrap; gap: 8px; }
.faixa { margin: 0; padding: 10px 14px; border-radius: 12px; font-size: 14px; }
.faixa b { margin-right: 6px; }
.faixa-teste { background: var(--perto-veu); color: #6B4E00; }
.faixa-perigo { background: var(--passou-veu); color: var(--passou); font-weight: 600; }
.aviso { margin: 0; padding: 12px 14px; border-radius: 12px; background: var(--livre-veu); color: #0B6B3F; font-weight: 600; }
.alerta { margin: 0; padding: 12px 14px; border-radius: 12px; background: var(--passou-veu); color: #8F1F1F; }
.dica { margin: 0; padding: 12px 14px; border-radius: 12px; background: color-mix(in srgb, var(--principal) 7%, white); color: var(--tinta-2); }

/* ---------- cartões e grades ---------- */
.cartao {
  padding: 18px; border-radius: var(--raio); background: var(--folha);
  backdrop-filter: blur(11px) saturate(170%); -webkit-backdrop-filter: blur(11px) saturate(170%);
  box-shadow: var(--sombra); min-width: 0;
}
.cartao > h2, .cartao-topo h2 { margin: 0 0 12px; font: 700 18px/1.2 var(--letra-marca); }
.cartao-topo { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px; margin-bottom: 12px; }
.cartao-topo h2 { margin: 0; }
.cartao > p:first-child { margin-top: 0; }
.cartao > :last-child { margin-bottom: 0; }
.grade { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); align-items: start; }
.grade-2 { display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1000px) { .grade-2 { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); } }
.numeros { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 700px) { .numeros { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.numero { padding: 14px 16px; border-radius: 16px; background: var(--folha); box-shadow: var(--sombra); }
.numero span { display: block; font-size: 13px; color: var(--tinta-3); }
.numero b { display: block; margin-top: 2px; font: 700 30px/1.1 var(--letra-marca); font-variant-numeric: tabular-nums; }
.numero small { display: block; font-size: 12px; color: var(--tinta-4); }

/* ---------- tabela e listas ---------- */
.tabela-caixa { overflow-x: auto; margin: 0 -4px; }
table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
th { text-align: left; font-size: 12px; font-weight: 600; color: var(--tinta-3); padding: 8px 10px; border-bottom: 1px solid var(--fio-2); white-space: nowrap; }
td { padding: 11px 10px; border-bottom: 1px solid var(--fio); vertical-align: middle; }
tr:last-child td { border-bottom: 0; }
td a { font-weight: 600; text-decoration: none; }
.mono { font-family: var(--letra-mono); font-size: 13px; }
.fraco { color: var(--tinta-3); }
.vazio { padding: 22px; text-align: center; color: var(--tinta-3); border: 1px dashed var(--fio-2); border-radius: 14px; }
.vazio b { display: block; color: var(--tinta); margin-bottom: 4px; }
.itens { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.itens li { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--fio); }
.itens li:last-child { border-bottom: 0; }
/* Acessos: sem espaço para o e-mail inteiro, os botões descem para a linha de baixo (o e-mail nunca é cortado). */
.acessos li { flex-wrap: wrap; }
.acessos .quem { flex: 1 1 16em; min-width: 0; }
.acessos .quem .mono { overflow-wrap: anywhere; }
.par { display: grid; grid-template-columns: minmax(110px, 40%) 1fr; gap: 6px 12px; margin: 0; }
.par dt { color: var(--tinta-3); font-size: 14px; }
.par dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }

/* ---------- pílulas de situação ---------- */
.pilula { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 999px; font-size: 12.5px; font-weight: 600; white-space: nowrap; }
.pilula::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.s-disponivel { background: var(--livre-veu); color: var(--livre); }
.s-andando { background: var(--andando-veu); color: var(--andando); }
.s-bateria_baixa { background: var(--perto-veu); color: var(--perto); }
.s-sem_sinal { background: var(--passou-veu); color: var(--passou); }
.s-manutencao, .s-desligada, .s-suspensa { background: var(--neutro-veu); color: var(--neutro); }
.s-ativa, .s-ok { background: var(--livre-veu); color: var(--livre); }
.s-teste { background: var(--perto-veu); color: var(--perto); }
.s-producao { background: color-mix(in srgb, var(--principal) 10%, white); color: var(--principal); }
.bateria { display: inline-flex; align-items: center; gap: 6px; font-variant-numeric: tabular-nums; }
.bateria i { width: 34px; height: 10px; border-radius: 3px; background: var(--funda); overflow: hidden; display: inline-block; position: relative; }
.bateria i::after { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--carga, 0%); background: var(--livre); border-radius: 3px; }
.bateria.baixa i::after { background: var(--perto); }

/* ---------- formulários ---------- */
form { margin: 0; }
.form { display: flex; flex-direction: column; gap: 14px; }
.campos { display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); }
.campo { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.campo > label, .campo > .legenda { font-size: 14px; font-weight: 600; color: var(--tinta-2); }
input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="time"], input[type="search"], select, textarea {
  width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid var(--fio-2); border-radius: 12px;
  background: #fff; font: 16px/1.3 var(--letra); color: var(--tinta);
  transition: border-color .15s, box-shadow .15s;
}
input:focus, select:focus, textarea:focus { outline: none; border-color: var(--principal); box-shadow: 0 0 0 3px color-mix(in srgb, var(--principal) 18%, transparent); }
input[aria-invalid="true"] { border-color: var(--passou); }
input[type="color"] { width: 64px; height: 46px; padding: 4px; border: 1px solid var(--fio-2); border-radius: 12px; background: #fff; }
input[type="file"] { font: inherit; }
input[type="range"] { width: 100%; accent-color: var(--destaque-forte); }
.caixa { display: flex; align-items: flex-start; gap: 10px; font-weight: 400; color: var(--tinta); cursor: pointer; }
.caixa input { width: 20px; height: 20px; margin: 1px 0 0; accent-color: var(--principal); flex: none; }
.ajuda { margin: 0; font-size: 13px; color: var(--tinta-3); }
.erro { margin: 0; font-size: 13px; color: var(--passou); font-weight: 600; }

/* ---------- botões ---------- */
.botao, button.botao {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 0 18px;
  border: 0; border-radius: 12px; cursor: pointer; text-decoration: none; white-space: nowrap;
  font: 700 15px/1 var(--letra); color: #fff;
  background: linear-gradient(180deg, color-mix(in srgb, var(--destaque-forte) 82%, white) 0%, var(--destaque-forte) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), 0 0 0 1px color-mix(in srgb, var(--destaque-forte) 80%, black), 0 10px 22px -12px var(--destaque-forte);
  transition: transform .12s var(--curva), filter .12s;
}
.botao:hover { filter: brightness(1.05); }
.botao:active { transform: scale(.98); }
.botao.escuro { background: var(--principal); box-shadow: 0 0 0 1px color-mix(in srgb, var(--principal) 80%, black), 0 10px 20px -12px var(--principal); }
.botao.secundario {
  color: var(--tinta); background: linear-gradient(180deg, #FFFFFF 0%, #F1F4F9 100%);
  box-shadow: inset 0 1px 0 #fff, 0 0 0 1px rgba(17, 26, 45, .12), 0 6px 14px -10px rgba(17, 26, 45, .5);
}
.botao.perigo { color: var(--passou); background: #fff; box-shadow: 0 0 0 1px color-mix(in srgb, var(--passou) 35%, white); }
.botao.pequeno { min-height: 36px; padding: 0 12px; font-size: 14px; border-radius: 10px; }
.botao[disabled] { opacity: .55; cursor: not-allowed; }
.acoes { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }

/* ---------- mapa ---------- */
.mapa { height: 420px; border-radius: 16px; overflow: hidden; background: #DDE3EC; box-shadow: 0 0 0 1px var(--fio); position: relative; z-index: 0; }
.mapa-grande { height: calc(100vh - 230px); min-height: 420px; }
@media (max-width: 899px) { .mapa-grande { height: calc(100vh - 260px); } }
.leaflet-container { font: 13px/1.4 var(--letra); }
.pino {
  display: inline-flex; align-items: center; gap: 4px; padding: 3px 8px 3px 4px; border-radius: 999px; white-space: nowrap;
  background: #fff; color: var(--tinta); font: 700 12px/1 var(--letra); box-shadow: 0 2px 8px rgba(17, 26, 45, .3), 0 0 0 1px rgba(17, 26, 45, .1);
  transform: translate(-50%, -50%);
}
.pino i { width: 14px; height: 14px; border-radius: 50%; background: var(--livre); box-shadow: 0 0 0 2px #fff inset; }
.pino.s-andando i { background: var(--andando); }
.pino.s-bateria_baixa i { background: #DDAD00; }
.pino.s-sem_sinal i { background: var(--passou); }
.pino.s-manutencao i { background: var(--neutro); }
.legenda-mapa { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.contador-mapa { font-size: 13px; color: var(--tinta-3); }
.pino-caixa { background: none; border: 0; }
.pino.foco { box-shadow: 0 0 0 3px var(--destaque), 0 4px 12px rgba(17, 26, 45, .35); }
.pino-popup { display: flex; flex-direction: column; gap: 2px; min-width: 150px; font: 13px/1.4 var(--letra); color: var(--tinta-2); }
.pino-popup b { font-size: 14px; color: var(--tinta); }
.pino-popup a { margin-top: 4px; font-weight: 700; }
.leaflet-popup-content { margin: 10px 14px; }
.s-zona-retirada_devolucao { background: var(--livre-veu); color: var(--livre); }
.s-zona-so_devolucao { background: rgba(122, 79, 208, .12); color: #6A3FC0; }
.s-zona-area_uso { background: var(--neutro-veu); color: var(--neutro); }

/* ---------- partes recolhidas (sensores, detalhes do registro) ---------- */
.detalhes { margin-top: 12px; }
.detalhes > summary { display: inline-flex; align-items: center; gap: 6px; padding: 4px 0; font-size: 14px; font-weight: 600; color: var(--principal); }
.detalhes > summary::before { content: "›"; display: inline-block; transition: transform .15s var(--curva); }
.detalhes[open] > summary::before { transform: rotate(90deg); }
.detalhes > .par { margin-top: 8px; font-size: 14px; }

/* ---------- veículos da conta da plataforma ---------- */
.grupos-veiculos { display: flex; flex-direction: column; gap: 14px; }
.grupo-veiculos {
  margin: 0; padding: 10px 12px; border: 1px solid var(--fio-2); border-radius: 14px; min-width: 0;
  display: grid; gap: 2px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
}
.grupo-veiculos legend { padding: 0 6px; font-weight: 700; }
.veiculo { padding: 8px 6px; border-radius: 10px; align-items: center; }
.veiculo:hover { background: var(--funda); }
.veiculo .pilula { margin-left: 4px; }

/* ---------- pacotes ---------- */
.itens li.pacote { display: block; padding: 0; }
.pacote > details > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 2px; }
.pacote-nome { display: flex; flex-direction: column; min-width: 0; }
.pacote-lado { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; }
.preco { font: 700 18px/1 var(--letra-marca); font-variant-numeric: tabular-nums; }
.pacote-corpo { display: flex; flex-direction: column; gap: 14px; padding: 4px 2px 16px; }

/* ---------- horário ---------- */
.dias { display: flex; flex-direction: column; }
.dia {
  display: grid; grid-template-columns: minmax(110px, 1fr) minmax(0, 1fr) minmax(0, 1fr); gap: 4px 10px; align-items: end;
  padding: 8px 0; border-bottom: 1px solid var(--fio);
}
.dia:last-child { border-bottom: 0; }
.dia > .caixa { align-self: center; font-weight: 600; }
.dia .campo > label { font-size: 12px; color: var(--tinta-3); }
.dia .erro { grid-column: 1 / -1; }
@media (max-width: 420px) {
  .dia { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .dia > .caixa { grid-column: 1 / -1; }
}

/* ---------- entrar ---------- */
.sozinho { min-height: 100vh; display: grid; place-items: center; padding: 24px max(16px, env(safe-area-inset-right)) 24px max(16px, env(safe-area-inset-left)); }
.entrar { width: 100%; max-width: 400px; padding: 28px 24px; border-radius: 24px; background: var(--folha-forte); box-shadow: var(--sombra-alta); display: flex; flex-direction: column; gap: 18px; }
.entrar .marca { padding: 0; }
.entrar h1 { margin: 0; font: 700 24px/1.2 var(--letra-marca); }

/* ---------- etiquetas (QR) ---------- */
.etiquetas { display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.etiqueta {
  display: grid; grid-template-columns: 1fr; justify-items: center; gap: 6px; padding: 16px 14px 12px; text-align: center;
  background: #fff; border-radius: 16px; box-shadow: 0 0 0 1px var(--fio-2); break-inside: avoid;
}
.etiqueta .et-marca { display: flex; align-items: center; gap: 8px; font: 800 16px/1 var(--letra-marca); color: var(--principal); }
.etiqueta .et-marca img { width: 24px; height: 24px; object-fit: contain; }
.etiqueta svg.qr { width: 150px; height: 150px; }
.etiqueta .et-numero { font: 800 36px/1 var(--letra-marca); color: var(--tinta); letter-spacing: .01em; }
.etiqueta .et-texto { font-size: 12px; color: var(--tinta-2); }
.etiqueta .et-endereco { font: 600 12px/1.3 var(--letra-mono); color: var(--tinta); overflow-wrap: anywhere; }
/* Impressão: A4 com 3 colunas e 4 linhas (12 etiquetas por folha). */
@media print {
  @page { size: A4; margin: 8mm; }
  body { background: #fff; }
  .lateral, .abas, .topo, .faixa, .aviso, .nao-imprimir { display: none !important; }
  .casca { display: block; }
  .conteudo { padding: 0; max-width: none; gap: 0; }
  .etiquetas { grid-template-columns: repeat(3, 1fr); gap: 4mm; }
  .etiqueta { height: 66mm; align-content: center; gap: 1.5mm; box-shadow: none; border: .3mm dashed #999; border-radius: 4mm; padding: 4mm 3mm 3mm; }
  .etiqueta .et-marca { font-size: 11pt; }
  .etiqueta .et-marca img { width: 5mm; height: 5mm; }
  .etiqueta svg.qr { width: 30mm; height: 30mm; }
  .etiqueta .et-numero { font-size: 24pt; }
  .etiqueta .et-texto, .etiqueta .et-endereco { font-size: 8pt; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; }
}