:root {
  --shell-max-width: 980px;
  --shell-topbar-padding: 10px 20px;
  --shell-topbar-gap: 12px;
  --shell-nav-muted: var(--muted);
  --shell-nav-text: var(--text);
  --shell-nav-border: var(--border);
  --shell-nav-hover-bg: var(--shell-color-panel-elevated, #f1f5f9);
}

.mvp-page .topbar {
  border-bottom-color: color-mix(in srgb, var(--border) 55%, transparent);
}

.mvp-page .topbar-inner {
  flex-wrap: nowrap;
}

.mvp-page .brand {
  color: var(--text);
  text-decoration: none;
}

.mvp-page .brand:hover .brand-name {
  color: var(--accent);
}

.mvp-page .topnav {
  margin-right: auto;
}

.mvp-page .topnav a {
  padding: 7px 6px;
}

.mvp-page .topnav a.active {
  border-color: transparent;
  background: transparent;
  box-shadow: inset 0 -2px 0 var(--accent);
}

.mvp-page .topnav a.active:hover {
  border-color: transparent;
  background: transparent;
}

.mvp-page .topbar-actions {
  gap: 10px;
}

.mvp-page .theme-toggle {
  width: 34px;
  min-width: 34px;
  height: 34px;
  padding: 0;
  border-color: transparent;
  background: transparent;
  font-size: 18px;
  line-height: 1;
}

.mvp-page {
  background: var(--bg);
  overflow-x: clip;
}

.mvp-page *,
.mvp-page *::before,
.mvp-page *::after {
  box-sizing: border-box;
}

.mvp-page .pill {
  letter-spacing: 0;
}

.mvp-main {
  --shell-max-width: 980px;
  max-width: 980px;
  margin: var(--shell-space-4) auto 0;
  padding: 0 var(--shell-space-5) 48px;
  grid-template-columns: minmax(0, 1fr);
}

.mvp-card {
  display: grid;
  gap: var(--shell-space-3);
  min-width: 0;
}

.mvp-main section,
.mvp-main details,
.mvp-main form,
.mvp-main div,
.mvp-main dl,
.mvp-main table,
.mvp-main pre {
  min-width: 0;
  max-width: 100%;
}

.mvp-main {
  min-width: 0;
}

.mvp-main p,
.mvp-main a,
.mvp-main span,
.mvp-main strong,
.mvp-main dd,
.mvp-main code,
.mvp-main pre {
  overflow-wrap: anywhere;
}

.mvp-card .button.secondary {
  background: var(--app-button-bg);
  color: var(--text);
  border-color: var(--app-button-border);
  box-shadow: none;
}

.mvp-card .button.secondary:hover:not(:disabled) {
  background: var(--app-button-hover-bg);
}

.mvp-hero {
  display: grid;
  gap: var(--shell-space-1);
}

.mvp-hero h1,
.mvp-results h2 {
  margin: 0;
}

.mvp-hero h1 {
  font-size: clamp(32px, 5vw, 52px);
  line-height: 1;
}

.mvp-hero .status {
  margin: 0;
  max-width: 56ch;
  font-size: 17px;
}

.mvp-form-grid,
.mvp-field {
  display: grid;
  gap: var(--shell-space-2);
}

.mvp-url-box,
.mvp-upload-box {
  display: grid;
  gap: var(--shell-space-2);
}

.mvp-url-box {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  padding: var(--shell-space-3);
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--panel);
  box-shadow: var(--shell-shadow-soft, 0 14px 30px rgba(15, 23, 42, 0.08));
}

.mvp-intent-selector {
  grid-column: 1 / -1;
  min-width: 0;
  margin: 0 0 var(--shell-space-1);
  padding: 0;
  border: 0;
}

.mvp-intent-selector legend {
  margin-bottom: var(--shell-space-2);
  color: var(--text);
  font-weight: 800;
}

.mvp-intent-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--shell-space-2);
}

.mvp-intent-option {
  display: flex;
  gap: var(--shell-space-2);
  align-items: flex-start;
  padding: var(--shell-space-3);
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
  cursor: pointer;
}

.mvp-intent-option:has(input:checked) {
  border-color: var(--accent);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 20%, transparent);
}

.mvp-intent-option input {
  flex: 0 0 auto;
  margin-top: 4px;
  accent-color: var(--accent);
}

.mvp-intent-option span {
  display: grid;
  gap: 4px;
}

.mvp-intent-option small {
  color: var(--muted);
  line-height: 1.45;
}

.mvp-account-card {
  position: fixed;
  inset: 0;
  z-index: 90;
  overflow-y: auto;
  padding: clamp(14px, 4vw, 40px);
  background: color-mix(in srgb, var(--text) 38%, transparent);
}

.mvp-account-card[hidden] {
  display: none !important;
}

.mvp-account-dialog {
  display: grid;
  gap: var(--shell-space-3);
  width: min(760px, 100%);
  max-height: calc(100dvh - clamp(28px, 8vw, 80px));
  margin: 0 auto;
  padding: clamp(18px, 3vw, 28px);
  overflow-y: auto;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--panel);
  box-shadow: var(--shell-shadow-soft, 0 14px 30px rgba(15, 23, 42, 0.08));
}

.mvp-account-card [hidden] {
  display: none !important;
}

.mvp-account-card__header,
.mvp-run-history__header {
  display: flex;
  gap: var(--shell-space-3);
  align-items: center;
  justify-content: space-between;
}

.mvp-account-card__header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--shell-space-2);
}

.mvp-account-close {
  flex: 0 0 auto;
}

.mvp-account-card h2,
.mvp-account-card h3,
.mvp-account-card .eyebrow {
  margin: 0;
}

.mvp-account-balance {
  margin: 0;
  padding: 10px 14px;
  border-radius: 999px;
  background: var(--shell-color-panel-elevated, #f1f5f9);
  color: var(--text);
  font-weight: 800;
}

.mvp-account-help,
.mvp-account-purchase-note {
  margin: 0;
  color: var(--muted);
}

.mvp-account-purchase-note {
  font-weight: 700;
}

.mvp-auth-controls,
.mvp-account-summary {
  display: grid;
  gap: var(--shell-space-3);
}

.mvp-account-summary {
  gap: var(--shell-space-2);
}

.mvp-account-overview {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--shell-space-6);
  align-items: center;
  min-width: 0;
}

.mvp-account-details {
  display: flex;
  flex-wrap: wrap;
  gap: var(--shell-space-2);
  align-items: center;
  min-width: 0;
}

.mvp-account-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--shell-space-3);
}

.mvp-account-fields .field {
  max-width: none;
}

.mvp-account-fields input {
  width: 100%;
}

.mvp-account-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--shell-space-2);
  align-items: center;
}

.mvp-account-actions--signed-in {
  align-items: stretch;
  justify-content: flex-end;
  align-self: center;
}

.mvp-account-actions--signed-in > .mvp-add-runs-trigger {
  width: auto;
  min-height: 40px;
  padding: 9px 14px;
  border: 1px solid var(--app-button-border);
  border-radius: 6px;
}

.mvp-account-actions--signed-in > .mvp-add-runs-trigger .mvp-add-runs-chevron {
  display: none;
}

.mvp-purchase-heading:empty {
  display: none;
}

.mvp-purchase-section {
  display: grid;
  padding-top: var(--shell-space-5);
  border-top: 1px solid var(--border);
}

.mvp-purchase-heading {
  margin: 0;
}

.mvp-add-runs-trigger {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: var(--shell-space-3);
  padding: var(--shell-space-3) 0;
  border: 0;
  background: transparent;
  color: var(--text);
  font: inherit;
  font-weight: 800;
  text-align: left;
  cursor: pointer;
}

