/*! Wolf Attack — Portal de manutenção e garantia (manutencao.html)
    Só o que é próprio desta página. Cores, espaços, cantos e sombras vêm dos tokens do tema (css/tema/wolf-theme.css).
    Não escreva cor literal aqui. Botão, campo, card, aviso, interruptor e modal são os do tema
    (.wa-btn, .wa-input, .wa-card, .wa-banner, .wa-switch, .wa-modal).
    Classes "mp-" são desta página. As demais sem "mp-" são nomes antigos que o js/app.js e o
    js/garantia-compras.js usam para montar a tela; por isso continuam com o mesmo nome. */

/* ==================== 1. Estrutura da página ==================== */
.mp-hero { background: var(--wa-chrome); color: var(--wa-on-chrome); padding: var(--wa-space-6) 0 var(--wa-space-16); }
.mp-hero__eyebrow { margin: 0 0 var(--wa-space-2); text-transform: uppercase; color: var(--wa-brand); }
.mp-hero__title { margin: 0; font-size: clamp(1.75rem, 7vw, 2.5rem); text-transform: uppercase; }
.mp-hero__sub { margin: var(--wa-space-3) 0 0; color: var(--wa-on-chrome-muted); font-size: 0.9375rem; max-width: 44ch; }
.mp-wrap { width: min(100% - 2 * var(--wa-space-4), 42rem); margin-inline: auto; }
.mp-main { width: min(100% - 2 * var(--wa-space-4), var(--wa-container)); margin-inline: auto; margin-top: calc(var(--wa-space-12) * -1); padding-bottom: var(--wa-space-8); overflow-x: clip; }
.mp-narrow { width: min(100%, 42rem); margin-inline: auto; }
.mp-form { width: min(100%, 50rem); margin-inline: auto; display: grid; gap: var(--wa-space-4); }
.mp-title { margin: 0; font: 700 1.375rem/1.25 var(--font-display); }
.mp-sub { margin: var(--wa-space-1) 0 0; color: var(--wa-text-muted); font-size: 0.9375rem; }
.mp-back { justify-self: start; margin-left: calc(var(--wa-space-3) * -1); }
.mp-footer { padding: var(--wa-space-6) var(--wa-space-4); text-align: center; color: var(--wa-text-muted); font-size: 0.8125rem; }
.mp-footer p { margin: 0; }
.mp-turnstile { display: grid; gap: var(--wa-space-2); justify-items: center; }

