/* 2026-05-11 coverage-first pricing flow. */
.pricing-tabs {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.altored-search-app[data-app-stage="coverage"] {
  min-height: 100dvh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 50% -18%, rgba(255, 255, 255, 0.22) 0 10%, transparent 32%),
    radial-gradient(circle at 86% 14%, rgba(255, 255, 255, 0.13), transparent 28%),
    radial-gradient(circle at 18% 88%, rgba(255, 255, 255, 0.10), transparent 32%),
    linear-gradient(150deg, #3d162e 0%, #971d42 45%, var(--brand-primary) 100%) !important;
}
.altored-search-app[data-app-stage="coverage"] .ambient-glow,
.altored-search-app[data-app-stage="coverage"] .dashboard-hero {
  display: none !important;
}
.altored-search-app[data-app-stage="coverage"] .search-experience {
  width: 100% !important;
  min-height: 100dvh !important;
  display: grid !important;
  place-items: center !important;
  padding: clamp(28px, 5vh, 74px) clamp(22px, 6vw, 92px) !important;
}
.coverage-stage {
  width: min(880px, 100%) !important;
  margin: 0 auto !important;
  padding: 0 !important;
}
.coverage-panel {
  width: 100%;
  min-height: min(760px, calc(100svh - clamp(56px, 10vh, 116px)));
  display: grid;
  align-content: center;
  justify-items: stretch;
  gap: clamp(20px, 3.8vh, 36px);
  position: relative;
}
.coverage-brand {
  justify-self: center;
  width: clamp(150px, 17vw, 230px);
  margin-bottom: clamp(4px, 1.5vh, 14px);
}
.coverage-brand img {
  width: 100%;
  height: auto;
  filter: drop-shadow(0 16px 34px rgba(45, 5, 24, 0.22));
}
.coverage-kicker { display: none; }
.coverage-panel h2 {
  max-width: 880px;
  margin: 0 auto;
  color: #fff;
  font-family: "Manrope", ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(2.35rem, 6.4vw, 5.15rem);
  line-height: 0.98;
  letter-spacing: -0.07em;
  font-weight: 850;
  text-align: center;
  text-shadow: 0 20px 52px rgba(45, 5, 24, 0.23);
  text-wrap: balance;
}
.coverage-choice-list,
.insurer-options {
  width: min(640px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(10px, 1.5vh, 16px);
}
.coverage-choice,
.insurer-option,
.coverage-continue {
  appearance: none;
  width: 100%;
  min-height: 62px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 13px 22px;
  border: 1px solid rgba(255,255,255,0.46);
  border-radius: 0;
  background: rgba(255,255,255,0.93);
  color: var(--ink-2);
  box-shadow: 0 18px 40px rgba(52, 6, 27, 0.13);
  text-align: left;
  font-size: 1.02rem;
  font-weight: 820;
  letter-spacing: -0.02em;
  cursor: pointer;
}
.coverage-choice span,
.insurer-option span { font-weight: 850; }
.coverage-choice small,
.insurer-option small { color: rgba(48, 39, 56, 0.62); font-weight: 720; }
.coverage-choice::after,
.insurer-option::after { content: "→"; color: rgba(41,34,49,0.36); }
.coverage-choice:hover,
.coverage-choice:focus-visible,
.insurer-option:hover,
.insurer-option:focus-visible,
.insurer-option.is-selected {
  outline: 0;
  background: #fff;
  border-color: rgba(255,255,255,0.86);
  box-shadow: 0 22px 52px rgba(52, 6, 27, 0.20), inset 4px 0 0 rgba(220, 30, 55, 0.68);
}
.insurance-picker {
  width: min(640px, 100%);
  margin: 0 auto;
  display: grid;
  gap: 14px;
}
.insurance-picker[hidden] { display: none !important; }
.coverage-field {
  display: grid;
  gap: 8px;
  color: rgba(255,255,255,0.92);
  font-weight: 850;
  letter-spacing: -0.02em;
}
.coverage-field input,
.coverage-field select {
  width: 100%;
  min-height: 58px;
  border: 1px solid rgba(255,255,255,0.48);
  border-radius: 0;
  background: rgba(255,255,255,0.94);
  color: var(--ink-2);
  padding: 0 16px;
  font: inherit;
  font-weight: 760;
  outline: 0;
  box-shadow: 0 18px 44px rgba(52, 6, 27, 0.14);
}
.coverage-continue {
  justify-content: center;
  text-align: center;
  background: #fff;
  color: var(--brand-primary);
}
.coverage-continue::after { content: ""; }
.coverage-continue:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.coverage-empty {
  margin: 0;
  color: rgba(255,255,255,0.86);
  text-align: center;
  font-weight: 750;
}

.coverage-field--plan { display: none !important; }
.insurer-option { grid-template-columns: minmax(0, 1fr) auto; }
.insurer-option small { display: none !important; }
.insurance-picker .coverage-continue { margin-top: clamp(4px, 1.1vh, 12px); }
@media (max-width: 760px) {
  .altored-search-app[data-app-stage="coverage"] .search-experience {
    padding: 76px 22px 36px !important;
  }
  .coverage-panel { min-height: calc(100svh - 106px); gap: 22px; }
  .coverage-brand { width: min(158px, 48vw); }
  .coverage-panel h2 { font-size: clamp(2.05rem, 11.6vw, 3.7rem); }
  .coverage-choice,
  .insurer-option,
  .coverage-continue { min-height: 58px; padding-inline: 18px; }
}

/* 2026-05-11 coverage visual parity: make insurance questions use the same branded question shell as guided. */
.altored-search-app[data-app-stage="coverage"] .coverage-back {
  position: fixed !important;
  top: clamp(18px, 4vw, 34px) !important;
  left: clamp(18px, 4vw, 38px) !important;
  z-index: 4 !important;
  width: 44px !important;
  height: 44px !important;
  display: inline-grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: rgba(255,255,255,0.76) !important;
  font-size: 0 !important;
  line-height: 1 !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  box-shadow: none !important;
}
.altored-search-app[data-app-stage="coverage"] .coverage-back::before {
  content: "←" !important;
  display: block !important;
  font-size: 1.25rem !important;
  font-weight: 650 !important;
  text-indent: 0 !important;
  line-height: 1 !important;
}
.altored-search-app[data-app-stage="coverage"] .coverage-back:hover,
.altored-search-app[data-app-stage="coverage"] .coverage-back:focus-visible {
  color: #fff !important;
  background: rgba(255,255,255,0.13) !important;
  outline: 0 !important;
}
.altored-search-app[data-app-stage="coverage"] .coverage-stage {
  width: min(880px, 100%) !important;
  margin: 0 auto !important;
  display: block !important;
}
.altored-search-app[data-app-stage="coverage"] .coverage-panel {
  width: 100% !important;
  min-height: min(760px, calc(100svh - clamp(56px, 10vh, 116px))) !important;
  display: grid !important;
  align-content: center !important;
  justify-items: stretch !important;
  gap: clamp(20px, 3.8vh, 36px) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.altored-search-app[data-app-stage="coverage"] .coverage-brand {
  justify-self: center !important;
  width: clamp(150px, 17vw, 230px) !important;
  margin: 0 0 clamp(4px, 1.5vh, 14px) !important;
}
.altored-search-app[data-app-stage="coverage"] .coverage-panel h2 {
  max-width: 880px !important;
  margin: 0 auto !important;
  color: #fff !important;
  font-size: clamp(2.35rem, 6.4vw, 5.15rem) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.07em !important;
  font-weight: 850 !important;
  text-align: center !important;
  text-shadow: 0 20px 52px rgba(45, 5, 24, 0.23) !important;
  text-wrap: balance;
}
.altored-search-app[data-app-stage="coverage"] .coverage-choice-list,
.altored-search-app[data-app-stage="coverage"] .insurance-picker,
.altored-search-app[data-app-stage="coverage"] .insurer-options {
  width: min(640px, 100%) !important;
  margin: 0 auto !important;
}
.altored-search-app[data-app-stage="coverage"] .coverage-choice-list,
.altored-search-app[data-app-stage="coverage"] .insurer-options {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: clamp(10px, 1.5vh, 16px) !important;
}
.altored-search-app[data-app-stage="coverage"] .coverage-choice,
.altored-search-app[data-app-stage="coverage"] .insurer-option,
.altored-search-app[data-app-stage="coverage"] .coverage-continue,
.altored-search-app[data-app-stage="coverage"] .coverage-field input {
  border-radius: 0 !important;
}
.altored-search-app[data-app-stage="coverage"] .coverage-choice,
.altored-search-app[data-app-stage="coverage"] .insurer-option {
  min-height: 62px !important;
  padding: 13px 22px !important;
  border: 1px solid rgba(255,255,255,0.46) !important;
  background: rgba(255,255,255,0.93) !important;
  box-shadow: 0 18px 40px rgba(52, 6, 27, 0.13) !important;
}
.altored-search-app[data-app-stage="coverage"] .coverage-choice:hover,
.altored-search-app[data-app-stage="coverage"] .coverage-choice:focus-visible,
.altored-search-app[data-app-stage="coverage"] .insurer-option:hover,
.altored-search-app[data-app-stage="coverage"] .insurer-option:focus-visible,
.altored-search-app[data-app-stage="coverage"] .insurer-option.is-selected {
  background: #fff !important;
  border-color: rgba(255,255,255,0.86) !important;
  box-shadow: 0 22px 52px rgba(52, 6, 27, 0.20), inset 4px 0 0 rgba(220, 30, 55, 0.68) !important;
}
@media (max-width: 760px) {
  .altored-search-app[data-app-stage="coverage"] .search-experience {
    padding: 76px 22px 36px !important;
  }
  .altored-search-app[data-app-stage="coverage"] .coverage-panel {
    min-height: calc(100svh - 106px) !important;
    gap: 22px !important;
  }
  .altored-search-app[data-app-stage="coverage"] .coverage-brand {
    width: min(158px, 48vw) !important;
  }
  .altored-search-app[data-app-stage="coverage"] .coverage-panel h2 {
    font-size: clamp(2.05rem, 11.6vw, 3.7rem) !important;
  }
}

/* 2026-05-11 auth visibility fix: keep the minimal search layout, but always expose account access. */
.dashboard-hero .experience-nav {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 42px !important;
}
.dashboard-hero .nav-actions {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  z-index: 5 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  max-width: min(320px, 44vw) !important;
}
.altored-search-app[data-auth-state="signed-out"] .auth-chip {
  display: none !important;
}
.altored-search-app[data-auth-state="signed-in"] .auth-chip {
  display: inline-flex !important;
}
.dashboard-hero .auth-action {
  display: inline-flex !important;
  min-width: 76px !important;
  height: 36px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(255,255,255,0.58) !important;
  border-radius: 999px !important;
  color: var(--brand-primary) !important;
  background: rgba(255,255,255,0.96) !important;
  box-shadow: 0 14px 30px rgba(52, 6, 27, 0.16) !important;
}
.dashboard-hero .auth-action[hidden] {
  display: none !important;
}
.dashboard-hero .auth-action:hover,
.dashboard-hero .auth-action:focus-visible {
  transform: translateY(-1px);
  background: #fff !important;
  outline: 0 !important;
}
.dashboard-hero .auth-action-quiet {
  color: #fff !important;
  background: rgba(255,255,255,0.14) !important;
}
@media (max-width: 760px) {
  .dashboard-hero .experience-nav {
    min-height: 78px !important;
    align-items: start !important;
  }
  .dashboard-hero .nav-actions {
    top: 46px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    max-width: calc(100vw - 72px) !important;
  }
  .dashboard-hero .auth-action {
    height: 34px !important;
    min-width: 72px !important;
  }
}

/* 2026-05-11 auth gate: mockapp1 must be signed-in before search. */
.altored-search-app[data-auth-state="checking"] .search-card,
.altored-search-app[data-auth-state="checking"] .coverage-stage,
.altored-search-app[data-auth-state="checking"] .guided-stage,
.altored-search-app[data-auth-state="checking"] .results-stage,
.altored-search-app[data-auth-state="checking"] .provider-detail,
.altored-search-app[data-auth-state="signed-out"] .search-card,
.altored-search-app[data-auth-state="signed-out"] .coverage-stage,
.altored-search-app[data-auth-state="signed-out"] .guided-stage,
.altored-search-app[data-auth-state="signed-out"] .results-stage,
.altored-search-app[data-auth-state="signed-out"] .provider-detail {
  display: none !important;
}
.altored-search-app[data-auth-state="signed-in"] .auth-gate {
  display: none !important;
}
.auth-gate {
  width: min(820px, 100%);
  margin: clamp(16px, 4vh, 44px) auto 0;
  padding: clamp(30px, 5vw, 62px) clamp(22px, 6vw, 74px);
  color: #fff;
  text-align: center;
}
.auth-gate-logo {
  display: block;
  width: min(240px, 58vw);
  height: auto;
  margin: 0 auto clamp(20px, 4vh, 34px);
  filter: drop-shadow(0 22px 36px rgba(45,4,24,.22));
}
.auth-gate-kicker {
  margin: 0 0 14px;
  color: rgba(255,255,255,.72);
  font-size: .74rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.auth-gate h1 {
  max-width: 720px;
  margin: 0 auto;
  color: #fff;
  font-family: "Archivo", "Manrope", sans-serif;
  font-size: clamp(2.35rem, 7vw, 5.35rem);
  line-height: .88;
  letter-spacing: -.06em;
}
.auth-gate-copy {
  max-width: 560px;
  margin: 24px auto 0;
  color: rgba(255,255,255,.80);
  font-size: clamp(1rem, 1.35vw, 1.16rem);
  font-weight: 760;
  line-height: 1.45;
  letter-spacing: -.026em;
}
.auth-gate-actions {
  display: flex;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 34px;
}
.auth-gate-primary,
.auth-gate-secondary {
  appearance: none;
  min-width: 178px;
  height: 56px;
  padding: 0 26px;
  border-radius: 0;
  font: inherit;
  font-weight: 920;
  letter-spacing: -.012em;
  cursor: pointer;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease, border-color .16s ease;
}
.auth-gate-primary {
  border: 1px solid #fff;
  background: #fff;
  color: var(--brand-primary);
  box-shadow: 0 24px 48px rgba(52, 6, 27, .22);
}
.auth-gate-secondary {
  border: 1px solid rgba(255,255,255,.48);
  background: rgba(255,255,255,.10);
  color: #fff;
  backdrop-filter: blur(10px);
}
.auth-gate-primary:hover,
.auth-gate-primary:focus-visible,
.auth-gate-secondary:hover,
.auth-gate-secondary:focus-visible {
  transform: translateY(-2px);
  outline: 0;
}
.altored-search-app[data-auth-state="signed-out"] .dashboard-hero,
.altored-search-app[data-auth-state="checking"] .dashboard-hero {
  min-height: min(680px, calc(100vh - 52px)) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}
.altored-search-app[data-auth-state="signed-out"] .dashboard-hero .auth-action:not([hidden]) {
  display: none !important;
}
@media (max-width: 680px) {
  .auth-gate { padding: 26px 4px 10px; }
  .auth-gate-logo { width: min(205px, 62vw); }
  .auth-gate-actions { flex-direction: column; align-items: stretch; }
  .auth-gate-primary,
  .auth-gate-secondary { width: 100%; min-width: 0; }
}

/* 2026-05-11 auth gate native polish: single-logo, viewport-safe public gate. */
.altored-search-app[data-auth-state="signed-out"],
.altored-search-app[data-auth-state="checking"] {
  width: 100% !important;
  min-height: 100svh !important;
  padding: clamp(10px, 2.5vw, 24px) !important;
  display: grid !important;
  place-items: center !important;
  overflow-x: hidden !important;
}
.altored-search-app[data-auth-state="signed-out"] .search-experience,
.altored-search-app[data-auth-state="checking"] .search-experience {
  width: min(860px, calc(100vw - clamp(20px, 5vw, 48px))) !important;
  max-width: none !important;
  margin: 0 auto !important;
}
.altored-search-app[data-auth-state="signed-out"] .dashboard-hero,
.altored-search-app[data-auth-state="checking"] .dashboard-hero {
  width: 100% !important;
  min-height: min(760px, calc(100svh - clamp(20px, 5vw, 48px))) !important;
  height: auto !important;
  max-height: none !important;
  padding: clamp(28px, 6vw, 64px) clamp(18px, 7vw, 76px) !important;
  display: grid !important;
  grid-template-rows: 1fr !important;
  place-items: center !important;
  border-radius: clamp(24px, 5vw, 44px) !important;
  overflow: hidden !important;
}
.altored-search-app[data-auth-state="signed-out"] .experience-nav,
.altored-search-app[data-auth-state="checking"] .experience-nav {
  display: none !important;
}
.altored-search-app[data-auth-state="signed-out"] .auth-gate,
.altored-search-app[data-auth-state="checking"] .auth-gate {
  width: min(560px, 100%) !important;
  margin: 0 auto !important;
  padding: 0 !important;
}
.altored-search-app[data-auth-state="signed-out"] .auth-gate-logo,
.altored-search-app[data-auth-state="checking"] .auth-gate-logo {
  width: clamp(164px, 34vw, 236px) !important;
  margin: 0 auto clamp(24px, 4.8vh, 38px) !important;
}
.altored-search-app[data-auth-state="signed-out"] .auth-gate-kicker,
.altored-search-app[data-auth-state="checking"] .auth-gate-kicker {
  margin-bottom: 12px !important;
}
.altored-search-app[data-auth-state="signed-out"] .auth-gate h1,
.altored-search-app[data-auth-state="checking"] .auth-gate h1 {
  max-width: 560px !important;
  font-size: clamp(2.15rem, 7.2vw, 4.8rem) !important;
  line-height: .94 !important;
  letter-spacing: -.058em !important;
}
.altored-search-app[data-auth-state="signed-out"] .auth-gate-copy,
.altored-search-app[data-auth-state="checking"] .auth-gate-copy {
  max-width: 480px !important;
  margin-top: clamp(18px, 3vh, 24px) !important;
}
.altored-search-app[data-auth-state="signed-out"] .auth-gate-actions,
.altored-search-app[data-auth-state="checking"] .auth-gate-actions {
  width: min(420px, 100%) !important;
  margin: clamp(28px, 4.5vh, 38px) auto 0 !important;
  gap: 14px !important;
}
@media (max-width: 680px) {
  .altored-search-app[data-auth-state="signed-out"],
  .altored-search-app[data-auth-state="checking"] {
    padding: 10px !important;
  }
  .altored-search-app[data-auth-state="signed-out"] .search-experience,
  .altored-search-app[data-auth-state="checking"] .search-experience {
    width: calc(100vw - 20px) !important;
  }
  .altored-search-app[data-auth-state="signed-out"] .dashboard-hero,
  .altored-search-app[data-auth-state="checking"] .dashboard-hero {
    min-height: calc(100svh - 20px) !important;
    padding: clamp(26px, 7vh, 54px) 18px !important;
    border-radius: 24px !important;
  }
  .altored-search-app[data-auth-state="signed-out"] .auth-gate-logo,
  .altored-search-app[data-auth-state="checking"] .auth-gate-logo {
    width: min(190px, 58vw) !important;
  }
  .altored-search-app[data-auth-state="signed-out"] .auth-gate h1,
  .altored-search-app[data-auth-state="checking"] .auth-gate h1 {
    font-size: clamp(2rem, 10.2vw, 2.9rem) !important;
    line-height: .96 !important;
  }
  .altored-search-app[data-auth-state="signed-out"] .auth-gate-copy,
  .altored-search-app[data-auth-state="checking"] .auth-gate-copy {
    font-size: .98rem !important;
    line-height: 1.42 !important;
  }
  .altored-search-app[data-auth-state="signed-out"] .auth-gate-primary,
  .altored-search-app[data-auth-state="signed-out"] .auth-gate-secondary,
  .altored-search-app[data-auth-state="checking"] .auth-gate-primary,
  .altored-search-app[data-auth-state="checking"] .auth-gate-secondary {
    width: 100% !important;
    min-width: 0 !important;
    height: 56px !important;
  }
}

/* 2026-05-11 auth gate mobile tightening: prevent clipped headline/buttons. */
.altored-search-app[data-auth-state="signed-out"] .auth-gate h1,
.altored-search-app[data-auth-state="checking"] .auth-gate h1 {
  text-wrap: balance !important;
  overflow-wrap: normal !important;
}
@media (max-width: 680px) {
  .altored-search-app[data-auth-state="signed-out"] .auth-gate,
  .altored-search-app[data-auth-state="checking"] .auth-gate {
    width: min(348px, calc(100vw - 56px)) !important;
    max-width: calc(100vw - 56px) !important;
  }
  .altored-search-app[data-auth-state="signed-out"] .auth-gate h1,
  .altored-search-app[data-auth-state="checking"] .auth-gate h1 {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(2rem, 8.2vw, 2.75rem) !important;
    line-height: .98 !important;
    letter-spacing: -.052em !important;
  }
  .altored-search-app[data-auth-state="signed-out"] .auth-gate-copy,
  .altored-search-app[data-auth-state="checking"] .auth-gate-copy {
    width: 100% !important;
    max-width: 100% !important;
  }
  .altored-search-app[data-auth-state="signed-out"] .auth-gate-actions,
  .altored-search-app[data-auth-state="checking"] .auth-gate-actions {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* 2026-05-11 signed-in mobile header cleanup: keep account controls from overlapping logo/search. */
@media (max-width: 760px) {
  .altored-search-app[data-auth-state="signed-in"] .dashboard-hero .experience-nav {
    position: relative !important;
    min-height: 0 !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  .altored-search-app[data-auth-state="signed-in"] .dashboard-hero .brand-lockup {
    width: min(198px, 54vw) !important;
    flex: 0 0 auto !important;
    margin: 0 auto !important;
  }

  .altored-search-app[data-auth-state="signed-in"] .dashboard-hero .nav-actions {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    display: flex !important;
    width: min(100%, 360px) !important;
    max-width: calc(100vw - 88px) !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 0 auto !important;
    z-index: 4 !important;
  }

  .altored-search-app[data-auth-state="signed-in"] .dashboard-hero .auth-chip {
    max-width: min(230px, calc(100vw - 170px)) !important;
    height: 42px !important;
    padding: 0 16px 0 34px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    backdrop-filter: blur(16px) !important;
  }

  .altored-search-app[data-auth-state="signed-in"] .dashboard-hero .auth-chip::before {
    left: 14px !important;
  }

  .altored-search-app[data-auth-state="signed-in"] .dashboard-hero .auth-action-quiet {
    height: 42px !important;
    min-width: 86px !important;
    padding: 0 16px !important;
    color: rgba(255,255,255,.94) !important;
    background: rgba(255,255,255,.12) !important;
    border-color: rgba(255,255,255,.44) !important;
    box-shadow: none !important;
  }

  .altored-search-app[data-auth-state="signed-in"][data-app-stage="idle"] .dashboard-hero,
  .altored-search-app[data-auth-state="signed-in"][data-app-stage="choices"] .dashboard-hero {
    gap: clamp(22px, 4.8vh, 42px) !important;
    align-content: center !important;
  }
}

@media (max-width: 420px) {
  .altored-search-app[data-auth-state="signed-in"] .dashboard-hero .nav-actions {
    max-width: calc(100vw - 64px) !important;
    gap: 8px !important;
  }

  .altored-search-app[data-auth-state="signed-in"] .dashboard-hero .auth-chip {
    max-width: min(210px, calc(100vw - 164px)) !important;
  }
}

/* 2026-05-11 signed-in mobile header v2: keep user + signout on one clean row. */
@media (max-width: 420px) {
  .altored-search-app[data-auth-state="signed-in"] .dashboard-hero .nav-actions {
    max-width: calc(100vw - 56px) !important;
    flex-wrap: nowrap !important;
  }
  .altored-search-app[data-auth-state="signed-in"] .dashboard-hero .auth-chip {
    max-width: min(168px, calc(100vw - 188px)) !important;
    flex: 0 1 auto !important;
  }
  .altored-search-app[data-auth-state="signed-in"] .dashboard-hero .auth-action-quiet {
    flex: 0 0 auto !important;
    min-width: 82px !important;
    padding-inline: 13px !important;
  }
}

/* 2026-05-11 signed-in mobile entry cleanup: remove account-text overlap and center the branded search surface. */
@media (max-width: 760px) {
  .altored-search-app[data-auth-state="signed-in"][data-app-stage="idle"],
  .altored-search-app[data-auth-state="signed-in"][data-app-stage="choices"] {
    min-height: 100svh !important;
    display: grid !important;
    align-items: center !important;
    padding: 12px !important;
  }

  .altored-search-app[data-auth-state="signed-in"][data-app-stage="idle"] .search-experience,
  .altored-search-app[data-auth-state="signed-in"][data-app-stage="choices"] .search-experience {
    align-self: center !important;
    width: min(390px, calc(100vw - 24px)) !important;
    margin: 0 auto !important;
  }

  .altored-search-app[data-auth-state="signed-in"] .dashboard-hero .experience-nav {
    display: flex !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .altored-search-app[data-auth-state="signed-in"] .dashboard-hero .nav-actions {
    display: none !important;
  }

  .altored-search-app[data-auth-state="signed-in"] .dashboard-hero .brand-lockup {
    width: min(178px, 54vw) !important;
    margin: 0 auto !important;
  }

  .altored-search-app[data-auth-state="signed-in"] .dashboard-hero .brand-lockup img {
    width: 100% !important;
    height: auto !important;
  }

  .altored-search-app[data-auth-state="signed-in"][data-app-stage="idle"] .dashboard-hero,
  .altored-search-app[data-auth-state="signed-in"][data-app-stage="choices"] .dashboard-hero {
    height: auto !important;
    min-height: 272px !important;
    max-height: none !important;
    padding: 34px 14px 20px !important;
    align-content: center !important;
    gap: 0 !important;
  }
}

/* 2026-05-11 mobile centering correction: center the signed-in search surface as one object. */
@media (max-width: 760px) {
  .altored-search-app[data-auth-state="signed-in"][data-app-stage="idle"],
  .altored-search-app[data-auth-state="signed-in"][data-app-stage="choices"] {
    width: 100vw !important;
    min-height: 100svh !important;
    height: 100svh !important;
    padding: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  .altored-search-app[data-auth-state="signed-in"][data-app-stage="idle"] .search-experience,
  .altored-search-app[data-auth-state="signed-in"][data-app-stage="choices"] .search-experience {
    width: min(390px, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px) !important;
    margin: 0 auto !important;
    align-self: auto !important;
    justify-self: center !important;
  }

  .altored-search-app[data-auth-state="signed-in"][data-app-stage="idle"] .dashboard-hero,
  .altored-search-app[data-auth-state="signed-in"][data-app-stage="choices"] .dashboard-hero {
    width: 100% !important;
    min-height: min(360px, calc(100svh - 32px)) !important;
    height: auto !important;
    margin: 0 !important;
    padding: 32px 16px 22px !important;
    border-radius: 32px !important;
    display: grid !important;
    grid-template-rows: auto auto !important;
    place-items: center !important;
    place-content: center !important;
    gap: 18px !important;
  }

  .altored-search-app[data-auth-state="signed-in"] .dashboard-hero .experience-nav {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
  }

  .altored-search-app[data-auth-state="signed-in"] .dashboard-hero .brand-lockup {
    width: min(178px, 54vw) !important;
    margin: 0 auto !important;
    justify-self: center !important;
  }

  .altored-search-app[data-auth-state="signed-in"][data-app-stage="idle"] .search-card,
  .altored-search-app[data-auth-state="signed-in"][data-app-stage="choices"] .search-card {
    width: min(318px, 100%) !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    justify-self: center !important;
  }

  .altored-search-app[data-auth-state="signed-in"][data-app-stage="idle"] .search-trigger,
  .altored-search-app[data-auth-state="signed-in"][data-app-stage="choices"] .search-trigger {
    width: 100% !important;
  }
}

@media (max-width: 380px) {
  .altored-search-app[data-auth-state="signed-in"][data-app-stage="idle"],
  .altored-search-app[data-auth-state="signed-in"][data-app-stage="choices"] {
    padding: 12px !important;
  }

  .altored-search-app[data-auth-state="signed-in"][data-app-stage="idle"] .search-experience,
  .altored-search-app[data-auth-state="signed-in"][data-app-stage="choices"] .search-experience {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }

  .altored-search-app[data-auth-state="signed-in"][data-app-stage="idle"] .dashboard-hero,
  .altored-search-app[data-auth-state="signed-in"][data-app-stage="choices"] .dashboard-hero {
    min-height: min(344px, calc(100svh - 24px)) !important;
    padding: 28px 12px 18px !important;
  }
}

/* 2026-05-12 browser-validated mobile centering: center the actual search box, not just the red panel. */
@media (max-width: 760px) {
  .altored-search-app[data-auth-state="signed-in"][data-app-stage="idle"] .dashboard-hero,
  .altored-search-app[data-auth-state="signed-in"][data-app-stage="choices"] .dashboard-hero {
    position: relative !important;
    min-height: min(420px, calc(100svh - 32px)) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 22px 16px !important;
    gap: 0 !important;
  }

  .altored-search-app[data-auth-state="signed-in"] .dashboard-hero .experience-nav {
    position: absolute !important;
    top: clamp(48px, 10svh, 70px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    pointer-events: none !important;
  }

  .altored-search-app[data-auth-state="signed-in"] .dashboard-hero .brand-lockup {
    width: min(166px, 48vw) !important;
    margin: 0 auto !important;
  }

  .altored-search-app[data-auth-state="signed-in"][data-app-stage="idle"] .search-card,
  .altored-search-app[data-auth-state="signed-in"][data-app-stage="choices"] .search-card {
    width: min(318px, 100%) !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    transform: none !important;
  }
}

@media (max-width: 380px) {
  .altored-search-app[data-auth-state="signed-in"] .dashboard-hero .brand-lockup {
    width: min(150px, 46vw) !important;
  }
  .altored-search-app[data-auth-state="signed-in"][data-app-stage="idle"] .dashboard-hero,
  .altored-search-app[data-auth-state="signed-in"][data-app-stage="choices"] .dashboard-hero {
    min-height: min(396px, calc(100svh - 24px)) !important;
  }
}

/* 2026-05-12 browser-validated correction: override old align-self:end on mobile search card. */
@media (max-width: 760px) {
  .altored-search-app[data-auth-state="signed-in"][data-app-stage="idle"] .search-card,
  .altored-search-app[data-auth-state="signed-in"][data-app-stage="choices"] .search-card {
    align-self: center !important;
    justify-self: center !important;
  }
}

/* 2026-05-12 real mobile centering fix: center the brand+search group, not just the input box. */
:root { --altored-visual-height: 100dvh; }

@media (max-width: 760px) {
  .altored-search-app[data-auth-state="signed-in"][data-app-stage="idle"],
  .altored-search-app[data-auth-state="signed-in"][data-app-stage="choices"] {
    width: 100vw !important;
    min-height: var(--altored-visual-height) !important;
    height: var(--altored-visual-height) !important;
    padding: max(14px, env(safe-area-inset-top)) 16px max(14px, env(safe-area-inset-bottom)) !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
  }

  .altored-search-app[data-auth-state="signed-in"][data-app-stage="idle"] .search-experience,
  .altored-search-app[data-auth-state="signed-in"][data-app-stage="choices"] .search-experience {
    width: min(390px, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px) !important;
    margin: 0 auto !important;
    align-self: center !important;
    justify-self: center !important;
  }

  .altored-search-app[data-auth-state="signed-in"][data-app-stage="idle"] .dashboard-hero,
  .altored-search-app[data-auth-state="signed-in"][data-app-stage="choices"] .dashboard-hero {
    position: relative !important;
    width: 100% !important;
    min-height: clamp(344px, calc(var(--altored-visual-height) * 0.50), 430px) !important;
    height: auto !important;
    margin: 0 !important;
    padding: clamp(28px, 5.8vh, 42px) 16px !important;
    border-radius: 32px !important;
    display: grid !important;
    grid-template-rows: auto auto !important;
    place-content: center !important;
    place-items: center !important;
    row-gap: clamp(22px, 4vh, 32px) !important;
  }

  .altored-search-app[data-auth-state="signed-in"] .dashboard-hero .experience-nav {
    position: static !important;
    inset: auto !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    pointer-events: auto !important;
  }

  .altored-search-app[data-auth-state="signed-in"] .dashboard-hero .brand-lockup {
    width: min(166px, 48vw) !important;
    margin: 0 auto !important;
    justify-self: center !important;
  }

  .altored-search-app[data-auth-state="signed-in"][data-app-stage="idle"] .search-card,
  .altored-search-app[data-auth-state="signed-in"][data-app-stage="choices"] .search-card {
    width: min(318px, calc(100vw - 76px)) !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    align-self: center !important;
    justify-self: center !important;
    transform: none !important;
  }
}

@media (max-width: 760px) and (max-height: 700px) {
  .altored-search-app[data-auth-state="signed-in"] .dashboard-hero .brand-lockup {
    width: min(148px, 44vw) !important;
  }
  .altored-search-app[data-auth-state="signed-in"][data-app-stage="idle"] .dashboard-hero,
  .altored-search-app[data-auth-state="signed-in"][data-app-stage="choices"] .dashboard-hero {
    min-height: clamp(314px, calc(var(--altored-visual-height) * 0.54), 384px) !important;
    row-gap: 18px !important;
  }
}

/* 2026-05-12 auth gate grid centering fix: center the grid track itself, not only the item. */
.altored-search-app[data-auth-state="signed-out"] .dashboard-hero,
.altored-search-app[data-auth-state="checking"] .dashboard-hero {
  place-content: center !important;
  justify-content: center !important;
  align-content: center !important;
}
.altored-search-app[data-auth-state="signed-out"] .auth-gate,
.altored-search-app[data-auth-state="checking"] .auth-gate {
  justify-self: center !important;
  align-self: center !important;
}