.mvp-add-runs-trigger:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 4px;
  border-radius: 4px;
}

.mvp-add-runs-chevron {
  transition: transform 160ms ease;
}

.mvp-add-runs-trigger[aria-expanded="true"] .mvp-add-runs-chevron {
  transform: rotate(180deg);
}

.mvp-add-runs-content {
  display: grid;
  gap: var(--shell-space-4);
  padding-top: var(--shell-space-2);
}

.mvp-add-runs-intro {
  margin: 0;
  color: var(--muted);
}

.mvp-payment-success {
  color: var(--shell-color-success, #15803d);
  font-weight: 800;
}

.mvp-checkout-packages {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--shell-space-3);
}

.mvp-checkout-package {
  position: relative;
  display: grid;
  grid-template-rows: minmax(22px, auto) auto auto auto 1fr auto;
  gap: 6px;
  min-width: 0;
  height: 100%;
  padding: var(--shell-space-4);
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--panel);
}

.mvp-checkout-package:first-child::before {
  content: "";
  display: block;
  min-height: 22px;
}

.mvp-checkout-package--recommended {
  border-color: color-mix(in srgb, var(--accent) 45%, var(--border));
  background: color-mix(in srgb, var(--accent) 6%, var(--panel));
}

.mvp-checkout-package__label,
.mvp-checkout-package__price,
.mvp-checkout-explanation p,
.mvp-low-balance-message {
  margin: 0;
}

.mvp-checkout-package__label {
  justify-self: start;
  padding: 2px var(--shell-space-2);
  border: 1px solid color-mix(in srgb, var(--accent) 36%, var(--border));
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent) 9%, var(--panel));
  color: var(--accent);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.4;
}

.mvp-checkout-package__price {
  color: var(--text);
  font-size: 24px;
  font-weight: 850;
  line-height: 1.15;
}

.mvp-checkout-package .button {
  grid-row: 6;
  align-self: end;
  width: 100%;
}

.mvp-checkout-explanation {
  display: grid;
  gap: 4px;
  padding-top: var(--shell-space-3);
  border-top: 1px solid var(--border);
  color: var(--muted);
}

.mvp-low-balance-message {
  font-weight: 750;
}

.mvp-account-identity {
  display: grid;
  gap: 3px;
}

.mvp-account-label {
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

.mvp-auth-state {
  color: var(--text);
  overflow-wrap: anywhere;
}

.mvp-account-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: var(--shell-space-2);
}

.mvp-account-metrics .status,
.mvp-account-card > .status {
  margin: 0;
  font-weight: 700;
}

.mvp-account-menu {
  position: relative;
  z-index: 1;
}

.mvp-account-menu[open] {
  z-index: 40;
}

.mvp-account-menu summary {
  height: 100%;
  padding: 10px 14px;
  border: 1px solid var(--app-button-border);
  border-radius: 6px;
  cursor: pointer;
  font-weight: 750;
  list-style: none;
}

.mvp-account-menu summary::-webkit-details-marker {
  display: none;
}

.mvp-account-menu__dropdown {
  position: absolute;
  top: calc(100% + var(--shell-space-2));
  right: 0;
  z-index: 50;
  min-width: 180px;
  padding: var(--shell-space-2);
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--panel);
  box-shadow: 0 12px 28px color-mix(in srgb, var(--text) 18%, transparent);
}

.mvp-account-menu__dropdown .button {
  width: 100%;
  margin: 0;
}

.mvp-account-card:has(.mvp-account-summary:not([hidden])) .mvp-account-balance {
  padding: 0;
  background: transparent;
  color: var(--muted);
  font-size: 12px;
  font-weight: 600;
}

.mvp-nav-auth,
.mvp-nav-auth__group {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.mvp-nav-auth__group[hidden] {
  display: none !important;
}

.mvp-nav-auth__button {
  min-height: 34px;
  padding: 7px 9px;
  border: 1px solid var(--shell-nav-border, var(--border));
  border-radius: 0;
  background: var(--shell-color-surface-soft);
  color: var(--shell-nav-text, var(--text));
  font: inherit;
  font-size: 12px;
  font-weight: 750;
  cursor: pointer;
}

.mvp-nav-auth__button:hover {
  background: var(--shell-nav-hover-bg, var(--shell-color-panel-elevated));
}

.mvp-nav-auth__button:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

#mvpNavAccountLabel {
  display: block;
  max-width: min(240px, 32vw);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mvp-auth-message,
.mvp-checkout-message {
  color: var(--muted);
}

.mvp-run-history {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 100;
  display: grid;
  align-content: start;
  gap: var(--shell-space-3);
  width: min(460px, 100vw);
  height: 100dvh;
  padding: clamp(18px, 3vw, 28px);
  overflow-y: auto;
  overflow-x: hidden;
  border-left: 1px solid var(--border);
  background: var(--panel);
  box-shadow: -18px 0 48px rgba(15, 23, 42, 0.2);
}

@media (max-width: 820px) {
  .mvp-account-overview {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--shell-space-4);
  }

  .mvp-account-actions--signed-in {
    justify-content: flex-start;
  }

  .mvp-checkout-packages {
    grid-template-columns: 1fr;
  }
}

.mvp-run-history__list {
  display: grid;
  gap: var(--shell-space-2);
}

.mvp-run-history__view-all {
  justify-self: stretch;
}

.mvp-run-history-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--shell-space-2);
  align-items: center;
  padding: var(--shell-space-3);
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--shell-color-panel-elevated, #f1f5f9);
}

.mvp-run-history-item__title,
.mvp-run-history-item__meta,
.mvp-run-history-item__error {
  margin: 0;
}

.mvp-run-history-item__title {
  font-weight: 800;
  overflow-wrap: anywhere;
}

.mvp-run-history-item__meta {
  color: var(--muted);
  font-size: 13px;
}

.mvp-run-history-item__error,
.mvp-auth-message--error,
.mvp-checkout-message--error {
  color: var(--danger, #b91c1c);
}

.mvp-mode-tabs {
  display: inline-flex;
  gap: 2px;
  justify-self: start;
  align-items: center;
  padding: 0;
  border: 0;
  background: transparent;
}

.mvp-mode-tab {
  border: 0;
  border-radius: 4px;
  padding: 4px 8px;
  color: var(--muted);
  background: transparent;
  font: inherit;
  font-size: 13px;
  font-weight: 750;
  cursor: pointer;
}

.mvp-mode-tab.is-active {
  display: none;
}

.mvp-mode-tab:not(.is-active) {
  color: var(--accent);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.mvp-mode-tab:not(.is-active):hover {
  color: var(--text);
  background: var(--shell-color-panel-elevated, #f1f5f9);
}

.mvp-mode-panel[hidden],
#mvpFallbackPanel[hidden],
#mvpUrlActionRow[hidden] {
  display: none !important;
}

.mvp-positioning {
  display: grid;
  gap: var(--shell-space-3);
  padding: var(--shell-space-3);
  border: 1px solid var(--border);
  background: var(--shell-color-panel-elevated, #f1f5f9);
}

.mvp-positioning h2,
.mvp-positioning h3 {
  margin: 0;
}

.mvp-positioning .status {
  margin: 0;
}

.mvp-choice-grid,
.mvp-output-grid {
  display: grid;
  gap: var(--shell-space-2);
}

@media (min-width: 840px) {
  .mvp-choice-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .mvp-output-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.mvp-choice-card,
.mvp-output-card {
  display: grid;
  gap: var(--shell-space-2);
  align-content: start;
  padding: var(--shell-space-3);
  border: 1px solid var(--border);
  background: var(--panel);
}

.mvp-choice-card {
  min-height: 100%;
}

.mvp-output-card {
  min-height: 82px;
}

.mvp-choice-card h3,
.mvp-output-card h3 {
  font-size: 16px;
  line-height: 1.25;
}

.mvp-best-for {
  color: var(--text);
  font-weight: 700;
}

.mvp-card-list {
  display: grid;
  gap: 4px;
  padding-left: 18px;
}

.mvp-field--url {
  max-width: none;
}

#mvpUrlInput,
#mvpHtmlInput {
  width: 100%;
}

#mvpUrlInput {
  min-height: 52px;
  font-size: 16px;
}

#mvpHtmlInput {
  min-height: 220px;
  resize: vertical;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  line-height: 1.45;
}

.mvp-upload-row,
.mvp-action-row {
  gap: var(--shell-space-2);
  align-items: center;
}

.mvp-action-row {
  flex-wrap: wrap;
  margin-top: 0;
}

.mvp-primary-generate {
  min-height: 52px;
  padding: 15px 24px;
  font-size: 16px;
  font-weight: 850;
  white-space: nowrap;
}

.mvp-upload-action-row .button {
  min-height: 42px;
  padding: 10px 14px;
}

.mvp-csv-upload-card {
  max-width: 720px;
  padding: 0;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--panel);
}