/* Escolha da tela inicial (mesmo desenho da página de trocas) */
.mp-choices { display: grid; gap: var(--wa-space-3); }
.mp-choice {
  display: flex; align-items: center; gap: var(--wa-space-4); width: 100%; min-height: var(--wa-touch-min);
  padding: var(--wa-space-4); text-align: left; text-decoration: none; cursor: pointer;
  background: var(--wa-surface); color: var(--wa-text); font: inherit;
  border: 1px solid var(--wa-border-strong); border-radius: var(--wa-radius-md);
  transition: border-color var(--wa-duration-base), box-shadow var(--wa-duration-base), transform var(--wa-duration-fast);
}
.mp-choice:hover { border-color: var(--wa-text); box-shadow: var(--wa-shadow-md); }
.mp-choice:active { transform: translateY(1px); }
.mp-choice:disabled { cursor: progress; }
.mp-choice__ic { width: 2.75rem; height: 2.75rem; flex: none; display: grid; place-items: center; border-radius: var(--wa-radius-md); background: var(--wa-surface-2); }
.mp-choice__ic svg, .mp-choice__chev svg { width: 1.25rem; height: 1.25rem; }
.mp-choice__txt { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.mp-choice__t { font-weight: 700; }
.mp-choice__d { color: var(--wa-text-muted); font-size: 0.875rem; }
.mp-choice__chev { flex: none; color: var(--wa-text-muted); }
/* Enquanto troca de tela, o app.js põe este indicador dentro do botão. */
.wa-nav-busy { display: inline-block; width: 1rem; height: 1rem; flex: none; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: wa-spin 0.7s linear infinite; }

/* Etapas do formulário */
.wa-progress-bar { display: grid; gap: var(--wa-space-2); }
.wa-progress-bar__track { height: 0.25rem; border-radius: var(--wa-radius-pill); background: var(--wa-surface-2); overflow: hidden; }
.wa-progress-bar__fill { height: 100%; border-radius: inherit; background: var(--wa-primary); transition: width var(--wa-duration-slow) var(--wa-ease-out); }
.wa-progress-bar__steps { display: flex; justify-content: space-between; gap: var(--wa-space-2); }
.wa-progress-step { font: 600 0.6875rem/1.3 var(--font-sans); color: var(--wa-text-subtle); }
.wa-progress-step.is-active { color: var(--wa-text); }
.wa-progress-step.is-done { color: var(--wa-success-text); }
@media (min-width: 30rem) { .wa-progress-step { font-size: 0.75rem; } }

/* Seções do formulário: cada uma é um card do tema */
.tech-section { grid-column: 1 / -1; }
.tech-section__head { margin-bottom: var(--wa-space-4); }
.tech-section__title { margin: 0; font: 700 1.125rem/1.35 var(--font-sans); }
.mp-enviar { grid-column: 1 / -1; }

/* Campos: o desenho é o do tema (.wa-input, .wa-select, .wa-textarea). Aqui fica só o que o tema não cobre. */
.field__label small { font-weight: 500; color: var(--wa-text-muted); }
.field__error { margin: 0; font: 500 0.75rem/1.4 var(--font-sans); color: var(--wa-danger-text); }
.field__error[hidden] { display: none; }
.wa-compras-cpf-status { margin: 0; font-size: 0.8125rem; min-height: 1.1em; color: var(--wa-text-muted); }
.wa-compras-cpf-status:empty { display: none; }

/* Janelas: a caixa é o .wa-modal do tema. Estas abrem e fecham pelo atributo hidden, que é como o app.js controla. */
.wa-modal-overlay { position: fixed; inset: 0; z-index: calc(var(--wa-z-modal) + 1); display: grid; place-items: center; padding: var(--wa-space-4); background: var(--wa-overlay); }
.wa-modal-overlay[hidden] { display: none; }
.wa-modal-overlay > .wa-modal { transform: none; }
.wa-modal--avaliacao { width: min(44rem, 100%); }
.mp-modal-head { display: flex; align-items: center; justify-content: space-between; gap: var(--wa-space-3); padding-top: var(--wa-space-4); padding-right: var(--wa-space-3); }
.mp-modal-form { display: flex; flex-direction: column; min-height: 0; }

/* Avisos temporários do app.js: mesma aparência do .wa-toast do tema */
.wa-portal-toast { pointer-events: auto; max-width: 26rem; padding: var(--wa-space-3) var(--wa-space-4); border-radius: var(--wa-radius-md); background: var(--wa-text); color: var(--wa-bg); box-shadow: var(--wa-shadow-md); font: 500 0.875rem/1.4 var(--font-sans); }
.wa-portal-toast--error { background: var(--wa-danger); color: var(--wa-on-danger); }

/* ==================== 2. Formulário e consulta ====================
   Regras da tela montada pelo app.js e pelo garantia-compras.js, com os valores trocados pelos tokens do tema. */
.d-none { display: none !important; }
.wa-showroom-flag { border: 1px solid var(--wa-border); background: var(--wa-surface-2); border-radius: var(--wa-radius-md); padding: var(--wa-space-4); margin: 0 0 var(--wa-space-4); }
.wa-showroom-flag__title { margin: 0 0 var(--wa-space-2); font: 700 0.9375rem/1.3 var(--font-sans); }
.wa-showroom-flag__row { display: flex; align-items: flex-start; gap: var(--wa-space-3); }
.wa-showroom-flag__help { font-size: 0.875rem; color: var(--wa-text-muted); }
.wa-showroom-routes { margin-top: var(--wa-space-2); display: flex; gap: var(--wa-space-2); flex-wrap: wrap; }

/* Telas: o app.js mostra uma por vez */
.view { display: none; }
.view.view--active { display: block; }

/* Formulário */
.form__grid { display: grid; grid-template-columns: 1fr; gap: 1.25rem 1rem; }
.wa-turnstile-mount { min-height: 65px; }
.wa-info-card { margin: 0; }
.wa-info-card__grid { display: grid; grid-template-columns: 1fr; gap: 1rem; }
.wa-field--cep { grid-column: 1 / -1; min-width: 0; }
.wa-cep-inline { display: flex; align-items: stretch; min-width: 0; }
.wa-cep-inline .field__input { flex: 1 1 auto; min-width: 0; }
.field { display: flex; flex-direction: column; gap: 0.4rem; }
.field__label--with-help { position: relative; display: flex; align-items: center; gap: 0.375rem; flex-wrap: wrap; }
.wa-help { display: inline-flex; align-items: center; justify-content: center; width: 1.25rem; height: 1.25rem; flex: none; border-radius: var(--wa-radius-pill); color: var(--wa-text-muted); cursor: help; }
.wa-help__icon { width: 1.125rem; height: 1.125rem; }
.wa-help__tooltip { position: absolute; left: 0; bottom: calc(100% + 0.375rem); width: max-content; max-width: min(16rem, calc(100vw - 4rem)); padding: var(--wa-space-2) var(--wa-space-3); font: 500 0.75rem/1.4 var(--font-sans); letter-spacing: normal; text-transform: none; color: var(--wa-on-chrome); background: var(--wa-chrome); border-radius: var(--wa-radius-sm); box-shadow: var(--wa-shadow-md); opacity: 0; pointer-events: none; visibility: hidden; transition: opacity var(--wa-duration-fast), visibility var(--wa-duration-fast); z-index: var(--wa-z-sticky); }

/* Consulta: cabeçalho do chamado (protocolo, produto, última atualização) e logística */
.wa-consulta-hero__headline { display: flex; align-items: flex-end; justify-content: space-between; gap: 0.85rem; flex-wrap: wrap; }
.wa-consulta-hero__headline-item { min-width: 10rem; flex: 1 1 12rem; display: flex; flex-direction: column; align-items: flex-start; }
.wa-consulta-hero__headline-item--last { flex: 1 1 14rem; }
.wa-consulta-hero__headline-last-row { display: flex; align-items: center; justify-content: space-between; gap: 0.6rem; flex-wrap: wrap; }
@media (min-width: 720px) {
  .wa-consulta-hero__headline { flex-wrap: nowrap; align-items: flex-start; gap: 1.4rem; }
  .wa-consulta-hero__headline-item { min-width: 0; }
  .wa-consulta-hero__headline-item:nth-child(1) { flex: 0 0 11rem; }
  .wa-consulta-hero__headline-item:nth-child(2) { flex: 1 1 auto; }
  .wa-consulta-hero__headline-item--last { flex: 0 0 22rem; }
  .wa-consulta-hero__headline-k { margin-bottom: 0.15rem; }
  .wa-consulta-hero__headline-last-row { flex-wrap: nowrap; align-items: flex-start; }
  .wa-consulta-hero__headline-last-row .wa-consulta-hero__headline-v { margin-top: 0.25rem; }
  #screen-consulta .wa-consulta-hero__headline-last-row .wa-admin-badge { flex: 0 0 auto; margin-left: auto; margin-top: 0.25rem; }
}
.wa-consulta-hero__headline-k { font: 600 0.75rem/1.3 var(--font-sans); letter-spacing: 0.08em; text-transform: uppercase; color: var(--wa-text-muted); }
.wa-consulta-hero__headline-v { margin-top: 0.25rem; font: 700 1rem/1.35 var(--font-sans); word-break: break-word; }
.wa-consulta-hero__logistics { width: 100%; min-width: 0; }
.wa-consulta-hero__logistics--destaque { border-top: 1px solid var(--wa-border); padding-top: var(--wa-space-4); }
.wa-consulta-hero__logistics-title { margin: 0 0 var(--wa-space-2); font: 700 1rem/1.35 var(--font-sans); }
.wa-consulta-logistics-cta { margin-bottom: var(--wa-space-3); padding: 0.75rem 1rem; border-radius: var(--wa-radius-md); background: var(--wa-warning-bg); color: var(--wa-warning-text); font-size: 0.875rem; line-height: 1.5; }
.wa-consulta-logistics-cta strong { font-weight: 700; }
.wa-consulta-track-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--wa-space-2); padding: 0.375rem 0.375rem 0.375rem 0.875rem; border-radius: var(--wa-radius-sm); border: 1px solid var(--wa-border-strong); background: var(--wa-surface); }
.wa-consulta-track-row__code { flex: 1; min-width: 0; font: 700 0.9375rem/1.3 var(--font-mono); letter-spacing: 0.04em; word-break: break-all; }
.wa-consulta-copy-btn { flex: none; display: inline-flex; align-items: center; gap: 0.375rem; min-height: 2.25rem; padding: 0 0.875rem; border-radius: var(--wa-radius-sm); border: 1px solid var(--wa-border-strong); background: transparent; color: var(--wa-text); font: 700 0.75rem/1 var(--font-sans); letter-spacing: 0.04em; text-transform: uppercase; cursor: pointer; transition: border-color var(--wa-duration-base), background-color var(--wa-duration-base); }
.wa-consulta-correios-search-btn { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; padding: 0; border-radius: var(--wa-radius-sm); border: 1px solid var(--wa-border-strong); background: transparent; color: var(--wa-text); cursor: pointer; transition: border-color var(--wa-duration-base), background-color var(--wa-duration-base); }
.wa-help:hover .wa-help__tooltip, .wa-help:focus .wa-help__tooltip, .wa-help:focus-within .wa-help__tooltip { opacity: 1; visibility: visible; }
.field__input[readonly] { background: var(--wa-surface-2); }

