/* Pede Com Nóis Entregas — padrão da marca (pcn-tokens) */
:root {
  --et-bg: var(--pcn-navy, #070b12);
  --et-surface: var(--pcn-navy2, #101820);
  --et-card: var(--pcn-navy-panel, #151d28);
  --et-text: #fff;
  --et-muted: rgba(255, 255, 255, .55);
  --et-line: rgba(255, 255, 255, .1);
  --et-ok: var(--pcn-green, #22a96b);
  --et-accent: var(--pcn-orange, #F58220);
  --et-blue: var(--pcn-blue, #0757A6);
  --et-radius: var(--pcn-radius, 16px);
  --et-dock: 72px;
  --et-safe-top: var(--sat, env(safe-area-inset-top, 0px));
  --et-safe-bottom: var(--sab, env(safe-area-inset-bottom, 0px));
  --et-safe-left: var(--sal, env(safe-area-inset-left, 0px));
  --et-safe-right: var(--sar, env(safe-area-inset-right, 0px));
}

html.pcn-theme-light,
html.pd-theme-light {
  --et-bg: var(--pcn-bg-light, #f4f8fc);
  --et-surface: #fff;
  --et-card: #fff;
  --et-text: var(--pcn-ink, #172536);
  --et-muted: var(--pcn-muted, #69788b);
  --et-line: var(--pcn-line-blue, #d4e3f0);
  --et-accent: var(--pcn-blue, #0757A6);
  --et-blue: var(--pcn-blue, #0757A6);
}

* { box-sizing: border-box; }

body.et,
body.et-auth {
  margin: 0;
  min-height: 100dvh;
  font-family: Inter, "Segoe UI", system-ui, sans-serif;
  background: var(--et-bg);
  color: var(--et-text);
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

body.et-has-dock {
  padding-bottom: calc(var(--et-dock) + var(--et-safe-bottom) + 12px);
  padding-left: var(--et-safe-left);
  padding-right: var(--et-safe-right);
}

.et-auth {
  display: grid;
  place-items: center;
  padding: calc(1.5rem + var(--et-safe-top)) calc(1.5rem + var(--et-safe-right)) calc(1.5rem + var(--et-safe-bottom)) calc(1.5rem + var(--et-safe-left));
  background: var(--et-bg);
}

.et-auth__card {
  width: min(420px, 100%);
  background: var(--et-card);
  border: 1px solid var(--et-line);
  border-radius: var(--et-radius);
  padding: 1.25rem;
  display: grid;
  gap: .75rem;
}

.et-auth__card h1 { margin: 0; font-size: 1.25rem; }
.et-auth__card p { margin: 0; color: var(--et-muted); font-size: .92rem; }
.et-auth__logo { text-align: center; margin: 0 -.25rem .15rem; }
.et-auth__logo img {
  max-width: min(360px, 100%);
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
  background: transparent;
  object-fit: contain;
}
.et-auth label { display: grid; gap: .35rem; font-weight: 600; font-size: .9rem; }
.et-auth input {
  min-height: 48px;
  border-radius: 12px;
  border: 1px solid var(--et-line);
  padding: .65rem .8rem;
  font-size: 1rem;
  background: var(--et-surface);
  color: var(--et-text);
}

.et-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  padding: calc(.75rem + var(--et-safe-top)) calc(1rem + var(--et-safe-right)) .75rem calc(1rem + var(--et-safe-left));
  border-bottom: 1px solid var(--et-line);
  position: sticky;
  top: 0;
  background: var(--et-bg);
  z-index: 40;
}

.et-top__brand {
  display: flex;
  align-items: center;
  gap: .55rem;
  min-width: 0;
}

.et-top__brand strong {
  display: block;
  font-size: .95rem;
  line-height: 1.1;
}

.et-top__brand small {
  display: block;
  color: var(--et-muted);
  font-size: .75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 46vw;
}

.et-top__logo { height: 44px; width: auto; max-width: 160px; object-fit: contain; }

.et-top__actions {
  display: flex;
  align-items: center;
  gap: .45rem;
  flex-shrink: 0;
}

.et-top .pcn-theme-switch {
  --line: var(--et-line);
  --card: var(--et-card);
  --muted: var(--et-muted);
  --text: var(--et-text);
  --light: rgba(255, 255, 255, .08);
}

html.pcn-theme-light .et-top .pcn-theme-switch,
html.pd-theme-light .et-top .pcn-theme-switch {
  --light: rgba(7, 87, 166, .08);
}

.et-top .pcn-theme-switch__btn {
  width: 36px;
  height: 36px;
  font-size: .95rem;
}

body.et-auth .pcn-theme-switch {
  position: fixed;
  top: calc(.75rem + env(safe-area-inset-top, 0px));
  right: .85rem;
  z-index: 50;
  --line: var(--et-line);
  --card: var(--et-card);
  --muted: var(--et-muted);
  --text: var(--et-text);
  --light: rgba(255, 255, 255, .08);
}

html.pcn-theme-light body.et-auth .pcn-theme-switch,
html.pd-theme-light body.et-auth .pcn-theme-switch {
  --light: rgba(7, 87, 166, .08);
}

@media (max-width: 380px) {
  .et-top__brand small { max-width: 28vw; }
  .et-pill--motos [data-motos-label] { display: none; }
}

.et-main {
  padding: 1rem 1rem 1.25rem;
  max-width: 520px;
  margin: 0 auto;
}

.et-hello h1 {
  margin: 0 0 .35rem;
  font-size: 1.5rem;
}

.et-status {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  margin: 0;
  font-weight: 700;
}

.et-status.is-on { color: var(--et-ok); }
.et-status.is-off { color: var(--et-muted); }
.et-dot {
  width: .65rem;
  height: .65rem;
  border-radius: 50%;
  background: currentColor;
}

.et-online-form { margin: 1.1rem 0; }

.et-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 52px;
  border: 0;
  border-radius: 14px;
  font-size: 1.02rem;
  font-weight: 800;
  cursor: pointer;
  text-decoration: none;
  color: #fff;
  background: var(--et-blue);
}

.et-btn--online { background: var(--et-ok); }
.et-btn--offline { background: #334155; }
.et-btn--ghost {
  background: transparent;
  color: var(--et-text);
  border: 1px solid var(--et-line);
}
.et-btn:disabled { opacity: .55; cursor: not-allowed; }
.et-btn--call { background: var(--et-blue); }
.et-btn--wa { background: #128c7e; }
.et-btn--waze {
  background: #33ccff;
  color: #0b1e2d;
  font-weight: 800;
}
html.pcn-theme-light .et-btn--waze,
html.pd-theme-light .et-btn--waze {
  background: #00c3ff;
  color: #062033;
}

.et-kpis {
  display: grid;
  grid-template-columns: 1fr;
  gap: .65rem;
  margin: 1rem 0;
}

@media (min-width: 420px) {
  .et-kpis { grid-template-columns: 1fr 1fr 1fr; }
  .et-kpis--4 { grid-template-columns: 1fr 1fr; }
}

.et-kpis article {
  background: var(--et-card);
  border: 1px solid var(--et-line);
  border-radius: var(--et-radius);
  padding: .9rem;
}

.et-kpis span {
  display: block;
  color: var(--et-muted);
  font-size: .78rem;
  font-weight: 700;
}

.et-kpis strong { font-size: 1.2rem; }

.et-wallet {
  background: var(--et-card);
  border: 1px solid var(--et-line);
  border-radius: var(--et-radius);
  padding: 1.1rem;
  margin: .85rem 0 1.1rem;
}

.et-wallet__main span {
  display: block;
  color: var(--et-muted);
  font-size: .78rem;
  font-weight: 700;
  line-height: 1.35;
  max-width: 22rem;
}
.et-wallet__main strong {
  display: block;
  margin-top: .35rem;
  font-size: 1.85rem;
  color: var(--et-accent);
}
.et-wallet__main small {
  display: block;
  margin-top: .35rem;
  color: var(--et-muted);
  font-size: .8rem;
  font-weight: 650;
}

.et-wallet__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .75rem;
  margin-top: .9rem;
}

.et-wallet__row span {
  display: block;
  color: var(--et-muted);
  font-size: .75rem;
  font-weight: 700;
}

.et-wallet__row strong { font-size: 1.05rem; }

.et-wallet__hint {
  margin: .85rem 0 0;
  color: var(--et-muted);
  font-size: .82rem;
  line-height: 1.4;
}

.et-section { margin: 1.25rem 0; }
.et-section h2 {
  margin: 0 0 .65rem;
  font-size: .95rem;
}

.et-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: .55rem;
}

.et-list li {
  display: flex;
  justify-content: space-between;
  gap: .75rem;
  align-items: center;
  background: var(--et-card);
  border: 1px solid var(--et-line);
  border-radius: 14px;
  padding: .8rem .9rem;
}

.et-list strong { display: block; font-size: .92rem; }
.et-list span {
  display: block;
  color: var(--et-muted);
  font-size: .78rem;
  margin-top: .15rem;
}

.et-list em {
  font-style: normal;
  font-weight: 800;
  color: var(--et-ok);
  white-space: nowrap;
}

.et-list li.is-gorjeta {
  border-color: rgba(236, 72, 153, .35);
}

.et-list li.is-gorjeta strong i {
  color: #ec4899;
  margin-right: .2rem;
}

.et-list li.is-gorjeta em {
  color: #f472b6;
}

.et-list li.is-cancelada {
  opacity: .82;
}

.et-list li.is-cancelada strong i {
  color: #b45309;
  margin-right: .2rem;
}

.et-list li.is-cancelada em {
  color: var(--et-muted);
  font-weight: 700;
}

.et-wallet__gorjeta {
  margin: .65rem 0 0;
  font-size: .82rem;
  color: var(--et-muted);
}

.et-wallet__gorjeta i {
  color: #ec4899;
}

.et-wallet__gorjeta strong {
  color: var(--et-text);
}

.et-meta--tight {
  margin: -.35rem 0 .65rem;
  font-size: .78rem;
}

.et-meta { color: var(--et-muted); font-size: .9rem; }
.et-actions { display: grid; gap: .55rem; margin-top: 1.25rem; }

.et-flash {
  padding: .7rem .85rem;
  border-radius: 12px;
  margin-bottom: .85rem;
  font-weight: 600;
}

.et-flash.is-ok {
  background: var(--pcn-ok-bg, #dcfce7);
  color: var(--pcn-ok, #166534);
}

.et-flash.is-err {
  background: var(--pcn-err-bg, #fee2e2);
  color: var(--pcn-err, #991b1b);
}

.et-pill {
  font-size: .72rem;
  font-weight: 800;
  padding: .28rem .6rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, .1);
  color: #e2e8f0;
  flex-shrink: 0;
}

.et-top__pills {
  display: flex;
  align-items: center;
  gap: .4rem;
  flex-shrink: 0;
}

.et-pill--motos {
  display: inline-flex;
  align-items: center;
  gap: .28rem;
}

.et-pill--motos strong {
  font-variant-numeric: tabular-nums;
}

.et-pill.is-on {
  background: rgba(34, 169, 107, .2);
  color: #86efac;
}

html.pcn-theme-light .et-pill {
  background: var(--pcn-blue-soft, #e8f2fb);
  color: var(--pcn-blue, #0757A6);
}

html.pcn-theme-light .et-pill.is-on {
  background: var(--pcn-ok-bg, #dcfce7);
  color: var(--pcn-ok, #166534);
}

.et-link {
  color: var(--et-muted);
  text-decoration: none;
  font-weight: 650;
}

.et-card-link {
  display: block;
  margin: 1rem 0;
  padding: 1rem;
  border-radius: var(--et-radius);
  background: var(--et-card);
  border: 1px solid var(--et-accent);
  color: inherit;
  text-decoration: none;
}

.et-corridas {
  margin: 1.25rem 0 .5rem;
  display: grid;
  gap: .65rem;
}
.et-rota-bar {
  margin: 0 0 .85rem;
}
.et-rota-bar .et-btn {
  width: 100%;
  justify-content: center;
}

.et-corridas .et-card-link {
  margin: 0;
}

.et-corrida-card {
  background: var(--et-card);
  border: 1px solid var(--et-accent);
  border-radius: var(--et-radius);
  overflow: hidden;
}

.et-corrida-card__main {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: .75rem;
  align-items: start;
  padding: .9rem;
  color: inherit;
  text-decoration: none;
}

.et-corrida-card__thumb {
  position: relative;
  width: 56px;
  height: 56px;
  border-radius: 12px;
  overflow: hidden;
  background: rgba(245, 130, 32, .16);
  flex-shrink: 0;
}

.et-corrida-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.et-corrida-card__num {
  position: absolute;
  top: 4px;
  left: 4px;
  min-width: 1.35rem;
  height: 1.35rem;
  padding: 0 .25rem;
  border-radius: 7px;
  background: rgba(7, 11, 18, .72);
  color: #fff;
  font-size: .72rem;
  font-weight: 850;
  display: inline-grid;
  place-items: center;
  line-height: 1;
}

.et-corrida-card__thumb:not(:has(img)) .et-corrida-card__num,
.et-corrida-card__thumb.is-fallback .et-corrida-card__num {
  position: static;
  width: 100%;
  height: 100%;
  min-width: 0;
  border-radius: 0;
  background: transparent;
  color: var(--et-accent);
  font-size: 1.15rem;
}

.et-corrida-card__body {
  display: grid;
  gap: .12rem;
  min-width: 0;
}

.et-corrida-card__body strong {
  font-size: .98rem;
  font-weight: 750;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.et-corrida-card__body > span {
  display: block;
  color: var(--et-muted);
  font-size: .88rem;
}

.et-corrida-card__body .et-slot__code {
  color: var(--et-accent);
  margin: 0;
}

.et-corrida-card__rotas {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .5rem;
  padding: 0 .75rem .75rem;
}

.et-corrida-card__rotas .et-btn {
  margin: 0;
  min-height: 42px;
  font-size: .82rem;
  padding: .45rem .55rem;
}

.et-hello--loja {
  display: flex;
  align-items: center;
  gap: .85rem;
}

.et-hello__logo {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  object-fit: cover;
  flex-shrink: 0;
  border: 1px solid var(--et-line);
  background: var(--et-card);
}

.et-section-title {
  margin: 0;
  font-size: 1rem;
  font-weight: 800;
}

.et-card-link span {
  display: block;
  color: var(--et-muted);
  margin-top: .25rem;
  font-size: .9rem;
}

.et-card-block {
  background: var(--et-card);
  border: 1px solid var(--et-line);
  border-radius: var(--et-radius);
  padding: 1rem;
  margin: .85rem 0;
}

.et-card-block h2 { margin: 0 0 .35rem; font-size: 1rem; }
.et-card-block .et-btn { margin-top: .65rem; }

.et-pin { font-size: 1.05rem; font-weight: 700; }
.et-pin-box label { display: block; font-weight: 700; margin-bottom: .35rem; }
.et-pin-box input {
  width: 100%;
  min-height: 52px;
  border-radius: 12px;
  border: 1px solid var(--et-line);
  background: var(--et-surface);
  color: var(--et-text);
  font-size: 1.4rem;
  letter-spacing: .35em;
  text-align: center;
  margin-bottom: .65rem;
}

.et-steps {
  list-style: none;
  margin: 0 0 1rem;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: .35rem;
}

.et-steps li {
  font-size: .68rem;
  font-weight: 800;
  text-align: center;
  padding: .45rem .2rem;
  border-radius: 10px;
  background: var(--et-card);
  border: 1px solid var(--et-line);
  color: var(--et-muted);
}

.et-steps li.is-on {
  color: #fff;
  background: var(--et-accent);
  border-color: var(--et-accent);
}

.et-steps li.is-done {
  color: var(--pcn-ok, #166534);
  background: var(--pcn-ok-bg, #dcfce7);
  border-color: #86efac;
}

.et-fase {
  margin: 0 0 .5rem;
  font-size: .8rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--et-accent);
}

.et-card-block--focus { border-color: var(--et-accent); }
.et-contact { display: grid; gap: .55rem; margin-top: .75rem; }

.et-offer {
  background: var(--et-card);
  color: var(--et-text);
  border-radius: var(--et-radius);
  padding: 1rem;
  margin: 1rem 0;
  border: 1px solid var(--et-ok);
}

.et-offer h2 { margin: 0 0 .5rem; }
.et-offer__valor {
  font-size: 1.35rem;
  font-weight: 800;
  margin: .35rem 0;
  color: var(--et-ok);
}

.et-offer .et-btn { margin-top: .5rem; }

.et-home-bar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .85rem;
}
.et-home-title {
  margin: 0;
  font-size: 1.35rem;
  font-weight: 850;
  letter-spacing: -.02em;
}
.et-online-form--compact { margin: 0; }
.et-btn--sm {
  min-height: 40px;
  padding: .45rem .85rem;
  font-size: .88rem;
}
.et-rotas-chip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  margin: 0 0 .9rem;
  padding: .75rem .9rem;
  border-radius: 14px;
  background: rgba(245, 130, 32, .12);
  border: 1px solid rgba(245, 130, 32, .35);
  color: inherit;
  text-decoration: none;
  font-size: .92rem;
}
.et-rotas-chip strong { font-weight: 750; color: var(--et-accent); }
.et-pendentes { margin: 0; }
.et-slots {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: .7rem;
}
.et-slot {
  display: grid;
  grid-template-columns: 42px 1fr auto;
  gap: .75rem;
  align-items: center;
  padding: .85rem .9rem;
  border-radius: var(--et-radius);
  background: var(--et-card);
  border: 1px solid var(--et-line);
  min-height: 88px;
}
.et-slot.is-offer {
  border-color: rgba(34, 169, 107, .55);
  box-shadow: 0 0 0 1px rgba(34, 169, 107, .12);
}
.et-slot--rich {
  grid-template-columns: 42px 1fr;
  grid-template-areas:
    "num body"
    "btn btn";
  align-items: start;
  min-height: 0;
  gap: .65rem .75rem;
}
.et-slot--rich .et-slot__num { grid-area: num; }
.et-slot--rich .et-slot__body { grid-area: body; }
.et-slot--rich .et-slot__actions {
  grid-area: btn;
  display: grid;
  grid-template-columns: 1fr 1.35fr;
  gap: .45rem;
  width: 100%;
  min-width: 0;
}
.et-slot--rich .et-slot__accept,
.et-slot--rich .et-slot__reject {
  width: 100%;
  min-width: 0;
}
.et-slot__reject {
  color: #f87171;
  border-color: rgba(248, 113, 113, .35);
}
.et-oferta-actions {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: .55rem;
  margin: 1.1rem 0 .5rem;
  position: sticky;
  bottom: calc(.75rem + env(safe-area-inset-bottom, 0px));
  z-index: 5;
}
.et-oferta-actions .et-btn {
  margin: 0;
}
.et-slot__code {
  display: inline-block;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .04em;
  color: var(--et-accent);
  text-transform: uppercase;
}
.et-slot__cli {
  font-size: .9rem;
  font-weight: 700;
  color: var(--et-text);
}
.et-slot__meta {
  font-size: .8rem;
  color: var(--et-muted);
}
.et-slot.is-empty {
  opacity: .72;
}
.et-slot.is-expired {
  opacity: .45;
}
.et-slot__num {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: rgba(245, 130, 32, .16);
  color: var(--et-accent);
  font-weight: 850;
  font-size: 1.1rem;
}
.et-slot.is-offer .et-slot__num {
  background: rgba(34, 169, 107, .18);
  color: var(--et-ok);
}
.et-slot__num--inline {
  float: left;
  margin-right: .65rem;
  margin-top: .1rem;
}
.et-slot__body {
  display: grid;
  gap: .12rem;
  min-width: 0;
}
.et-slot__loja {
  font-size: .98rem;
  font-weight: 750;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.et-slot__bairro,
.et-slot__timer {
  font-size: .82rem;
  color: var(--et-muted);
}
.et-slot__bairro {
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.et-slot__valor {
  font-size: 1.05rem;
  font-weight: 850;
  color: var(--et-ok);
}
.et-slot__accept {
  min-width: 88px;
  padding: .55rem .7rem;
}
.et-card-link--rich .et-slot__code {
  display: block;
  margin-bottom: .15rem;
}
.et-detail {
  margin: .85rem 0 1rem;
  padding: 1rem;
  border-radius: var(--et-radius);
  background: var(--et-card);
  border: 1px solid var(--et-line);
  display: grid;
  gap: .9rem;
}
.et-detail__head {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem .75rem;
  align-items: baseline;
  justify-content: space-between;
}
.et-detail__code {
  margin: 0;
  font-size: .92rem;
  color: var(--et-muted);
}
.et-detail__code strong {
  color: var(--et-accent);
  font-size: 1.05rem;
  letter-spacing: .03em;
}
.et-detail__pay {
  margin: 0;
  font-size: .85rem;
  font-weight: 700;
  color: var(--et-ok);
}
.et-detail__block h3 {
  margin: 0 0 .4rem;
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--et-muted);
}
.et-detail__nome { margin: 0; font-size: 1.05rem; }
.et-detail__tel { margin: .2rem 0 0; color: var(--et-muted); font-size: .92rem; }
.et-detail__addr {
  list-style: none;
  margin: .45rem 0 0;
  padding: 0;
  display: grid;
  gap: .2rem;
  font-size: .9rem;
  color: var(--et-text);
}
.et-detail__itens {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: .55rem;
}
.et-detail__itens li {
  display: grid;
  grid-template-columns: 2.2rem 1fr;
  gap: .45rem;
  align-items: start;
}
.et-detail__qtd {
  font-weight: 850;
  color: var(--et-accent);
  font-variant-numeric: tabular-nums;
}
.et-detail__itens strong { display: block; font-size: .95rem; }
.et-detail__itens em {
  display: block;
  font-style: normal;
  font-size: .8rem;
  color: var(--et-muted);
  margin-top: .1rem;
}
.et-detail__totais {
  margin: .65rem 0 0;
  display: grid;
  gap: .25rem;
}
.et-detail__totais > div {
  display: flex;
  justify-content: space-between;
  gap: .75rem;
  font-size: .88rem;
  color: var(--et-muted);
}
.et-detail__totais .is-total {
  color: var(--et-text);
  font-weight: 800;
  font-size: .95rem;
  margin-top: .2rem;
}
.et-detail__obs {
  margin: 0;
  font-size: .9rem;
  line-height: 1.4;
  color: var(--et-text);
}
.et-empty {
  text-align: center;
  padding: 2rem 1rem;
  color: var(--et-muted);
  display: grid;
  gap: .85rem;
  justify-items: center;
}

.et-dock {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 80;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: .25rem;
  padding: .45rem calc(.55rem + var(--et-safe-right)) calc(.45rem + var(--et-safe-bottom)) calc(.55rem + var(--et-safe-left));
  background: var(--et-surface);
  border-top: 1px solid var(--et-line);
}

.et-dock__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .15rem;
  min-height: 54px;
  border-radius: 14px;
  text-decoration: none;
  color: var(--et-muted);
  font-size: .72rem;
  font-weight: 800;
  -webkit-user-select: none;
  user-select: none;
}

.et-dock__item i { font-size: 1.25rem; line-height: 1; }

.et-dock__item.is-on {
  color: #fff;
  background: var(--et-accent);
}

html.pcn-theme-light .et-dock__item.is-on {
  color: #fff;
  background: var(--pcn-orange, #F58220);
}

.et-dock__item--sair { color: #f87171; }
html.pcn-theme-light .et-dock__item--sair { color: #dc2626; }

/* —— Perfil do entregador —— */
.et-profile-hero {
  display: grid;
  grid-template-columns: 96px 1fr;
  gap: 1rem;
  align-items: center;
  margin-bottom: 1rem;
}
.et-profile-hero__photo {
  position: relative;
  width: 96px;
  height: 96px;
}
.et-profile-hero__photo img,
.et-profile-hero__placeholder {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--et-line);
  background: var(--et-card);
}
.et-profile-hero__placeholder {
  display: grid;
  place-items: center;
  font-size: 2.2rem;
  color: var(--et-muted);
}
.et-profile-hero__cam {
  position: absolute;
  right: -2px;
  bottom: -2px;
}
.et-profile-hero__cam label span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--et-accent);
  color: #fff;
  border: 2px solid var(--et-bg);
  cursor: pointer;
}
.et-profile-hero h1 {
  margin: 0;
  font-size: 1.25rem;
}
.et-profile-hero__meta {
  margin: .25rem 0 .5rem;
  color: var(--et-muted);
  font-size: .85rem;
}
.et-profile-stars {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem .5rem;
  color: #fbbf24;
  font-size: .95rem;
}
.et-profile-stars strong { color: var(--et-text); font-size: 1rem; }
.et-profile-stars span { color: var(--et-muted); font-size: .78rem; font-weight: 600; }
.et-profile-stars__warn { color: #f87171 !important; }
.et-profile-kpis article.is-warn strong { color: #f87171; }
.et-dl {
  margin: 0;
  display: grid;
  gap: .55rem;
}
.et-dl div {
  display: flex;
  justify-content: space-between;
  gap: .75rem;
  padding: .65rem .85rem;
  background: var(--et-card);
  border: 1px solid var(--et-line);
  border-radius: 12px;
}
.et-dl dt {
  margin: 0;
  color: var(--et-muted);
  font-size: .82rem;
  font-weight: 600;
}
.et-dl dd { margin: 0; font-weight: 700; font-size: .92rem; text-align: right; }
.et-form-grid {
  display: grid;
  gap: .65rem;
}
.et-form-grid label {
  display: grid;
  gap: .35rem;
  font-size: .85rem;
  font-weight: 700;
}
.et-form-grid select,
.et-form-grid input {
  min-height: 46px;
  border-radius: 12px;
  border: 1px solid var(--et-line);
  padding: .55rem .75rem;
  background: var(--et-surface);
  color: var(--et-text);
  font: inherit;
}
.et-review-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: .55rem;
}
.et-review-list li {
  padding: .75rem .85rem;
  border-radius: 14px;
  border: 1px solid var(--et-line);
  background: var(--et-card);
}
.et-review-list li.is-bad { border-color: rgba(248, 113, 113, .35); }
.et-review-list__stars { color: #fbbf24; margin-bottom: .25rem; }
.et-review-list p { margin: .25rem 0; font-size: .88rem; }
.et-review-list small { color: var(--et-muted); font-size: .75rem; }
.et-btn--danger { color: #f87171 !important; border-color: rgba(248,113,113,.35) !important; }
.et-btn--danger-solid {
  background: #b91c1c !important;
  color: #fff !important;
  border-color: #b91c1c !important;
}
html.pcn-theme-light .et-btn--danger,
html.pd-theme-light .et-btn--danger {
  color: #dc2626 !important;
  border-color: rgba(220, 38, 38, .35) !important;
}
.et-excluir-list {
  margin: 0 0 .75rem;
  padding-left: 1.15rem;
  color: var(--et-muted);
  line-height: 1.45;
  font-size: .92rem;
}
.et-check {
  display: flex;
  gap: .55rem;
  align-items: flex-start;
  font-size: .9rem;
  font-weight: 600;
  color: var(--et-text);
}
.et-check input {
  margin-top: .2rem;
  width: 1.05rem;
  height: 1.05rem;
  flex-shrink: 0;
}
.et-section--danger {
  border-color: rgba(248, 113, 113, .35);
}
.et-saque-form { display: grid; gap: .55rem; margin: 1rem 0; }
.et-saque-opt {
  display: flex;
  align-items: center;
  gap: .55rem;
  padding: .75rem .85rem;
  border: 1px solid var(--et-line);
  border-radius: 12px;
  background: var(--et-card);
  font-weight: 600;
  font-size: .9rem;
}
.et-saque-opt input { width: auto; margin: 0; }
.et-saque-valor {
  min-height: 46px;
  border-radius: 12px;
  border: 1px solid var(--et-line);
  padding: .55rem .75rem;
  background: var(--et-surface);
  color: var(--et-text);
  font: inherit;
}
.et-saque-valor:disabled { opacity: .45; }
.et-kpis--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 520px) {
  .et-kpis--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