.mvp-csv-upload-card > .status {
  padding: var(--shell-space-2) var(--shell-space-3) 0;
}

#mvpCsvFileInput {
  display: block;
  width: 100%;
  padding: 12px;
  border: 1px solid var(--app-button-border);
  border-radius: 6px;
  background: var(--card);
  color: var(--text);
  cursor: pointer;
  min-width: 0;
  max-width: 100%;
}

#mvpCsvFileInput::file-selector-button {
  margin-right: var(--shell-space-2);
  padding: 8px 12px;
  border: 1px solid var(--app-button-border);
  border-radius: 6px;
  background: var(--app-button-bg);
  color: var(--text);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.mvp-output-promise {
  flex: 1 1 360px;
  margin: 0;
  max-width: 760px;
}

.mvp-upload-button {
  cursor: pointer;
}

.mvp-fallback {
  border-top: 1px solid var(--border);
  padding-top: var(--shell-space-3);
}

.mvp-fallback summary {
  cursor: pointer;
}

.mvp-fallback-body {
  display: grid;
  gap: var(--shell-space-3);
  margin-top: var(--shell-space-3);
}

.mvp-fallback-body textarea,
.mvp-fallback-body input,
.mvp-fallback-body .mvp-upload-row,
.mvp-fallback-body .mvp-action-row {
  min-width: 0;
  max-width: 100%;
}

.mvp-fallback-body h2 {
  margin: 0;
}

.mvp-capture-steps {
  margin: 0;
  padding-left: 22px;
}

.mvp-file-input {
  display: none;
}

.mvp-status {
  margin: 0;
  padding: var(--shell-space-2) var(--shell-space-3);
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--shell-color-panel-elevated, #f1f5f9);
  color: var(--text);
  font-weight: 700;
}

.mvp-status[hidden] {
  display: none !important;
}

.mvp-no-report-message {
  margin: 0;
  padding: var(--shell-space-2) var(--shell-space-3);
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--shell-color-panel-elevated, #f1f5f9);
  color: var(--text);
  font-weight: 700;
}

.mvp-no-report-message[hidden] {
  display: none !important;
}

.mvp-result-subtitle {
  margin: 0;
  color: var(--text);
  max-width: 72ch;
}

.mvp-result-source {
  margin: 0;
  color: var(--text);
  font-weight: 750;
}

.mvp-result-source[hidden] {
  display: none !important;
}

.mvp-results {
  display: none;
  gap: var(--shell-space-3);
}

#mvpMachineVisibility { order: 1; }
#mvpDatasetOverview { order: 2; }
#mvpNextActions { order: 3; }
#mvpReviewPreviewSlot { order: 4; }
#mvpFreeFiles { order: 5; }
#mvpDatasetDetails { order: 6; }
#mvpResultDetails { order: 7; }
#mvpProductReviewSection { order: 8; }

.mvp-results--intent-extraction #mvpDatasetOverview { order: 1; }
.mvp-results--intent-extraction #mvpMachineVisibility { order: 2; }
.mvp-results--intent-extraction #mvpNextActions { order: 3; }

.mvp-results--intent-visibility #mvpMachineVisibility { order: 1; }
.mvp-results--intent-visibility #mvpNextActions { order: 2; }
.mvp-results--intent-visibility #mvpDatasetOverview { order: 3; }
.mvp-results--intent-visibility #mvpDatasetOverview { display: none; }

.mvp-zero-visibility-offer {
  display: grid;
  gap: var(--shell-space-3);
  padding: var(--shell-space-4);
  border: 2px solid var(--accent);
  border-radius: 12px;
  background: var(--card);
}

.mvp-zero-visibility-offer[hidden] { display: none !important; }
.mvp-zero-visibility-offer h4,
.mvp-zero-visibility-offer p { margin: 0; }
.mvp-zero-visibility-offer > .button { justify-self: start; }
.mvp-zero-visibility-paths { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--shell-space-2); }
.mvp-zero-visibility-path {
  display: grid;
  gap: 6px;
  padding: var(--shell-space-3);
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--panel);
  color: var(--text);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.mvp-zero-visibility-uses ul { columns: 2; margin-bottom: 0; }
.mvp-machine-visibility--zero .mvp-machine-visibility-fields,
.mvp-machine-visibility--zero #mvpToggleProductDataDetails,
.mvp-machine-visibility--zero #mvpMachineVisibilityWhy,
.mvp-machine-visibility--zero #mvpMachineVisibilityDisclaimer { display: none; }

@media (max-width: 640px) {
  .mvp-zero-visibility-paths { grid-template-columns: 1fr; }
  .mvp-zero-visibility-uses ul { columns: 1; }
}

.mvp-results--intent-visibility #mvpNextActionsTitle { order: 1; }
.mvp-results--intent-visibility #mvpContinuationStep { order: 2; }
.mvp-results--intent-visibility #mvpEnrichmentAction { order: 3; }
.mvp-results--intent-visibility #mvpTechnicalStep { order: 4; }
.mvp-results--intent-visibility #mvpRecommendedEnrichmentSlot { order: 5; }

.mvp-dataset-overview {
  display: grid;
  gap: var(--shell-space-3);
  min-width: 0;
  padding: var(--shell-space-4);
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--panel);
  box-shadow: 0 12px 30px rgb(15 23 42 / 8%);
}

.mvp-dataset-overview > h2 {
  margin: 0;
}

.mvp-machine-visibility {
  display: grid;
  gap: var(--shell-space-3);
  padding: var(--shell-space-4);
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--panel);
}

.mvp-machine-visibility[hidden] {
  display: none !important;
}

.mvp-results--intent-extraction .mvp-machine-visibility-fields > div:nth-child(2),
.mvp-results--intent-extraction .mvp-machine-visibility-fields p,
.mvp-results--intent-extraction #mvpMachineVisibilityDisclaimer,
.mvp-results--intent-extraction #mvpMachineVisibilityWhy,
.mvp-results--intent-extraction .mvp-machine-visibility-context,
.mvp-results--intent-extraction #mvpMachineVisibilityNote {
  display: none;
}

.mvp-results--intent-extraction .mvp-machine-visibility--expanded .mvp-machine-visibility-fields > div:nth-child(2),
.mvp-results--intent-extraction .mvp-machine-visibility--expanded .mvp-machine-visibility-fields p,
.mvp-results--intent-extraction .mvp-machine-visibility--expanded #mvpMachineVisibilityNote {
  display: block;
}