/* Produto, defeitos e fotos */
.tech-section__meta { margin: var(--wa-space-1) 0 0; }
.tech-section__hint { font-size: 0.875rem; color: var(--wa-text-muted); }
.tech-section__load-msg { margin: 0 0 var(--wa-space-3); font-size: 0.875rem; color: var(--wa-danger-text); }
.wa-produtos-root[data-wa-root-disabled="true"] { opacity: 0.55; pointer-events: none; }
.wa-produtos-root { display: flex; flex-direction: column; gap: 1.25rem; }
.wa-produto-bloco { padding: var(--wa-space-4); border: 1px solid var(--wa-border); border-radius: var(--wa-radius-md); }
.wa-produto-bloco__head { display: flex; align-items: center; justify-content: space-between; gap: var(--wa-space-3); min-height: var(--wa-touch-min); margin-bottom: var(--wa-space-3); }
.wa-produto-bloco__titulo { font: 700 0.9375rem/1.3 var(--font-sans); }
.wa-row-cat-prod { display: flex; flex-direction: column; gap: 1rem; margin-bottom: 1rem; width: 100%; min-width: 0; }
.wa-row-cor-tam { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1rem; width: 100%; min-width: 0; }
@media (max-width: 520px) {
  .wa-row-cor-tam { grid-template-columns: 1fr; }
}
.wa-field--cat { flex: 0 0 auto; max-width: 100%; }
.wa-field--prod-wide { flex: 1 1 auto; flex-grow: 1; min-width: 0; width: 100%; }
.wa-produto-input-shell { position: relative; z-index: 1; display: block; width: 100%; min-width: 0; flex: 1 1 auto; }
.wa-produto-input-shell--open { z-index: 25; }
.wa-produto-sugestoes { position: absolute; left: 0; right: 0; top: calc(100% + 2px); margin: 0; padding: 0.25rem 0; list-style: none; max-height: min(40vh, 16rem); overflow-y: auto; overflow-x: hidden; background: var(--wa-surface); border: 1px solid var(--wa-border-strong); border-radius: var(--wa-radius-sm); box-shadow: var(--wa-shadow-md); }
.wa-produto-sugestoes__item { margin: 0; padding: 0; }
.wa-produto-sugestoes__opt { display: block; width: 100%; margin: 0; padding: 0.625rem 0.875rem; font: 500 0.875rem/1.4 var(--font-sans); text-align: left; color: var(--wa-text); white-space: normal; overflow-wrap: anywhere; background: transparent; border: none; border-radius: 0; cursor: pointer; transition: background-color var(--wa-duration-fast); }
.wa-produto-sugestoes__opt:hover, .wa-produto-sugestoes__opt:focus-visible { outline: none; background: var(--wa-surface-2); }
.wa-produto-sugestoes__opt--active, .wa-produto-sugestoes__opt--active:hover { background: var(--wa-brand-soft); }
.wa-produto-sugestoes__empty { margin: 0; padding: 0.625rem 0.875rem; font-size: 0.8125rem; color: var(--wa-text-muted); }
datalist.js-wa-produto-datalist { display: none; }
@media (min-width: 640px) {
  .wa-row-cat-prod { flex-direction: row; align-items: flex-end; gap: 1rem 1.25rem; }
  .wa-field--cat { flex: 0 0 12.5rem; max-width: 14rem; }
  .wa-field--prod-wide { flex: 1 1 0; min-width: 0; }
  .wa-produto-input-shell { min-width: 0; }
}
.wa-field { display: flex; flex-direction: column; gap: 0.4rem; flex: 1; min-width: 0; }
.field__label--fieldset { padding: 0; margin: 0 0 0.375rem; }
.wa-local-fieldset { margin: 0; padding: 0; border: none; min-width: 0; }
.wa-defeito-linha { padding: var(--wa-space-4); margin-bottom: var(--wa-space-3); border: 1px solid var(--wa-border); border-radius: var(--wa-radius-sm); }
.wa-defeito-linha__body { display: flex; flex-direction: column; gap: 0.75rem; align-items: stretch; }
.wa-defeito-linha__fields { display: flex; flex-direction: column; gap: 1rem; flex: 1 1 auto; min-width: 0; width: 100%; }
.wa-field--inline-parte { min-width: 0; }
.wa-field--inline-loc { min-width: 0; margin: 0; }
.wa-field--defeito-fotos { width: 100%; }
.wa-foto-slots { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.7rem; }
.wa-foto-slot { position: relative; min-height: 7rem; padding: var(--wa-space-3); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.25rem; background: var(--wa-surface); border: 1px dashed var(--wa-border-strong); border-radius: var(--wa-radius-md); text-align: center; transition: border-color var(--wa-duration-base); }
.wa-foto-slot:hover, .wa-foto-slot:focus-within { border-color: var(--wa-text); }
.wa-foto-slot > .file-drop__input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; }
.wa-foto-slot__icon { display: inline-flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; color: var(--wa-text-muted); }
.wa-foto-slot__text { font-size: 0.8125rem; overflow-wrap: anywhere; }
.wa-foto-slot__hint { font-size: 0.75rem; color: var(--wa-text-muted); }
.wa-foto-slot__actions { width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: var(--wa-space-2); margin-bottom: var(--wa-space-1); position: relative; z-index: 2; }
.wa-foto-act { display: inline-flex; align-items: center; justify-content: center; min-height: var(--wa-touch-min); width: 100%; border-radius: var(--wa-radius-sm); border: 1px solid var(--wa-border-strong); background: transparent; color: var(--wa-text); cursor: pointer; transition: border-color var(--wa-duration-base), background-color var(--wa-duration-base); }
.wa-foto-act:hover, .wa-foto-act:focus-visible { border-color: var(--wa-text); background: var(--wa-surface-2); }
.wa-foto-act .wa-foto-slot__icon { width: 1.25rem; height: 1.25rem; color: inherit; }
.wa-foto-slot__info { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 0.125rem; padding: 0.375rem; border-radius: var(--wa-radius-sm); cursor: pointer; position: relative; z-index: 1; }
.wa-camera-video { width: 100%; max-height: min(60dvh, 26rem); border-radius: var(--wa-radius-sm); background: var(--wa-surface-2); border: 1px solid var(--wa-border); }
.wa-preview-img, .wa-preview-frame { width: 100%; max-height: min(65dvh, 32rem); border-radius: var(--wa-radius-sm); background: var(--wa-surface-2); border: 1px solid var(--wa-border); }
.wa-preview-frame { height: min(65dvh, 32rem); }
.wa-foto-slot__info:hover, .wa-foto-slot__info:focus-visible { background: var(--wa-surface-2); }
.wa-defeito-linha__toolbar { display: flex; justify-content: flex-end; width: 100%; }
.wa-defeito-obs-wrap { margin-top: var(--wa-space-3); }
.wa-obs-label { display: flex; flex-direction: column; gap: 0.375rem; }
.field__textarea--obs-defeito { min-height: 4.5rem; }
@media (min-width: 640px) {
  .wa-defeito-linha__fields { flex-direction: row; flex-wrap: wrap; align-items: flex-end; gap: 1rem 1.25rem; }
  .wa-defeito-linha__toolbar { justify-content: flex-end; }
}
.wa-defeitos { margin-top: var(--wa-space-4); }
.wa-defeitos__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.65rem; margin-bottom: 0.85rem; }
.wa-defeitos__label { font: 600 0.875rem/1.3 var(--font-sans); color: var(--wa-text-muted); }
.wa-defeitos__list { display: flex; flex-direction: column; gap: 0.75rem; }
.wa-defeitos__list .wa-defeito-linha { margin-bottom: 0; }
.wa-compra-sn-note { grid-column: 1 / -1; margin: 0; padding: 0.75rem 1rem; border-radius: var(--wa-radius-md); background: var(--wa-info-bg); color: var(--wa-info-text); font-size: 0.875rem; line-height: 1.45; }
.wa-compra-sn-note strong { font-weight: 700; }
.file-drop__input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }

/* Destinatário, avaliação e cadastro identificado */
.wa-destino-box { margin: var(--wa-space-4) 0 0; padding: 0; border: none; }
#wa-destinatario-wrap { opacity: 0; transform: translateY(-6px); transition: opacity var(--wa-duration-base) var(--wa-ease-out), transform var(--wa-duration-base) var(--wa-ease-out); }
#wa-destinatario-wrap.is-visible { opacity: 1; transform: translateY(0); }
#wa-local-compra-outros-wrap { opacity: 0; transform: translateY(-6px); transition: opacity var(--wa-duration-base) var(--wa-ease-out), transform var(--wa-duration-base) var(--wa-ease-out); }
#wa-local-compra-outros-wrap.is-visible { opacity: 1; transform: translateY(0); }
.wa-avaliacao-criterio { padding: var(--wa-space-3); border: 1px solid var(--wa-border); border-radius: var(--wa-radius-md); min-width: 0; }
.wa-avaliacao-criterio__head { display: flex; justify-content: space-between; align-items: center; gap: var(--wa-space-3); margin-bottom: var(--wa-space-2); }
.wa-avaliacao-criterio__label { font: 700 0.875rem/1.3 var(--font-sans); color: var(--wa-text); }
.wa-avaliacao-stars { display: inline-flex; }
.wa-avaliacao-star { display: inline-grid; place-items: center; width: 2.25rem; height: 2.25rem; padding: 0; border: 0; border-radius: var(--wa-radius-sm); background: transparent; color: var(--wa-border-strong); cursor: pointer; transition: color var(--wa-duration-fast), transform var(--wa-duration-fast); }
.wa-avaliacao-star.is-active { color: var(--wa-primary); }
.wa-recognized-address-list { display: grid; gap: var(--wa-space-2); }
.wa-recognized-address-option { width: 100%; text-align: left; padding: var(--wa-space-3); border: 1px solid var(--wa-border-strong); border-radius: var(--wa-radius-md); background: var(--wa-surface); color: var(--wa-text); font: inherit; cursor: pointer; }
.wa-recognized-address-option.is-active { border-color: var(--wa-primary); background: var(--wa-brand-soft); }
.wa-recognized-address-option__meta { display: block; margin-top: 0.25rem; font-size: 0.8125rem; color: var(--wa-text-muted); }
@media (min-width: 640px) {
  .form__grid { grid-template-columns: repeat(2, 1fr); }
  .field--full { grid-column: 1 / -1; }
  .field--address-street { grid-column: 1 / -1; }
  .wa-info-card__grid--solicitante { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wa-info-card__grid--compra { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wa-info-card__grid--endereco { grid-template-columns: repeat(20, minmax(0, 1fr)); align-items: end; }
  .wa-info-card__grid--endereco .wa-field--cep { grid-column: span 4; min-width: 0; }
  .wa-info-card__grid--endereco .field--address-street { grid-column: span 13; }
  .wa-info-card__grid--endereco .wa-field--address-numero { grid-column: span 3; }
  .wa-info-card__grid--endereco .wa-field--address-complemento { grid-column: span 10; }
  .wa-info-card__grid--endereco .wa-field--address-bairro { grid-column: span 10; }
  .wa-info-card__grid--endereco .wa-field--address-cidade { grid-column: span 14; }
  .wa-info-card__grid--endereco .wa-field--address-uf { grid-column: span 6; }
}

/* Consulta: lista de chamados e detalhe */
.wa-consulta-result { margin-top: var(--wa-space-6); width: 100%; text-align: left; }
.wa-consulta-result__head { display: flex; align-items: baseline; justify-content: space-between; gap: var(--wa-space-3); margin-bottom: var(--wa-space-3); }
.wa-consulta-result__title { font: 700 1.125rem/1.35 var(--font-sans); }
.wa-consulta-result__meta { font-size: 0.8125rem; color: var(--wa-text-muted); }
.wa-consulta-mobile-tabs { display: none; flex-wrap: nowrap; align-items: center; gap: var(--wa-space-2); margin: 0 0 var(--wa-space-3); padding-bottom: var(--wa-space-2); overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; }
.wa-consulta-mobile-tabs:focus-within { outline: none; }
.wa-consulta-mobile-tab { flex: none; min-height: 2.25rem; margin: 0; padding: 0 0.875rem; border-radius: var(--wa-radius-pill); border: 1px solid var(--wa-border-strong); background: var(--wa-surface); color: var(--wa-text-muted); font: 600 0.8125rem/1 var(--font-mono); cursor: pointer; white-space: nowrap; transition: background-color var(--wa-duration-base), border-color var(--wa-duration-base), color var(--wa-duration-base); }
.wa-consulta-mobile-tab:hover { border-color: var(--wa-text); color: var(--wa-text); }
.wa-consulta-mobile-tab.is-active { border-color: var(--wa-primary); background: var(--wa-primary); color: var(--wa-on-primary); }
.wa-consulta-layout { display: grid; grid-template-columns: 20rem minmax(0, 1fr); gap: var(--wa-space-4); align-items: start; width: 100%; min-width: 0; }
.wa-consulta-sidebar { min-width: 0; }
.wa-consulta-sidebar__list { max-height: 42rem; overflow-y: auto; display: grid; gap: var(--wa-space-2); }
.wa-consulta-list-card { width: 100%; text-align: left; padding: var(--wa-space-4); border: 1px solid var(--wa-border-strong); border-radius: var(--wa-radius-md); background: var(--wa-surface); color: var(--wa-text); font: inherit; cursor: pointer; transition: border-color var(--wa-duration-base), background-color var(--wa-duration-base); }
.wa-consulta-list-card.is-selected { border-color: var(--wa-primary); background: var(--wa-brand-soft); }
.wa-consulta-list-card__top { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; }
.wa-consulta-list-card__top > div:first-child { min-width: 0; width: 100%; }
.wa-consulta-list-card__text { min-width: 0; flex: 1; }
.wa-consulta-list-card__id { font: 700 0.9375rem/1.3 var(--font-mono); margin-bottom: 0.25rem; word-break: break-word; }
.wa-consulta-list-card__produto { font-size: 0.875rem; color: var(--wa-text-muted); line-height: 1.45; overflow-wrap: break-word; }
.wa-consulta-detail { border: 1px solid var(--wa-border); border-radius: var(--wa-radius-md); background: var(--wa-surface); box-shadow: var(--wa-shadow-sm); padding: var(--wa-space-4); width: 100%; min-width: 0; }
.wa-consulta-detail__empty { color: var(--wa-text-muted); font-size: 0.875rem; }
.wa-consulta-detail-stack { display: flex; flex-direction: column; gap: var(--wa-space-4); width: 100%; min-width: 0; }
#screen-consulta .card-hero { display: flex; flex-direction: column; gap: var(--wa-space-4); min-width: 0; overflow-wrap: break-word; }
#screen-consulta .wa-consulta-equipa-destaque { width: 100%; padding: 0.75rem 1rem; border-radius: var(--wa-radius-md); background: var(--wa-info-bg); color: var(--wa-info-text); }
#screen-consulta .wa-consulta-equipa-destaque__label { font: 700 0.75rem/1.3 var(--font-sans); letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 0.25rem; }
#screen-consulta .wa-consulta-equipa-destaque__text { font-size: 0.9375rem; line-height: 1.5; overflow-wrap: break-word; }
#screen-consulta .wa-consulta-parecer-tecnico { background: var(--wa-surface-2); }
#screen-consulta .wa-consulta-parecer-tecnico__title { margin: 0 0 var(--wa-space-2); font: 700 1rem/1.35 var(--font-sans); }
#screen-consulta .wa-consulta-parecer-tecnico__body { font-size: 0.9375rem; line-height: 1.55; white-space: pre-wrap; overflow-wrap: break-word; }
@media (max-width: 768px) {
  #screen-consulta.view { overflow-x: hidden; }
}
.wa-consulta-logistics-intro { margin: 0 0 var(--wa-space-3); font-size: 0.875rem; line-height: 1.5; color: var(--wa-text-muted); overflow-wrap: break-word; }
.wa-consulta-logistics-pair { display: grid; grid-template-columns: 1fr; gap: 1rem; margin-bottom: 0.85rem; min-width: 0; }
@media (min-width: 720px) {
  .wa-consulta-logistics-pair { grid-template-columns: 1fr 1fr; gap: 1.1rem; align-items: start; }
}
.wa-consulta-logistics-pair__col { min-width: 0; overflow-wrap: break-word; word-break: break-word; }
.wa-consulta-logistics-instructions { margin-top: var(--wa-space-3); padding: 0.75rem 1rem; border-radius: var(--wa-radius-md); border: 1px solid var(--wa-border); background: var(--wa-surface-2); }
.wa-consulta-logistics-instructions__text { margin: 0; font-size: 0.875rem; line-height: 1.5; word-break: break-word; }
.wa-consulta-logistics-instructions__img {
  display: block;
  width: 100%;
  max-height: 220px;
  margin-top: 0.65rem;
  object-fit: contain;
  border-radius: var(--wa-radius-sm);
  border: 1px solid var(--wa-border);
  background: var(--wa-surface-2);
}
.wa-consulta-rastreio-field { min-width: 0; }
.wa-consulta-rastreio-sub { margin: 0 0 var(--wa-space-2); font-size: 0.8125rem; line-height: 1.45; color: var(--wa-text-muted); }
.wa-consulta-input-group { display: flex; flex-direction: column; gap: 0.5rem; min-width: 0; }
@media (min-width: 480px) {
  .wa-consulta-input-group { flex-direction: row; flex-wrap: wrap; align-items: stretch; }
  .wa-consulta-input-group__input { flex: 1 1 12rem; min-width: 0; }
  .wa-consulta-input-group__btn { flex-shrink: 0; white-space: nowrap; }
}
.wa-consulta-rastreio-hint { margin: var(--wa-space-2) 0 0; font-size: 0.8125rem; line-height: 1.4; color: var(--wa-text-muted); word-break: break-word; }
.wa-consulta-logistics-placeholder { font-size: 0.875rem; line-height: 1.45; color: var(--wa-text-muted); padding: 0.75rem 1rem; border-radius: var(--wa-radius-sm); border: 1px dashed var(--wa-border-strong); }
#screen-consulta .wa-admin-badge { display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.1875rem 0.625rem; border-radius: var(--wa-radius-pill); border: 1px solid transparent; background: var(--wa-surface-2); color: var(--wa-text-muted); font: 600 0.75rem/1.4 var(--font-sans); max-width: 100%; overflow-wrap: break-word; }
#screen-consulta .wa-admin-badge::before { content: ""; width: 0.375rem; height: 0.375rem; border-radius: 50%; background: currentColor; flex: none; }
#screen-consulta .wa-admin-badge--triagem { color: var(--wa-warning-text); background: var(--wa-warning-bg); }
#screen-consulta .wa-admin-badge--manutencao { color: var(--wa-brand-text); background: var(--wa-brand-soft); }
#screen-consulta .wa-admin-badge--expedicao { color: var(--wa-info-text); background: var(--wa-info-bg); }
#screen-consulta .wa-admin-badge--resolvido { color: var(--wa-success-text); background: var(--wa-success-bg); }
#screen-consulta .wa-admin-badge--cancelado { color: var(--wa-danger-text); background: var(--wa-danger-bg); }
.wa-consulta-card { border: 1px solid var(--wa-border); border-radius: var(--wa-radius-md); padding: var(--wa-space-4); min-width: 0; overflow-wrap: break-word; }
.wa-consulta-card__alert { margin-bottom: 0.75rem; }
.wa-consulta-card__alert:last-of-type { margin-bottom: 0; }
.wa-consulta-card__subsection { margin-top: var(--wa-space-4); padding-top: var(--wa-space-4); border-top: 1px solid var(--wa-border); }
.wa-consulta-card__subsection-title { margin-bottom: var(--wa-space-3); font: 600 0.75rem/1.3 var(--font-sans); letter-spacing: 0.08em; text-transform: uppercase; color: var(--wa-text-muted); }
.wa-consulta-card__subsection .wa-consulta-timeline { margin-top: 0; }
.wa-consulta-reverse-note { font-size: 0.8125rem; color: var(--wa-text-muted); margin: 0.375rem 0 0; line-height: 1.4; }
.wa-consulta-track-block { margin-bottom: 0.75rem; }
.wa-consulta-track-block:last-of-type { margin-bottom: 0; }
.wa-consulta-track-block__label { display: block; margin-bottom: 0.375rem; font: 600 0.875rem/1.3 var(--font-sans); }
.wa-consulta-copy-btn:hover { border-color: var(--wa-text); background: var(--wa-surface-2); }
.wa-consulta-copy-btn__icon { display: block; width: 1rem; height: 1rem; }
.wa-consulta-correios-search-btn:hover:not([disabled]) { border-color: var(--wa-text); background: var(--wa-surface-2); }
.wa-consulta-correios-search-btn[disabled] { opacity: 0.55; cursor: wait; }
.wa-consulta-correios-search-btn--input { align-self: stretch; height: auto; min-height: var(--wa-touch-min); width: var(--wa-touch-min); }
.wa-consulta-correios-inline-hint { margin: 0.375rem 0 0; font-size: 0.8125rem; line-height: 1.45; color: var(--wa-text-muted); word-break: break-word; }
.wa-consulta-card--accordion { padding: 0; overflow: hidden; }
.wa-consulta-card--accordion > summary { list-style: none; cursor: pointer; min-height: var(--wa-touch-min); padding: var(--wa-space-3) var(--wa-space-4); font: 700 0.9375rem/1.3 var(--font-sans); display: flex; align-items: center; justify-content: space-between; gap: var(--wa-space-3); user-select: none; }
.wa-consulta-card--accordion > summary::-webkit-details-marker { display: none; }
.wa-consulta-card--accordion > summary::after { content: ""; width: 0.5rem; height: 0.5rem; border-right: 1.5px solid var(--wa-text-muted); border-bottom: 1.5px solid var(--wa-text-muted); transform: rotate(45deg); transition: transform var(--wa-duration-base); flex: none; }
.wa-consulta-card--accordion[open] > summary::after { transform: rotate(-135deg); }
.wa-consulta-accordion__body { padding: 0 var(--wa-space-4) var(--wa-space-4); display: flex; flex-direction: column; gap: var(--wa-space-4); }
.wa-consulta-detail-field__label { margin-bottom: 0.25rem; font: 600 0.75rem/1.3 var(--font-sans); letter-spacing: 0.08em; text-transform: uppercase; color: var(--wa-text-muted); }
.wa-consulta-detail-field__value { font-size: 0.9375rem; line-height: 1.45; word-break: break-word; }
.wa-consulta-detail-field__list { margin: 0; padding-left: 1.125rem; font-size: 0.9375rem; line-height: 1.5; }
.wa-consulta-detail-field__list--compact { font-size: 0.875rem; color: var(--wa-text-muted); }
.wa-consulta-detail-fotos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; }
.wa-consulta-detail-fotos__img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: var(--wa-radius-sm);
  border: 1px solid var(--wa-border);
  background: var(--wa-surface-2);
}
.wa-consulta-accordion__avaliacao .wa-consulta-feedback-card { margin-top: 0; }