.mvp-machine-visibility > h3,
.mvp-machine-visibility > p {
  margin: 0;
}

.mvp-machine-visibility-fields {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: var(--shell-space-2);
  margin: 0;
}

.mvp-machine-visibility-fields > div {
  display: flex;
  flex-direction: column;
  gap: var(--shell-space-2);
  padding: var(--shell-space-2);
  border: 1px solid var(--border);
  border-radius: 8px;
}

.mvp-machine-visibility-fields dt {
  display: block;
  margin: 0;
  color: var(--muted);
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.3;
}

.mvp-machine-visibility-fields dd {
  display: block;
  margin: 0;
  color: var(--text);
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.25;
}

.mvp-machine-visibility-fields p {
  margin: var(--shell-space-1) 0 0;
  color: var(--muted);
  font-size: 0.9rem;
  line-height: 1.45;
}

.mvp-machine-visibility-why,
.mvp-recovered-product-data {
  display: grid;
  gap: var(--shell-space-1);
  padding-top: var(--shell-space-2);
  border-top: 1px solid var(--border);
}

.mvp-machine-visibility-why h4,
.mvp-machine-visibility-why p,
.mvp-recovered-product-data h4,
.mvp-recovered-product-data p,
.mvp-recovered-product-data dl {
  margin: 0;
}

.mvp-recovered-product-data[hidden] {
  display: none !important;
}

.mvp-recovered-product-data dl {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: var(--shell-space-2);
}

.mvp-recovered-product-data dl > div {
  display: grid;
  gap: 4px;
  padding: var(--shell-space-2);
  border: 1px solid var(--border);
  border-radius: 8px;
}

.mvp-recovered-product-data dd {
  margin: 0;
  font-weight: 800;
}

.mvp-machine-visibility-context {
  display: grid;
  gap: var(--shell-space-1);
}

.mvp-machine-visibility-context > p {
  margin: 0;
}

.mvp-results--url .mvp-dataset-overview {
  background: transparent;
  box-shadow: none;
}

.mvp-results--url .mvp-primary-product-count strong {
  font-size: 1.25rem;
}

.mvp-results--url .mvp-overview-remaining {
  color: var(--muted);
  font-size: inherit;
  font-weight: 600;
}

.mvp-results--machine-visibility .mvp-dataset-overview {
  padding: 0 var(--shell-space-1);
  border: 0;
}

.mvp-results--machine-visibility .mvp-dataset-summary {
  display: flex;
  flex-wrap: wrap;
  gap: var(--shell-space-1) var(--shell-space-3);
  color: var(--muted);
  font-size: 0.9rem;
}

.mvp-results--machine-visibility .mvp-primary-product-count strong {
  font-size: inherit;
}

.mvp-overview-remaining {
  margin: 0;
  color: var(--text);
  font-size: 18px;
  font-weight: 750;
}

.mvp-overview-remaining + .status {
  margin-top: calc(var(--shell-space-3) * -0.6);
}

#mvpNextActions {
  display: grid;
  gap: var(--shell-space-3);
  padding: var(--shell-space-4);
  border: 1px solid color-mix(in srgb, var(--accent, #2563eb) 65%, var(--border));
  border-radius: 10px;
  background: var(--panel);
  box-shadow: 0 12px 30px rgb(15 23 42 / 8%);
}

#mvpNextActions[hidden] {
  display: none !important;
}

.mvp-next-step,
.mvp-enrichment-action {
  display: grid;
  gap: var(--shell-space-2);
  padding-top: var(--shell-space-3);
  border-top: 1px solid var(--border);
}

.mvp-next-step h4,
.mvp-enrichment-action h4,
.mvp-next-step p {
  margin: 0;
}

.mvp-result-intro {
  max-width: 72ch;
  margin: 0;
  color: var(--text);
  font-size: 17px;
  line-height: 1.6;
}

.mvp-result-status,
.mvp-result-source {
  display: none;
}

.mvp-free-files,
.mvp-continuation-gate,
.mvp-product-preview,
.mvp-findings {
  display: grid;
  gap: var(--shell-space-3);
  padding: var(--shell-space-4);
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--panel);
}

.mvp-free-files {
  border-color: color-mix(in srgb, var(--accent, #2563eb) 50%, var(--border));
  box-shadow: 0 12px 30px rgb(15 23 42 / 8%);
}

.mvp-free-files > summary {
  cursor: pointer;
  font-size: 1.05rem;
  font-weight: 800;
}

.mvp-free-files:not([open]) {
  box-shadow: none;
}

.mvp-free-files h3,
.mvp-continuation-gate h3,
.mvp-continuation-gate h4,
.mvp-current-draft-quality h3 {
  margin: 0;
}

.mvp-download-list--free {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mvp-product-preview > h3,
.mvp-findings > h3,
.mvp-free-files > h3 {
  margin: 0;
}

.mvp-findings-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--shell-space-3);
}

.mvp-findings-grid > section,
.mvp-product-completeness {
  display: grid;
  align-content: start;
  gap: var(--shell-space-2);
  padding: var(--shell-space-3);
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--panel-muted, color-mix(in srgb, var(--panel) 92%, var(--accent) 8%));
}

.mvp-findings-grid h4,
.mvp-product-completeness h4,
.mvp-finding-observation {
  margin: 0;
}

.mvp-finding-metrics,
.mvp-finding-statuses {
  display: grid;
  gap: var(--shell-space-2);
  margin: 0;
}

.mvp-finding-metrics > div,
.mvp-finding-statuses > div {
  display: flex;
  justify-content: space-between;
  gap: var(--shell-space-2);
}

.mvp-finding-metrics dd,
.mvp-finding-statuses dd {
  margin: 0;
  font-weight: 750;
}

.mvp-product-completeness[hidden],
.mvp-findings-grid > section[hidden] {
  display: none !important;
}

.mvp-summary-warning-count strong {
  font-size: inherit;
}

.mvp-account-card--result:not(:focus-within) .mvp-account-help {
  display: none;
}

.mvp-download-list--free .mvp-download-item {
  padding: 0;
  border: 0;
}

.mvp-free-files[hidden],
.mvp-continuation-gate[hidden] {
  display: none !important;
}

.mvp-dataset-summary {
  display: grid;
  gap: var(--shell-space-2);
  min-width: 0;
}

.mvp-dataset-summary p,
.mvp-dataset-recommendation {
  margin: 0;
}

.mvp-dataset-summary p:first-child strong {
  font-size: clamp(28px, 4vw, 38px);
}

.mvp-dataset-summary p:first-child span,
.mvp-dataset-recommendation {
  font-weight: 750;
}

.mvp-dataset-recommendation {
  margin-top: var(--shell-space-3);
  color: var(--text);
}

.mvp-workflow-section {
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--panel);
}

.mvp-workflow-section > summary {
  padding: var(--shell-space-4);
  cursor: pointer;
  font-size: 18px;
  font-weight: 800;
}

.mvp-workflow-section__content {
  display: grid;
  gap: var(--shell-space-3);
  padding: 0 var(--shell-space-4) var(--shell-space-4);
}

.mvp-discovery-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

.mvp-discovery-filters [aria-pressed="true"] {
  border-color: var(--accent, #2563eb);
  box-shadow: 0 0 0 1px var(--accent, #2563eb);
}

.mvp-loading-panel {
  display: grid;
  gap: var(--shell-space-2);
  padding: var(--shell-space-3);
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--panel);
}

.mvp-loading-panel[hidden] {
  display: none !important;
}

.mvp-loading-copy {
  display: grid;
  gap: var(--shell-space-1);
}

.mvp-loading-copy h2 {
  margin: 0;
  font-size: 22px;
  line-height: 1.2;
}

.mvp-loading-copy .status {
  margin: 0;
  max-width: 64ch;
  color: var(--text);
}

.mvp-loading-copy .mvp-loading-reassurance {
  color: var(--muted);
}

.mvp-loading-bar {
  position: relative;
  height: 12px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--shell-color-panel-elevated, #e2e8f0);
}

.mvp-loading-bar span {
  position: absolute;
  inset: 0 auto 0 0;
  width: 42%;
  border-radius: inherit;
  background: var(--accent);
  animation: mvp-loading-bar 1.25s ease-in-out infinite;
}

@keyframes mvp-loading-bar {
  0% {
    transform: translateX(-110%);
  }

  100% {
    transform: translateX(240%);
  }
}

.mvp-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: var(--shell-space-2);
  margin: 0;
}

.mvp-metrics div {
  display: grid;
  gap: 4px;
  padding: var(--shell-space-3);
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--shell-color-panel-elevated, #f1f5f9);
}

.mvp-metrics span {
  color: var(--text);
  font-size: 24px;
  font-weight: 800;
}

.mvp-current-draft-export > summary {
  cursor: pointer;
  font-weight: 700;
}

.mvp-current-draft-export-content {
  margin-top: var(--shell-space-2);
}

.mvp-current-draft-export--main > summary {
  display: none;
}

.mvp-result-status {
  margin: 0;
  color: var(--text);
}

.mvp-result-status span {
  color: var(--success, #166534);
}

.mvp-result-status span[data-state="blocked"] {
  color: var(--danger, #b91c1c);
}

.mvp-recommended-action {
  display: grid;
  gap: var(--shell-space-2);
  padding: var(--shell-space-3);
  border: 1px solid var(--border);
  border-radius: 8px;
}

.mvp-recommended-action[hidden] {
  display: none !important;
}

.mvp-recommended-action h3,
.mvp-recommended-action .status {
  margin: 0;
}

.mvp-recommended-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--shell-space-2);
}

.mvp-recommended-actions [hidden] {
  display: none !important;
}

.mvp-enrichment-action {
  display: grid;
  gap: var(--shell-space-2);
  width: 100%;
  padding: var(--shell-space-3);
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
}

.mvp-enrichment-action[hidden] {
  display: none !important;
}

.mvp-enrichment-copy {
  display: grid;
  gap: var(--shell-space-1);
  max-width: 76ch;
}

.mvp-enrichment-action h3,
.mvp-enrichment-action .status {
  margin: 0;
}

.mvp-enrichment-summary {
  color: var(--text);
  font-weight: 750;
}

.mvp-enrichment-action > .button {
  justify-self: start;
}

.mvp-enrichment-status {
  display: grid;
  gap: var(--shell-space-1);
  padding: var(--shell-space-2);
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
}

.mvp-enrichment-status[hidden] {
  display: none !important;
}