/* Etapas do protocolo. A cor de uma etapa pode vir do cadastro de status: nesse caso o app.js aplica direto no elemento. */
.wa-consulta-timeline { display: grid; gap: var(--wa-space-3); }
.wa-consulta-timeline__item { display: grid; grid-template-columns: 1.5rem minmax(0, 1fr); gap: var(--wa-space-3); align-items: start; }
.wa-consulta-timeline__item.is-pending { opacity: 0.6; }
.wa-consulta-hero__badge--dynamic { font-weight: 700; }
.wa-consulta-timeline__icon { width: 1.5rem; height: 1.5rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid transparent; background: var(--wa-surface-2); color: var(--wa-text-muted); font: 700 0.75rem/1 var(--font-sans); }
.wa-consulta-timeline__content { min-width: 0; }
.wa-consulta-timeline__label { font: 700 0.875rem/1.35 var(--font-sans); overflow-wrap: break-word; }
.wa-consulta-timeline__text { margin-top: 0.125rem; font-size: 0.8125rem; line-height: 1.45; color: var(--wa-text-muted); overflow-wrap: break-word; }
.wa-consulta-timeline__when { margin-top: 0.25rem; font-size: 0.75rem; color: var(--wa-text-subtle); font-variant-numeric: tabular-nums; }
.wa-consulta-timeline__item--pending .wa-consulta-timeline__icon { color: var(--wa-warning-text); background: var(--wa-warning-bg); }
.wa-consulta-timeline__item--transport .wa-consulta-timeline__icon { color: var(--wa-info-text); background: var(--wa-info-bg); }
.wa-consulta-timeline__item--wolf .wa-consulta-timeline__icon { color: var(--wa-info-text); background: var(--wa-info-bg); }
.wa-consulta-timeline__item--manutencao .wa-consulta-timeline__icon { color: var(--wa-brand-text); background: var(--wa-brand-soft); }
.wa-consulta-timeline__item--done .wa-consulta-timeline__icon { color: var(--wa-success-text); background: var(--wa-success-bg); }
.wa-consulta-timeline__item--cancelled .wa-consulta-timeline__icon { color: var(--wa-danger-text); background: var(--wa-danger-bg); }
.wa-consulta-item__alerta { margin-top: var(--wa-space-3); padding: 0.75rem 1rem; border-radius: var(--wa-radius-md); background: var(--wa-warning-bg); color: var(--wa-warning-text); }
.wa-consulta-item__alerta--expired { background: var(--wa-danger-bg); color: var(--wa-danger-text); }
.wa-consulta-item__alerta-texto { font-size: 0.875rem; font-weight: 600; }
.wa-consulta-feedback-card { padding: var(--wa-space-4); border: 1px solid var(--wa-border); border-radius: var(--wa-radius-md); }
.wa-consulta-feedback-card__title { margin-bottom: var(--wa-space-2); font: 700 0.9375rem/1.3 var(--font-sans); }
.wa-consulta-feedback-card__text { font-size: 0.875rem; color: var(--wa-text-muted); }
@media (max-width: 860px) {
  .wa-consulta-layout { grid-template-columns: minmax(0, 1fr); }
  .wa-consulta-result--multi .wa-consulta-mobile-tabs:not([hidden]) { display: flex; }
  .wa-consulta-result--multi .wa-consulta-sidebar { display: none; }
  .wa-consulta-sidebar__list { max-height: none; }
  .wa-consulta-result__head, .wa-consulta-list-card__top { flex-direction: column; align-items: flex-start; }
  .wa-avaliacao-criterio__head { flex-direction: column; align-items: flex-start; }
  .wa-consulta-list-card__top .wa-admin-badge { max-width: 100%; justify-content: flex-start; }
}
@media (max-width: 640px) {
  .wa-foto-slots { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 420px) {
  .wa-consulta-detail-fotos { grid-template-columns: 1fr; }
  .wa-foto-slots { grid-template-columns: 1fr; }
}

/* Compras encontradas pelo CPF e aviso de garantia */
.wa-compras-wrap { margin: 0 0 1rem; }
.wa-compras-lista__hint { margin: 0 0 var(--wa-space-3); font-size: 0.9375rem; }
.wa-compras-alt { margin-top: var(--wa-space-3); padding: var(--wa-space-3) var(--wa-space-4); border: 1px dashed var(--wa-border-strong); border-radius: var(--wa-radius-md); background: var(--wa-surface); }
.wa-compras-alt__txt { margin: 0 0 var(--wa-space-3); font-size: 0.875rem; line-height: 1.4; color: var(--wa-text-muted); }
.wa-form-submit-erro { grid-column: 1 / -1; margin: var(--wa-space-1) 0 var(--wa-space-2); font-size: 0.875rem; }
.wa-compras-empty { margin: 0; padding: var(--wa-space-2) 0; color: var(--wa-text-muted); font-size: 0.875rem; }
.wa-compras-acc { display: flex; flex-direction: column; gap: var(--wa-space-2); }
.wa-compras-acc__item { border: 1px solid var(--wa-border-strong); border-radius: var(--wa-radius-md); background: var(--wa-surface); overflow: hidden; }
.wa-compras-acc__head { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: var(--wa-space-3); min-height: var(--wa-touch-min); text-align: left; border: 0; background: transparent; color: var(--wa-text); padding: var(--wa-space-3) var(--wa-space-4); cursor: pointer; font: inherit; }
.wa-compras-acc__head:hover { background: var(--wa-surface-2); }
.wa-compras-acc__head-main { display: flex; flex-direction: column; gap: 0.15rem; min-width: 0; }
.wa-compras-acc__pedido { font: 700 0.9375rem/1.3 var(--font-mono); word-break: break-all; }
.wa-compras-acc__meta { font-size: 0.8125rem; color: var(--wa-text-muted); }
.wa-compras-acc__chev { width: 0.5rem; height: 0.5rem; border-right: 1.5px solid var(--wa-text-muted); border-bottom: 1.5px solid var(--wa-text-muted); transform: rotate(45deg); transition: transform var(--wa-duration-base); flex: none; margin-right: 0.25rem; }
.wa-compras-acc__item.is-open .wa-compras-acc__chev { transform: rotate(-135deg); margin-top: 0.25rem; }
.wa-compras-acc__body { padding: var(--wa-space-3); border-top: 1px solid var(--wa-border); display: grid; gap: var(--wa-space-2); }
.wa-compra-item { display: flex; gap: var(--wa-space-3); align-items: flex-start; padding: var(--wa-space-3); border-radius: var(--wa-radius-md); border: 1px solid var(--wa-border-strong); background: var(--wa-surface); cursor: pointer; transition: border-color var(--wa-duration-base), background-color var(--wa-duration-base); }
.wa-compra-item:hover { border-color: var(--wa-text); }
.wa-compra-item:has(input:checked) { border-color: var(--wa-primary); background: var(--wa-brand-soft); }
.wa-compra-item input { width: 1.25rem; height: 1.25rem; margin: 1.125rem 0 0; accent-color: var(--wa-primary); flex: none; order: -1; }
.wa-compra-item__thumb { width: 3.5rem; height: 3.5rem; border-radius: var(--wa-radius-sm); overflow: hidden; background: var(--wa-surface-2); border: 1px solid var(--wa-border); display: inline-flex; align-items: center; justify-content: center; flex: none; color: var(--wa-text-subtle); font-weight: 700; font-size: 1.125rem; }
.wa-compra-item__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.wa-compra-item__body { display: flex; flex-direction: column; gap: 0.125rem; min-width: 0; padding-top: 0.25rem; }
.wa-compra-item__nome { font: 700 0.9375rem/1.35 var(--font-sans); }
.wa-compra-item__meta { font-size: 0.8125rem; color: var(--wa-text-muted); font-variant-numeric: tabular-nums; }
.wa-compra-item__meta code { font-family: var(--font-mono); color: var(--wa-text); }
.wa-garantia-aviso { margin: var(--wa-space-3) 0; padding: 0.75rem 1rem; border-radius: var(--wa-radius-md); font-size: 0.9375rem; }
.wa-garantia-aviso p { margin: 0.25rem 0 0; font-size: 0.875rem; line-height: 1.45; }
.wa-garantia-muted { font-weight: 500; }
.wa-garantia-aviso--ok { background: var(--wa-success-bg); color: var(--wa-success-text); }
.wa-garantia-aviso--fora { background: var(--wa-warning-bg); color: var(--wa-warning-text); }
.wa-garantia-aviso__nota { font-weight: 600; }
.wa-showroom-cupom { margin-top: var(--wa-space-3); display: grid; gap: var(--wa-space-3); }
.wa-showroom-cupom__aviso { margin: 0; padding: 0.75rem 1rem; border-radius: var(--wa-radius-md); background: var(--wa-warning-bg); color: var(--wa-warning-text); font-size: 0.875rem; line-height: 1.45; }

/* ==================== 3. Estados e complementos ==================== */
/* O atributo hidden manda: sem isto, classes com display próprio (botão, campo em coluna) continuariam aparecendo. */
.wa-app [hidden] { display: none !important; }
/* Estados que o app.js liga por classe */
.wa-btn.is-loading { pointer-events: none; opacity: 0.85; }
.wa-btn.is-loading::before { content: ""; width: 1rem; height: 1rem; flex: none; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: wa-spin 0.7s linear infinite; }
.field__input.is-invalid, .field__input--invalid { border-color: var(--wa-danger-text) !important; box-shadow: none; }

/* O app.js cria estes dois com classes antigas; aqui eles ficam iguais ao campo e ao botão do tema. */
.wa-consulta-input-group__input { width: 100%; min-height: var(--wa-touch-min); padding: 0.625rem 0.875rem; border: 1px solid var(--wa-border-strong); border-radius: var(--wa-radius-sm); background: var(--wa-surface); color: var(--wa-text); font: 400 1rem/1.4 var(--font-sans); }
.wa-consulta-input-group__input:focus-visible { outline: 2px solid var(--wa-focus); outline-offset: 1px; border-color: var(--wa-focus); }
.wa-consulta-input-group__btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--wa-space-2); min-height: var(--wa-touch-min); padding: 0 1.25rem; border: 1px solid transparent; border-radius: var(--wa-radius-sm); background: var(--wa-primary); color: var(--wa-on-primary); font: 700 0.875rem/1.2 var(--font-sans); letter-spacing: 0.04em; text-transform: uppercase; white-space: nowrap; cursor: pointer; }
.wa-consulta-input-group__btn:hover { background: var(--wa-primary-hover); }
.wa-consulta-input-group__btn.is-loading, .wa-consulta-input-group__btn:disabled { opacity: 0.5; cursor: not-allowed; }