.mvp-enrichment-status span[data-state="completed"] {
  color: var(--success, #166534);
}

.mvp-enrichment-status span[data-state="failed"] {
  color: var(--danger, #b91c1c);
}

.mvp-discovery-coverage {
  display: grid;
  gap: var(--shell-space-3);
  padding: var(--shell-space-4);
  border: 1px solid color-mix(in srgb, var(--accent) 35%, var(--border));
  border-radius: 10px;
  background: color-mix(in srgb, var(--accent) 7%, var(--shell-color-panel-elevated, #f1f5f9));
}

.mvp-workflow-section__content table,
.mvp-discovery-map-content table {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.mvp-catalog-map-summary {
  display: grid;
  gap: 3px;
}

.mvp-catalog-map-summary p { margin: 0; }
.mvp-catalog-map-summary p:first-child { font-size: 1.1rem; font-weight: 800; }

.mvp-catalog-page-list h4 { margin: 0 0 10px; }
.mvp-catalog-page-list { display: grid; gap: 20px; min-width: 0; }
.mvp-catalog-route-group { min-width: 0; }
.mvp-catalog-route {
  display: grid;
  grid-template-columns: 1.25rem minmax(0, 1fr) auto;
  gap: 4px 10px;
  align-items: start;
  min-width: 0;
  padding: 9px 0;
  border-top: 1px solid var(--border);
}
.mvp-catalog-route-marker { font-weight: 900; text-align: center; }
.mvp-catalog-route--scanned .mvp-catalog-route-marker { color: var(--success, #166534); }
.mvp-catalog-route--review .mvp-catalog-route-marker,
.mvp-catalog-route--failed .mvp-catalog-route-marker { color: var(--danger, #b91c1c); }
.mvp-catalog-route-content { display: grid; gap: 2px; min-width: 0; }
.mvp-catalog-route-title { width: fit-content; max-width: 100%; font-weight: 750; overflow-wrap: anywhere; }
.mvp-catalog-route-path { color: var(--muted); font-size: .9rem; overflow-wrap: anywhere; word-break: break-word; }
.mvp-catalog-route-products { white-space: nowrap; font-weight: 700; }
.mvp-catalog-route-more { margin-top: 4px; }
.mvp-catalog-route-more > summary { cursor: pointer; font-weight: 750; padding: 8px 0; }
.mvp-catalog-route-more > summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.mvp-catalog-complete { margin-bottom: 0; }

@media (max-width: 760px) {
  .mvp-intent-options {
    grid-template-columns: minmax(0, 1fr);
  }

  .mvp-findings-grid { grid-template-columns: 1fr; }
  .mvp-catalog-route { grid-template-columns: 1.25rem minmax(0, 1fr); }
  .mvp-catalog-route-products { grid-column: 2; grid-row: 2; }
}

.mvp-catalog-potential {
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 18px;
  background: var(--surface);
}

.mvp-catalog-potential h3,
.mvp-catalog-potential h4 {
  margin-top: 0;
}

.mvp-catalog-potential-summary,
.mvp-catalog-opportunity-scorecard {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.mvp-catalog-opportunity-summary {
  display: grid;
  gap: 8px;
  margin-bottom: 18px;
}

.mvp-catalog-opportunity-summary p {
  margin: 0;
}

.mvp-catalog-opportunity-summary p:first-child {
  font-size: 18px;
  font-weight: 750;
}

.mvp-catalog-opportunity-scorecard > div,
.mvp-catalog-potential-summary > div {
  display: grid;
  gap: 4px;
}

.mvp-catalog-opportunity-scorecard > div {
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 14px;
}

.mvp-catalog-opportunity-scorecard strong {
  font-size: 24px;
}

.mvp-catalog-opportunity-scorecard span {
  font-weight: 700;
}

.mvp-catalog-opportunity-scorecard small,
.mvp-catalog-potential-summary span {
  color: var(--muted);
}

.mvp-catalog-opportunity-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.mvp-catalog-available,
.mvp-catalog-technical {
  margin-top: 18px;
}

.mvp-catalog-available ul {
  margin: 0;
  padding-left: 20px;
}

.mvp-catalog-technical .mvp-catalog-potential-summary {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 12px;
}

.mvp-catalog-technical summary {
  cursor: pointer;
  font-weight: 700;
}

.mvp-catalog-available li + li {
  margin-top: 6px;
}

.mvp-discovery-coverage[hidden] {
  display: none !important;
}

.mvp-discovery-coverage h3 {
  margin: 0;
  font-size: 20px;
}

.mvp-discovery-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--shell-space-3);
}

.mvp-discovery-heading > div {
  display: grid;
  gap: 6px;
}

.mvp-discovery-actions {
  display: grid;
  justify-items: end;
  gap: var(--shell-space-2);
  min-width: min(100%, 320px);
}

.mvp-discovery-heading p {
  margin: 0;
}

.mvp-discovery-summary {
  color: var(--text);
  font-weight: 700;
}

.mvp-discovery-overview {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--shell-space-2);
}

.mvp-discovery-overview > div {
  display: grid;
  gap: 2px;
  padding: var(--shell-space-3);
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--panel, #fff);
}

.mvp-discovery-overview strong {
  font-size: 22px;
  line-height: 1.1;
}

.mvp-discovery-overview span {
  color: var(--muted);
  font-size: 13px;
}

.mvp-dataset-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--shell-space-2);
  margin-top: var(--shell-space-3);
}

.mvp-dataset-actions[hidden] {
  display: none !important;
}

.mvp-current-dataset-state {
  display: inline-block;
  margin-left: var(--shell-space-2);
  color: var(--muted);
}

.mvp-current-dataset-state[hidden] {
  display: none !important;
}

.mvp-discovery-map {
  border-top: 1px solid var(--border);
  padding-top: var(--shell-space-2);
}

.mvp-discovery-map > summary,
.mvp-discovery-map-more > summary {
  cursor: pointer;
  font-weight: 700;
}

.mvp-discovery-map-content,
.mvp-discovery-map-groups,
.mvp-discovery-map-group {
  display: grid;
  gap: var(--shell-space-2);
}

.mvp-discovery-map-content {
  margin-top: var(--shell-space-2);
}

.mvp-discovery-problem-filter {
  align-items: center;
  background: color-mix(in srgb, var(--accent) 8%, var(--surface));
  border: 1px solid var(--border);
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  padding: 10px 12px;
}

.mvp-discovery-map-content > p,
.mvp-discovery-map-group h4,
.mvp-discovery-map-empty {
  margin: 0;
}

.mvp-crawl-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: var(--shell-space-2);
  margin: 0;
}

.mvp-crawl-summary > div {
  min-width: 0;
  padding: var(--shell-space-2);
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--panel, #fff);
}

.mvp-crawl-summary dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.mvp-crawl-summary dd {
  margin: 2px 0 0;
  overflow-wrap: anywhere;
}

.mvp-discovery-map-group {
  min-width: 0;
  padding-top: var(--shell-space-2);
  border-top: 1px solid var(--border);
}

.mvp-discovery-map-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.mvp-discovery-map-table th,
.mvp-discovery-map-table td {
  padding: 8px;
  border-bottom: 1px solid var(--border);
  text-align: left;
  vertical-align: top;
}

.mvp-discovery-map-table th {
  color: var(--muted);
  font-size: 11px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.mvp-discovery-map-table td,
.mvp-discovery-map-table a {
  overflow-wrap: anywhere;
}

.mvp-discovery-map-more {
  display: grid;
  gap: var(--shell-space-2);
}

.mvp-continue-scan-loading {
  display: grid;
  gap: var(--shell-space-3);
  padding: var(--shell-space-4);
  border: 2px solid color-mix(in srgb, var(--accent) 55%, var(--border));
  border-radius: 12px;
  background: color-mix(in srgb, var(--accent) 9%, var(--panel, #fff));
  box-shadow: 0 12px 30px color-mix(in srgb, var(--accent) 12%, transparent);
}

.mvp-continue-scan-loading[hidden],
.mvp-continue-scan-progress[hidden] {
  display: none !important;
}

.mvp-continue-scan-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--shell-space-3);
}

.mvp-continue-scan-heading h3,
.mvp-continue-scan-heading p,
.mvp-continue-background-note {
  margin: 0;
}

.mvp-scan-status-badge {
  flex: 0 0 auto;
  padding: 5px 10px;
  border-radius: 999px;
  background: var(--accent);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.mvp-continue-scan-counts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--shell-space-2);
}

.mvp-continue-scan-counts > div {
  display: grid;
  gap: 2px;
  padding: var(--shell-space-2);
  border: 1px solid color-mix(in srgb, var(--accent) 25%, var(--border));
  border-radius: 8px;
  background: var(--panel, #fff);
}

.mvp-continue-scan-counts strong {
  font-size: 22px;
}

.mvp-continue-scan-counts span,
.mvp-continue-scan-loading-status {
  color: var(--muted);
  font-size: 13px;
}

.mvp-continue-scan-progress {
  position: relative;
  height: 6px;
  margin: var(--shell-space-1) 0;
  overflow: hidden;
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent) 15%, var(--border));
}

.mvp-continue-scan-progress > span {
  position: absolute;
  inset: 0 auto 0 0;
  width: 40%;
  border-radius: inherit;
  background: var(--accent);
  animation: mvp-continue-scan-progress 1.4s ease-in-out infinite;
}

.mvp-continue-scan-loading-status {
  min-height: 1.4em;
}

@keyframes mvp-continue-scan-progress {
  from { transform: translateX(-110%); }
  to { transform: translateX(360%); }
}

@media (prefers-reduced-motion: reduce) {
  .mvp-continue-scan-progress > span {
    animation: none;
    transform: none;
  }
}

.mvp-discovery-complete {
  margin: 0;
  color: var(--success, #166534);
  font-weight: 700;
}

.mvp-discovery-grid {
  display: grid;
  gap: 6px var(--shell-space-3);
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  margin: var(--shell-space-2) 0 0;
}

.mvp-discovery-details summary {
  cursor: pointer;
}

.mvp-discovery-grid div {
  min-width: 0;
}

.mvp-discovery-grid span {
  overflow-wrap: anywhere;
}

.mvp-top-issues {
  display: grid;
  gap: var(--shell-space-1);
  margin: 0;
  padding: var(--shell-space-2) 0 0;
  border-top: 1px solid var(--border);
}

.mvp-review-details {
  border-top: 1px solid var(--border);
  padding-top: var(--shell-space-2);
}

.mvp-review-details summary {
  cursor: pointer;
  font-weight: 700;
}

.mvp-top-issues[hidden] {
  display: none !important;
}

.mvp-top-issues ul {
  margin: 0;
  padding-left: 20px;
}

.mvp-preview-wrap {
  display: none;
  width: 100%;
  max-width: 100%;
  margin-top: var(--shell-space-3);
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--panel);
}

.mvp-preview-details,
.mvp-summary-details {
  border-top: 1px solid var(--border);
  padding-top: var(--shell-space-2);
}

.mvp-preview-details {
  max-width: 100%;
  overflow: hidden;
  border-top: 0;
  padding-top: 0;
}

.mvp-preview-details summary,
.mvp-summary-details summary {
  cursor: pointer;
}

.mvp-summary-grid {
  display: grid;
  gap: var(--shell-space-2);
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  margin: var(--shell-space-2) 0 0;
  padding: var(--shell-space-3);
  border: 1px solid var(--border);
  background: var(--shell-color-panel-elevated, #f1f5f9);
}

.mvp-preview-summary {
  margin: 0;
  padding: var(--shell-space-2) var(--shell-space-3);
  border-bottom: 1px solid var(--border);
  background: var(--shell-color-panel-elevated, #f1f5f9);
}

.mvp-preview-table {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
  border-collapse: collapse;
}

.mvp-preview-table th,
.mvp-preview-table td {
  text-align: left;
  vertical-align: top;
  overflow: hidden;
  overflow-wrap: anywhere;
  padding: 10px var(--shell-space-3);
  border-bottom: 1px solid var(--border);
}

.mvp-preview-table th {
  color: var(--text);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
  background: var(--shell-color-panel-elevated, #f1f5f9);
}

.mvp-preview-table tbody tr:hover {
  background: color-mix(in srgb, var(--accent) 8%, transparent);
}

.mvp-preview-table tbody tr:last-child td {
  border-bottom: 0;
}

.mvp-preview-table th:nth-child(1),
.mvp-preview-table td:nth-child(1) {
  width: 72px;
}

.mvp-preview-table th:nth-child(2),
.mvp-preview-table td:nth-child(2) {
  width: 24%;
}

.mvp-preview-table th:nth-child(3),
.mvp-preview-table td:nth-child(3) {
  width: 10%;
}

.mvp-preview-table th:nth-child(4),
.mvp-preview-table td:nth-child(4) {
  width: 80px;
}

.mvp-preview-table th:nth-child(5),
.mvp-preview-table td:nth-child(5) {
  width: 104px;
}

.mvp-preview-table th:nth-child(6),
.mvp-preview-table td:nth-child(6) {
  width: 110px;
}

.mvp-preview-table th:nth-child(7),
.mvp-preview-table td:nth-child(7) {
  width: 14%;
}

.mvp-preview-name {
  font-weight: 700;
  line-height: 1.35;
  white-space: normal;
  overflow-wrap: anywhere;
}

.mvp-preview-sku,
.mvp-preview-price,
.mvp-preview-image-status {
  white-space: nowrap;
}

.mvp-preview-sku {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 13px;
}

.mvp-preview-price {
  font-weight: 700;
}

.mvp-preview-product a {
  display: block;
  font-weight: 700;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mvp-preview-product {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mvp-preview-image-cell {
  color: var(--muted);
  font-size: 13px;
  text-align: center;
}

.mvp-preview-image-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  color: var(--accent);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}

.mvp-preview-image {
  width: 56px;
  height: 56px;
  object-fit: cover;
  border-radius: 6px;
  border: 1px solid var(--border);
  background: var(--shell-color-panel-elevated, #f1f5f9);
}

.mvp-preview-image-link-text {
  display: none;
}

.mvp-preview-image-link--fallback {
  max-width: 100%;
}

.mvp-preview-image-link--fallback .mvp-preview-image-link-text {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mvp-preview-image-status {
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mvp-preview-image-status--has {
  color: var(--success, #166534);
}

.mvp-preview-image-status--missing {
  color: var(--danger, #b91c1c);
}

.mvp-preview-tags {
  color: var(--text);
  line-height: 1.4;
  white-space: normal;
  overflow-wrap: anywhere;
}

@media (max-width: 760px) {
  .mvp-continue-scan-heading {
    align-items: stretch;
    flex-direction: column;
  }

  .mvp-scan-status-badge {
    align-self: flex-start;
  }

  .mvp-continue-scan-counts {
    grid-template-columns: minmax(0, 1fr);
  }

  .mvp-dataset-actions .button {
    width: 100%;
  }

  .mvp-preview-wrap {
    overflow: visible;
    border: 0;
    background: transparent;
  }

  .mvp-preview-summary {
    border: 1px solid var(--border);
    border-radius: 8px 8px 0 0;
  }

  .mvp-preview-table {
    display: block;
    min-width: 0;
  }

  .mvp-preview-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  .mvp-preview-table tbody {
    display: grid;
    gap: var(--shell-space-3);
    padding: var(--shell-space-3);
    border: 1px solid var(--border);
    border-top: 0;
    border-radius: 0 0 8px 8px;
    background: var(--panel);
  }

  .mvp-preview-table tbody tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px var(--shell-space-3);
    padding: var(--shell-space-3);
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--shell-color-panel-elevated, #f1f5f9);
  }

  .mvp-preview-table tbody tr:hover {
    background: var(--shell-color-panel-elevated, #f1f5f9);
  }

  .mvp-preview-table td,
  .mvp-preview-table td:nth-child(n) {
    display: block;
    width: auto;
    min-width: 0;
    padding: 0;
    border: 0;
    overflow: visible;
    white-space: normal;
    text-overflow: clip;
    overflow-wrap: anywhere;
  }

  .mvp-preview-table td:not(.mvp-preview-name, .mvp-preview-sku, .mvp-preview-image-cell)::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 2px;
    color: var(--muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.2;
    text-transform: uppercase;
  }

  .mvp-preview-name {
    grid-column: 1;
    grid-row: 1;
    font-size: 16px;
  }

  .mvp-preview-sku {
    display: none !important;
  }

  .mvp-preview-price {
    grid-column: 1;
    grid-row: 2;
  }

  .mvp-preview-product {
    grid-column: 1;
    grid-row: 3;
  }

  .mvp-preview-product a {
    display: inline;
    white-space: normal;
  }

  .mvp-preview-image-cell {
    grid-column: 2;
    grid-row: 1 / span 2;
  }

  .mvp-preview-image-cell--missing {
    display: none !important;
  }

  .mvp-preview-image-status {
    grid-column: 1 / -1;
    grid-row: 4;
  }

  .mvp-preview-tags {
    grid-column: 1 / -1;
    grid-row: 5;
    max-height: 4.2em;
    overflow: hidden !important;
  }
}

@supports not (background: color-mix(in srgb, black 10%, transparent)) {
  .mvp-preview-table tbody tr:hover {
    background: var(--shell-color-panel-elevated, #f1f5f9);
  }
}

.mvp-downloads {
  display: grid;
  gap: var(--shell-space-2);
}

.mvp-downloads h3 {
  margin: 0;
  font-size: 16px;
}

.mvp-downloads h3[hidden],
.mvp-cleanup-cta[hidden],
.mvp-preview-details[hidden],
.mvp-review-details[hidden],
.mvp-recommended-action[hidden] {
  display: none !important;
}

.mvp-current-draft-export {
  border-top: 1px solid var(--border);
  padding-top: var(--shell-space-2);
}

.mvp-current-draft-export--main {
  border-top: 0;
  padding-top: 0;
}

.mvp-current-draft-export-content {
  display: grid;
  gap: var(--shell-space-2);
}

.mvp-download-list {
  display: grid;
  gap: var(--shell-space-2);
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.mvp-download-list--primary {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.mvp-download-list--primary .mvp-download-item {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.mvp-download-item {
  display: none;
  gap: var(--shell-space-1);
  align-content: start;
  padding: var(--shell-space-2) 0;
  border-top: 1px solid var(--border);
}

.mvp-download-item .button {
  justify-self: stretch;
  min-width: 0;
  max-width: 100%;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
}

.mvp-report-download {
  background: var(--app-button-bg);
  color: var(--text);
  border-color: var(--app-button-border);
  box-shadow: none;
}

.mvp-report-download:hover {
  background: var(--app-button-hover-bg);
}

.mvp-download-item .status {
  margin: 0;
}

.mvp-more-downloads {
  border-top: 1px solid var(--border);
  padding-top: var(--shell-space-2);
}

.mvp-more-downloads summary {
  cursor: pointer;
}

.mvp-download-list--secondary {
  margin-top: var(--shell-space-2);
}

.mvp-secondary-download {
  opacity: 0.86;
}

.mvp-cleanup-cta {
  display: grid;
  gap: var(--shell-space-2);
  align-items: center;
  padding: var(--shell-space-3);
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--shell-color-panel-elevated, #f1f5f9);
}

.mvp-cleanup-cta h3,
.mvp-cleanup-cta .status {
  margin: 0;
}

.mvp-cleanup-cta h3 {
  font-size: 18px;
  line-height: 1.25;
}

.mvp-cleanup-price {
  color: var(--text);
  font-weight: 750;
}

.mvp-cleanup-cta .button {
  justify-self: start;
}

.mvp-cleanup-actions {
  display: grid;
  gap: var(--shell-space-2);
  justify-items: start;
}

.mvp-cleanup-actions ul {
  padding-left: 18px;
}

.mvp-details {
  margin-top: 0;
  border-top: 1px solid var(--border);
  padding-top: var(--shell-space-2);
  opacity: 0.7;
}

.mvp-details summary {
  cursor: pointer;
  font-size: 13px;
}

.mvp-help-link {
  margin: 0;
  font-size: 13px;
}

.mvp-help-link a {
  color: var(--accent);
  font-weight: 700;
}

.mvp-faq {
  margin-top: var(--shell-space-4);
}

.mvp-faq h2,
.mvp-faq h3 {
  margin: 0;
}

.mvp-faq-item {
  display: grid;
  gap: var(--shell-space-1);
  padding-top: var(--shell-space-3);
  border-top: 1px solid var(--border);
}

.mvp-faq-item p,
.mvp-seo-link {
  margin: 0;
  max-width: 76ch;
}

.mvp-seo-link a {
  color: var(--accent);
  font-weight: 700;
}

#mvpDetailsLog {
  margin: var(--shell-space-2) 0 0;
  max-height: 220px;
  overflow: auto;
  white-space: pre-wrap;
  padding: var(--shell-space-3);
  border: 1px solid var(--border);
  background: var(--shell-color-panel-elevated, #f1f5f9);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 12px;
}

@media (max-width: 720px) {
  .mvp-page .topbar-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }

  .mvp-page .topnav {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
    margin-right: 0;
    justify-content: center;
  }

  .mvp-page .topnav {
    gap: 4px;
  }

  .mvp-page .topnav a {
    padding: 6px 7px;
    font-size: 12px;
  }

  .mvp-page .topbar-actions {
    grid-column: 1 / -1;
    grid-row: 3;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .mvp-nav-auth__button,
  .mvp-page .theme-toggle {
    min-height: 36px;
  }

  #mvpNavAccountLabel {
    max-width: 46vw;
  }

  .mvp-catalog-potential-summary,
  .mvp-catalog-opportunity-scorecard,
  .mvp-catalog-technical .mvp-catalog-potential-summary {
    grid-template-columns: 1fr;
  }
  .mvp-catalog-opportunity-actions .button {
    width: 100%;
  }
  .mvp-discovery-heading {
    align-items: stretch;
    flex-direction: column;
  }

  .mvp-discovery-heading .button {
    width: 100%;
  }

  .mvp-discovery-overview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mvp-main {
    margin-top: var(--shell-space-3);
    padding: 0 var(--shell-space-3) 44px;
  }

  .mvp-hero h1 {
    font-size: clamp(28px, 10vw, 38px);
    line-height: 1.05;
  }

  .mvp-hero .status,
  .mvp-result-intro {
    font-size: 16px;
  }

  .topbar-actions .btn {
    display: none;
  }

  .mvp-url-box {
    grid-template-columns: minmax(0, 1fr);
  }

  .mvp-primary-generate {
    width: 100%;
  }

  .mvp-auth-controls {
    width: 100%;
  }

  .mvp-account-card__header,
  .mvp-run-history__header,
  .mvp-account-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .mvp-account-card {
    padding: var(--shell-space-2);
  }

  .mvp-account-dialog {
    gap: var(--shell-space-2);
    max-height: calc(100dvh - (2 * var(--shell-space-2)));
    padding: var(--shell-space-3);
  }

  .mvp-account-fields,
  .mvp-account-metrics,
  .mvp-run-history-item {
    grid-template-columns: minmax(0, 1fr);
  }

  .mvp-account-actions .button,
  .mvp-account-menu,
  .mvp-account-menu summary,
  .mvp-run-history-item .button {
    width: 100%;
  }

  .mvp-account-menu__dropdown {
    right: 0;
    left: 0;
    width: 100%;
    min-width: 0;
  }

  .mvp-upload-row,
  .mvp-upload-action-row,
  .mvp-action-row,
  .mvp-recommended-actions,
  .mvp-cleanup-actions,
  .mvp-discovery-problem-filter {
    align-items: stretch;
    flex-direction: column;
  }

  .mvp-upload-action-row .button,
  .mvp-recommended-actions .button,
  .mvp-cleanup-actions .button,
  .mvp-discovery-problem-filter .button,
  .mvp-enrichment-action > .button {
    width: 100%;
    white-space: normal;
  }

  .mvp-workflow-section > summary {
    padding: var(--shell-space-3);
    font-size: 16px;
  }

  .mvp-workflow-section__content {
    padding: 0 var(--shell-space-3) var(--shell-space-3);
  }

  .mvp-run-history {
    width: 100vw;
    max-width: 100vw;
    padding: var(--shell-space-3);
  }

  .mvp-cleanup-cta .button {
    justify-self: stretch;
    text-align: center;
  }
}

@media (min-width: 720px) {
  .mvp-cleanup-cta {
    grid-template-columns: minmax(0, 1fr) auto;
  }
}

@media (max-width: 760px) {
  .mvp-download-list--free {
    grid-template-columns: 1fr;
  }

  .mvp-free-files,
  .mvp-continuation-gate,
  .mvp-dataset-overview {
    padding: var(--shell-space-3);
  }

  .mvp-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--shell-space-1);
  }

  .mvp-metrics div {
    gap: 2px;
    padding: var(--shell-space-2);
  }

  .mvp-metrics span {
    font-size: 20px;
  }

  .mvp-discovery-filters .button {
    flex: 1 1 140px;
    white-space: normal;
  }
}

@media (max-width: 380px) {
  .mvp-main {
    padding-right: var(--shell-space-2);
    padding-left: var(--shell-space-2);
  }

  .mvp-url-box,
  .mvp-account-card,
  .mvp-discovery-coverage,
  .mvp-dataset-overview,
  .mvp-free-files,
  .mvp-continuation-gate,
  .mvp-recommended-action {
    padding: var(--shell-space-2);
  }

  .mvp-checkout-package {
    padding: var(--shell-space-3);
  }

  .mvp-preview-table tbody,
  .mvp-preview-table tbody tr {
    padding: var(--shell-space-2);
  }

  .mvp-discovery-overview,
  .mvp-continue-scan-counts {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* The customer workflow is intentionally compact: result, improve, preview, export. */
.mvp-primary-product-count strong {
  font-size: clamp(2rem, 6vw, 3.5rem);
  line-height: 1;
}

.mvp-primary-downloads > summary {
  display: inline-flex;
  cursor: pointer;
  list-style: none;
}

.mvp-primary-downloads > summary::after {
  content: " ▾";
}

.mvp-primary-downloads[open] > summary::after {
  content: " ▴";
}

.mvp-primary-downloads .mvp-download-list {
  margin-top: var(--shell-space-3);
}

.mvp-account-summary:not([hidden]) .mvp-account-overview {
  align-items: center;
  gap: var(--shell-space-3);
}

.mvp-account-summary:not([hidden]) .mvp-account-details,
.mvp-account-summary:not([hidden]) .mvp-account-metrics {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--shell-space-2);
}

.mvp-account-summary:not([hidden]) .mvp-paid-runs-status {
  font-weight: 700;
  margin: 0;
}
.language-control {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--muted);
  font-size: 13px;
  white-space: nowrap;
}

.language-control a {
  color: inherit;
  padding: 4px 2px;
  text-decoration: none;
}

.language-control a:hover {
  color: var(--text);
}

.language-control a[aria-current="true"] {
  color: var(--text);
  font-weight: 800;
}