/* Ícones que o app.js escreve como emoji ou com uma fonte de ícones que a página não carrega: aqui viram desenho. */
.wa-foto-act--camera { font-size: 0; }
.wa-foto-act--camera::before, .wa-consulta-correios-search-btn::before { content: ""; width: 1.25rem; height: 1.25rem; background: currentColor; -webkit-mask: var(--mp-ic) center / contain no-repeat; mask: var(--mp-ic) center / contain no-repeat; }
.wa-foto-act--camera { --mp-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h3l1.5-2.5h7L17 8h3v11H4z'/%3E%3Ccircle cx='12' cy='13' r='3.25'/%3E%3C/svg%3E"); }
.wa-consulta-correios-search-btn { --mp-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m16 16 4.5 4.5'/%3E%3C/svg%3E"); }
.wa-consulta-correios-search-btn > i { display: none; }

/* Tamanho dos desenhos dentro dos controles desta página */
.wa-foto-slot__icon svg { width: 1.25rem; height: 1.25rem; }
.wa-avaliacao-star svg { width: 1.5rem; height: 1.5rem; }
.wa-avaliacao-star:hover { color: var(--wa-text-muted); }
.wa-avaliacao-star.is-active:hover { color: var(--wa-primary); }
.mp-showroom-local > svg { width: 1.25rem; height: 1.25rem; flex: none; margin-top: 0.375rem; }

/* Complementos de layout */
.wa-local-toggle { align-self: flex-start; }
.wa-add-produto { margin-top: var(--wa-space-3); }
.wa-avaliacao-comment { min-height: 3.5rem; }
.wa-consulta-list-card:hover { border-color: var(--wa-text); }
.wa-consulta-result__empty { color: var(--wa-text-muted); font-size: 0.9375rem; }
@media (min-width: 40rem) { .wa-field--inline-parte { flex: 1 1 12rem; } .wa-field--inline-loc { flex: 1 1 10rem; } }
@media (min-width: 48rem) { .wa-consulta-detail { padding: var(--wa-space-6); } }