/*
 * StyleBrain UI v794
 * One final product-design layer replacing the competing editorial treatments.
 * New visual work belongs here; fixes.css is now treated as legacy compatibility.
 */

body.ui-v794[data-theme] {
  --ui-bg: var(--sb-bg, #090b10);
  --ui-surface: var(--sb-panel, #151821);
  --ui-surface-2: color-mix(in srgb, var(--sb-panel, #151821) 82%, var(--sb-text, #f8f7f4) 8%);
  --ui-surface-3: color-mix(in srgb, var(--sb-panel, #151821) 72%, var(--sb-text, #f8f7f4) 12%);
  --ui-text: var(--sb-text, #f8f7f4);
  --ui-muted: var(--sb-muted, rgba(248, 247, 244, 0.68));
  --ui-line: var(--sb-line, rgba(255, 255, 255, 0.13));
  --ui-accent: var(--sb-signal, #ff4b87);
  --ui-accent-2: var(--sb-mint, #42e5d4);
  --ui-accent-soft: color-mix(in srgb, var(--sb-signal, #ff4b87) 16%, transparent);
  --ui-positive: #4fd3a5;
  --ui-warning: #f4c56a;
  --ui-danger: #ff6f79;
  --ui-on-accent: #0b0c10;
  --ui-radius-sm: 12px;
  --ui-radius-md: 16px;
  --ui-radius-lg: 22px;
  --ui-radius-xl: 28px;
  --ui-shadow: 0 18px 46px rgba(0, 0, 0, 0.2);
  --topbar-height: 64px !important;
  --dock-height: 72px !important;
  --pwa-update-banner-height: 0px !important;
  background: var(--sb-page-bg, #090b10) !important;
  color: var(--ui-text) !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* v838-mobile-content-integrity: the current interface must not hide rendered
   recommendations or shrink decision copy below a readable mobile baseline. */
@media (max-width: 900px) {
  body.ui-v794[data-theme] #trends #trendGrid > .trend-card:nth-child(n + 3),
  html.native-layout-guard body.ui-v794[data-theme] #trends #trendGrid > .trend-card:nth-child(n + 3),
  body.ui-v794[data-theme] #lookbook #lookbookGrid > .look-card:nth-child(n + 2),
  html.native-layout-guard body.ui-v794[data-theme] #lookbook #lookbookGrid > .look-card:nth-child(n + 2) {
    display: grid !important;
  }

  html body.ui-v794[data-theme] main #inventory .item-card .item-body button.watch-button[data-watch-product],
  html.native-layout-guard body.ui-v794[data-theme] main #inventory .item-card .item-body button.watch-button[data-watch-product] {
    display: inline-flex !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  body.ui-v794[data-theme] #lookbook .lookbook-metrics,
  html.native-layout-guard body.ui-v794[data-theme] #lookbook .lookbook-metrics,
  body.ui-v794[data-theme] #trends .trend-metrics,
  html.native-layout-guard body.ui-v794[data-theme] #trends .trend-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.ui-v794[data-theme] #lookbook .lookbook-metrics > *,
  html.native-layout-guard body.ui-v794[data-theme] #lookbook .lookbook-metrics > *,
  body.ui-v794[data-theme] #trends .trend-metrics > *,
  html.native-layout-guard body.ui-v794[data-theme] #trends .trend-metrics > * {
    min-height: 68px !important;
    padding: 10px !important;
  }

  body.ui-v794[data-theme] #lookbook .lookbook-metrics strong,
  html.native-layout-guard body.ui-v794[data-theme] #lookbook .lookbook-metrics strong,
  body.ui-v794[data-theme] #trends .trend-metrics strong,
  html.native-layout-guard body.ui-v794[data-theme] #trends .trend-metrics strong {
    display: block !important;
    overflow: visible !important;
    font-size: max(0.875rem, 14px) !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
  }

  body.ui-v794[data-theme] #lookbook .lookbook-metrics span,
  html.native-layout-guard body.ui-v794[data-theme] #lookbook .lookbook-metrics span,
  body.ui-v794[data-theme] #trends .trend-metrics span,
  html.native-layout-guard body.ui-v794[data-theme] #trends .trend-metrics span {
    display: block !important;
    overflow: visible !important;
    font-size: max(0.75rem, 12px) !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
  }

  html body.ui-v794 #lookbook #lookbookGrid.lookbook-grid > .look-card,
  html.native-layout-guard body.ui-v794 #lookbook #lookbookGrid.lookbook-grid > .look-card {
    flex: 1 1 auto !important;
    flex-basis: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    gap: 10px !important;
    padding: 12px !important;
    scroll-snap-align: none !important;
  }

  html body.ui-v794 #lookbook #lookbookGrid.lookbook-grid,
  html.native-layout-guard body.ui-v794 #lookbook #lookbookGrid.lookbook-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    overflow: visible !important;
    padding: 0 !important;
    scroll-snap-type: none !important;
  }

  body.ui-v794[data-theme] #lookbook .look-products,
  html.native-layout-guard body.ui-v794[data-theme] #lookbook .look-products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.ui-v794[data-theme] #lookbook .look-card-head .trend-score,
  html.native-layout-guard body.ui-v794[data-theme] #lookbook .look-card-head .trend-score,
  body.ui-v794[data-theme] #lookbook .look-card-head > strong,
  html.native-layout-guard body.ui-v794[data-theme] #lookbook .look-card-head > strong,
  body.ui-v794[data-theme] #lookbook .look-product span,
  html.native-layout-guard body.ui-v794[data-theme] #lookbook .look-product span,
  body.ui-v794[data-theme] #lookbook .look-stats span,
  html.native-layout-guard body.ui-v794[data-theme] #lookbook .look-stats span,
  body.ui-v794[data-theme] #lookbook .look-script p,
  html.native-layout-guard body.ui-v794[data-theme] #lookbook .look-script p,
  body.ui-v794[data-theme] #lookbook .look-card .primary-button.full,
  html.native-layout-guard body.ui-v794[data-theme] #lookbook .look-card .primary-button.full {
    font-size: max(0.75rem, 12px) !important;
    line-height: 1.3 !important;
  }

  body.ui-v794[data-theme] #lookbook .look-stats span:nth-child(n + 3),
  html.native-layout-guard body.ui-v794[data-theme] #lookbook .look-stats span:nth-child(n + 3) {
    display: inline-flex !important;
  }

  body.ui-v794[data-theme] #lookbook .look-script p:nth-child(n + 2),
  html.native-layout-guard body.ui-v794[data-theme] #lookbook .look-script p:nth-child(n + 2) {
    display: block !important;
  }

  body.ui-v794[data-theme] #lookbook .look-script p,
  html.native-layout-guard body.ui-v794[data-theme] #lookbook .look-script p {
    overflow: visible !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
  }
}

/* v830-photo-review-evidence: keep concrete findings visible and readable on the
   editorial result surface instead of hiding them behind the details disclosure. */
body.ui-v794 #studio .expert-style-verdict-hero .expert-style-verdict-findings,
body.ui-v794[data-theme] #studio .expert-style-verdict-hero .expert-style-verdict-findings,
html.native-layout-guard body.ui-v794[data-theme] #studio .expert-style-verdict-hero .expert-style-verdict-findings {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  list-style: none !important;
}

body.ui-v794 #studio .expert-style-verdict-hero .expert-style-verdict-findings li,
body.ui-v794[data-theme] #studio .expert-style-verdict-hero .expert-style-verdict-findings li,
html.native-layout-guard body.ui-v794[data-theme] #studio .expert-style-verdict-hero .expert-style-verdict-findings li {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
  padding: 12px !important;
  border: 1px solid #cdbdc2 !important;
  border-left: 4px solid #25765f !important;
  border-radius: 3px !important;
  background: #fffaf3 !important;
  color: #160d11 !important;
}

body.ui-v794 #studio .expert-style-verdict-hero .expert-style-verdict-findings .expert-verdict-finding-improvement,
body.ui-v794[data-theme] #studio .expert-style-verdict-hero .expert-style-verdict-findings .expert-verdict-finding-improvement,
html.native-layout-guard body.ui-v794[data-theme] #studio .expert-style-verdict-hero .expert-style-verdict-findings .expert-verdict-finding-improvement {
  border-left-color: #d52961 !important;
}

body.ui-v794 #studio .expert-style-verdict-hero .expert-style-verdict-findings li span,
body.ui-v794[data-theme] #studio .expert-style-verdict-hero .expert-style-verdict-findings li span,
html.native-layout-guard body.ui-v794[data-theme] #studio .expert-style-verdict-hero .expert-style-verdict-findings li span {
  color: #6b4754 !important;
  font-size: max(0.75rem, 12px) !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

body.ui-v794 #studio .expert-style-verdict-hero .expert-style-verdict-findings li strong,
body.ui-v794[data-theme] #studio .expert-style-verdict-hero .expert-style-verdict-findings li strong,
html.native-layout-guard body.ui-v794[data-theme] #studio .expert-style-verdict-hero .expert-style-verdict-findings li strong {
  color: #160d11 !important;
  font-size: max(0.875rem, 14px) !important;
  font-weight: 760 !important;
  line-height: 1.4 !important;
  overflow-wrap: anywhere !important;
}

body.ui-v794 #studio .expert-retake-actions,
body.ui-v794[data-theme] #studio .expert-retake-actions,
html.native-layout-guard body.ui-v794[data-theme] #studio .expert-retake-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  margin-top: 10px !important;
}

body.ui-v794 #studio .expert-retake-actions > button,
body.ui-v794[data-theme] #studio .expert-retake-actions > button,
html.native-layout-guard body.ui-v794[data-theme] #studio .expert-retake-actions > button {
  width: 100% !important;
  min-height: 48px !important;
  margin: 0 !important;
  white-space: normal !important;
}

@media (max-width: 699px) {
  body.ui-v794 #studio .expert-style-verdict-hero .expert-style-verdict-findings,
  body.ui-v794[data-theme] #studio .expert-style-verdict-hero .expert-style-verdict-findings,
  html.native-layout-guard body.ui-v794[data-theme] #studio .expert-style-verdict-hero .expert-style-verdict-findings,
  body.ui-v794 #studio .expert-retake-actions,
  body.ui-v794[data-theme] #studio .expert-retake-actions,
  html.native-layout-guard body.ui-v794[data-theme] #studio .expert-retake-actions {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* v888-community-flow: the grid preview must participate in document flow. */
body.ui-v794[data-theme] #community .social-card-copy {
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
  align-content: start !important;
}

body.ui-v794[data-theme] #community :is(.social-card-preview-story, .social-card-preview-reel) {
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: auto !important;
}

body.ui-v794.update-ready,
html.native-layout-guard body.ui-v794.update-ready {
  --pwa-update-banner-height: var(--app-update-banner-space, 0px) !important;
}

body.ui-v794 *,
body.ui-v794 *::before,
body.ui-v794 *::after {
  box-sizing: border-box;
}

body.ui-v794 [hidden],
html.native-layout-guard body.ui-v794 [hidden] {
  display: none !important;
}

/* Rozwijane nagłówki (<summary>) są osiągalne klawiaturą tak samo jak przyciski,
   więc muszą pokazywać ten sam pierścień fokusu. Bez nich osoba nawigująca Tabem
   gubiła miejsce na dwóch rozwijanych panelach (Profil, Asortyment) — jedyna
   reguła dla <summary> obejmowała wyłącznie #studio. */
body.ui-v794 :is(button, a, input, select, textarea, summary):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--ui-accent-2) 72%, white 18%) !important;
  outline-offset: 3px !important;
}

/* Oba rozwijane nagłówki siedzą w kontenerach przycinających zawartość
   (`.passport-optional-details` i `main .section-actions` mają overflow: hidden),
   więc pierścień rysowany 3 px NA ZEWNĄTRZ zostałby obcięty i fokus dalej byłby
   niewidoczny. Dla <summary> rysujemy go do środka — tak jak robi to reguła
   dla rozwijanych sekcji w Studiu. */
body.ui-v794 summary:focus-visible {
  outline-offset: -3px !important;
}

/* Osobna reguła, a nie kolejny człon w liście wyżej: selektor atrybutowy podnosi
   swoistość całego `:is()`, więc dopisany do tamtej listy odbierałby <summary>
   pierścień rysowany do środka. Element z własnym tabindexem to zwykle kontener,
   dlatego pierścień idzie do środka również tutaj. */
body.ui-v794 [tabindex]:not([tabindex="-1"]):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--ui-accent-2) 72%, white 18%) !important;
  outline-offset: -3px !important;
}

body.ui-v794 main :is(h1, h2, h3, h4, h5, h6, strong, em),
html.native-layout-guard body.ui-v794 main :is(h1, h2, h3, h4, h5, h6, strong, em) {
  max-width: 100% !important;
  color: var(--ui-text) !important;
  font-family: inherit !important;
  font-style: normal !important;
  letter-spacing: -0.025em !important;
  overflow-wrap: anywhere;
  text-wrap: pretty;
}

body.ui-v794 main :is(p, li, label, small),
html.native-layout-guard body.ui-v794 main :is(p, li, label, small) {
  color: var(--ui-muted) !important;
  font-family: inherit !important;
  letter-spacing: 0 !important;
  overflow-wrap: anywhere;
}

body.ui-v794 main :is(.eyebrow, [class$="-kicker"]),
html.native-layout-guard body.ui-v794 main :is(.eyebrow, [class$="-kicker"]) {
  color: var(--ui-accent-2) !important;
  font-family: inherit !important;
  font-size: 0.72rem !important;
  font-style: normal !important;
  font-weight: 800 !important;
  letter-spacing: 0.11em !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
}

/* App frame and top navigation */
body.ui-v794,
html.native-layout-guard body.ui-v794 {
  --app-rail-width: min(1180px, calc(100vw - 32px)) !important;
  --app-rail-left: max(16px, calc((100vw - var(--app-rail-width)) / 2)) !important;
}

body.ui-v794::before,
html.native-layout-guard body.ui-v794::before {
  left: 0 !important;
  width: 100vw !important;
  max-width: none !important;
  border: 0 !important;
  background: var(--sb-page-bg, #090b10) !important;
  box-shadow: none !important;
}

body.ui-v794 .app-shell,
html.native-layout-guard body.ui-v794 .app-shell {
  position: fixed !important;
  top: env(safe-area-inset-top, 0px) !important;
  right: auto !important;
  left: var(--app-rail-left) !important;
  z-index: 100 !important;
  width: var(--app-rail-width) !important;
  max-width: var(--app-rail-width) !important;
  height: var(--topbar-height) !important;
  max-height: var(--topbar-height) !important;
  padding: 0 !important;
  pointer-events: none !important;
}

body.ui-v794 .topbar,
body.ui-v794[data-theme] .topbar,
html.native-layout-guard body.ui-v794 .topbar,
html.native-layout-guard body.ui-v794[data-theme] .topbar {
  position: relative !important;
  inset: auto !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) 80px 42px 44px !important;
  align-items: center !important;
  gap: 6px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: var(--topbar-height) !important;
  height: var(--topbar-height) !important;
  max-height: var(--topbar-height) !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  overflow: visible !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-top: 0 !important;
  border-radius: 0 0 18px 18px !important;
  background: rgba(8, 10, 14, 0.96) !important;
  color: #f8f7f4 !important;
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.3) !important;
  backdrop-filter: blur(18px) !important;
  pointer-events: auto !important;
}

body.ui-v794 .topbar-actions,
body.ui-v794 .topbar-switches,
body.ui-v794 .app-status,
html.native-layout-guard body.ui-v794 .topbar-actions,
html.native-layout-guard body.ui-v794 .topbar-switches,
html.native-layout-guard body.ui-v794 .app-status {
  display: none !important;
}

body.ui-v794 .brand,
body.ui-v794[data-theme] .brand,
html.native-layout-guard body.ui-v794[data-theme] .brand,
html.native-layout-guard body.ui-v794 .brand {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: grid !important;
  place-items: center !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  margin: 0 !important;
  padding: 4px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 13px !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.ui-v794 .brand > :is(span, small),
html.native-layout-guard body.ui-v794 .brand > :is(span, small) {
  display: none !important;
}

body.ui-v794 .brand-logo,
body.ui-v794 .brand-logo-lock,
html.native-layout-guard body.ui-v794 .brand-logo,
html.native-layout-guard body.ui-v794 .brand-logo-lock {
  display: block !important;
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
}

body.ui-v794 .active-view-chip,
body.ui-v794[data-theme] .active-view-chip,
html.native-layout-guard body.ui-v794[data-theme] .active-view-chip,
html.native-layout-guard body.ui-v794 .active-view-chip {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 40px !important;
  padding: 0 13px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 13px !important;
  background: rgba(255, 255, 255, 0.055) !important;
  color: #f8f7f4 !important;
  font-size: 0.84rem !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.ui-v794 #subscriptionButton.subscription-pill,
body.ui-v794[data-theme] #subscriptionButton.subscription-pill,
html.native-layout-guard body.ui-v794 #subscriptionButton.subscription-pill,
html.native-layout-guard body.ui-v794[data-theme] #subscriptionButton.subscription-pill {
  position: relative !important;
  inset: auto !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  z-index: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  width: 80px !important;
  min-width: 80px !important;
  max-width: 80px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  margin: 0 !important;
  padding: 0 7px !important;
  visibility: visible !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 13px !important;
  background: rgba(255, 255, 255, 0.055) !important;
  color: #f8f7f4 !important;
  box-shadow: none !important;
  pointer-events: auto !important;
}

body.ui-v794 #subscriptionButton::before {
  flex: 0 0 7px;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--ui-warning);
  box-shadow: 0 0 0 4px rgba(244, 197, 106, 0.12);
  content: "";
}

body.ui-v794[data-subscription="active"] #subscriptionButton::before {
  background: var(--ui-positive);
  box-shadow: 0 0 0 4px rgba(79, 211, 165, 0.12);
}

body.ui-v794 #subscriptionButton > span {
  display: none !important;
}

body.ui-v794 #subscriptionButton > strong {
  min-width: 0 !important;
  overflow: hidden !important;
  color: inherit !important;
  font-size: 0.7rem !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.ui-v794 :is(#commandButton, #settingsButton),
body.ui-v794[data-theme] :is(#commandButton, #settingsButton),
html.native-layout-guard body.ui-v794 :is(#commandButton, #settingsButton) {
  position: relative !important;
  inset: auto !important;
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.11) !important;
  border-radius: 13px !important;
  background: rgba(255, 255, 255, 0.055) !important;
  color: #f8f7f4 !important;
  box-shadow: none !important;
}

body.ui-v794 #commandButton {
  grid-column: 4 !important;
  grid-row: 1 !important;
}

body.ui-v794[data-theme] #commandButton,
html.native-layout-guard body.ui-v794 #commandButton,
html.native-layout-guard body.ui-v794[data-theme] #commandButton {
  grid-column: 4 !important;
  grid-row: 1 !important;
}

body.ui-v794 #settingsButton {
  grid-column: 5 !important;
  grid-row: 1 !important;
}

body.ui-v794[data-theme] #settingsButton,
html.native-layout-guard body.ui-v794 #settingsButton,
html.native-layout-guard body.ui-v794[data-theme] #settingsButton {
  grid-column: 5 !important;
  grid-row: 1 !important;
}

/* Beat the legacy :is(.app-shell .topbar > control) alignment contract. */
html.native-layout-guard body.ui-v794[data-theme] .app-shell .topbar > #commandButton {
  grid-column: 4 !important;
  grid-row: 1 !important;
}

html.native-layout-guard body.ui-v794[data-theme] .app-shell .topbar > #settingsButton {
  grid-column: 5 !important;
  grid-row: 1 !important;
  justify-self: center !important;
}

body.ui-v794 :is(.command-button-icon, .command-button-icon svg, #settingsButton svg),
html.native-layout-guard body.ui-v794 :is(.command-button-icon, .command-button-icon svg, #settingsButton svg) {
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  transform: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
}

/* Update notification is a dismissible toast, not a permanent second header. */
body.ui-v794 .app-update-banner,
body.ui-v794[data-theme] .app-update-banner,
html.native-layout-guard body.ui-v794 .app-update-banner {
  position: fixed !important;
  top: auto !important;
  right: max(12px, calc((100vw - var(--app-rail-width)) / 2 + 12px)) !important;
  bottom: calc(var(--dock-height) + env(safe-area-inset-bottom, 0px) + 12px) !important;
  left: max(12px, calc((100vw - var(--app-rail-width)) / 2 + 12px)) !important;
  z-index: 98 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  gap: 10px !important;
  width: auto !important;
  max-width: 560px !important;
  min-height: 56px !important;
  margin: 0 auto !important;
  padding: 8px 9px 8px 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 18px !important;
  background: rgba(18, 21, 28, 0.97) !important;
  color: #f8f7f4 !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.38) !important;
  backdrop-filter: blur(18px) !important;
}

body.ui-v794 .app-update-banner p {
  margin: 0 !important;
  color: #f8f7f4 !important;
  font-size: 0.76rem !important;
  line-height: 1.3 !important;
}

body.ui-v794 .app-update-banner button {
  min-width: 104px !important;
  min-height: 40px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: var(--ui-accent-2) !important;
  color: #07100e !important;
  font-size: 0.72rem !important;
  font-weight: 850 !important;
}

body.ui-v794 .app-update-banner #appUpdateDismissButton {
  width: 40px !important;
  min-width: 40px !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  background: transparent !important;
  color: #f8f7f4 !important;
  font-size: 1.35rem !important;
  line-height: 1 !important;
}

body.ui-v794 .app-update-banner #appUpdateDismissButton[hidden] {
  display: none !important;
}

/* A missing size profile is a route decision, not a synthetic fit result. */
body.ui-v794 #fit .fit-verdict-board[data-state="profile-required"] {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas: "head" !important;
  min-height: 0 !important;
}

body.ui-v794 #fit .fit-verdict-board[data-state="profile-required"] .fit-ticket-head {
  grid-template-columns: minmax(0, 1fr) !important;
}

body.ui-v794 #fit .fit-verdict-board[data-state="profile-required"] :is(
  #fitBriefNarrative,
  #fitScore,
  #fitProductPreview,
  #fitMetrics,
  #fitReadout,
  #fitAlternatives,
  .fit-verdict-actions
) {
  display: none !important;
}

/* Card actions own their grid; legacy direct-child placement must not leak in. */
body.ui-v794 #inventory .item-card .inventory-card-actions > :is(.watch-button, .compare-button) {
  grid-column: auto !important;
  grid-row: auto !important;
  justify-self: stretch !important;
  width: 100% !important;
}

/* Main stage and bottom navigation */
body.ui-v794 main,
body.ui-v794[data-theme] main,
html.native-layout-guard body.ui-v794 main,
html.native-layout-guard body.ui-v794[data-theme] main {
  position: fixed !important;
  top: calc(env(safe-area-inset-top, 0px) + var(--topbar-height)) !important;
  right: auto !important;
  bottom: calc(env(safe-area-inset-bottom, 0px) + var(--dock-height) + var(--pwa-update-banner-height, 0px)) !important;
  left: var(--app-rail-left) !important;
  z-index: 2 !important;
  display: block !important;
  width: var(--app-rail-width) !important;
  max-width: var(--app-rail-width) !important;
  height: calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - var(--topbar-height) - var(--dock-height) - var(--pwa-update-banner-height, 0px)) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: color-mix(in srgb, var(--ui-bg) 92%, #000 8%) !important;
  transform: none !important;
}

body.ui-v794 main > :is(.studio-band, .content-band, .business-band),
body.ui-v794[data-theme] main > :is(.studio-band, .content-band, .business-band),
html.native-layout-guard body.ui-v794 main > :is(.studio-band, .content-band, .business-band) {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 16px 16px 30px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scroll-padding-top: 16px !important;
  scroll-padding-bottom: 32px !important;
  scrollbar-width: none !important;
  transform: none !important;
}

body.ui-v794 main > :is(.studio-band, .content-band, .business-band)::-webkit-scrollbar {
  display: none !important;
}

body.ui-v794 main > :is(.studio-band, .content-band, .business-band):not(.active-view) {
  display: none !important;
}

body.ui-v794 .mobile-dock,
body.ui-v794[data-theme] .mobile-dock,
html.native-layout-guard body.ui-v794 .mobile-dock,
html.native-layout-guard body.ui-v794[data-theme] .mobile-dock {
  position: fixed !important;
  right: auto !important;
  bottom: 0 !important;
  left: var(--app-rail-left) !important;
  z-index: 94 !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  align-items: center !important;
  gap: 2px !important;
  width: var(--app-rail-width) !important;
  max-width: var(--app-rail-width) !important;
  min-height: var(--dock-height) !important;
  height: calc(var(--dock-height) + env(safe-area-inset-bottom, 0px)) !important;
  margin: 0 !important;
  padding: 6px 8px calc(6px + env(safe-area-inset-bottom, 0px)) !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-bottom: 0 !important;
  border-radius: 20px 20px 0 0 !important;
  background: rgba(7, 9, 13, 0.98) !important;
  box-shadow: 0 -12px 34px rgba(0, 0, 0, 0.34) !important;
  backdrop-filter: blur(18px) !important;
}

body.ui-v794 .mobile-dock > a,
body.ui-v794[data-theme] .mobile-dock > a,
html.native-layout-guard body.ui-v794 .mobile-dock > a {
  position: relative !important;
  display: grid !important;
  grid-template-rows: 27px 15px !important;
  place-items: center !important;
  align-content: center !important;
  gap: 2px !important;
  min-width: 0 !important;
  min-height: 56px !important;
  height: 56px !important;
  margin: 0 !important;
  padding: 3px 1px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
  color: rgba(248, 247, 244, 0.64) !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

body.ui-v794 .mobile-dock > a.active {
  background: rgba(255, 255, 255, 0.055) !important;
  color: #fff !important;
}

body.ui-v794 .mobile-dock > a:focus-visible {
  outline: 3px solid var(--ui-accent-2) !important;
  outline-offset: -3px !important;
  background: rgba(66, 229, 212, 0.1) !important;
  color: #fff !important;
}

body.ui-v794 .mobile-dock > a[data-locked] {
  opacity: 0.46 !important;
}

body.ui-v794 .mobile-dock .dock-icon,
body.ui-v794 .mobile-dock a.active .dock-icon,
html.native-layout-guard body.ui-v794 .mobile-dock .dock-icon {
  display: grid !important;
  place-items: center !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: currentColor !important;
  box-shadow: none !important;
  transform: none !important;
}

body.ui-v794 .mobile-dock a.active .dock-icon {
  background: var(--ui-accent) !important;
  color: var(--ui-on-accent) !important;
  box-shadow: 0 7px 18px color-mix(in srgb, var(--ui-accent) 32%, transparent) !important;
}

body.ui-v794 .mobile-dock .dock-icon svg,
html.native-layout-guard body.ui-v794 .mobile-dock .dock-icon svg {
  width: 17px !important;
  height: 17px !important;
  margin: 0 !important;
  overflow: visible !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  transform: none !important;
}

body.ui-v794 .mobile-dock .dock-label,
body.ui-v794 .mobile-dock a.active .dock-label,
html.native-layout-guard body.ui-v794 .mobile-dock .dock-label {
  display: block !important;
  max-width: 100% !important;
  color: currentColor !important;
  font-size: 0.75rem !important;
  font-weight: 730 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.ui-v794 #quickActionButton {
  display: none !important;
}

html.native-layout-guard body.ui-v794[data-theme] #quickActionButton.quick-action-button {
  display: none !important;
}

body.ui-v794 .app-shell .topbar > #subscriptionButton > #subscriptionStateLabel,
body.ui-v794[data-theme] .app-shell .topbar > #subscriptionButton > #subscriptionStateLabel,
html.native-layout-guard body.ui-v794[data-theme] .app-shell .topbar > #subscriptionButton > #subscriptionStateLabel {
  position: static !important;
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  overflow: hidden !important;
  clip: auto !important;
  clip-path: none !important;
  white-space: nowrap !important;
}

/* Shared components */
body.ui-v794 main > .active-view > :first-child,
html.native-layout-guard body.ui-v794 main > .active-view > :first-child {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ui-v794 main .section-head,
body.ui-v794[data-theme] main .section-head,
html.native-layout-guard body.ui-v794 main .section-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 18px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 22px !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: var(--ui-radius-lg) !important;
  background:
    radial-gradient(circle at 100% 0%, var(--ui-accent-soft), transparent 36%),
    var(--ui-surface) !important;
  color: var(--ui-text) !important;
  box-shadow: none !important;
}

body.ui-v794 main .section-head > div:first-child {
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
}

body.ui-v794 main .section-head h2,
html.native-layout-guard body.ui-v794 main .section-head h2 {
  max-width: 22ch !important;
  margin: 0 !important;
  color: var(--ui-text) !important;
  font-family: inherit !important;
  font-size: clamp(1.85rem, 3.4vw, 2.8rem) !important;
  font-weight: 820 !important;
  letter-spacing: -0.045em !important;
  line-height: 1.02 !important;
}

body.ui-v794 main .section-head p {
  max-width: 62ch !important;
  margin: 0 !important;
  color: var(--ui-muted) !important;
  font-size: 0.94rem !important;
  font-weight: 520 !important;
  line-height: 1.5 !important;
}

body.ui-v794 main :is(.panel, [class$="-panel"], .history-block),
body.ui-v794[data-theme] main :is(.panel, [class$="-panel"], .history-block),
html.native-layout-guard body.ui-v794 main :is(.panel, [class$="-panel"], .history-block) {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 20px !important;
  overflow: hidden !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: var(--ui-radius-lg) !important;
  background: var(--ui-surface) !important;
  color: var(--ui-text) !important;
  box-shadow: none !important;
}

body.ui-v794 main :is(.panel-head, .history-block-head, .repair-head, .taste-head, .vision-head),
html.native-layout-guard body.ui-v794 main :is(.panel-head, .history-block-head, .repair-head, .taste-head, .vision-head) {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin: 0 0 16px !important;
  padding: 0 0 14px !important;
  border-bottom: 1px solid var(--ui-line) !important;
}

body.ui-v794 main :is(.panel-head, .history-block-head, .repair-head, .taste-head, .vision-head) h2,
body.ui-v794 main :is(.panel-head, .history-block-head, .repair-head, .taste-head, .vision-head) h3 {
  margin: 3px 0 0 !important;
  color: var(--ui-text) !important;
  font-size: clamp(1.2rem, 2.2vw, 1.55rem) !important;
  font-weight: 790 !important;
  line-height: 1.08 !important;
}

body.ui-v794 :is(.primary-button, .ghost-button, button[type="submit"], .product-link, .mini-product-link),
body.ui-v794[data-theme] :is(.primary-button, .ghost-button, button[type="submit"], .product-link, .mini-product-link) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  min-height: 46px !important;
  height: auto !important;
  padding: 10px 16px !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 14px !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-text) !important;
  box-shadow: none !important;
  font-family: inherit !important;
  font-size: 0.84rem !important;
  font-weight: 760 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  white-space: normal !important;
}

body.ui-v794 :is(.primary-button, button[type="submit"]),
body.ui-v794[data-theme] :is(.primary-button, button[type="submit"]) {
  border-color: color-mix(in srgb, var(--ui-accent) 78%, white 12%) !important;
  background: var(--ui-accent) !important;
  color: var(--ui-on-accent) !important;
  box-shadow: 0 12px 28px color-mix(in srgb, var(--ui-accent) 24%, transparent) !important;
}

body.ui-v794 .danger-button,
body.ui-v794[data-theme] .danger-button {
  border-color: color-mix(in srgb, var(--ui-danger) 42%, transparent) !important;
  background: color-mix(in srgb, var(--ui-danger) 10%, var(--ui-surface)) !important;
  color: color-mix(in srgb, var(--ui-danger) 82%, var(--ui-text) 18%) !important;
}

body.ui-v794 main :is(input, select, textarea),
body.ui-v794[data-theme] main :is(input, select, textarea) {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 48px !important;
  padding: 10px 13px !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 13px !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-text) !important;
  box-shadow: none !important;
  font-family: inherit !important;
  /* Poniżej 16 px Safari i WKWebView powiększają całą stronę przy każdym
     wejściu w pole. Formularz wyjeżdża wtedy poza ekran, a po zamknięciu
     klawiatury widok zostaje przybliżony. Rozwiązaniem NIE jest `maximum-scale`
     w meta viewport — to odbiera powiększanie osobom słabowidzącym. */
  font-size: max(1rem, 16px) !important;
  line-height: 1.35 !important;
}

body.ui-v794 main textarea {
  min-height: 112px !important;
  resize: vertical !important;
}

body.ui-v794 main label {
  display: grid !important;
  gap: 7px !important;
  color: var(--ui-muted) !important;
  font-size: 0.78rem !important;
  font-weight: 680 !important;
  line-height: 1.25 !important;
}

body.ui-v794 main :is(.field-grid, .capture-field-grid) {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body.ui-v794 main :is(.mode-switch, .segmented) {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 5px !important;
  padding: 5px !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 15px !important;
  background: color-mix(in srgb, var(--ui-bg) 42%, var(--ui-surface)) !important;
}

body.ui-v794 main :is(.mode-switch, .segmented) button {
  min-height: 42px !important;
  padding: 7px 9px !important;
  border: 0 !important;
  border-radius: 11px !important;
  background: transparent !important;
  color: var(--ui-muted) !important;
  box-shadow: none !important;
  font-size: 0.76rem !important;
  font-weight: 750 !important;
}

body.ui-v794 main :is(.mode-switch, .segmented) button.active {
  background: var(--ui-surface-3) !important;
  color: var(--ui-text) !important;
}

body.ui-v794 main :is(.quick-stats, [class$="-metrics"]) {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
}

body.ui-v794 main :is(.quick-stats, [class$="-metrics"]) > * {
  display: grid !important;
  align-content: center !important;
  gap: 4px !important;
  min-width: 0 !important;
  min-height: 70px !important;
  padding: 12px !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 14px !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-text) !important;
}

body.ui-v794 main :is(.quick-stats, [class$="-metrics"]) strong {
  color: var(--ui-text) !important;
  font-size: 1.05rem !important;
  font-weight: 820 !important;
  line-height: 1.05 !important;
}

body.ui-v794 main :is(.quick-stats, [class$="-metrics"]) span {
  color: var(--ui-muted) !important;
  font-size: 0.68rem !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
}

/* Studio: the photo task is first; editorial inspiration is secondary. */
body.ui-v794 #studio .studio-grid,
html.native-layout-guard body.ui-v794 #studio .studio-grid {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ui-v794 #studio .intro-panel {
  display: none !important;
}

body.ui-v794 #studio .photo-panel,
html.native-layout-guard body.ui-v794 #studio .photo-panel {
  order: 1 !important;
  grid-column: 1 / span 7 !important;
  display: block !important;
  padding: 20px !important;
  overflow: visible !important;
  scroll-margin-top: 14px !important;
}

body.ui-v794 #studio .photo-panel .panel-head {
  margin-bottom: 14px !important;
}

body.ui-v794 #studio .upload-zone,
body.ui-v794[data-theme] #studio .upload-zone,
html.native-layout-guard body.ui-v794 #studio .upload-zone {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 350px !important;
  height: min(48vh, 470px) !important;
  max-height: 470px !important;
  margin: 0 !important;
  padding: 14px !important;
  overflow: hidden !important;
  border: 1px dashed color-mix(in srgb, var(--ui-accent-2) 46%, var(--ui-line)) !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--ui-accent) 15%, transparent), transparent 45%),
    color-mix(in srgb, var(--ui-bg) 68%, var(--ui-surface)) !important;
  box-shadow: none !important;
  isolation: isolate !important;
}

body.ui-v794 #studio .upload-zone::before,
body.ui-v794 #studio .upload-zone::after {
  content: none !important;
  display: none !important;
}

body.ui-v794 #studio .upload-zone img,
body.ui-v794 #studio #photoPreview,
html.native-layout-guard body.ui-v794 #studio #photoPreview {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 15px !important;
  background: transparent !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
}

body.ui-v794 #studio .upload-zone > :is(#photoUploadActionLabel, #photoUploadProgress) {
  position: absolute !important;
  right: 14px !important;
  bottom: 14px !important;
  left: 14px !important;
  z-index: 3 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-height: 48px !important;
  padding: 10px 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 14px !important;
  background: rgba(8, 10, 14, 0.88) !important;
  color: #fff !important;
  font-size: 0.86rem !important;
  font-weight: 780 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  backdrop-filter: blur(14px) !important;
}

body.ui-v794 #studio .upload-zone[data-uploading]::after {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  display: block !important;
  background: rgba(6, 8, 12, 0.48) !important;
  content: "" !important;
}

body.ui-v794 #studio .photo-ai-notice {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 12px 0 0 !important;
  padding: 11px 12px !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 14px !important;
  background: var(--ui-surface-2) !important;
}

body.ui-v794 #studio .photo-ai-notice span {
  color: var(--ui-muted) !important;
  font-size: 0.72rem !important;
  line-height: 1.35 !important;
}

body.ui-v794 #studio .photo-ai-notice a {
  min-height: 40px !important;
  color: var(--ui-accent-2) !important;
  font-size: 0.72rem !important;
  font-weight: 760 !important;
  white-space: nowrap !important;
}

body.ui-v794 #studio .style-pulse,
body.ui-v794[data-theme] #studio .style-pulse,
html.native-layout-guard body.ui-v794 #studio .style-pulse,
html.native-layout-guard body.ui-v794[data-theme] #studio .style-pulse {
  position: relative !important;
  order: 2 !important;
  grid-column: 8 / -1 !important;
  display: grid !important;
  align-content: start !important;
  gap: 14px !important;
  min-height: 0 !important;
  padding: 20px !important;
  overflow: hidden !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: var(--ui-radius-lg) !important;
  background:
    radial-gradient(circle at 100% 0%, var(--ui-accent-soft), transparent 42%),
    var(--ui-surface) !important;
  color: var(--ui-text) !important;
  box-shadow: none !important;
  isolation: isolate !important;
}

body.ui-v794 #studio .style-pulse::after {
  content: none !important;
  display: none !important;
}

body.ui-v794 #studio .style-pulse-masthead {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 0 0 12px !important;
  border-bottom: 1px solid var(--ui-line) !important;
  color: var(--ui-muted) !important;
  font-size: 0.64rem !important;
  font-weight: 780 !important;
  letter-spacing: 0.1em !important;
}

body.ui-v794 #studio .style-pulse-masthead > span,
body.ui-v794 #studio .style-pulse-live,
body.ui-v794 #studio #stylePulseLive {
  color: var(--ui-muted) !important;
}

body.ui-v794 #studio .style-pulse-live i {
  width: 7px !important;
  height: 7px !important;
  background: var(--ui-positive) !important;
  box-shadow: 0 0 0 4px rgba(79, 211, 165, 0.12) !important;
}

body.ui-v794 #studio .style-pulse-lead {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px !important;
  padding: 4px 0 0 !important;
}

body.ui-v794 #studio .style-pulse-lead > span {
  grid-column: auto !important;
  margin: 0 !important;
  color: var(--ui-accent-2) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.11em !important;
}

body.ui-v794 #studio .style-pulse-lead h1,
body.ui-v794[data-theme] #studio .style-pulse-lead h1,
html.native-layout-guard body.ui-v794 #studio .style-pulse-lead h1 {
  max-width: 12ch !important;
  margin: 0 !important;
  color: var(--ui-text) !important;
  font-family: inherit !important;
  font-size: clamp(2rem, 4.2vw, 3.3rem) !important;
  font-weight: 840 !important;
  letter-spacing: -0.055em !important;
  line-height: 0.98 !important;
}

body.ui-v794 #studio .style-pulse-lead h1 em {
  color: var(--ui-accent) !important;
  font-family: inherit !important;
  font-style: normal !important;
  font-weight: inherit !important;
}

body.ui-v794 #studio .style-pulse-lead p {
  max-width: 40ch !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--ui-muted) !important;
  font-size: 0.82rem !important;
  font-weight: 500 !important;
  line-height: 1.42 !important;
}

body.ui-v794 #studio .style-pulse-verdict {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 13px !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 15px !important;
  background: var(--ui-surface-2) !important;
}

body.ui-v794 #studio .style-pulse-index {
  display: none !important;
}

body.ui-v794 #studio .style-pulse-verdict > div:not(.style-pulse-score) {
  display: grid !important;
  gap: 5px !important;
}

body.ui-v794 #studio .style-pulse-verdict > div > span {
  color: var(--ui-accent-2) !important;
  font-size: 0.6rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.09em !important;
}

body.ui-v794 #studio .style-pulse-verdict > div > strong {
  max-width: none !important;
  color: var(--ui-text) !important;
  font-size: 0.92rem !important;
  font-weight: 760 !important;
  line-height: 1.2 !important;
}

body.ui-v794 #studio .style-pulse-verdict > div > p {
  margin: 0 !important;
  color: var(--ui-muted) !important;
  font-size: 0.7rem !important;
  line-height: 1.3 !important;
}

body.ui-v794 #studio .style-pulse-score {
  display: grid !important;
  justify-items: end !important;
  min-height: 0 !important;
  padding: 0 0 0 12px !important;
  border: 0 !important;
  border-left: 1px solid var(--ui-line) !important;
}

body.ui-v794 #studio .style-pulse-score strong {
  color: var(--ui-text) !important;
  font-family: inherit !important;
  font-size: 1.4rem !important;
  font-style: normal !important;
  font-weight: 820 !important;
  line-height: 1 !important;
}

body.ui-v794 #studio .style-pulse-score span {
  margin: 4px 0 0 !important;
  color: var(--ui-muted) !important;
  font-size: 0.56rem !important;
  line-height: 1.15 !important;
  text-align: right !important;
}

body.ui-v794 #studio .style-pulse-look {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  padding: 0 !important;
}

body.ui-v794 #studio .style-pulse-piece {
  position: relative !important;
  display: grid !important;
  align-items: end !important;
  min-height: 118px !important;
  padding: 9px !important;
  overflow: hidden !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 14px !important;
  background: color-mix(in srgb, var(--ui-bg) 70%, var(--ui-surface)) !important;
}

body.ui-v794 #studio .style-pulse-piece img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  opacity: 0.86 !important;
  filter: none !important;
}

body.ui-v794 #studio .style-pulse-piece::after {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  background: linear-gradient(180deg, transparent 42%, rgba(0, 0, 0, 0.86)) !important;
  content: "" !important;
}

body.ui-v794 #studio .style-pulse-piece span {
  display: none !important;
}

body.ui-v794 #studio .style-pulse-piece strong {
  position: relative !important;
  z-index: 2 !important;
  color: #fff !important;
  font-size: 0.64rem !important;
  font-weight: 720 !important;
  line-height: 1.12 !important;
}

body.ui-v794 #studio .style-pulse-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

body.ui-v794 #studio .style-pulse-actions button {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 48px !important;
  padding: 10px 12px !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 13px !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-text) !important;
  font-size: 0.72rem !important;
  font-weight: 760 !important;
}

body.ui-v794 #studio .style-pulse-actions .style-pulse-primary {
  border-color: var(--ui-accent) !important;
  background: var(--ui-accent) !important;
  color: var(--ui-on-accent) !important;
}

body.ui-v794 #studio .style-pulse-actions button > span,
body.ui-v794 #studio .style-pulse-actions button > svg {
  color: inherit !important;
}

body.ui-v794 #studio .style-pulse-ticker {
  display: none !important;
}

body.ui-v794 #studio .controls-panel {
  order: 3 !important;
  grid-column: 1 / span 4 !important;
}

body.ui-v794 #studio .recommendation-panel {
  order: 4 !important;
  grid-column: 5 / -1 !important;
}

body.ui-v794 #studio :is(.score-wrap, .vision-panel, .repair-panel, .expert-critique, .taste-panel) {
  margin-top: 14px !important;
  padding: 14px !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 16px !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-text) !important;
}

/* Unified feature headers and layouts */
body.ui-v794 :is(#passport, #coach, #fit, #planner, #capsule, #discover) > .section-head,
html.native-layout-guard body.ui-v794 :is(#passport, #coach, #fit, #planner, #capsule, #discover) > .section-head {
  color: var(--ui-text) !important;
  background:
    radial-gradient(circle at 100% 0%, var(--ui-accent-soft), transparent 38%),
    var(--ui-surface) !important;
}

body.ui-v794 :is(#passport, #coach, #fit, #planner, #capsule, #discover) > .section-head h2,
html.native-layout-guard body.ui-v794 :is(#passport, #coach, #fit, #planner, #capsule, #discover) > .section-head h2 {
  max-width: 18ch !important;
  color: var(--ui-text) !important;
  font-family: inherit !important;
  font-size: clamp(2rem, 4vw, 3rem) !important;
  font-weight: 830 !important;
  letter-spacing: -0.05em !important;
  line-height: 1 !important;
}

body.ui-v794 :is(.passport-layout, .coach-layout, .fit-layout, .planner-layout, .capsule-layout, .discover-layout) {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
}

body.ui-v794 :is(#passport, #coach, #fit, #planner, #capsule, #discover) :is(.passport-card-panel, .coach-answer-panel, .fit-result-panel, .planner-result-panel, .capsule-board-panel, .discover-card-panel) {
  grid-column: 1 / span 8 !important;
}

body.ui-v794 :is(#passport, #coach, #fit, #planner, #capsule, #discover) :is(.passport-panel, .coach-panel, .fit-panel, .planner-panel, .capsule-panel, .discover-side-panel) {
  grid-column: 9 / -1 !important;
}

body.ui-v794 :is(#passport, #coach, #fit, #planner, #capsule, #discover) :is(.passport-products-panel, .passport-history-panel, .size-passport-panel, .coach-history-panel, .fit-history-panel, .planner-history-panel, .capsule-outfits-panel, .capsule-history-panel) {
  grid-column: 1 / -1 !important;
}

body.ui-v794 :is(.passport-id-edition, .coach-session-edition, .fit-verdict-edition, .planner-brief-edition, .capsule-board-edition),
html.native-layout-guard body.ui-v794 :is(.passport-id-edition, .coach-session-edition, .fit-verdict-edition, .planner-brief-edition, .capsule-board-edition) {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 0 16px !important;
  padding: 0 0 13px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ui-line) !important;
  background: transparent !important;
}

body.ui-v794 :is(.passport-id-edition, .coach-session-edition, .fit-verdict-edition, .planner-brief-edition, .capsule-board-edition) :is(span, strong) {
  color: var(--ui-muted) !important;
  font-family: inherit !important;
  font-size: 0.68rem !important;
  font-style: normal !important;
  font-weight: 790 !important;
  letter-spacing: 0.09em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

body.ui-v794 :is(.passport-id-edition, .coach-session-edition, .fit-verdict-edition, .planner-brief-edition, .capsule-board-edition) strong {
  color: var(--ui-accent-2) !important;
}

body.ui-v794 :is(.passport-id-board, .coach-session-board, .fit-verdict-board, .day-brief-ticket, .capsule-board),
html.native-layout-guard body.ui-v794 :is(.passport-id-board, .coach-session-board, .fit-verdict-board, .day-brief-ticket, .capsule-board) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 16px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--ui-text) !important;
  box-shadow: none !important;
}

body.ui-v794 :is(.passport-id-ticket-head, .coach-answer-head, .fit-ticket-head, .planner-ticket-head, .capsule-board-head) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.ui-v794 :is(.passport-id-ticket-head, .coach-answer-head, .fit-ticket-head, .planner-ticket-head, .capsule-board-head) h3 {
  max-width: 19ch !important;
  margin: 5px 0 0 !important;
  color: var(--ui-text) !important;
  font-family: inherit !important;
  font-size: clamp(1.75rem, 3.6vw, 2.65rem) !important;
  font-weight: 820 !important;
  letter-spacing: -0.05em !important;
  line-height: 1.02 !important;
}

body.ui-v794 :is(.passport-id-narrative, .coach-session-narrative, .fit-verdict-narrative, .planner-brief-narrative, .capsule-edit-narrative) {
  max-width: 62ch !important;
  margin: 9px 0 0 !important;
  color: var(--ui-muted) !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  line-height: 1.48 !important;
}

body.ui-v794 :is(#passportScore, #coachScore, #fitScore, #plannerScore, #capsuleScore) {
  display: grid !important;
  place-items: center !important;
  width: 62px !important;
  min-width: 62px !important;
  max-width: 62px !important;
  height: 62px !important;
  min-height: 62px !important;
  max-height: 62px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid color-mix(in srgb, var(--ui-accent) 50%, var(--ui-line)) !important;
  border-radius: 18px !important;
  background: var(--ui-accent-soft) !important;
  color: var(--ui-text) !important;
  font-family: inherit !important;
  font-size: 1.25rem !important;
  font-style: normal !important;
  font-weight: 840 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  transform: none !important;
}

body.ui-v794 :is(.passport-id-actions, .coach-session-actions, .fit-verdict-actions, .planner-brief-actions, .capsule-edit-actions) {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.ui-v794 :is(.passport-id-actions, .coach-session-actions, .fit-verdict-actions, .planner-brief-actions, .capsule-edit-actions) > * {
  flex: 1 1 150px !important;
}

/* Profile */
body.ui-v794 #passport .passport-id-product-card,
body.ui-v794 #fit .fit-verdict-product-card {
  display: grid !important;
  grid-template-columns: 104px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 0 !important;
  padding: 12px !important;
  overflow: hidden !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 17px !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-text) !important;
}

body.ui-v794 #passport .passport-id-product-number,
body.ui-v794 #fit .fit-verdict-product-number {
  display: none !important;
}

body.ui-v794 #passport .passport-id-product-card img,
body.ui-v794 #fit .fit-verdict-product-card img {
  grid-column: 1 !important;
  width: 104px !important;
  height: 122px !important;
  margin: 0 !important;
  border-radius: 13px !important;
  background: color-mix(in srgb, var(--ui-bg) 76%, var(--ui-surface)) !important;
  object-fit: contain !important;
}

body.ui-v794 #passport .passport-id-product-copy,
body.ui-v794 #fit .fit-verdict-product-copy {
  grid-column: 2 !important;
  display: grid !important;
  gap: 6px !important;
  min-width: 0 !important;
}

body.ui-v794 #passport .passport-id-product-copy strong,
body.ui-v794 #fit .fit-verdict-product-copy strong {
  color: var(--ui-text) !important;
  font-size: 1.15rem !important;
  font-weight: 790 !important;
  line-height: 1.12 !important;
}

body.ui-v794 #passport :is(.passport-dna-row, .passport-reasons p, .passport-product-card) {
  border: 1px solid var(--ui-line) !important;
  border-radius: 15px !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-text) !important;
}

/* Stylist */
body.ui-v794 #coach .coach-session-quote,
body.ui-v794 #coach .coach-message > article,
body.ui-v794 #coach .coach-session-why {
  margin: 0 !important;
  padding: 14px !important;
  border: 1px solid var(--ui-line) !important;
  border-left: 3px solid var(--ui-accent-2) !important;
  border-radius: 15px !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-text) !important;
  font-family: inherit !important;
  font-style: normal !important;
}

body.ui-v794 #coach .coach-session-quote p,
body.ui-v794 #coach .coach-message p {
  margin: 6px 0 0 !important;
  color: var(--ui-muted) !important;
  font-family: inherit !important;
  font-size: 0.88rem !important;
  font-style: normal !important;
  line-height: 1.5 !important;
}

body.ui-v794 #coach .coach-items {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body.ui-v794 #coach .coach-item-card {
  display: grid !important;
  grid-template-columns: 76px minmax(0, 1fr) !important;
  gap: 11px !important;
  padding: 11px !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 15px !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-text) !important;
}

body.ui-v794 #coach .coach-item-card img {
  width: 76px !important;
  height: 96px !important;
  border-radius: 12px !important;
  background: color-mix(in srgb, var(--ui-bg) 76%, var(--ui-surface)) !important;
  object-fit: contain !important;
}

/* Fit */
body.ui-v794 #fit :is(.fit-verdict-check, .fit-readout > article, .fit-alternatives > article) {
  padding: 14px !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 15px !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-text) !important;
}

/* Day plan */
body.ui-v794 #planner .planner-outfit {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-auto-rows: 190px !important;
  gap: 10px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.ui-v794 #planner .planner-slot,
body.ui-v794 #planner .planner-slot:first-child {
  position: relative !important;
  grid-column: auto !important;
  grid-row: auto !important;
  min-height: 0 !important;
  height: 190px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 16px !important;
  background: color-mix(in srgb, var(--ui-bg) 76%, var(--ui-surface)) !important;
  color: #fff !important;
}

body.ui-v794 #planner .planner-slot img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

body.ui-v794 #planner .planner-slot::after {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, transparent 36%, rgba(0, 0, 0, 0.9)) !important;
  content: "" !important;
}

body.ui-v794 #planner .planner-slot-number,
body.ui-v794 #planner .planner-slot-price {
  position: absolute !important;
  z-index: 2 !important;
  top: 9px !important;
  left: 9px !important;
  padding: 5px 7px !important;
  border-radius: 9px !important;
  background: rgba(6, 8, 12, 0.78) !important;
  color: #fff !important;
  font-size: 0.62rem !important;
  font-weight: 760 !important;
}

body.ui-v794 #planner .planner-slot-price {
  right: 9px !important;
  left: auto !important;
}

body.ui-v794 #planner .planner-slot-copy {
  position: absolute !important;
  right: 9px !important;
  bottom: 9px !important;
  left: 9px !important;
  z-index: 3 !important;
  display: grid !important;
  gap: 3px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #fff !important;
}

body.ui-v794 #planner .planner-slot-copy :is(small, strong, span) {
  color: #fff !important;
}

body.ui-v794 #planner .planner-slot-copy strong {
  font-size: 0.78rem !important;
  line-height: 1.12 !important;
}

body.ui-v794 #planner .planner-reasons {
  display: grid !important;
  gap: 8px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.ui-v794 #planner .planner-reasons p {
  margin: 0 !important;
  padding: 11px 12px !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 13px !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-muted) !important;
  font-size: 0.78rem !important;
  line-height: 1.38 !important;
}

/* Capsule */
body.ui-v794 #capsule :is(.capsule-ticket, .capsule-result-card, .capsule-board) {
  padding: 18px !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 18px !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-text) !important;
}

body.ui-v794 #capsule :is(.capsule-ticket, .capsule-result-card, .capsule-board) h3 {
  max-width: 18ch !important;
  color: var(--ui-text) !important;
  font-family: inherit !important;
  font-size: clamp(1.75rem, 3.5vw, 2.55rem) !important;
  font-weight: 820 !important;
  line-height: 1.03 !important;
}

body.ui-v794 #capsule :is(.capsule-look, .capsule-items, .capsule-outfit) {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)) !important;
  gap: 10px !important;
}

/* Discover */
body.ui-v794 #discover .discover-card {
  display: grid !important;
  grid-template-columns: minmax(260px, 0.86fr) minmax(0, 1.14fr) !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-text) !important;
}

body.ui-v794 #discover .discover-media {
  position: relative !important;
  min-height: 410px !important;
  padding: 16px !important;
  overflow: hidden !important;
  border: 0 !important;
  background: color-mix(in srgb, var(--ui-bg) 74%, var(--ui-surface)) !important;
}

body.ui-v794 #discover .discover-media::after {
  content: none !important;
  display: none !important;
}

body.ui-v794 #discover .discover-media img {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: 100% !important;
  max-height: 410px !important;
  margin: 0 !important;
  object-fit: contain !important;
  transform: none !important;
}

body.ui-v794 #discover #discoverScore {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  display: grid !important;
  place-items: center !important;
  width: 58px !important;
  min-width: 58px !important;
  height: 58px !important;
  min-height: 58px !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 17px !important;
  background: rgba(10, 12, 16, 0.86) !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 1.15rem !important;
  font-style: normal !important;
  font-weight: 820 !important;
  transform: none !important;
}

body.ui-v794 #discover #discoverScore::after {
  content: none !important;
  display: none !important;
}

body.ui-v794 #discover .discover-body {
  display: grid !important;
  align-content: start !important;
  gap: 14px !important;
  padding: 20px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--ui-text) !important;
}

body.ui-v794 #discover .discover-body h3 {
  max-width: 18ch !important;
  margin: 4px 0 0 !important;
  color: var(--ui-text) !important;
  font-family: inherit !important;
  font-size: clamp(1.7rem, 3.2vw, 2.35rem) !important;
  font-weight: 820 !important;
  line-height: 1.03 !important;
}

body.ui-v794 #discover :is(.discover-meta, .discover-reasons p, .discover-tags span) {
  border-color: var(--ui-line) !important;
  background: var(--ui-surface) !important;
  color: var(--ui-text) !important;
}

/* History, report and community use the same cards as the product modules. */
body.ui-v794 #history .style-memory-metrics {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body.ui-v794 #history .style-memory-editorial {
  grid-column: 1 / -1 !important;
  display: grid !important;
  gap: 10px !important;
  min-height: 0 !important;
  padding: 20px !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 100% 0%, var(--ui-accent-soft), transparent 40%),
    var(--ui-surface) !important;
  color: var(--ui-text) !important;
}

body.ui-v794 #history .style-memory-editorial h3 {
  max-width: 23ch !important;
  margin: 0 !important;
  color: var(--ui-text) !important;
  font-family: inherit !important;
  font-size: clamp(1.7rem, 3.5vw, 2.45rem) !important;
  font-weight: 820 !important;
  line-height: 1.04 !important;
}

body.ui-v794 #history .style-memory-editorial p {
  max-width: 62ch !important;
  margin: 0 !important;
  color: var(--ui-muted) !important;
  font-family: inherit !important;
  font-size: 0.9rem !important;
  font-style: normal !important;
  line-height: 1.5 !important;
}

body.ui-v794 #history :is(.history-empty-start[hidden], .style-memory-metrics[hidden]),
html.native-layout-guard body.ui-v794[data-theme] main > #history :is(.history-empty-start[hidden], .style-memory-metrics[hidden]) {
  display: none !important;
}

body.ui-v794 #history .history-empty-start,
html.native-layout-guard body.ui-v794[data-theme] main > #history .history-empty-start {
  margin: 0 0 10px !important;
}

body.ui-v794 #history .history-empty-start-action,
html.native-layout-guard body.ui-v794[data-theme] main > #history .history-empty-start-action {
  justify-self: start !important;
  min-height: 44px !important;
}

body.ui-v794 #history .style-memory-stat {
  display: grid !important;
  align-content: center !important;
  gap: 5px !important;
  min-height: 84px !important;
  padding: 13px !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 15px !important;
  background: var(--ui-surface) !important;
  color: var(--ui-text) !important;
}

body.ui-v794 :is(#report #merchBrief, #community #circleDispatch),
html.native-layout-guard body.ui-v794 :is(#report #merchBrief, #community #circleDispatch) {
  display: grid !important;
  gap: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: var(--ui-radius-lg) !important;
  background: var(--ui-surface) !important;
  color: var(--ui-text) !important;
  box-shadow: none !important;
}

body.ui-v794 :is(#report #merchBrief, #community #circleDispatch) :is(.merch-brief-edition, .circle-dispatch-edition) {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 13px 16px !important;
  border-bottom: 1px solid var(--ui-line) !important;
  background: var(--ui-surface-2) !important;
}

body.ui-v794 :is(#report #merchBrief, #community #circleDispatch) :is(.merch-brief-layout, .circle-dispatch-layout) {
  display: grid !important;
  grid-template-columns: minmax(0, 1.3fr) minmax(230px, 0.7fr) !important;
  gap: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.ui-v794 :is(#report #merchBrief, #community #circleDispatch) :is(.merch-brief-copy, .circle-dispatch-copy) {
  display: grid !important;
  align-content: start !important;
  gap: 14px !important;
  padding: 20px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--ui-text) !important;
}

body.ui-v794 :is(#report #merchBrief, #community #circleDispatch) h3 {
  max-width: 17ch !important;
  margin: 0 !important;
  color: var(--ui-text) !important;
  font-family: inherit !important;
  font-size: clamp(1.75rem, 3.6vw, 2.6rem) !important;
  font-weight: 820 !important;
  line-height: 1.03 !important;
}

body.ui-v794 :is(#report #merchBrief, #community #circleDispatch) :is(.merch-brief-narrative, .circle-dispatch-narrative) {
  margin: 0 !important;
  padding: 13px !important;
  border: 1px solid var(--ui-line) !important;
  border-left: 3px solid var(--ui-accent-2) !important;
  border-radius: 13px !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-muted) !important;
  font-family: inherit !important;
  font-size: 0.86rem !important;
  line-height: 1.48 !important;
}

body.ui-v794 :is(#report #merchBrief, #community #circleDispatch) :is(.merch-brief-product, .circle-dispatch-look) {
  min-height: 320px !important;
  padding: 14px !important;
  border: 0 !important;
  border-left: 1px solid var(--ui-line) !important;
  background: color-mix(in srgb, var(--ui-bg) 72%, var(--ui-surface)) !important;
}

body.ui-v794 #report #merchBrief .merch-brief-product img {
  width: 100% !important;
  height: 230px !important;
  object-fit: contain !important;
}

body.ui-v794 #community #circleDispatch .circle-dispatch-look {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

body.ui-v794 #community #circleDispatch .circle-dispatch-piece {
  min-height: 0 !important;
  padding: 8px !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 13px !important;
  background: var(--ui-surface-2) !important;
}

/* Settings and plan purchase surfaces */
body.ui-v794 .settings-panel,
body.ui-v794 .paywall-panel,
body.ui-v794 .command-panel,
body.ui-v794 .quick-action-panel {
  border: 1px solid rgba(255, 255, 255, 0.13) !important;
  border-radius: 24px !important;
  background: #11141b !important;
  color: #f8f7f4 !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.5) !important;
}

body.ui-v794 .settings-card,
body.ui-v794 .paywall-product,
body.ui-v794 .paywall-access-card,
body.ui-v794 .paywall-comparison,
body.ui-v794 .paywall-facts > section {
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 17px !important;
  background: #181c25 !important;
  color: #f8f7f4 !important;
  box-shadow: none !important;
}

body.ui-v794 .paywall-products {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body.ui-v794 .paywall-product {
  display: grid !important;
  align-content: start !important;
  gap: 10px !important;
  min-width: 0 !important;
  padding: 15px !important;
}

body.ui-v794 .paywall-product :is(h3, strong, b) {
  color: #f8f7f4 !important;
}

body.ui-v794 .paywall-product :is(p, li, em, small) {
  color: rgba(248, 247, 244, 0.7) !important;
}

body.ui-v794 .paywall-plan-cta {
  min-height: 44px !important;
  border: 0 !important;
  border-radius: 13px !important;
  background: var(--ui-accent) !important;
  color: var(--ui-on-accent) !important;
  font-weight: 820 !important;
}

body.ui-v794 .paywall-comparison-scroll {
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
}

body.ui-v794 #paywallComparisonTable {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  color: #f8f7f4 !important;
}

body.ui-v794 #paywallComparisonTable :is(th, td) {
  padding: 10px !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  background: #151922 !important;
  color: #f8f7f4 !important;
  font-size: 0.76rem !important;
  line-height: 1.3 !important;
}

@media (max-width: 699px) {
  body.ui-v794,
  html.native-layout-guard body.ui-v794 {
    --app-rail-width: min(430px, 100vw) !important;
    --app-rail-left: max(0px, calc((100vw - var(--app-rail-width)) / 2)) !important;
    --topbar-height: 62px !important;
    --dock-height: 70px !important;
  }

  body.ui-v794 .topbar,
  body.ui-v794[data-theme] .topbar,
  html.native-layout-guard body.ui-v794 .topbar,
  html.native-layout-guard body.ui-v794[data-theme] .topbar {
    --topbar-height: 62px !important;
    grid-template-columns: 42px minmax(0, 1fr) 72px 40px 42px !important;
    gap: 4px !important;
    padding: 7px 8px !important;
    border-radius: 0 0 16px 16px !important;
  }

  body.ui-v794 .brand {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
  }

  body.ui-v794 .brand-logo,
  body.ui-v794 .brand-logo-lock {
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
  }

  body.ui-v794 #subscriptionButton.subscription-pill,
  body.ui-v794[data-theme] #subscriptionButton.subscription-pill,
  html.native-layout-guard body.ui-v794 #subscriptionButton.subscription-pill,
  html.native-layout-guard body.ui-v794[data-theme] #subscriptionButton.subscription-pill {
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    height: 40px !important;
  }

  body.ui-v794 main > :is(.studio-band, .content-band, .business-band),
  html.native-layout-guard body.ui-v794 main > :is(.studio-band, .content-band, .business-band) {
    padding: 10px 10px 24px !important;
  }

  body.ui-v794 main .section-head,
  html.native-layout-guard body.ui-v794 main .section-head {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 14px !important;
    padding: 18px !important;
  }

  body.ui-v794 main .section-head h2,
  body.ui-v794 :is(#passport, #coach, #fit, #planner, #capsule, #discover) > .section-head h2 {
    max-width: 17ch !important;
    font-size: clamp(1.75rem, 8.4vw, 2.3rem) !important;
    line-height: 1.02 !important;
  }

  body.ui-v794 main .section-head > :is(button, .section-actions) {
    width: 100% !important;
  }

  body.ui-v794 main .section-head .section-actions {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(88px, 1fr)) !important;
    gap: 8px !important;
  }

  body.ui-v794 main :is(.panel, [class$="-panel"], .history-block) {
    padding: 16px !important;
    border-radius: 18px !important;
  }

  body.ui-v794 #studio .studio-grid,
  html.native-layout-guard body.ui-v794 #studio .studio-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  body.ui-v794 #studio :is(.photo-panel, .style-pulse, .controls-panel, .recommendation-panel),
  body.ui-v794[data-theme] #studio :is(.photo-panel, .style-pulse, .controls-panel, .recommendation-panel),
  html.native-layout-guard body.ui-v794 #studio :is(.photo-panel, .style-pulse, .controls-panel, .recommendation-panel),
  html.native-layout-guard body.ui-v794[data-theme] #studio :is(.photo-panel, .style-pulse, .controls-panel, .recommendation-panel) {
    grid-column: 1 !important;
  }

  body.ui-v794 #studio .photo-panel {
    order: 1 !important;
    padding: 16px !important;
  }

  body.ui-v794 #studio .style-pulse {
    order: 2 !important;
    min-height: 0 !important;
    padding: 16px !important;
  }

  body.ui-v794 #studio .controls-panel {
    order: 3 !important;
  }

  body.ui-v794 #studio .recommendation-panel {
    order: 4 !important;
  }

  body.ui-v794 #studio .upload-zone,
  body.ui-v794[data-theme] #studio .upload-zone,
  html.native-layout-guard body.ui-v794 #studio .upload-zone,
  html.native-layout-guard body.ui-v794[data-theme] #studio .upload-zone {
    min-height: 286px !important;
    height: min(42vh, 340px) !important;
    max-height: 340px !important;
    padding: 10px !important;
  }

  body.ui-v794 #studio .photo-ai-notice {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 2px !important;
  }

  body.ui-v794 #studio .photo-ai-notice a {
    justify-self: start !important;
  }

  body.ui-v794 #studio .style-pulse-lead h1,
  body.ui-v794[data-theme] #studio .style-pulse-lead h1,
  html.native-layout-guard body.ui-v794 #studio .style-pulse-lead h1,
  html.native-layout-guard body.ui-v794[data-theme] #studio .style-pulse-lead h1 {
    max-width: 12ch !important;
    font-size: clamp(1.9rem, 9vw, 2.5rem) !important;
  }

  body.ui-v794 #studio .style-pulse-verdict > div > p {
    display: none !important;
  }

  body.ui-v794 #studio .style-pulse-piece {
    min-height: 104px !important;
  }

  body.ui-v794 #studio .style-pulse-actions {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr) !important;
  }

  body.ui-v794 :is(.passport-layout, .coach-layout, .fit-layout, .planner-layout, .capsule-layout, .discover-layout) {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  body.ui-v794 :is(#passport, #coach, #fit, #planner, #capsule, #discover) :is(.passport-card-panel, .coach-answer-panel, .fit-result-panel, .planner-result-panel, .capsule-board-panel, .discover-card-panel, .passport-panel, .coach-panel, .fit-panel, .planner-panel, .capsule-panel, .discover-side-panel, .passport-products-panel, .passport-history-panel, .size-passport-panel, .coach-history-panel, .fit-history-panel, .planner-history-panel, .capsule-outfits-panel, .capsule-history-panel) {
    grid-column: 1 !important;
  }

  body.ui-v794 :is(#passport, #coach, #fit, #planner, #capsule, #discover) :is(.passport-card-panel, .coach-answer-panel, .fit-result-panel, .planner-result-panel, .capsule-board-panel, .discover-card-panel) {
    order: 1 !important;
  }

  body.ui-v794 :is(#passport, #coach, #fit, #planner, #capsule, #discover) :is(.passport-panel, .coach-panel, .fit-panel, .planner-panel, .capsule-panel, .discover-side-panel) {
    order: 2 !important;
  }

  body.ui-v794 :is(.passport-id-ticket-head, .coach-answer-head, .fit-ticket-head, .planner-ticket-head, .capsule-board-head) h3 {
    font-size: clamp(1.55rem, 7.8vw, 2.15rem) !important;
  }

  body.ui-v794 :is(#passportScore, #coachScore, #fitScore, #plannerScore, #capsuleScore) {
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    border-radius: 16px !important;
    font-size: 1.1rem !important;
  }

  body.ui-v794 #coach .coach-items {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.ui-v794 #planner .planner-outfit {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: 168px !important;
  }

  body.ui-v794 #planner .planner-slot,
  body.ui-v794 #planner .planner-slot:first-child {
    height: 168px !important;
  }

  body.ui-v794 #discover .discover-card {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.ui-v794 #discover .discover-media {
    min-height: 300px !important;
    height: 300px !important;
  }

  body.ui-v794 #discover .discover-media img {
    max-height: 270px !important;
  }

  body.ui-v794 #history .style-memory-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.ui-v794 #history .style-memory-editorial {
    grid-column: 1 / -1 !important;
    padding: 17px !important;
  }

  body.ui-v794 #history .history-empty-start-action,
  html.native-layout-guard body.ui-v794[data-theme] main > #history .history-empty-start-action {
    width: 100% !important;
  }

  body.ui-v794 :is(#report #merchBrief, #community #circleDispatch) :is(.merch-brief-layout, .circle-dispatch-layout) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.ui-v794 :is(#report #merchBrief, #community #circleDispatch) :is(.merch-brief-product, .circle-dispatch-look) {
    min-height: 0 !important;
    border-top: 1px solid var(--ui-line) !important;
    border-left: 0 !important;
  }

  body.ui-v794 #community #circleDispatch .circle-dispatch-look {
    min-height: 170px !important;
  }

  body.ui-v794 .settings-panel,
  body.ui-v794 .paywall-panel {
    width: 100% !important;
    max-width: 100% !important;
    max-height: calc(100dvh - env(safe-area-inset-top, 0px)) !important;
    border-radius: 22px 22px 0 0 !important;
  }

  body.ui-v794 .paywall-products {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.ui-v794 #paywallComparisonTable,
  body.ui-v794 #paywallComparisonTable :is(thead, tbody) {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.ui-v794 .paywall-comparison-scroll {
    overflow: hidden !important;
  }

  body.ui-v794 #paywallComparisonTable :is(thead tr, tbody tr) {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    margin-bottom: 8px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 13px !important;
  }

  body.ui-v794 #paywallComparisonTable :is(th, td) {
    display: block !important;
    min-width: 0 !important;
    padding: 9px 7px !important;
    border: 0 !important;
    border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
    text-align: center !important;
  }

  body.ui-v794 #paywallComparisonTable :is(th, td):first-child {
    grid-column: 1 / -1 !important;
    padding: 10px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    background: #202630 !important;
    text-align: left !important;
    font-weight: 760 !important;
  }

  body.ui-v794 .app-update-banner {
    right: 10px !important;
    left: 10px !important;
    max-width: none !important;
  }
}

/* v822 contrast consolidation: one readable surface system across every theme and native shell. */
body.ui-v794[data-theme="chrome"] {
  --sb-bg-a: #090c10;
  --sb-bg-b: #131920;
  --sb-bg: #090c10;
  --sb-rail: #0d1116;
  --sb-panel: #171d24;
  --sb-surface: rgba(19, 25, 32, 0.98);
  --sb-surface-2: rgba(32, 40, 49, 0.96);
  --sb-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.018)), #171d24;
  --sb-frame-bg: radial-gradient(circle at 50% -10%, rgba(201, 214, 222, 0.18), transparent 38%), #090c10;
  --sb-page-bg: linear-gradient(105deg, #090c10, #151b21 52%, #0b0e12);
  --sb-text: #f4f7f8;
  --sb-ink: #f4f7f8;
  --sb-muted: #b9c3ca;
  --sb-soft: #cbd2d7;
  --sb-line: rgba(218, 228, 234, 0.18);
  --sb-accent: #b25778;
  --sb-accent-2: #79d2d0;
  --sb-mint: #79d2d0;
  --sb-signal: #b25778;
  --sb-signal-dark: #68263f;
  --sb-cta-bg: linear-gradient(135deg, #b25778, #7f5f72);
  --sb-active-text: #ffffff;
  --sb-sheet-bg: linear-gradient(180deg, rgba(24, 30, 37, 0.99), rgba(9, 12, 16, 0.99));
  --ui-on-accent: #ffffff;
  color-scheme: dark !important;
}

body.ui-v794[data-theme="editorial"] {
  --sb-bg-a: #100d0b;
  --sb-bg-b: #211814;
  --sb-bg: #100d0b;
  --sb-rail: #15110e;
  --sb-panel: #211b17;
  --sb-surface: rgba(31, 25, 21, 0.98);
  --sb-surface-2: rgba(49, 39, 32, 0.96);
  --sb-card-bg: linear-gradient(180deg, rgba(255, 248, 235, 0.08), rgba(255, 248, 235, 0.018)), #211b17;
  --sb-frame-bg: radial-gradient(circle at 82% 0%, rgba(157, 40, 72, 0.2), transparent 34%), radial-gradient(circle at 12% 0%, rgba(107, 213, 204, 0.12), transparent 30%), #100d0b;
  --sb-page-bg: linear-gradient(110deg, #100d0b, #211814 52%, #170d11);
  --sb-text: #fff8eb;
  --sb-ink: #fff8eb;
  --sb-muted: #cbbdaa;
  --sb-soft: #ded2c1;
  --sb-line: rgba(255, 248, 235, 0.17);
  --sb-accent: #9d2848;
  --sb-accent-2: #6bd5cc;
  --sb-mint: #6bd5cc;
  --sb-signal: #9d2848;
  --sb-signal-dark: #5c1028;
  --sb-cta-bg: linear-gradient(135deg, #9d2848, #6f2037);
  --sb-active-text: #ffffff;
  --sb-sheet-bg: linear-gradient(180deg, rgba(36, 28, 24, 0.99), rgba(15, 12, 10, 0.99));
  --ui-on-accent: #ffffff;
  color-scheme: dark !important;
}

html[data-theme="chrome"],
html[data-theme="editorial"] {
  color-scheme: dark !important;
  background: #090c10 !important;
}

body.ui-v794 .mobile-dock,
body.ui-v794[data-theme] .mobile-dock,
html.native-layout-guard body.ui-v794[data-theme] .mobile-dock {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: rgba(7, 9, 13, 0.985) !important;
  color: #f8f7f4 !important;
}

body.ui-v794 .mobile-dock > a,
body.ui-v794[data-theme] .mobile-dock > a,
html.native-layout-guard body.ui-v794[data-theme] .mobile-dock > a {
  border-color: transparent !important;
  background: transparent !important;
  color: #aeb4bd !important;
  opacity: 1 !important;
}

body.ui-v794 .mobile-dock > a.active,
body.ui-v794[data-theme] .mobile-dock > a.active,
html.native-layout-guard body.ui-v794[data-theme] .mobile-dock > a.active {
  border-color: color-mix(in srgb, var(--ui-accent) 42%, transparent) !important;
  background: color-mix(in srgb, var(--ui-accent) 12%, transparent) !important;
  color: #ffffff !important;
}

body.ui-v794 .mobile-dock > a[data-locked],
body.ui-v794[data-theme] .mobile-dock > a[data-locked],
html.native-layout-guard body.ui-v794[data-theme] .mobile-dock > a[data-locked] {
  color: #a8adb5 !important;
  opacity: 0.76 !important;
}

body.ui-v794 .mobile-dock .dock-label,
body.ui-v794[data-theme] .mobile-dock .dock-label,
html.native-layout-guard body.ui-v794[data-theme] .mobile-dock .dock-label {
  color: inherit !important;
  font-size: 0.72rem !important;
}

body.ui-v794 #studio .style-pulse-masthead > span,
body.ui-v794[data-theme] #studio .style-pulse-masthead > span,
body.ui-v794[data-theme] #studio .style-pulse-live,
body.ui-v794[data-theme] #studio #stylePulseLive,
html.native-layout-guard body.ui-v794[data-theme] main > #studio .style-pulse-masthead > span,
html.native-layout-guard body.ui-v794[data-theme] main > #studio .style-pulse-live,
html.native-layout-guard body.ui-v794[data-theme] main > #studio #stylePulseLive {
  color: var(--ui-muted) !important;
}

body.ui-v794[data-theme] #studio .style-pulse-actions .style-pulse-primary,
html.native-layout-guard body.ui-v794[data-theme] main > #studio .style-pulse-actions .style-pulse-primary {
  border-color: var(--ui-accent) !important;
  background: var(--ui-accent) !important;
  color: var(--ui-on-accent) !important;
}

body.ui-v794[data-theme] #studio .style-pulse-actions .style-pulse-secondary,
html.native-layout-guard body.ui-v794[data-theme] main > #studio .style-pulse-actions .style-pulse-secondary {
  border-color: var(--ui-line) !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-text) !important;
}

body.ui-v794[data-theme] #studio .style-pulse-actions button > span,
html.native-layout-guard body.ui-v794[data-theme] main > #studio .style-pulse-actions button > span {
  color: inherit !important;
}

body.ui-v794[data-theme] #studio .style-pulse-piece,
html.native-layout-guard body.ui-v794[data-theme] main > #studio .style-pulse-piece {
  background: #0b0f14 !important;
  color: #ffffff !important;
}

body.ui-v794[data-theme] #studio .style-pulse-piece :is(strong, span, small),
html.native-layout-guard body.ui-v794[data-theme] main > #studio .style-pulse-piece :is(strong, span, small) {
  color: #ffffff !important;
}

/* v832-professional-copy: precise Polish actions remain fully readable on phones. */
@media (max-width: 699px) {
  body.ui-v794[data-theme] #studio .style-pulse-actions,
  html.native-layout-guard body.ui-v794[data-theme] main > #studio .style-pulse-actions {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.ui-v794[data-theme] #studio .style-pulse-actions button,
  html.native-layout-guard body.ui-v794[data-theme] main > #studio .style-pulse-actions button {
    width: 100% !important;
  }
}

body.ui-v794[data-theme] #studio .recommendation-panel,
html.native-layout-guard body.ui-v794[data-theme] main > #studio .recommendation-panel {
  --ui-bg: #f3e8dc;
  --ui-surface: #fffaf3;
  --ui-surface-2: #f3e8dc;
  --ui-surface-3: #ead8c9;
  --ui-text: #160d11;
  --ui-muted: #5c4b52;
  --ui-line: rgba(93, 68, 78, 0.24);
  --ui-accent: #a81243;
  --ui-accent-2: #0b6d66;
  --ui-accent-soft: rgba(168, 18, 67, 0.1);
  --ui-on-accent: #ffffff;
  border-color: var(--ui-line) !important;
  background: var(--ui-surface) !important;
  color: var(--ui-text) !important;
}

body.ui-v794[data-theme] #studio .recommendation-panel > :is(.panel-head, .outfit-summary, .outfit-list, .recommendation-actions, .taste-panel, .reasons-list),
html.native-layout-guard body.ui-v794[data-theme] main > #studio .recommendation-panel > :is(.panel-head, .outfit-summary, .outfit-list, .recommendation-actions, .taste-panel, .reasons-list) {
  border-color: var(--ui-line) !important;
  background: var(--ui-surface) !important;
  color: var(--ui-text) !important;
}

body.ui-v794[data-theme] #studio .recommendation-panel :is(h1, h2, h3, h4, strong),
html.native-layout-guard body.ui-v794[data-theme] main > #studio .recommendation-panel :is(h1, h2, h3, h4, strong) {
  color: var(--ui-text) !important;
}

body.ui-v794[data-theme] #studio .recommendation-panel :is(p, small, label, .taste-metrics span, .taste-tags, .outfit-row span),
html.native-layout-guard body.ui-v794[data-theme] main > #studio .recommendation-panel :is(p, small, label, .taste-metrics span, .taste-tags, .outfit-row span) {
  color: var(--ui-muted) !important;
}

body.ui-v794[data-theme] #studio .recommendation-panel :is(.eyebrow, .recommendation-edition-line > span),
html.native-layout-guard body.ui-v794[data-theme] main > #studio .recommendation-panel :is(.eyebrow, .recommendation-edition-line > span) {
  color: var(--ui-accent) !important;
}

body.ui-v794[data-theme] #studio .recommendation-panel :is(.taste-metrics > div, .taste-panel, .reasons-list > p),
html.native-layout-guard body.ui-v794[data-theme] main > #studio .recommendation-panel :is(.taste-metrics > div, .taste-panel, .reasons-list > p) {
  border-color: var(--ui-line) !important;
  background: var(--ui-surface-2) !important;
}

body.ui-v794[data-theme] #studio .recommendation-panel .mode-switch button.active,
body.ui-v794[data-theme] #studio .recommendation-panel #saveOutfitButton,
html.native-layout-guard body.ui-v794[data-theme] main > #studio .recommendation-panel .mode-switch button.active,
html.native-layout-guard body.ui-v794[data-theme] main > #studio .recommendation-panel #saveOutfitButton {
  border-color: var(--ui-accent) !important;
  background: var(--ui-accent) !important;
  color: var(--ui-on-accent) !important;
}

body.ui-v794[data-theme] #studio .recommendation-panel #resetTasteButton,
html.native-layout-guard body.ui-v794[data-theme] main > #studio .recommendation-panel #resetTasteButton {
  border-color: rgba(143, 18, 56, 0.34) !important;
  background: #fff0f3 !important;
  color: #8f1238 !important;
}

body.ui-v794[data-theme] #settingsDialog .settings-card .primary-button,
html.native-layout-guard body.ui-v794[data-theme] #settingsDialog .settings-card .primary-button {
  border-color: #34d399 !important;
  background: #a7f3d0 !important;
  color: #052e24 !important;
}

body.ui-v794[data-theme] #settingsDialog .settings-subscription[data-state="active"] #settingsSubscriptionState,
html.native-layout-guard body.ui-v794[data-theme] #settingsDialog .settings-subscription[data-state="active"] #settingsSubscriptionState {
  border-color: #6ee7b7 !important;
  background: #a7f3d0 !important;
  color: #052e24 !important;
}

body.ui-v794[data-theme] #settingsDialog .settings-subscription[data-state="checking"] #settingsSubscriptionState,
html.native-layout-guard body.ui-v794[data-theme] #settingsDialog .settings-subscription[data-state="checking"] #settingsSubscriptionState {
  border-color: #60a5fa !important;
  background: #bfdbfe !important;
  color: #172554 !important;
}

body.ui-v794[data-theme] #settingsDialog .settings-subscription[data-state="error"] #settingsSubscriptionState,
html.native-layout-guard body.ui-v794[data-theme] #settingsDialog .settings-subscription[data-state="error"] #settingsSubscriptionState {
  border-color: #fca5a5 !important;
  background: #fecaca !important;
  color: #450a0a !important;
}

body.ui-v794[data-theme] :is(.quick-action-panel, .quick-theme-picker),
html.native-layout-guard body.ui-v794[data-theme] :is(.quick-action-panel, .quick-theme-picker) {
  color: #f8f7f4 !important;
}

body.ui-v794[data-theme] .quick-theme-options,
html.native-layout-guard body.ui-v794[data-theme] .quick-theme-options {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(64px, 1fr)) !important;
  gap: 7px !important;
  padding: 2px 0 6px !important;
  overflow-x: auto !important;
}

body.ui-v794[data-theme] .quick-theme-options button,
html.native-layout-guard body.ui-v794[data-theme] .quick-theme-options button {
  display: grid !important;
  grid-template-rows: 38px auto !important;
  place-items: center !important;
  gap: 5px !important;
  min-width: 64px !important;
  min-height: 70px !important;
  padding: 7px 4px !important;
}

body.ui-v794[data-theme] .quick-theme-options button > span,
html.native-layout-guard body.ui-v794[data-theme] .quick-theme-options button > span {
  display: block !important;
  color: #d8d5cf !important;
  font-size: 0.7rem !important;
  font-weight: 760 !important;
  line-height: 1 !important;
}

body.ui-v794[data-theme] .quick-theme-options button.active > span,
html.native-layout-guard body.ui-v794[data-theme] .quick-theme-options button.active > span {
  color: #ffffff !important;
}

body.ui-v794 main :is(.eyebrow, [class$="-kicker"]),
html.native-layout-guard body.ui-v794[data-theme] main > :is(#studio, #passport, #coach, #fit, #planner, #capsule, #discover, #brain, #inventory, #lookbook, #clients, #report, #history, #community, #trends, #business) :is(.eyebrow, [class$="-kicker"]) {
  min-height: 0 !important;
  font-size: 0.75rem !important;
  line-height: 1.3 !important;
}

body.ui-v794[data-theme] :is(.paywall-product .paywall-plan-feature, #studio .style-pulse-score span, #studio .style-pulse-piece strong),
html.native-layout-guard body.ui-v794[data-theme] :is(.paywall-product .paywall-plan-feature, #studio .style-pulse-score span, #studio .style-pulse-piece strong) {
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
}

body.ui-v794[data-theme] #paywallDialog .paywall-actions,
html.native-layout-guard body.ui-v794[data-theme] #paywallDialog .paywall-actions {
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body.ui-v794[data-theme] #inventory :is(input, select, textarea),
html.native-layout-guard body.ui-v794[data-theme] main > #inventory :is(input, select, textarea) {
  border-color: var(--ui-line) !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-text) !important;
}

body.ui-v794[data-theme] #inventory :is(input, textarea)::placeholder,
html.native-layout-guard body.ui-v794[data-theme] main > #inventory :is(input, textarea)::placeholder {
  color: var(--ui-muted) !important;
  opacity: 1 !important;
}

body.ui-v794[data-theme] #inventory .inventory-size-match[data-state="empty"] .inventory-size-match-copy strong,
html.native-layout-guard body.ui-v794[data-theme] main > #inventory .inventory-size-match[data-state="empty"] .inventory-size-match-copy strong {
  color: var(--ui-text) !important;
}

body.ui-v794[data-theme] #inventory .inventory-size-match[data-state="empty"] .inventory-size-match-copy small,
html.native-layout-guard body.ui-v794[data-theme] main > #inventory .inventory-size-match[data-state="empty"] .inventory-size-match-copy small {
  color: var(--ui-muted) !important;
}

body.ui-v794 main button:disabled,
html.native-layout-guard body.ui-v794[data-theme] main > :is(#studio, #passport, #coach, #fit, #planner, #capsule, #discover, #brain, #inventory, #lookbook, #clients, #report, #history, #community, #trends, #business) button:disabled {
  border-color: var(--ui-line) !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-muted) !important;
  filter: none !important;
  opacity: 1 !important;
}

@media (max-width: 699px) {
  body.ui-v794[data-theme] #passport .passport-panel .passport-required-fields,
  html.native-layout-guard body.ui-v794[data-theme] main > #passport .passport-panel .passport-required-fields {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.ui-v794[data-theme] #paywallComparisonTable,
  html.native-layout-guard body.ui-v794[data-theme] #paywallComparisonTable {
    display: table !important;
    width: 100% !important;
    min-width: 680px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
  }

  body.ui-v794[data-theme] #paywallComparisonTable thead,
  html.native-layout-guard body.ui-v794[data-theme] #paywallComparisonTable thead {
    display: table-header-group !important;
  }

  body.ui-v794[data-theme] #paywallComparisonTable tbody,
  html.native-layout-guard body.ui-v794[data-theme] #paywallComparisonTable tbody {
    display: table-row-group !important;
  }

  body.ui-v794[data-theme] #paywallComparisonTable :is(thead tr, tbody tr),
  html.native-layout-guard body.ui-v794[data-theme] #paywallComparisonTable :is(thead tr, tbody tr) {
    display: table-row !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  body.ui-v794[data-theme] #paywallComparisonTable :is(th, td),
  html.native-layout-guard body.ui-v794[data-theme] #paywallComparisonTable :is(th, td) {
    display: table-cell !important;
    min-width: 110px !important;
    padding: 10px 9px !important;
    border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    text-align: center !important;
  }

  body.ui-v794[data-theme] #paywallComparisonTable :is(th, td):first-child,
  html.native-layout-guard body.ui-v794[data-theme] #paywallComparisonTable :is(th, td):first-child {
    display: table-cell !important;
    width: 46% !important;
    min-width: 300px !important;
    padding: 10px !important;
    border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
    text-align: left !important;
  }

  body.ui-v794[data-theme] .paywall-comparison-scroll,
  html.native-layout-guard body.ui-v794[data-theme] .paywall-comparison-scroll {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
  }
}

/* v811-profile-start-choice: present first-run paths as one explicit decision. */
body.ui-v794 #passport[data-profile-state="empty"] > .passport-id-head .passport-id-edit-action,
html.native-layout-guard body.ui-v794[data-theme] main > #passport[data-profile-state="empty"] > .passport-id-head .passport-id-edit-action,
body.ui-v794 #passport > .passport-id-head .passport-id-edit-action[hidden] {
  display: none !important;
}

body.ui-v794 #passport[data-profile-state="empty"] .passport-empty-state,
html.native-layout-guard body.ui-v794[data-theme] main > #passport[data-profile-state="empty"] .passport-empty-state {
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr) !important;
}

body.ui-v794 #passport .passport-empty-state > #passportEmptyNote,
html.native-layout-guard body.ui-v794[data-theme] main > #passport .passport-empty-state > #passportEmptyNote {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}

body.ui-v794 #passport .passport-empty-start,
html.native-layout-guard body.ui-v794[data-theme] main > #passport .passport-empty-start {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: minmax(170px, 0.55fr) minmax(0, 1.45fr) !important;
  align-items: center !important;
  gap: 14px !important;
  min-width: 0 !important;
  padding-top: 18px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
}

body.ui-v794 #passport .passport-empty-start > p,
html.native-layout-guard body.ui-v794[data-theme] main > #passport .passport-empty-start > p {
  margin: 0 !important;
  color: #f8f6ef !important;
  font-size: 0.84rem !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

body.ui-v794 #passport .passport-empty-actions,
html.native-layout-guard body.ui-v794[data-theme] main > #passport .passport-empty-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  min-width: 0 !important;
}

body.ui-v794 #passport .passport-empty-actions > button,
html.native-layout-guard body.ui-v794[data-theme] main > #passport .passport-empty-actions > button {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 50px !important;
  padding: 10px 13px !important;
  border-radius: 13px !important;
  font-size: 0.84rem !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  white-space: normal !important;
}

body.ui-v794 #passport .passport-empty-actions > .primary-button,
html.native-layout-guard body.ui-v794[data-theme] main > #passport .passport-empty-actions > .primary-button {
  border-color: #d2ff61 !important;
  background: #d2ff61 !important;
  color: #0a0d10 !important;
}

body.ui-v794 #passport .passport-empty-actions > .ghost-button,
html.native-layout-guard body.ui-v794[data-theme] main > #passport .passport-empty-actions > .ghost-button {
  border-color: rgba(255, 255, 255, 0.24) !important;
  background: rgba(255, 255, 255, 0.07) !important;
  color: #ffffff !important;
}

@media (max-width: 900px) {
  body.ui-v794 #passport[data-profile-state="empty"] .passport-empty-state,
  html.native-layout-guard body.ui-v794[data-theme] main > #passport[data-profile-state="empty"] .passport-empty-state,
  body.ui-v794 #passport .passport-empty-start,
  html.native-layout-guard body.ui-v794[data-theme] main > #passport .passport-empty-start {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 520px) {
  body.ui-v794 #passport .passport-empty-actions,
  html.native-layout-guard body.ui-v794[data-theme] main > #passport .passport-empty-actions {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* v807-empty-result-quiet: the primary action already explains that a result appears after generation. */
@media (max-width: 699px) {
  body.ui-v794 #planner[data-generation-state="pending"] .planner-result-panel,
  html.native-layout-guard body.ui-v794[data-theme] #planner[data-generation-state="pending"] .planner-result-panel,
  body.ui-v794 #coach[data-generation-state="pending"] .coach-answer-panel,
  html.native-layout-guard body.ui-v794[data-theme] #coach[data-generation-state="pending"] .coach-answer-panel,
  body.ui-v794 #capsule[data-generation-state="pending"] .capsule-board-panel,
  html.native-layout-guard body.ui-v794[data-theme] #capsule[data-generation-state="pending"] .capsule-board-panel {
    display: none !important;
  }
}

/* Final geometry shield: legacy feature themes use ID-heavy magazine layouts. */
html.native-layout-guard body.ui-v794[data-theme] .mobile-dock > a,
html.native-layout-guard body.ui-v794[data-theme] .mobile-dock > a.active {
  transform: none !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > :is(
  #studio,
  #passport,
  #coach,
  #fit,
  #planner,
  #capsule,
  #discover,
  #brain,
  #inventory,
  #lookbook,
  #clients,
  #report,
  #history,
  #community,
  #trends,
  #business
).active-view {
  display: block !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > :is(
  #studio,
  #passport,
  #coach,
  #fit,
  #planner,
  #capsule,
  #discover,
  #brain,
  #inventory,
  #lookbook,
  #clients,
  #report,
  #history,
  #community,
  #trends,
  #business
):not(.active-view) {
  display: none !important;
}

html.native-layout-guard body.ui-v794[data-theme] :is(
  #passport .passport-layout,
  #coach .coach-layout,
  #fit .fit-layout,
  #planner .planner-layout,
  #capsule .capsule-layout,
  #discover .discover-layout
) {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  grid-template-areas: none !important;
  grid-auto-rows: max-content !important;
  align-items: start !important;
  gap: 16px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
}

html.native-layout-guard body.ui-v794[data-theme] :is(
  #passport .passport-card-panel,
  #coach .coach-answer-panel,
  #fit .fit-result-panel,
  #planner .planner-result-panel,
  #capsule .capsule-board-panel,
  #discover .discover-card-panel
) {
  order: 1 !important;
  grid-area: auto !important;
  grid-column: 1 / span 8 !important;
  grid-row: auto !important;
  min-width: 0 !important;
}

html.native-layout-guard body.ui-v794[data-theme] :is(
  #passport .passport-panel,
  #coach .coach-panel,
  #fit .fit-panel,
  #planner .planner-panel,
  #capsule .capsule-panel,
  #discover .discover-side-panel
) {
  order: 2 !important;
  grid-area: auto !important;
  grid-column: 9 / -1 !important;
  grid-row: auto !important;
  min-width: 0 !important;
}

html.native-layout-guard body.ui-v794[data-theme] :is(
  #passport .passport-products-panel,
  #passport .size-passport-panel,
  #passport .passport-history-panel,
  #coach .coach-history-panel,
  #fit .fit-history-panel,
  #planner .planner-history-panel,
  #capsule .capsule-outfits-panel,
  #capsule .capsule-history-panel
) {
  order: 3 !important;
  grid-area: auto !important;
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  min-width: 0 !important;
}

html.native-layout-guard body.ui-v794[data-theme] :is(
  #passport .passport-id-board,
  #coach .coach-session-board,
  #fit .fit-verdict-board,
  #planner .day-brief-ticket,
  #capsule .capsule-board
) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas: none !important;
  grid-auto-rows: max-content !important;
  gap: 14px !important;
  width: 100% !important;
  min-width: 0 !important;
}

html.native-layout-guard body.ui-v794[data-theme] :is(
  #passport .passport-id-edition,
  #coach .coach-session-edition,
  #fit .fit-verdict-edition,
  #planner .planner-brief-edition,
  #capsule .capsule-board-edition
) {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-height: 0 !important;
  margin: 0 0 14px !important;
  padding: 0 0 12px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ui-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--ui-muted) !important;
}

html.native-layout-guard body.ui-v794[data-theme] :is(
  #passport .passport-id-edition,
  #coach .coach-session-edition,
  #fit .fit-verdict-edition,
  #planner .planner-brief-edition,
  #capsule .capsule-board-edition
) :is(span, strong) {
  color: var(--ui-muted) !important;
  font-family: inherit !important;
  font-size: 0.66rem !important;
  font-weight: 790 !important;
  letter-spacing: 0.09em !important;
  line-height: 1.2 !important;
}

html.native-layout-guard body.ui-v794[data-theme] :is(
  #passport #passportBriefStatus,
  #coach #coachBriefStatus,
  #fit #fitBriefStatus,
  #planner #plannerBriefStatus,
  #capsule #capsuleBriefStatus
) {
  color: var(--ui-accent-2) !important;
}

html.native-layout-guard body.ui-v794[data-theme] :is(
  #passport #passportMetrics,
  #coach #coachMetrics,
  #fit #fitMetrics,
  #planner #plannerMetrics,
  #capsule #capsuleMetrics,
  #discover #discoverMetrics
) {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(106px, 1fr)) !important;
  gap: 8px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html.native-layout-guard body.ui-v794[data-theme] :is(
  #passport #passportMetrics,
  #coach #coachMetrics,
  #fit #fitMetrics,
  #planner #plannerMetrics,
  #capsule #capsuleMetrics,
  #discover #discoverMetrics
) > * {
  min-height: 68px !important;
  padding: 11px !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 13px !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-text) !important;
}

html.native-layout-guard body.ui-v794[data-theme] :is(
  #passport #passportMetrics,
  #coach #coachMetrics,
  #fit #fitMetrics,
  #planner #plannerMetrics,
  #capsule #capsuleMetrics,
  #discover #discoverMetrics
) :is(strong, span) {
  color: var(--ui-text) !important;
  font-family: inherit !important;
}

html.native-layout-guard body.ui-v794[data-theme] :is(
  #passport .passport-id-product-card,
  #fit .fit-verdict-product-card
) {
  display: grid !important;
  grid-template-columns: 96px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 0 !important;
  padding: 11px !important;
  overflow: hidden !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 16px !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-text) !important;
}

html.native-layout-guard body.ui-v794[data-theme] :is(
  #passport .passport-id-product-card img,
  #fit .fit-verdict-product-card img
) {
  position: static !important;
  grid-column: 1 !important;
  width: 96px !important;
  height: 116px !important;
  min-height: 0 !important;
  object-fit: contain !important;
  border-radius: 12px !important;
}

html.native-layout-guard body.ui-v794[data-theme] :is(
  #passport .passport-id-product-copy,
  #fit .fit-verdict-product-copy
) {
  position: static !important;
  grid-column: 2 !important;
  min-width: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: var(--ui-text) !important;
}

html.native-layout-guard body.ui-v794[data-theme] :is(
  #passport .passport-id-product-copy,
  #fit .fit-verdict-product-copy
) :is(strong, small, span, em) {
  color: var(--ui-text) !important;
  font-family: inherit !important;
}

html.native-layout-guard body.ui-v794[data-theme] #coach .coach-items {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows: none !important;
  gap: 10px !important;
  min-height: 0 !important;
}

html.native-layout-guard body.ui-v794[data-theme] #coach :is(.coach-item-card, .coach-item-card:first-child) {
  position: relative !important;
  display: grid !important;
  grid-column: auto !important;
  grid-row: auto !important;
  grid-template-columns: 76px minmax(0, 1fr) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 10px !important;
  overflow: hidden !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 15px !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-text) !important;
}

html.native-layout-guard body.ui-v794[data-theme] #coach .coach-item-card > img {
  position: static !important;
  grid-column: 1 !important;
  width: 76px !important;
  height: 96px !important;
  min-height: 0 !important;
  object-fit: contain !important;
}

html.native-layout-guard body.ui-v794[data-theme] #coach .coach-item-card > .coach-item-copy {
  position: static !important;
  grid-column: 2 !important;
  align-self: center !important;
  min-width: 0 !important;
  padding: 0 !important;
  color: var(--ui-text) !important;
}

html.native-layout-guard body.ui-v794[data-theme] #coach .coach-item-card > .coach-item-copy > strong {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  color: var(--ui-text) !important;
  font-family: inherit !important;
  font-size: 0.8rem !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  -webkit-line-clamp: unset !important;
}

html.native-layout-guard body.ui-v794[data-theme] #coach .coach-item-copy :is(small, span) {
  color: var(--ui-muted) !important;
}

html.native-layout-guard body.ui-v794[data-theme] #planner .planner-outfit {
  position: static !important;
  grid-column: auto !important;
  grid-row: auto !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-auto-rows: 180px !important;
  gap: 9px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  background: transparent !important;
}

html.native-layout-guard body.ui-v794[data-theme] #planner :is(.planner-slot, .planner-slot:first-child) {
  grid-column: auto !important;
  grid-row: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 180px !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 15px !important;
  background: var(--ui-surface-2) !important;
}

html.native-layout-guard body.ui-v794[data-theme] #capsule .capsule-items {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(138px, 1fr)) !important;
  grid-auto-flow: row !important;
  grid-auto-rows: 190px !important;
  gap: 9px !important;
  min-height: 0 !important;
}

html.native-layout-guard body.ui-v794[data-theme] #capsule :is(.capsule-item, .capsule-item:first-child) {
  grid-column: auto !important;
  grid-row: auto !important;
  min-height: 190px !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 15px !important;
  background: var(--ui-surface-2) !important;
}

html.native-layout-guard body.ui-v794[data-theme] #discover .discover-card {
  display: grid !important;
  grid-template-columns: minmax(250px, 0.86fr) minmax(0, 1.14fr) !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 18px !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-text) !important;
}

html.native-layout-guard body.ui-v794[data-theme] #discover .discover-body {
  gap: 13px !important;
  padding: 18px !important;
  background: transparent !important;
  color: var(--ui-text) !important;
}

html.native-layout-guard body.ui-v794[data-theme] #discover :is(
  .discover-meta,
  .discover-edit-proof,
  .discover-reasons p,
  .discover-tags span
) {
  border-color: var(--ui-line) !important;
  background: var(--ui-surface) !important;
  color: var(--ui-text) !important;
}

html.native-layout-guard body.ui-v794[data-theme] #inventory :is(
  .watchlist-row,
  .watchlist-body,
  .watchlist-target-form,
  .watchlist-target-presets,
  .watchlist-row-actions
) {
  min-width: 0 !important;
  max-width: 100% !important;
}

html.native-layout-guard body.ui-v794[data-theme] #inventory :is(
  .watchlist-claim-button,
  .watchlist-target-preset
) {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

@media (max-width: 699px) {
  html.native-layout-guard body.ui-v794[data-theme] :is(
    #passport .passport-layout,
    #coach .coach-layout,
    #fit .fit-layout,
    #planner .planner-layout,
    #capsule .capsule-layout,
    #discover .discover-layout
  ) {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] :is(
    #passport .passport-card-panel,
    #coach .coach-answer-panel,
    #fit .fit-result-panel,
    #planner .planner-result-panel,
    #capsule .capsule-board-panel,
    #discover .discover-card-panel,
    #passport .passport-panel,
    #coach .coach-panel,
    #fit .fit-panel,
    #planner .planner-panel,
    #capsule .capsule-panel,
    #discover .discover-side-panel,
    #passport .passport-products-panel,
    #passport .size-passport-panel,
    #passport .passport-history-panel,
    #coach .coach-history-panel,
    #fit .fit-history-panel,
    #planner .planner-history-panel,
    #capsule .capsule-outfits-panel,
    #capsule .capsule-history-panel
  ) {
    grid-area: auto !important;
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] #coach .coach-items {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] #planner .planner-outfit {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: 160px !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] #planner :is(.planner-slot, .planner-slot:first-child) {
    height: 160px !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] #capsule .capsule-items {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: 160px !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] #capsule :is(.capsule-item, .capsule-item:first-child) {
    min-height: 160px !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] #discover .discover-card {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] #discover .discover-media {
    height: 280px !important;
    min-height: 280px !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] #community > .section-head,
  html.native-layout-guard body.ui-v794[data-theme] #community > .section-head .section-actions,
  html.native-layout-guard body.ui-v794[data-theme] #community > .section-head .section-actions > * {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] #community > .section-head .section-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    overflow: hidden !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] #community > .section-head .section-actions > * {
    width: 100% !important;
  }
}

@media (max-width: 370px) {
  body.ui-v794 .topbar,
  body.ui-v794[data-theme] .topbar,
  html.native-layout-guard body.ui-v794 .topbar,
  html.native-layout-guard body.ui-v794[data-theme] .topbar {
    grid-template-columns: 42px minmax(0, 1fr) 66px 42px 42px !important;
    gap: 2px !important;
    padding-inline: 4px !important;
  }

  body.ui-v794 #subscriptionButton.subscription-pill,
  body.ui-v794[data-theme] #subscriptionButton.subscription-pill,
  html.native-layout-guard body.ui-v794 #subscriptionButton.subscription-pill,
  html.native-layout-guard body.ui-v794[data-theme] #subscriptionButton.subscription-pill {
    width: 66px !important;
    min-width: 66px !important;
    max-width: 66px !important;
    padding-inline: 5px !important;
  }

  body.ui-v794 #subscriptionButton > strong {
    font-size: 0.7rem !important;
  }

  body.ui-v794 main :is(.field-grid, .capture-field-grid) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.ui-v794 #studio .style-pulse-score {
    display: none !important;
  }

  body.ui-v794 #studio .style-pulse-verdict {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* v800 honest profile and size passport first run. */
body.ui-v794 #passport [data-passport-personalized][hidden],
body.ui-v794 #passport #sizePassportEmptyState[hidden] {
  display: none !important;
}

body.ui-v794 #passport .passport-empty-state {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.95fr) auto;
  align-items: center;
  gap: 22px;
  margin: 0 0 20px;
  padding: clamp(20px, 3vw, 34px);
  overflow: hidden;
  border: 1px solid rgba(210, 255, 97, 0.34) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 92% 12%, rgba(210, 255, 97, 0.15), transparent 30%),
    linear-gradient(145deg, #151b22 0%, #090d12 100%) !important;
  color: #f8f6ef !important;
  box-shadow: 0 20px 58px rgba(3, 7, 12, 0.2) !important;
}

body.ui-v794 #passport .passport-empty-state .eyebrow {
  color: #d2ff61 !important;
}

body.ui-v794 #passport .passport-empty-state h3 {
  max-width: 560px;
  margin: 7px 0 0;
  color: #ffffff !important;
  font-size: clamp(1.45rem, 3vw, 2.35rem);
  line-height: 1.02;
  text-wrap: balance;
}

body.ui-v794 #passport .passport-empty-signals {
  display: grid;
  gap: 8px;
  min-width: 0;
}

body.ui-v794 #passport .passport-empty-signals > span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-width: 0;
  padding: 11px 13px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.055);
}

body.ui-v794 #passport .passport-empty-signals :is(strong, em) {
  color: #f8f6ef !important;
  font-size: 0.78rem;
  font-style: normal;
  line-height: 1.25;
}

body.ui-v794 #passport .passport-empty-signals em {
  color: #d2ff61 !important;
  text-align: right;
}

body.ui-v794 #passport .passport-empty-state > p {
  grid-column: 1 / 3;
  margin: -4px 0 0;
  color: #c7d0d9 !important;
  font-size: 0.86rem;
  line-height: 1.45;
}

body.ui-v794 #passport .passport-empty-state > .primary-button {
  grid-column: 3;
  grid-row: 1 / 3;
  min-width: 190px;
  min-height: 50px;
  border-color: #d2ff61 !important;
  background: #d2ff61 !important;
  color: #0a0d10 !important;
  font-weight: 850;
}

body.ui-v794 #passport .passport-profile-save,
body.ui-v794 #passport .size-passport-panel .panel-actions button {
  min-height: 48px;
}

body.ui-v794 #passport .size-passport-empty {
  display: grid;
  gap: 5px;
  margin: 0 0 18px;
  padding: 16px 18px;
  border: 1px solid rgba(210, 255, 97, 0.32);
  border-radius: 15px;
  background: #10161d;
  color: #f8f6ef;
}

body.ui-v794 #passport .size-passport-empty strong {
  color: #ffffff !important;
  font-size: 1rem;
}

body.ui-v794 #passport .size-passport-empty p {
  margin: 0;
  color: #c5ced8 !important;
  font-size: 0.86rem;
  line-height: 1.45;
}

body.ui-v794 #passport .size-passport-panel[data-state="empty"] :is(.size-passport-metrics > div, .size-passport-row) {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: #11171e !important;
}

body.ui-v794 #passport .size-passport-panel[data-state="empty"] :is(.size-passport-metrics strong, .size-passport-row strong) {
  color: #ffffff !important;
}

body.ui-v794 #passport .size-passport-panel[data-state="empty"] :is(.size-passport-metrics span, .size-passport-row span, .size-passport-row small) {
  color: #c4ced8 !important;
}

body.ui-v794 #passport :is(.passport-panel, .size-passport-panel) :is(select, input:not([type="range"])) {
  border-color: rgba(122, 139, 156, 0.52) !important;
  background: #111820 !important;
  color: #ffffff !important;
  caret-color: #d2ff61;
}

body.ui-v794 #passport :is(.passport-panel, .size-passport-panel) :is(select, input:not([type="range"]))::placeholder {
  color: #aeb9c4 !important;
  opacity: 1;
}

body.ui-v794 #passport :is(.passport-panel, .size-passport-panel) select option {
  background: #111820;
  color: #ffffff;
}

body.ui-v794 #inventory #inventorySizeMatchOnly:disabled + span,
body.ui-v794 #inventory .inventory-size-match:has(#inventorySizeMatchOnly:disabled) {
  opacity: 0.72;
}

@media (max-width: 900px) {
  body.ui-v794 #passport .passport-empty-state {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  body.ui-v794 #passport .passport-empty-state > p,
  body.ui-v794 #passport .passport-empty-state > .primary-button {
    grid-column: 1;
    grid-row: auto;
  }

  body.ui-v794 #passport .passport-empty-state > .primary-button {
    width: 100%;
  }
}

@media (max-width: 420px) {
  body.ui-v794 #passport .passport-empty-state {
    width: 100%;
    min-width: 0;
    padding: 18px 14px;
    border-radius: 18px !important;
  }

  body.ui-v794 #passport .passport-empty-signals > span {
    align-items: flex-start;
    padding: 10px;
  }

  body.ui-v794 #passport .size-passport-panel .panel-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
  }

  body.ui-v794 #passport .size-passport-panel .panel-actions > button {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* v804-pending-generation-flow: configuration precedes an empty result on the mobile v794 layout. */
@media (max-width: 699px) {
  body.ui-v794 #planner[data-generation-state="pending"] .planner-panel,
  html.native-layout-guard body.ui-v794[data-theme] #planner[data-generation-state="pending"] .planner-panel,
  body.ui-v794 #coach[data-generation-state="pending"] .coach-panel,
  html.native-layout-guard body.ui-v794[data-theme] #coach[data-generation-state="pending"] .coach-panel,
  body.ui-v794 #capsule[data-generation-state="pending"] .capsule-panel,
  html.native-layout-guard body.ui-v794[data-theme] #capsule[data-generation-state="pending"] .capsule-panel {
    order: 1 !important;
    grid-column: 1 / -1 !important;
    grid-area: auto / 1 / auto / -1 !important;
  }

  body.ui-v794 #planner[data-generation-state="pending"] .planner-result-panel,
  html.native-layout-guard body.ui-v794[data-theme] #planner[data-generation-state="pending"] .planner-result-panel,
  body.ui-v794 #coach[data-generation-state="pending"] .coach-answer-panel,
  html.native-layout-guard body.ui-v794[data-theme] #coach[data-generation-state="pending"] .coach-answer-panel,
  body.ui-v794 #capsule[data-generation-state="pending"] .capsule-board-panel,
  html.native-layout-guard body.ui-v794[data-theme] #capsule[data-generation-state="pending"] .capsule-board-panel {
    order: 2 !important;
    grid-column: 1 / -1 !important;
    grid-area: auto / 1 / auto / -1 !important;
  }

  body.ui-v794 :is(
    #planner[data-generation-state="pending"] #plannerBriefHeadline,
    #coach[data-generation-state="pending"] #coachHeadline,
    #capsule[data-generation-state="pending"] #capsuleHeadline
  ),
  html.native-layout-guard body.ui-v794[data-theme] :is(
    #planner[data-generation-state="pending"] #plannerBriefHeadline,
    #coach[data-generation-state="pending"] #coachHeadline,
    #capsule[data-generation-state="pending"] #capsuleHeadline
  ) {
    max-width: none !important;
    font-size: clamp(1.62rem, 7.6vw, 2.15rem) !important;
    line-height: 1.01 !important;
  }

  body.ui-v794 :is(
    #planner[data-generation-state="pending"] .planner-ticket-head h3,
    #coach[data-generation-state="pending"] .coach-answer-head h3,
    #capsule[data-generation-state="pending"] .capsule-board-head h3
  ),
  html.native-layout-guard body.ui-v794[data-theme] :is(
    #planner[data-generation-state="pending"] .planner-ticket-head h3,
    #coach[data-generation-state="pending"] .coach-answer-head h3,
    #capsule[data-generation-state="pending"] .capsule-board-head h3
  ) {
    max-width: none !important;
    font-family: inherit !important;
    font-size: 1.28rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.035em !important;
    line-height: 1.05 !important;
  }

  body.ui-v794 :is(
    #planner[data-generation-state="pending"] #plannerScore,
    #planner[data-generation-state="pending"] .planner-metrics,
    #planner[data-generation-state="pending"] .planner-reasons,
    #planner[data-generation-state="pending"] .planner-brief-actions,
    #coach[data-generation-state="pending"] #coachScore,
    #coach[data-generation-state="pending"] .coach-metrics,
    #coach[data-generation-state="pending"] .coach-session-actions,
    #capsule[data-generation-state="pending"] #capsuleScore,
    #capsule[data-generation-state="pending"] .capsule-metrics,
    #capsule[data-generation-state="pending"] .capsule-edit-actions
  ),
  html.native-layout-guard body.ui-v794[data-theme] :is(
    #planner[data-generation-state="pending"] #plannerScore,
    #planner[data-generation-state="pending"] .planner-metrics,
    #planner[data-generation-state="pending"] .planner-reasons,
    #planner[data-generation-state="pending"] .planner-brief-actions,
    #coach[data-generation-state="pending"] #coachScore,
    #coach[data-generation-state="pending"] .coach-metrics,
    #coach[data-generation-state="pending"] .coach-session-actions,
    #capsule[data-generation-state="pending"] #capsuleScore,
    #capsule[data-generation-state="pending"] .capsule-metrics,
    #capsule[data-generation-state="pending"] .capsule-edit-actions
  ) {
    display: none !important;
  }

  body.ui-v794 #planner[data-generation-state="pending"] .planner-ticket,
  html.native-layout-guard body.ui-v794[data-theme] #planner[data-generation-state="pending"] .planner-ticket {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.ui-v794 #planner[data-generation-state="pending"] .planner-ticket-head,
  html.native-layout-guard body.ui-v794[data-theme] #planner[data-generation-state="pending"] .planner-ticket-head {
    grid-column: 1 / -1 !important;
    padding: 16px !important;
    border-right: 0 !important;
  }

  body.ui-v794 #planner[data-generation-state="pending"] .planner-outfit,
  html.native-layout-guard body.ui-v794[data-theme] #planner[data-generation-state="pending"] .planner-outfit {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    display: block !important;
    min-height: 0 !important;
    padding: 0 16px 16px !important;
    overflow: visible !important;
    background: transparent !important;
  }

  body.ui-v794 :is(
    #planner[data-generation-state="pending"] .planner-empty,
    #coach[data-generation-state="pending"] .coach-empty,
    #capsule[data-generation-state="pending"] .capsule-empty
  ),
  html.native-layout-guard body.ui-v794[data-theme] :is(
    #planner[data-generation-state="pending"] .planner-empty,
    #coach[data-generation-state="pending"] .coach-empty,
    #capsule[data-generation-state="pending"] .capsule-empty
  ) {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 14px 16px !important;
  }

  body.ui-v794 :is(
    #planner[data-generation-state="pending"] .planner-empty h4,
    #coach[data-generation-state="pending"] .coach-empty h4,
    #capsule[data-generation-state="pending"] .capsule-empty h4
  ),
  html.native-layout-guard body.ui-v794[data-theme] :is(
    #planner[data-generation-state="pending"] .planner-empty h4,
    #coach[data-generation-state="pending"] .coach-empty h4,
    #capsule[data-generation-state="pending"] .capsule-empty h4
  ) {
    margin: 0 0 4px !important;
    font-size: 0.88rem !important;
    line-height: 1.18 !important;
  }

  body.ui-v794 :is(
    #planner[data-generation-state="pending"] .planner-empty p,
    #coach[data-generation-state="pending"] .coach-empty p,
    #capsule[data-generation-state="pending"] .capsule-empty p
  ),
  html.native-layout-guard body.ui-v794[data-theme] :is(
    #planner[data-generation-state="pending"] .planner-empty p,
    #coach[data-generation-state="pending"] .coach-empty p,
    #capsule[data-generation-state="pending"] .capsule-empty p
  ) {
    margin: 0 !important;
    font-size: 0.78rem !important;
    line-height: 1.38 !important;
  }
}

/* One-time photo privacy consent. Routine review screens stay provider-neutral. */
body.ui-v794 .photo-consent-panel,
html.native-layout-guard body.ui-v794[data-theme] .photo-consent-panel {
  width: min(520px, 100%) !important;
  display: grid !important;
  gap: 18px !important;
  padding: 22px !important;
  overflow: auto !important;
  border: 1px solid rgba(244, 240, 232, 0.18) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(185, 247, 228, 0.1), transparent 38%),
    #11141b !important;
  color: #f8f7f4 !important;
}

body.ui-v794 .photo-consent-head,
html.native-layout-guard body.ui-v794[data-theme] .photo-consent-head {
  grid-template-columns: minmax(0, 1fr) !important;
  padding-bottom: 16px !important;
}

body.ui-v794 .photo-consent-copy,
html.native-layout-guard body.ui-v794[data-theme] .photo-consent-copy {
  display: grid !important;
  gap: 12px !important;
}

body.ui-v794 .photo-consent-copy p,
html.native-layout-guard body.ui-v794[data-theme] .photo-consent-copy p {
  margin: 0 !important;
  color: rgba(248, 247, 244, 0.78) !important;
  font-size: 0.94rem !important;
  line-height: 1.5 !important;
}

body.ui-v794 .photo-consent-copy a,
html.native-layout-guard body.ui-v794[data-theme] .photo-consent-copy a {
  width: fit-content !important;
  color: #b9f7e4 !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 4px !important;
}

body.ui-v794 .photo-consent-actions,
html.native-layout-guard body.ui-v794[data-theme] .photo-consent-actions {
  display: grid !important;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr) !important;
  gap: 10px !important;
}

body.ui-v794 .photo-consent-actions > button,
html.native-layout-guard body.ui-v794[data-theme] .photo-consent-actions > button {
  width: 100% !important;
  min-height: 48px !important;
}

@media (max-width: 520px) {
  body.ui-v794 .photo-consent-panel,
  html.native-layout-guard body.ui-v794[data-theme] .photo-consent-panel {
    width: 100% !important;
    padding: 18px 14px calc(18px + env(safe-area-inset-bottom)) !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-radius: 22px 22px 0 0 !important;
  }

  body.ui-v794 .photo-consent-actions,
  html.native-layout-guard body.ui-v794[data-theme] .photo-consent-actions {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* v817-safe-commerce-shell: the close action owns a fixed row instead of
   floating over purchase CTAs; Settings exposes one guarded route to Profile. */
body.ui-v794 .paywall-panel,
body.ui-v794[data-theme] .paywall-panel,
html.native-layout-guard body.ui-v794[data-theme] .paywall-panel {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 0 !important;
  height: min(760px, calc(100dvh - 32px)) !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.ui-v794 .paywall-head,
body.ui-v794[data-theme] .paywall-head,
html.native-layout-guard body.ui-v794[data-theme] .paywall-head {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 48px !important;
  align-items: start !important;
  gap: 12px !important;
  min-height: 74px !important;
  padding: 16px 18px 13px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: #11141b !important;
}

body.ui-v794 .paywall-head h2 {
  margin-top: 5px !important;
}

body.ui-v794 #paywallCloseButton.paywall-close,
body.ui-v794[data-theme] #paywallCloseButton.paywall-close,
html.native-layout-guard body.ui-v794[data-theme] #paywallCloseButton.paywall-close {
  position: static !important;
  inset: auto !important;
  align-self: start !important;
  justify-self: end !important;
  z-index: auto !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  background: #202630 !important;
  box-shadow: none !important;
}

body.ui-v794 .paywall-scroll-body,
body.ui-v794[data-theme] .paywall-scroll-body,
html.native-layout-guard body.ui-v794[data-theme] .paywall-scroll-body {
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-gutter: stable !important;
  display: grid !important;
  align-content: start !important;
  gap: 12px !important;
  padding: 14px 18px 18px !important;
  scroll-padding-top: 14px !important;
}

body.ui-v794 .paywall-scroll-body > #paywallText {
  color: #dedbd2 !important;
}

/* v889-free-tier-visible: jedyne zdanie o tym, co działa bez zakupu, musi być
   czytelne jako osobny blok, a nie ginąć jako kolejny akapit między pakietami. */
body.ui-v794 #paywallScrollBody > .paywall-free-note,
body.ui-v794[data-theme] #paywallScrollBody > .paywall-free-note,
html.native-layout-guard body.ui-v794[data-theme] #paywallScrollBody > .paywall-free-note {
  display: block !important;
  margin: 0 !important;
  padding: 12px !important;
  border: 1px solid rgba(215, 255, 102, 0.24) !important;
  border-radius: 10px !important;
  background: rgba(215, 255, 102, 0.07) !important;
  color: #dedbd2 !important;
  font-size: max(0.8125rem, 13px) !important;
  line-height: 1.45 !important;
}

body.ui-v794 .settings-profile .settings-actions {
  margin-top: auto !important;
}

body.ui-v794 #settingsProfileButton {
  width: 100% !important;
  min-height: 44px !important;
}

@media (max-width: 699px) {
  body.ui-v794 .paywall-panel,
  body.ui-v794[data-theme] .paywall-panel,
  html.native-layout-guard body.ui-v794[data-theme] .paywall-panel {
    height: calc(100dvh - env(safe-area-inset-top, 0px)) !important;
  }

  body.ui-v794 .paywall-head,
  body.ui-v794[data-theme] .paywall-head,
  html.native-layout-guard body.ui-v794[data-theme] .paywall-head {
    padding-top: max(14px, env(safe-area-inset-top, 0px)) !important;
  }

  body.ui-v794 .paywall-scroll-body,
  body.ui-v794[data-theme] .paywall-scroll-body,
  html.native-layout-guard body.ui-v794[data-theme] .paywall-scroll-body {
    padding: 12px 14px calc(18px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* v813-size-passport-sequence: collect data, confirm it, then enable Fit. */
body.ui-v794 #passport .size-passport-assist,
html.native-layout-guard body.ui-v794[data-theme] #passport .size-passport-assist {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 13px !important;
  border: 1px solid rgba(185, 247, 228, 0.18) !important;
  border-radius: 16px !important;
  background: rgba(185, 247, 228, 0.045) !important;
}

body.ui-v794 #passport .size-passport-assist strong,
body.ui-v794 #passport .size-passport-assist p,
html.native-layout-guard body.ui-v794[data-theme] #passport .size-passport-assist strong,
html.native-layout-guard body.ui-v794[data-theme] #passport .size-passport-assist p {
  display: block !important;
  margin: 0 !important;
}

body.ui-v794 #passport .size-passport-assist strong,
html.native-layout-guard body.ui-v794[data-theme] #passport .size-passport-assist strong {
  color: var(--sb-ink, #f4f0e8) !important;
  font-size: 0.84rem !important;
}

body.ui-v794 #passport .size-passport-assist p,
html.native-layout-guard body.ui-v794[data-theme] #passport .size-passport-assist p {
  margin-top: 4px !important;
  color: var(--sb-soft, rgba(244, 240, 232, 0.72)) !important;
  font-size: 0.74rem !important;
  line-height: 1.4 !important;
}

body.ui-v794 #passport .size-passport-assist button,
html.native-layout-guard body.ui-v794[data-theme] #passport .size-passport-assist button {
  min-height: 44px !important;
  white-space: nowrap !important;
}

body.ui-v794 #passport .size-passport-commit,
html.native-layout-guard body.ui-v794[data-theme] #passport .size-passport-commit {
  display: grid !important;
  gap: 10px !important;
  padding: 14px !important;
  border: 1px solid rgba(244, 240, 232, 0.12) !important;
  border-radius: 18px !important;
  background: rgba(5, 6, 8, 0.38) !important;
}

body.ui-v794 #passport .size-passport-progress,
html.native-layout-guard body.ui-v794[data-theme] #passport .size-passport-progress {
  margin: 0 !important;
  color: var(--sb-soft, rgba(244, 240, 232, 0.72)) !important;
  font-size: 0.78rem !important;
  font-weight: 760 !important;
  line-height: 1.4 !important;
}

body.ui-v794 #passport .size-passport-commit-actions,
html.native-layout-guard body.ui-v794[data-theme] #passport .size-passport-commit-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

body.ui-v794 #passport .size-passport-commit-actions button,
html.native-layout-guard body.ui-v794[data-theme] #passport .size-passport-commit-actions button {
  min-height: 46px !important;
}

body.ui-v794 #passport .size-passport-commit-actions button:disabled,
html.native-layout-guard body.ui-v794[data-theme] #passport .size-passport-commit-actions button:disabled {
  cursor: not-allowed !important;
  border-color: rgba(244, 240, 232, 0.12) !important;
  background: rgba(244, 240, 232, 0.055) !important;
  color: rgba(244, 240, 232, 0.45) !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

body.ui-v794 #passport .size-passport-panel[data-state="ready"] .size-passport-commit,
html.native-layout-guard body.ui-v794[data-theme] #passport .size-passport-panel[data-state="ready"] .size-passport-commit {
  border-color: rgba(255, 54, 95, 0.34) !important;
  background: rgba(255, 54, 95, 0.055) !important;
}

body.ui-v794 #passport .size-passport-panel[data-state="confirmed"] .size-passport-commit,
html.native-layout-guard body.ui-v794[data-theme] #passport .size-passport-panel[data-state="confirmed"] .size-passport-commit {
  border-color: rgba(185, 247, 228, 0.34) !important;
  background: rgba(185, 247, 228, 0.065) !important;
}

@media (max-width: 420px) {
  body.ui-v794 #passport .size-passport-assist,
  html.native-layout-guard body.ui-v794[data-theme] #passport .size-passport-assist,
  body.ui-v794 #passport .size-passport-commit-actions,
  html.native-layout-guard body.ui-v794[data-theme] #passport .size-passport-commit-actions {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.ui-v794 #passport .size-passport-assist button,
  html.native-layout-guard body.ui-v794[data-theme] #passport .size-passport-assist button {
    width: 100% !important;
    white-space: normal !important;
  }
}

/* v808-paywall-reading-order: recovery actions stay in the document flow so
   the expanded package comparison is never hidden below a floating toolbar. */
@media (max-width: 699px) {
  body.ui-v794 .paywall-panel,
  body.ui-v794[data-theme] .paywall-panel,
  html.native-layout-guard body.ui-v794[data-theme] .paywall-panel {
    scroll-padding-top: 72px !important;
  }

  body.ui-v794 .paywall-actions,
  body.ui-v794[data-theme] .paywall-actions,
  html.native-layout-guard body.ui-v794[data-theme] .paywall-actions {
    position: static !important;
    top: auto !important;
    z-index: auto !important;
    margin-block: 10px !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }

  body.ui-v794 #paywallComparison,
  body.ui-v794[data-theme] #paywallComparison,
  html.native-layout-guard body.ui-v794[data-theme] #paywallComparison {
    scroll-margin-top: 72px !important;
  }
}

body.ui-v794 #inventory .inventory-size-match:has(#inventorySizeMatchOnly:disabled),
html.native-layout-guard body.ui-v794[data-theme] main > #inventory .inventory-size-match:has(#inventorySizeMatchOnly:disabled),
body.ui-v794 #inventory .inventory-size-match:has(#inventorySizeMatchOnly:disabled) .inventory-size-match-copy,
html.native-layout-guard body.ui-v794[data-theme] main > #inventory .inventory-size-match:has(#inventorySizeMatchOnly:disabled) .inventory-size-match-copy {
  min-height: 54px !important;
}

body.ui-v794 #inventory .inventory-size-match:has(#inventorySizeMatchOnly:disabled) #inventorySizeMatchValue,
html.native-layout-guard body.ui-v794[data-theme] main > #inventory .inventory-size-match:has(#inventorySizeMatchOnly:disabled) #inventorySizeMatchValue {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  line-height: 1.22 !important;
}

/* v799 package decision shell: recovery stays reachable and the long comparison becomes optional. */
body.ui-v794 #paywallComparison > .paywall-comparison-head,
body.ui-v794[data-theme] #paywallComparison > .paywall-comparison-head,
html.native-layout-guard body.ui-v794[data-theme] #paywallComparison > .paywall-comparison-head {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 62px !important;
  padding: 14px !important;
  width: 100% !important;
  border: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font: inherit !important;
  text-align: left !important;
  appearance: none !important;
  cursor: pointer !important;
  list-style: none !important;
}

body.ui-v794 #paywallComparison > .paywall-comparison-content,
body.ui-v794[data-theme] #paywallComparison > .paywall-comparison-content,
html.native-layout-guard body.ui-v794[data-theme] #paywallComparison > .paywall-comparison-content {
  display: grid !important;
  gap: 10px !important;
  min-width: 0 !important;
}

body.ui-v794 #paywallComparison > .paywall-comparison-content[hidden] {
  display: none !important;
}

body.ui-v794 .paywall-comparison-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 72px !important;
  min-height: 38px !important;
  padding: 7px 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: #f8f7f4 !important;
  font-size: 0.72rem !important;
  font-weight: 820 !important;
}

body.ui-v794 #paywallComparison > .paywall-comparison-head:focus-visible {
  outline: 3px solid var(--ui-accent-2) !important;
  outline-offset: 2px !important;
}

body.ui-v794 #paywallCloseButton.paywall-close,
body.ui-v794[data-theme] #paywallCloseButton.paywall-close,
html.native-layout-guard body.ui-v794[data-theme] #paywallCloseButton.paywall-close {
  position: sticky !important;
  top: 0 !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  z-index: 7 !important;
  justify-self: end !important;
  background: #202630 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.36) !important;
}

body.ui-v794 .paywall-actions {
  position: sticky !important;
  top: 54px !important;
  z-index: 6 !important;
  padding: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 14px !important;
  background: rgba(17, 20, 27, 0.96) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.36) !important;
  backdrop-filter: blur(14px) !important;
}

body.ui-v794 .paywall-access-card[data-state="active"] {
  border-color: #34d399 !important;
  background: #052e24 !important;
}

body.ui-v794 .paywall-access-card[data-state="checking"] {
  border-color: #93c5fd !important;
  background: #172554 !important;
}

body.ui-v794 .paywall-access-card[data-state="warning"] {
  border-color: #fbbf24 !important;
  background: #422006 !important;
}

body.ui-v794 .paywall-access-card[data-state="error"] {
  border-color: #fca5a5 !important;
  background: #450a0a !important;
}

body.ui-v794 .paywall-product.is-current {
  border-color: #34d399 !important;
  background: #0d2f28 !important;
  box-shadow: 0 0 0 2px rgba(52, 211, 153, 0.28) !important;
}

@media (max-width: 699px) {
  body.ui-v794 .paywall-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.ui-v794 .paywall-actions > button {
    min-width: 0 !important;
    min-height: 48px !important;
    padding-inline: 8px !important;
    font-size: 0.74rem !important;
  }
}

/* v798 honest-first-run + decision-first photo result */
body.ui-v794 #studio .style-pulse[data-personalized="false"] .style-pulse-live i,
body.ui-v794[data-theme] #studio .style-pulse[data-personalized="false"] .style-pulse-live i,
html.native-layout-guard body.ui-v794[data-theme] #studio .style-pulse[data-personalized="false"] .style-pulse-live i {
  background: #f4bf5a !important;
  box-shadow: 0 0 0 4px rgba(244, 191, 90, 0.13) !important;
}

body.ui-v794 #studio .style-pulse[data-personalized="false"] .style-pulse-lead > span,
body.ui-v794[data-theme] #studio .style-pulse[data-personalized="false"] .style-pulse-lead > span,
html.native-layout-guard body.ui-v794[data-theme] #studio .style-pulse[data-personalized="false"] .style-pulse-lead > span {
  color: #f4bf5a !important;
}

body.ui-v794 #studio .style-pulse[data-score-mode="preview"] .style-pulse-score strong,
body.ui-v794[data-theme] #studio .style-pulse[data-score-mode="preview"] .style-pulse-score strong,
html.native-layout-guard body.ui-v794[data-theme] #studio .style-pulse[data-score-mode="preview"] .style-pulse-score strong {
  color: var(--ui-muted) !important;
}

body.ui-v794 #studio .style-pulse[data-score-mode="profile"] .style-pulse-score strong,
body.ui-v794[data-theme] #studio .style-pulse[data-score-mode="profile"] .style-pulse-score strong,
html.native-layout-guard body.ui-v794[data-theme] #studio .style-pulse[data-score-mode="profile"] .style-pulse-score strong {
  color: var(--ui-positive) !important;
}

body.ui-v794 #studio .style-pulse .style-pulse-score span,
body.ui-v794[data-theme] #studio .style-pulse .style-pulse-score span,
html.native-layout-guard body.ui-v794[data-theme] #studio .style-pulse .style-pulse-score span {
  max-width: 15ch !important;
}

body.ui-v794 #studio .expert-critique:not([hidden]),
body.ui-v794[data-theme] #studio .expert-critique:not([hidden]),
html.native-layout-guard body.ui-v794 #studio .expert-critique:not([hidden]),
html.native-layout-guard body.ui-v794[data-theme] main > #studio .expert-critique:not([hidden]) {
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.ui-v794 #studio .expert-result-photo,
body.ui-v794[data-theme] #studio .expert-result-photo,
html.native-layout-guard body.ui-v794[data-theme] #studio .expert-result-photo {
  position: relative !important;
  display: block !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 13px !important;
  background: #0b0f14 !important;
}

body.ui-v794 #studio .expert-result-photo img,
body.ui-v794[data-theme] #studio .expert-result-photo img,
html.native-layout-guard body.ui-v794[data-theme] #studio .expert-result-photo img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}

body.ui-v794 #studio .expert-result-photo-compact,
body.ui-v794[data-theme] #studio .expert-result-photo-compact,
html.native-layout-guard body.ui-v794[data-theme] #studio .expert-result-photo-compact {
  width: 92px !important;
  height: 116px !important;
}

body.ui-v794 #studio .expert-verdict-local .expert-verdict-local-top,
body.ui-v794[data-theme] #studio .expert-verdict-local .expert-verdict-local-top,
html.native-layout-guard body.ui-v794[data-theme] main > #studio .expert-verdict-local .expert-verdict-local-top {
  grid-template-columns: 92px minmax(0, 1fr) !important;
  gap: 13px !important;
  align-items: center !important;
}

body.ui-v794 #studio .expert-verdict-local .expert-verdict-body p,
body.ui-v794[data-theme] #studio .expert-verdict-local .expert-verdict-body p,
html.native-layout-guard body.ui-v794[data-theme] #studio .expert-verdict-local .expert-verdict-body p {
  color: var(--ui-muted) !important;
  font-size: 0.82rem !important;
  line-height: 1.38 !important;
}

body.ui-v794 #studio .expert-verdict-local > .expert-next-move,
body.ui-v794[data-theme] #studio .expert-verdict-local > .expert-next-move,
html.native-layout-guard body.ui-v794[data-theme] #studio .expert-verdict-local > .expert-next-move {
  padding: 12px !important;
  border: 1px solid var(--ui-line) !important;
  border-left: 4px solid var(--ui-accent) !important;
  border-radius: 13px !important;
  background: var(--ui-surface-2) !important;
}

body.ui-v794 #studio .expert-verdict-local > .expert-next-move > strong,
body.ui-v794[data-theme] #studio .expert-verdict-local > .expert-next-move > strong,
html.native-layout-guard body.ui-v794[data-theme] #studio .expert-verdict-local > .expert-next-move > strong {
  color: var(--ui-text) !important;
  font-size: 0.86rem !important;
  font-weight: 680 !important;
  line-height: 1.35 !important;
}

body.ui-v794 #studio .expert-verdict-local .expert-full-review-action,
body.ui-v794[data-theme] #studio .expert-verdict-local .expert-full-review-action,
html.native-layout-guard body.ui-v794[data-theme] #studio .expert-verdict-local .expert-full-review-action {
  justify-self: stretch !important;
  width: 100% !important;
  min-height: 48px !important;
  border-color: var(--ui-accent) !important;
  background: var(--ui-accent) !important;
  color: var(--ui-on-accent) !important;
}

body.ui-v794 #studio :is(.expert-result-details, .photo-journey-collapsible),
body.ui-v794[data-theme] #studio :is(.expert-result-details, .photo-journey-collapsible),
html.native-layout-guard body.ui-v794[data-theme] #studio :is(.expert-result-details, .photo-journey-collapsible) {
  margin: 10px 0 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 13px !important;
  background: var(--ui-surface-2) !important;
}

body.ui-v794 #studio :is(.expert-result-details, .photo-journey-collapsible) > summary,
body.ui-v794[data-theme] #studio :is(.expert-result-details, .photo-journey-collapsible) > summary,
html.native-layout-guard body.ui-v794[data-theme] #studio :is(.expert-result-details, .photo-journey-collapsible) > summary {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 48px !important;
  padding: 10px 12px !important;
  cursor: pointer !important;
  list-style: none !important;
  color: var(--ui-text) !important;
}

body.ui-v794 #studio :is(.expert-result-details, .photo-journey-collapsible) > summary::-webkit-details-marker {
  display: none !important;
}

body.ui-v794 #studio :is(.expert-result-details, .photo-journey-collapsible) > summary > span,
body.ui-v794[data-theme] #studio :is(.expert-result-details, .photo-journey-collapsible) > summary > span {
  color: var(--ui-text) !important;
  font-size: 0.8rem !important;
  font-weight: 760 !important;
}

body.ui-v794 #studio :is(.expert-result-details, .photo-journey-collapsible) > summary > small,
body.ui-v794[data-theme] #studio :is(.expert-result-details, .photo-journey-collapsible) > summary > small {
  color: var(--ui-muted) !important;
  font-size: 0.65rem !important;
  font-weight: 620 !important;
}

body.ui-v794 #studio :is(.expert-result-details, .photo-journey-collapsible) > summary::after,
body.ui-v794[data-theme] #studio :is(.expert-result-details, .photo-journey-collapsible) > summary::after {
  width: 24px !important;
  color: var(--ui-accent-2) !important;
  content: "+" !important;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-align: center !important;
}

body.ui-v794 #studio :is(.expert-result-details, .photo-journey-collapsible)[open] > summary,
body.ui-v794[data-theme] #studio :is(.expert-result-details, .photo-journey-collapsible)[open] > summary {
  border-bottom: 1px solid var(--ui-line) !important;
}

body.ui-v794 #studio :is(.expert-result-details, .photo-journey-collapsible)[open] > summary::after,
body.ui-v794[data-theme] #studio :is(.expert-result-details, .photo-journey-collapsible)[open] > summary::after {
  content: "−" !important;
}

body.ui-v794 #studio :is(.expert-result-details, .photo-journey-collapsible):not([open]) > :not(summary),
body.ui-v794[data-theme] #studio :is(.expert-result-details, .photo-journey-collapsible):not([open]) > :not(summary),
html.native-layout-guard body.ui-v794[data-theme] #studio :is(.expert-result-details, .photo-journey-collapsible):not([open]) > :not(summary) {
  display: none !important;
}

body.ui-v794 #studio :is(.expert-result-details, .photo-journey-collapsible) > summary:focus-visible,
body.ui-v794[data-theme] #studio :is(.expert-result-details, .photo-journey-collapsible) > summary:focus-visible {
  outline: 2px solid var(--ui-accent-2) !important;
  outline-offset: -3px !important;
}

body.ui-v794 #studio .expert-local-read-details .expert-verdict-metrics,
body.ui-v794[data-theme] #studio .expert-local-read-details .expert-verdict-metrics,
html.native-layout-guard body.ui-v794[data-theme] #studio .expert-local-read-details .expert-verdict-metrics {
  padding: 10px !important;
}

body.ui-v794 #studio .photo-journey-collapsible .photo-journey-actions,
body.ui-v794[data-theme] #studio .photo-journey-collapsible .photo-journey-actions,
html.native-layout-guard body.ui-v794[data-theme] #studio .photo-journey-collapsible .photo-journey-actions {
  padding: 10px !important;
}

body.ui-v794 #studio .expert-style-verdict-hero .expert-result-photo-wide,
body.ui-v794[data-theme] #studio .expert-style-verdict-hero .expert-result-photo-wide,
html.native-layout-guard body.ui-v794[data-theme] #studio .expert-style-verdict-hero .expert-result-photo-wide {
  width: 100% !important;
  height: 124px !important;
  border-color: rgba(22, 13, 17, 0.25) !important;
  border-radius: 2px !important;
}

body.ui-v794 #studio .expert-style-verdict-result,
body.ui-v794[data-theme] #studio .expert-style-verdict-result,
html.native-layout-guard body.ui-v794[data-theme] #studio .expert-style-verdict-result {
  grid-template-columns: 102px minmax(0, 1fr) !important;
}

body.ui-v794 #studio .expert-style-verdict-score,
body.ui-v794[data-theme] #studio .expert-style-verdict-score,
html.native-layout-guard body.ui-v794[data-theme] #studio .expert-style-verdict-score {
  min-width: 102px !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
}

body.ui-v794 #studio .expert-style-verdict-score strong,
body.ui-v794[data-theme] #studio .expert-style-verdict-score strong,
html.native-layout-guard body.ui-v794[data-theme] #studio .expert-style-verdict-score strong {
  display: block !important;
  font-size: clamp(3.7rem, 15vw, 5.7rem) !important;
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

body.ui-v794 #studio .expert-style-verdict-details,
body.ui-v794[data-theme] #studio .expert-style-verdict-details,
html.native-layout-guard body.ui-v794[data-theme] #studio .expert-style-verdict-details {
  margin: 0 !important;
  border: 0 !important;
  border-top: 1px solid #dfd1d4 !important;
  border-radius: 0 !important;
  background: #fffaf3 !important;
}

body.ui-v794 #studio .expert-style-verdict-details > summary,
body.ui-v794[data-theme] #studio .expert-style-verdict-details > summary,
html.native-layout-guard body.ui-v794[data-theme] #studio .expert-style-verdict-details > summary {
  padding-inline: 18px !important;
  color: #160d11 !important;
}

body.ui-v794 #studio .expert-style-verdict-details > summary > span,
body.ui-v794[data-theme] #studio .expert-style-verdict-details > summary > span {
  color: #160d11 !important;
}

body.ui-v794 #studio .expert-style-verdict-details > summary > small,
body.ui-v794[data-theme] #studio .expert-style-verdict-details > summary > small {
  color: #79666d !important;
}

body.ui-v794 #studio .expert-style-verdict-details > summary::after,
body.ui-v794[data-theme] #studio .expert-style-verdict-details > summary::after {
  color: #ed2f6c !important;
}

body.ui-v794 #studio .expert-style-verdict > .photo-journey.photo-journey-collapsible,
body.ui-v794[data-theme] #studio .expert-style-verdict > .photo-journey.photo-journey-collapsible,
html.native-layout-guard body.ui-v794[data-theme] #studio .expert-style-verdict > .photo-journey.photo-journey-collapsible {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-top: 1px solid #dfd1d4 !important;
  border-radius: 0 !important;
  background: #fffaf3 !important;
}

body.ui-v794 #studio .expert-style-verdict > .photo-journey.photo-journey-collapsible > summary,
body.ui-v794[data-theme] #studio .expert-style-verdict > .photo-journey.photo-journey-collapsible > summary {
  padding-inline: 18px !important;
}

body.ui-v794 #studio .expert-style-verdict > .photo-journey.photo-journey-collapsible > summary > span,
body.ui-v794[data-theme] #studio .expert-style-verdict > .photo-journey.photo-journey-collapsible > summary > span {
  color: #160d11 !important;
}

@media (max-width: 699px) {
  body.ui-v794 #studio .expert-result-photo-compact,
  body.ui-v794[data-theme] #studio .expert-result-photo-compact,
  html.native-layout-guard body.ui-v794[data-theme] #studio .expert-result-photo-compact {
    width: 82px !important;
    height: 104px !important;
  }

  body.ui-v794 #studio .expert-verdict-local .expert-verdict-local-top,
  body.ui-v794[data-theme] #studio .expert-verdict-local .expert-verdict-local-top,
  html.native-layout-guard body.ui-v794[data-theme] main > #studio .expert-verdict-local .expert-verdict-local-top {
    grid-template-columns: 82px minmax(0, 1fr) !important;
  }

  body.ui-v794 #studio .expert-style-verdict-hero,
  body.ui-v794[data-theme] #studio .expert-style-verdict-hero,
  html.native-layout-guard body.ui-v794[data-theme] #studio .expert-style-verdict-hero {
    gap: 13px !important;
    padding: 14px !important;
  }

  body.ui-v794 #studio .expert-style-verdict-hero .expert-result-photo-wide,
  body.ui-v794[data-theme] #studio .expert-style-verdict-hero .expert-result-photo-wide {
    height: 112px !important;
  }

  body.ui-v794 #studio .expert-style-verdict-result,
  body.ui-v794[data-theme] #studio .expert-style-verdict-result,
  html.native-layout-guard body.ui-v794[data-theme] #studio .expert-style-verdict-result {
    grid-template-columns: 96px minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  body.ui-v794 #studio .expert-style-verdict-score,
  body.ui-v794[data-theme] #studio .expert-style-verdict-score,
  html.native-layout-guard body.ui-v794[data-theme] #studio .expert-style-verdict-score {
    min-width: 96px !important;
  }

  body.ui-v794 #studio .expert-style-verdict-score strong,
  body.ui-v794[data-theme] #studio .expert-style-verdict-score strong,
  html.native-layout-guard body.ui-v794[data-theme] #studio .expert-style-verdict-score strong {
    font-size: clamp(3.55rem, 14vw, 4.65rem) !important;
  }

  body.ui-v794 #studio :is(.expert-result-details, .photo-journey-collapsible) > summary {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  body.ui-v794 #studio :is(.expert-result-details, .photo-journey-collapsible) > summary > small {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  body.ui-v794 #studio :is(.expert-result-details, .photo-journey-collapsible) > summary::after {
    grid-column: 2 !important;
    grid-row: 1 / 3 !important;
  }
}

/* v794 final quality pass: remove the last legacy geometry and palette leaks. */
html.native-layout-guard body.ui-v794[data-theme] main > #clients #clientDesk {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 18px !important;
  background: var(--ui-surface) !important;
  color: var(--ui-text) !important;
  box-shadow: none !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #clients #clientDesk .client-desk-edition {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: 44px !important;
  padding: 11px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ui-line) !important;
  background: color-mix(in srgb, var(--ui-bg) 72%, var(--ui-surface)) !important;
  color: var(--ui-muted) !important;
  font-family: inherit !important;
  font-size: 0.64rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.2 !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #clients #clientDesk .client-desk-edition strong {
  color: var(--ui-accent-2) !important;
  font: inherit !important;
  text-align: right !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #clients #clientDesk .client-desk-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.12fr) minmax(260px, 0.88fr) !important;
  width: 100% !important;
  min-width: 0 !important;
  background: transparent !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #clients #clientDesk .client-desk-copy {
  display: grid !important;
  align-content: start !important;
  gap: 14px !important;
  min-width: 0 !important;
  padding: 20px !important;
  background: transparent !important;
  color: var(--ui-text) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #clients #clientDesk .client-desk-eyebrow {
  color: var(--ui-accent-2) !important;
  font-family: inherit !important;
  font-size: 0.68rem !important;
  font-weight: 820 !important;
  letter-spacing: 0.09em !important;
  line-height: 1.2 !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #clients #clientDesk h3 {
  max-width: 15ch !important;
  margin: 0 !important;
  overflow: visible !important;
  color: var(--ui-text) !important;
  font-family: inherit !important;
  font-size: clamp(2rem, 4.4vw, 3.15rem) !important;
  font-weight: 840 !important;
  letter-spacing: -0.052em !important;
  line-height: 1 !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #clients #clientDesk .client-desk-narrative {
  display: block !important;
  max-width: 62ch !important;
  margin: 0 !important;
  padding: 13px !important;
  overflow: visible !important;
  border: 1px solid var(--ui-line) !important;
  border-left: 3px solid var(--ui-accent-2) !important;
  border-radius: 13px !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-muted) !important;
  font-family: inherit !important;
  font-size: 0.86rem !important;
  font-weight: 520 !important;
  line-height: 1.48 !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #clients #clientDesk .client-desk-facts {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  border: 0 !important;
  background: transparent !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #clients #clientDesk .client-desk-facts > div {
  display: grid !important;
  align-content: center !important;
  gap: 4px !important;
  min-width: 0 !important;
  min-height: 68px !important;
  padding: 11px !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 12px !important;
  background: var(--ui-surface-2) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #clients #clientDesk .client-desk-facts :is(strong, span) {
  display: block !important;
  max-width: 100% !important;
  overflow: visible !important;
  color: var(--ui-text) !important;
  font-family: inherit !important;
  line-height: 1.18 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #clients #clientDesk .client-desk-facts strong {
  font-size: 0.88rem !important;
  font-weight: 820 !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #clients #clientDesk .client-desk-facts span {
  color: var(--ui-muted) !important;
  font-size: 0.58rem !important;
  font-weight: 720 !important;
  letter-spacing: 0.04em !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #clients #clientDesk .client-desk-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #clients #clientDesk .client-desk-actions > :only-child {
  grid-column: 1 / -1 !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #clients #clientDesk .client-desk-actions :is(.primary-button, .ghost-button) {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 46px !important;
  border-radius: 12px !important;
  font-family: inherit !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #clients #clientDesk .client-desk-product {
  position: relative !important;
  min-width: 0 !important;
  min-height: 360px !important;
  height: auto !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-left: 1px solid var(--ui-line) !important;
  background: color-mix(in srgb, var(--ui-bg) 72%, var(--ui-surface)) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #clients #clientDesk .client-desk-product img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 18px !important;
  background: transparent !important;
  object-fit: contain !important;
  filter: none !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #clients #clientDesk .client-desk-product figcaption {
  position: absolute !important;
  inset: auto 12px 12px 12px !important;
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
  padding: 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 12px !important;
  background: rgba(8, 10, 14, 0.9) !important;
  color: #fff !important;
  backdrop-filter: blur(12px) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #clients #clientDesk .client-desk-product figcaption :is(small, strong, span) {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  color: #fff !important;
  font-family: inherit !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  -webkit-line-clamp: unset !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #clients #clientDesk .client-desk-product figcaption small {
  color: #d9ef72 !important;
  font-size: 0.56rem !important;
  font-weight: 820 !important;
  letter-spacing: 0.08em !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #clients #clientDesk .client-desk-product figcaption strong {
  font-size: 0.9rem !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #clients #clientDesk .client-desk-product figcaption span {
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 0.65rem !important;
}

@media (max-width: 699px) {
  html.native-layout-guard body.ui-v794[data-theme] main > #clients > .section-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 12px !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #clients > .section-head > div:first-child {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #clients > .section-head > .section-actions {
    display: grid !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    grid-template-columns: minmax(0, 1fr) 82px !important;
    align-items: stretch !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #clients > .section-head > .section-actions > :is(.primary-button, .ghost-button) {
    grid-column: auto !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    padding-inline: 8px !important;
    white-space: normal !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #clients #clientDesk .client-desk-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #clients #clientDesk .client-desk-copy {
    gap: 12px !important;
    padding: 16px !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #clients #clientDesk h3 {
    max-width: 13ch !important;
    font-size: clamp(1.9rem, 9vw, 2.4rem) !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #clients #clientDesk .client-desk-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #clients #clientDesk .client-desk-facts > div:last-child {
    grid-column: 1 / -1 !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #clients #clientDesk .client-desk-actions {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #clients #clientDesk .client-desk-product {
    min-height: 300px !important;
    border-top: 1px solid var(--ui-line) !important;
    border-left: 0 !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > .active-view .mobile-collapsible.is-collapsed {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #lookbook .lookbook-metrics > div > span,
  html.native-layout-guard body.ui-v794[data-theme] main > #lookbook .look-product-caption > strong,
  html.native-layout-guard body.ui-v794[data-theme] main > #trends :is(.trend-card-hot, .trend-card-warm) > p {
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-height: 24px !important;
    max-height: none !important;
    overflow: visible !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    -webkit-box-orient: initial !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #history #savedLookGrid {
    grid-auto-columns: minmax(0, 100%) !important;
    scroll-padding-inline: 0 !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #history #savedLookGrid .saved-look-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    scroll-snap-align: start !important;
  }

  /* A lead product gives each generated decision a clear visual anchor. */
  html.native-layout-guard body.ui-v794[data-theme] main > #community #circleDispatch .circle-dispatch-look {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #community #circleDispatch .circle-dispatch-piece {
    height: 154px !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #community #circleDispatch .circle-dispatch-piece:first-child {
    grid-column: 1 / -1 !important;
    height: 224px !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #planner .planner-outfit {
    grid-auto-rows: auto !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #planner :is(.planner-slot, .planner-slot:first-child) {
    height: 132px !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #planner .planner-slot:first-child {
    grid-column: 1 / -1 !important;
    height: 292px !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #capsule .capsule-items {
    grid-auto-rows: auto !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #capsule :is(.capsule-item, .capsule-item:first-child) {
    height: 120px !important;
    min-height: 120px !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #capsule .capsule-item:first-child {
    grid-column: 1 / -1 !important;
    height: 312px !important;
    min-height: 312px !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #coach .coach-items {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #coach :is(.coach-item-card, .coach-item-card:first-child) {
    height: 120px !important;
    min-height: 120px !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #coach .coach-item-card:first-child {
    position: relative !important;
    display: block !important;
    height: 312px !important;
    min-height: 312px !important;
    padding: 0 !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #coach .coach-item-card:first-child > img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    padding: 14px !important;
    object-fit: contain !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #coach .coach-item-card:first-child > .coach-item-copy {
    position: absolute !important;
    inset: auto 10px 10px 10px !important;
    z-index: 2 !important;
    display: grid !important;
    gap: 4px !important;
    padding: 11px !important;
    border-radius: 11px !important;
    background: rgba(8, 10, 14, 0.9) !important;
    color: #fff !important;
    backdrop-filter: blur(10px) !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #coach .coach-item-card:first-child > .coach-item-copy :is(small, strong, span) {
    color: #fff !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #passport .passport-id-product-card {
    grid-template-columns: minmax(112px, 0.78fr) minmax(0, 1.22fr) !important;
    min-height: 280px !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #passport .passport-id-product-card img {
    width: 100% !important;
    height: 252px !important;
  }
}

/* Circle dispatch: readable briefing instead of the legacy narrow magazine rail. */
html.native-layout-guard body.ui-v794[data-theme] main > #community #circleDispatch .circle-dispatch-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.7fr) !important;
  grid-template-rows: auto !important;
  gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  background: transparent !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #community #circleDispatch .circle-dispatch-copy {
  display: grid !important;
  align-content: start !important;
  gap: 14px !important;
  min-width: 0 !important;
  padding: 20px !important;
  background: transparent !important;
  color: var(--ui-text) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #community #circleDispatch :is(
  .circle-dispatch-kicker,
  .circle-dispatch-reward
) {
  margin: 0 !important;
  color: var(--ui-muted) !important;
  font-family: inherit !important;
  font-size: 0.68rem !important;
  font-weight: 780 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.3 !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #community #circleDispatch h3 {
  max-width: 15ch !important;
  margin: 0 !important;
  color: var(--ui-text) !important;
  font-family: inherit !important;
  font-size: clamp(2rem, 4vw, 2.8rem) !important;
  font-style: normal !important;
  font-weight: 830 !important;
  letter-spacing: -0.05em !important;
  line-height: 1 !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #community #circleDispatch .circle-dispatch-narrative {
  display: block !important;
  max-width: 62ch !important;
  margin: 0 !important;
  padding: 13px !important;
  border: 1px solid var(--ui-line) !important;
  border-left: 3px solid var(--ui-accent-2) !important;
  border-radius: 13px !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-muted) !important;
  font-family: inherit !important;
  font-size: 0.86rem !important;
  line-height: 1.48 !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #community #circleDispatch .circle-dispatch-facts {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  border: 0 !important;
  background: transparent !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #community #circleDispatch .circle-dispatch-facts > div {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
  min-height: 64px !important;
  padding: 11px !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 12px !important;
  background: var(--ui-surface-2) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #community #circleDispatch .circle-dispatch-facts strong {
  color: var(--ui-text) !important;
  font-family: inherit !important;
  font-size: 0.88rem !important;
  line-height: 1.15 !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #community #circleDispatch .circle-dispatch-facts span {
  color: var(--ui-muted) !important;
  font-size: 0.58rem !important;
  line-height: 1.2 !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #community #circleDispatch .circle-dispatch-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #community #circleDispatch .circle-dispatch-actions :is(.primary-button, .ghost-button) {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 46px !important;
  border-radius: 12px !important;
  font-family: inherit !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #community #circleDispatch .circle-dispatch-actions .primary-button {
  border: 1px solid var(--ui-accent) !important;
  background: var(--ui-accent) !important;
  color: var(--ui-on-accent) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #community #circleDispatch .circle-dispatch-actions .ghost-button {
  border: 1px solid var(--ui-line) !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-text) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #community #circleDispatch .circle-dispatch-look {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-template-rows: none !important;
  grid-auto-rows: 230px !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 14px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-left: 1px solid var(--ui-line) !important;
  background: color-mix(in srgb, var(--ui-bg) 72%, var(--ui-surface)) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #community #circleDispatch .circle-dispatch-piece {
  position: relative !important;
  display: block !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 230px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 13px !important;
  background: var(--ui-surface-2) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #community #circleDispatch .circle-dispatch-piece img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 8px !important;
  object-fit: contain !important;
  filter: none !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #community #circleDispatch .circle-dispatch-piece > span {
  position: absolute !important;
  inset: 8px 8px auto auto !important;
  z-index: 2 !important;
  padding: 5px 6px !important;
  border-radius: 8px !important;
  background: rgba(8, 10, 14, 0.88) !important;
  color: #fff !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #community #circleDispatch .circle-dispatch-piece figcaption {
  position: absolute !important;
  inset: auto 7px 7px 7px !important;
  z-index: 2 !important;
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
  padding: 8px !important;
  border-radius: 9px !important;
  background: rgba(8, 10, 14, 0.9) !important;
  color: #fff !important;
  backdrop-filter: blur(10px) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #community #circleDispatch .circle-dispatch-piece figcaption :is(small, strong) {
  display: block !important;
  max-width: 100% !important;
  overflow: visible !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 0.62rem !important;
  line-height: 1.18 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 699px) {
  html.native-layout-guard body.ui-v794[data-theme] main > #community #circleDispatch .circle-dispatch-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #community #circleDispatch .circle-dispatch-copy {
    gap: 12px !important;
    padding: 16px !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #community #circleDispatch h3 {
    max-width: 13ch !important;
    font-size: clamp(1.9rem, 9vw, 2.4rem) !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #community #circleDispatch .circle-dispatch-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #community #circleDispatch .circle-dispatch-facts > div:last-child {
    grid-column: 1 / -1 !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #community #circleDispatch .circle-dispatch-actions {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #community #circleDispatch .circle-dispatch-look {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-rows: 160px !important;
    padding: 12px !important;
    border-top: 1px solid var(--ui-line) !important;
    border-left: 0 !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #community #circleDispatch .circle-dispatch-piece {
    height: 160px !important;
  }
}

@media (max-width: 699px) {
  html.native-layout-guard body.ui-v794[data-theme] #paywallComparisonTable :is(th, td) {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] #paywallComparisonTable :is(th, td):first-child {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.ui-v794 *,
  body.ui-v794 *::before,
  body.ui-v794 *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

body.ui-v794 [hidden],
html.native-layout-guard body.ui-v794 [hidden] {
  display: none !important;
}

/* Legacy compatibility: win even against old ID-heavy component rules. */
body.ui-v794 [hidden]:not(#stylebrain-hidden-a#stylebrain-hidden-b#stylebrain-hidden-c),
html.native-layout-guard body.ui-v794 [hidden]:not(#stylebrain-hidden-a#stylebrain-hidden-b#stylebrain-hidden-c) {
  display: none !important;
}

/*
 * Final module contract.
 * Feature-specific legacy themes are intentionally normalized here so every
 * workspace reads as one product rather than a stack of editorial microsites.
 */
html.native-layout-guard body.ui-v794[data-theme] main > :is(
  #passport,
  #coach,
  #fit,
  #planner,
  #capsule,
  #discover,
  #brain,
  #inventory,
  #lookbook,
  #clients,
  #report,
  #history,
  #community,
  #trends,
  #business
) {
  background:
    radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--ui-accent) 8%, transparent), transparent 36%),
    #0a0d13 !important;
  color: var(--ui-text) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > :is(
  #passport,
  #coach,
  #fit,
  #planner,
  #capsule,
  #discover,
  #brain,
  #inventory,
  #lookbook,
  #clients,
  #report,
  #history,
  #community,
  #trends
) > .section-head {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 18px !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 22px !important;
  overflow: hidden !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 100% 0%, var(--ui-accent-soft), transparent 42%),
    var(--ui-surface) !important;
  color: var(--ui-text) !important;
  box-shadow: none !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > :is(
  #passport,
  #coach,
  #fit,
  #planner,
  #capsule,
  #discover,
  #brain,
  #inventory,
  #lookbook,
  #clients,
  #report,
  #history,
  #community,
  #trends
) > .section-head::before,
html.native-layout-guard body.ui-v794[data-theme] main > :is(
  #passport,
  #coach,
  #fit,
  #planner,
  #capsule,
  #discover,
  #brain,
  #inventory,
  #lookbook,
  #clients,
  #report,
  #history,
  #community,
  #trends
) > .section-head::after {
  display: none !important;
  content: none !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > :is(
  #passport,
  #coach,
  #fit,
  #planner,
  #capsule,
  #discover,
  #brain,
  #inventory,
  #lookbook,
  #clients,
  #report,
  #history,
  #community,
  #trends
) > .section-head :is(h1, h2) {
  max-width: 18ch !important;
  margin: 5px 0 0 !important;
  color: var(--ui-text) !important;
  font-family: inherit !important;
  font-size: clamp(2rem, 4.2vw, 3.15rem) !important;
  font-style: normal !important;
  font-weight: 840 !important;
  letter-spacing: -0.052em !important;
  line-height: 1 !important;
  text-transform: none !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > :is(
  #passport,
  #coach,
  #fit,
  #planner,
  #capsule,
  #discover,
  #brain,
  #inventory,
  #lookbook,
  #clients,
  #report,
  #history,
  #community,
  #trends
) > .section-head p {
  max-width: 62ch !important;
  margin: 10px 0 0 !important;
  color: var(--ui-muted) !important;
  font-family: inherit !important;
  font-size: 0.9rem !important;
  font-weight: 520 !important;
  letter-spacing: 0 !important;
  line-height: 1.45 !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > :is(
  #passport,
  #coach,
  #fit,
  #planner,
  #capsule,
  #discover,
  #brain,
  #inventory,
  #lookbook,
  #clients,
  #report,
  #history,
  #community,
  #trends
) > :is(
  .passport-layout,
  .coach-layout,
  .fit-layout,
  .planner-layout,
  .capsule-layout,
  .discover-layout,
  .brain-layout,
  .lookbook-layout,
  .clients-layout,
  .history-layout
) {
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > :is(
  #passport,
  #coach,
  #fit,
  #planner,
  #capsule,
  #discover,
  #brain,
  #inventory,
  #lookbook,
  #clients,
  #report,
  #history,
  #community,
  #trends
) :is(
  .panel,
  .history-block,
  .merch-brief,
  .circle-dispatch,
  .trend-lab,
  .trend-intel-panel,
  .client-desk,
  .client-workbench,
  .inventory-finder,
  .inventory-compare-panel,
  .lookbook-workbench,
  .followup-panel,
  .reservation-panel
) {
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 18px !important;
  overflow: hidden !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 20px !important;
  background: var(--ui-surface) !important;
  color: var(--ui-text) !important;
  box-shadow: none !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > :is(
  #passport,
  #coach,
  #fit,
  #planner,
  #capsule,
  #discover,
  #brain,
  #inventory,
  #lookbook,
  #clients,
  #report,
  #history,
  #community,
  #trends
) :is(
  .panel,
  .history-block,
  .merch-brief,
  .circle-dispatch,
  .trend-lab,
  .client-desk,
  .inventory-finder,
  .lookbook-workbench
)::before,
html.native-layout-guard body.ui-v794[data-theme] main > :is(
  #passport,
  #coach,
  #fit,
  #planner,
  #capsule,
  #discover,
  #brain,
  #inventory,
  #lookbook,
  #clients,
  #report,
  #history,
  #community,
  #trends
) :is(
  .panel,
  .history-block,
  .merch-brief,
  .circle-dispatch,
  .trend-lab,
  .client-desk,
  .inventory-finder,
  .lookbook-workbench
)::after {
  display: none !important;
  content: none !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > :is(
  #passport,
  #coach,
  #fit,
  #planner,
  #capsule,
  #discover,
  #brain,
  #inventory,
  #lookbook,
  #clients,
  #report,
  #history,
  #community,
  #trends
) :is(.panel-head, .history-block-head, .followup-head, .reservation-head, .trend-intel-head) {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin: 0 0 14px !important;
  padding: 0 0 12px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ui-line) !important;
  background: transparent !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > :is(
  #passport,
  #coach,
  #fit,
  #planner,
  #capsule,
  #discover,
  #brain,
  #inventory,
  #lookbook,
  #clients,
  #report,
  #history,
  #community,
  #trends
) :is(h1, h2, h3, h4, h5, h6, strong, b) {
  color: var(--ui-text) !important;
  font-family: inherit !important;
  font-style: normal !important;
  letter-spacing: -0.025em !important;
  text-transform: none !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > :is(
  #passport,
  #coach,
  #fit,
  #planner,
  #capsule,
  #discover,
  #brain,
  #inventory,
  #lookbook,
  #clients,
  #report,
  #history,
  #community,
  #trends
) :is(p, li, small, label) {
  color: var(--ui-muted) !important;
  font-family: inherit !important;
  letter-spacing: 0 !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > :is(
  #passport,
  #coach,
  #fit,
  #planner,
  #capsule,
  #discover,
  #brain,
  #inventory,
  #lookbook,
  #clients,
  #report,
  #history,
  #community,
  #trends
) :is(.eyebrow, [class$="-edition"], [class$="-kicker"]) {
  color: var(--ui-accent-2) !important;
  font-family: inherit !important;
  font-size: 0.72rem !important;
  font-style: normal !important;
  font-weight: 820 !important;
  letter-spacing: 0.1em !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > :is(
  #passport,
  #coach,
  #fit,
  #planner,
  #capsule,
  #discover
) :is(
  .passport-id-board,
  .coach-session-board,
  .fit-verdict-board,
  .day-brief-ticket,
  .capsule-board,
  .discover-card
) {
  display: grid !important;
  gap: 14px !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 16px !important;
  overflow: hidden !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 18px !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-text) !important;
  box-shadow: none !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > :is(
  #passport,
  #coach,
  #fit,
  #planner,
  #capsule,
  #discover
) :is(
  .passport-id-board,
  .coach-session-board,
  .fit-verdict-board,
  .day-brief-ticket,
  .capsule-board,
  .discover-card
)::before,
html.native-layout-guard body.ui-v794[data-theme] main > :is(
  #passport,
  #coach,
  #fit,
  #planner,
  #capsule,
  #discover
) :is(
  .passport-id-board,
  .coach-session-board,
  .fit-verdict-board,
  .day-brief-ticket,
  .capsule-board,
  .discover-card
)::after {
  display: none !important;
  content: none !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > :is(
  #passport,
  #coach,
  #fit,
  #planner,
  #capsule,
  #discover
) :is(
  .passport-card-head,
  .coach-answer-head,
  .fit-ticket-head,
  .planner-ticket-head,
  .capsule-board-head
) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > :is(
  #passport,
  #coach,
  #fit,
  #planner,
  #capsule,
  #discover
) :is(
  .passport-card-head,
  .coach-answer-head,
  .fit-ticket-head,
  .planner-ticket-head,
  .capsule-board-head,
  .discover-body
) h3 {
  max-width: 20ch !important;
  margin: 4px 0 0 !important;
  color: var(--ui-text) !important;
  font-family: inherit !important;
  font-size: clamp(1.7rem, 3.5vw, 2.45rem) !important;
  font-style: normal !important;
  font-weight: 830 !important;
  letter-spacing: -0.05em !important;
  line-height: 1.02 !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > :is(
  #passport,
  #coach,
  #fit,
  #planner,
  #capsule,
  #discover
) :is(
  .passport-id-narrative,
  .coach-session-narrative,
  .fit-verdict-narrative,
  .planner-brief-narrative,
  .capsule-edit-narrative,
  .discover-edit-story,
  .discover-edit-thesis
) {
  max-width: 62ch !important;
  margin: 7px 0 0 !important;
  color: var(--ui-muted) !important;
  font-family: inherit !important;
  font-size: 0.88rem !important;
  font-weight: 520 !important;
  letter-spacing: 0 !important;
  line-height: 1.45 !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > :is(
  #passport,
  #coach,
  #fit,
  #planner,
  #capsule,
  #discover
) :is(
  .passport-id-edition,
  .coach-session-edition,
  .fit-verdict-edition,
  .planner-brief-edition,
  .capsule-board-edition
) {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin: 0 0 12px !important;
  padding: 0 0 11px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ui-line) !important;
  background: transparent !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > :is(
  #passport,
  #coach,
  #fit,
  #planner,
  #capsule,
  #discover
) :is(
  .passport-metrics,
  .coach-metrics,
  .fit-metrics,
  .planner-metrics,
  .capsule-metrics,
  .discover-metrics
) {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(105px, 1fr)) !important;
  gap: 8px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > :is(
  #passport,
  #coach,
  #fit,
  #planner,
  #capsule,
  #discover
) :is(
  .passport-metrics,
  .coach-metrics,
  .fit-metrics,
  .planner-metrics,
  .capsule-metrics,
  .discover-metrics
) > * {
  min-width: 0 !important;
  min-height: 66px !important;
  padding: 11px !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 13px !important;
  background: var(--ui-surface-3) !important;
  color: var(--ui-text) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > :is(
  #passport,
  #coach,
  #fit,
  #planner,
  #capsule,
  #discover
) :is(
  .passport-metrics,
  .coach-metrics,
  .fit-metrics,
  .planner-metrics,
  .capsule-metrics,
  .discover-metrics
) span {
  color: var(--ui-muted) !important;
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
  white-space: normal !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > :is(
  #passport,
  #coach,
  #fit,
  #planner,
  #capsule,
  #discover,
  #brain,
  #inventory,
  #lookbook,
  #clients,
  #report,
  #history,
  #community,
  #trends
) :is(button, .primary-button, .ghost-button) {
  min-height: 44px !important;
  border-radius: 13px !important;
  font-family: inherit !important;
  font-size: 0.78rem !important;
  font-style: normal !important;
  font-weight: 790 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  box-shadow: none !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > :is(
  #passport,
  #coach,
  #fit,
  #planner,
  #capsule,
  #discover,
  #brain,
  #inventory,
  #lookbook,
  #clients,
  #report,
  #history,
  #community,
  #trends
) :is(.primary-button, button[type="submit"]) {
  border: 1px solid var(--ui-accent) !important;
  background: var(--ui-accent) !important;
  color: var(--ui-on-accent) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > :is(
  #passport,
  #coach,
  #fit,
  #planner,
  #capsule,
  #discover,
  #brain,
  #inventory,
  #lookbook,
  #clients,
  #report,
  #history,
  #community,
  #trends
) .ghost-button {
  border: 1px solid var(--ui-line) !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-text) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > :is(
  #passport,
  #coach,
  #fit,
  #planner,
  #capsule,
  #discover,
  #brain,
  #inventory,
  #lookbook,
  #clients,
  #trends
) :is(input, select, textarea) {
  min-height: 44px !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 12px !important;
  background: color-mix(in srgb, var(--ui-bg) 65%, var(--ui-surface)) !important;
  color: var(--ui-text) !important;
  font-family: inherit !important;
  /* Jak wyżej: pole poniżej 16 px wymusza zoom w WebView na iOS. */
  font-size: max(1rem, 16px) !important;
  box-shadow: none !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #discover :is(.discover-media, .discover-body),
html.native-layout-guard body.ui-v794[data-theme] main > :is(#passport, #coach, #fit, #planner, #capsule) :is(
  .passport-id-product,
  .coach-items,
  .fit-verdict-product,
  .planner-outfit,
  .capsule-items,
  .capsule-outfits
) {
  min-width: 0 !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 16px !important;
  background: color-mix(in srgb, var(--ui-bg) 60%, var(--ui-surface)) !important;
  color: var(--ui-text) !important;
  box-shadow: none !important;
}

@media (max-width: 699px) {
  html.native-layout-guard body.ui-v794[data-theme] main > :is(
    #passport,
    #coach,
    #fit,
    #planner,
    #capsule,
    #discover,
    #brain,
    #inventory,
    #lookbook,
    #clients,
    #report,
    #history,
    #community,
    #trends
  ) > .section-head {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 14px !important;
    padding: 17px !important;
    border-radius: 18px !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > :is(
    #passport,
    #coach,
    #fit,
    #planner,
    #capsule,
    #discover,
    #brain,
    #inventory,
    #lookbook,
    #clients,
    #report,
    #history,
    #community,
    #trends
  ) > .section-head :is(h1, h2) {
    max-width: 17ch !important;
    font-size: clamp(1.8rem, 8.6vw, 2.35rem) !important;
    line-height: 1.02 !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > :is(
    #passport,
    #coach,
    #fit,
    #planner,
    #capsule,
    #discover,
    #brain,
    #inventory,
    #lookbook,
    #clients,
    #report,
    #history,
    #community,
    #trends
  ) > .section-head p {
    font-size: 0.84rem !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > :is(
    #passport,
    #coach,
    #fit,
    #planner,
    #capsule,
    #discover,
    #brain,
    #inventory,
    #lookbook,
    #clients,
    #report,
    #history,
    #community,
    #trends
  ) :is(.panel, .history-block, .merch-brief, .circle-dispatch, .trend-lab, .client-desk, .inventory-finder, .lookbook-workbench) {
    padding: 15px !important;
    border-radius: 17px !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > :is(
    #passport,
    #coach,
    #fit,
    #planner,
    #capsule,
    #discover
  ) :is(
    .passport-id-board,
    .coach-session-board,
    .fit-verdict-board,
    .day-brief-ticket,
    .capsule-board,
    .discover-card
  ) {
    padding: 14px !important;
    border-radius: 16px !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > :is(
    #passport,
    #coach,
    #fit,
    #planner,
    #capsule,
    #discover
  ) :is(
    .passport-card-head,
    .coach-answer-head,
    .fit-ticket-head,
    .planner-ticket-head,
    .capsule-board-head,
    .discover-body
  ) h3 {
    font-size: clamp(1.55rem, 7.4vw, 2rem) !important;
    line-height: 1.03 !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #discover .discover-media {
    height: 270px !important;
    min-height: 270px !important;
  }
}

/* Named feature titles use two IDs in the legacy themes; override them explicitly. */
html.native-layout-guard body.ui-v794[data-theme] main :is(
  #passport #passportHeadline,
  #coach #coachHeadline,
  #fit #fitHeadline,
  #planner #plannerBriefHeadline,
  #capsule #capsuleHeadline,
  #discover #discoverHeadline
) {
  max-width: 18ch !important;
  margin: 5px 0 0 !important;
  color: var(--ui-text) !important;
  font-family: inherit !important;
  font-size: clamp(2rem, 4.2vw, 3.15rem) !important;
  font-style: normal !important;
  font-weight: 840 !important;
  letter-spacing: -0.052em !important;
  line-height: 1 !important;
  text-transform: none !important;
}

html.native-layout-guard body.ui-v794[data-theme] main :is(
  #passport #passportDeck,
  #coach #coachDeck,
  #fit #fitDeck,
  #planner #plannerBriefDeck,
  #capsule #capsuleDeck,
  #discover #discoverDeck
) {
  max-width: 62ch !important;
  margin: 10px 0 0 !important;
  color: var(--ui-muted) !important;
  font-family: inherit !important;
  font-size: 0.9rem !important;
  font-style: normal !important;
  font-weight: 520 !important;
  letter-spacing: 0 !important;
  line-height: 1.45 !important;
  text-transform: none !important;
}

html.native-layout-guard body.ui-v794[data-theme] main :is(
  #passport #passport-card-title,
  #coach #coach-answer-title,
  #fit #fit-result-title,
  #planner #planner-result-title,
  #capsule #capsule-title,
  #discover #discover-card-title
) {
  max-width: 20ch !important;
  margin: 4px 0 0 !important;
  color: var(--ui-text) !important;
  font-family: inherit !important;
  font-size: clamp(1.7rem, 3.5vw, 2.45rem) !important;
  font-style: normal !important;
  font-weight: 830 !important;
  letter-spacing: -0.05em !important;
  line-height: 1.02 !important;
  text-transform: none !important;
}

html.native-layout-guard body.ui-v794[data-theme] main :is(
  #passport #passportBriefNarrative,
  #coach #coachBriefNarrative,
  #fit #fitBriefNarrative,
  #planner #plannerBriefNarrative,
  #capsule #capsuleBriefNarrative
) {
  max-width: 62ch !important;
  margin: 7px 0 0 !important;
  color: var(--ui-muted) !important;
  font-family: inherit !important;
  font-size: 0.88rem !important;
  font-style: normal !important;
  font-weight: 520 !important;
  letter-spacing: 0 !important;
  line-height: 1.45 !important;
  text-transform: none !important;
}

@media (max-width: 699px) {
  html.native-layout-guard body.ui-v794[data-theme] main :is(
    #passport #passportHeadline,
    #coach #coachHeadline,
    #fit #fitHeadline,
    #planner #plannerBriefHeadline,
    #capsule #capsuleHeadline,
    #discover #discoverHeadline
  ) {
    max-width: 17ch !important;
    font-size: clamp(1.8rem, 8.6vw, 2.35rem) !important;
    line-height: 1.02 !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main :is(
    #passport #passportDeck,
    #coach #coachDeck,
    #fit #fitDeck,
    #planner #plannerBriefDeck,
    #capsule #capsuleDeck,
    #discover #discoverDeck
  ) {
    font-size: 0.84rem !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main :is(
    #passport #passport-card-title,
    #coach #coach-answer-title,
    #fit #fit-result-title,
    #planner #planner-result-title,
    #capsule #capsule-title,
    #discover #discover-card-title
  ) {
    font-size: clamp(1.55rem, 7.4vw, 2rem) !important;
    line-height: 1.03 !important;
  }
}

/* Result boards must flow vertically; legacy named areas stacked every block. */
html.native-layout-guard body.ui-v794[data-theme] main > :is(
  #passport,
  #coach,
  #fit,
  #planner,
  #capsule
) :is(
  .passport-id-board,
  .coach-session-board,
  .fit-verdict-board,
  .day-brief-ticket,
  .capsule-board
) > * {
  grid-area: auto !important;
  grid-column: 1 !important;
  grid-row: auto !important;
  min-width: 0 !important;
}

html.native-layout-guard body.ui-v794[data-theme] .mobile-dock > a,
html.native-layout-guard body.ui-v794[data-theme] .mobile-dock > a.active {
  display: grid !important;
  grid-template-rows: 27px 15px !important;
  place-items: center !important;
  align-content: center !important;
  gap: 2px !important;
  min-width: 0 !important;
  min-height: 56px !important;
  height: 56px !important;
  max-height: 56px !important;
  margin: 0 !important;
  padding: 3px 1px !important;
  transform: none !important;
}

html.native-layout-guard body.ui-v794[data-theme] .mobile-dock > a .dock-icon,
html.native-layout-guard body.ui-v794[data-theme] .mobile-dock > a.active .dock-icon {
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: center !important;
  margin: 0 !important;
  transform: none !important;
}

@media (max-width: 699px) {
  html.native-layout-guard body.ui-v794[data-theme] main > #community > .section-head,
  html.native-layout-guard body.ui-v794[data-theme] main > #community > .section-head > *,
  html.native-layout-guard body.ui-v794[data-theme] main > #community > .section-head > .section-actions,
  html.native-layout-guard body.ui-v794[data-theme] main > #community > .section-head > .section-actions > #clearCommunityButton {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #community > .section-head > .section-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #community > .section-head > .section-actions > #clearCommunityButton {
    width: 100% !important;
    white-space: normal !important;
  }
}

@media (max-width: 370px) {
  html.native-layout-guard body.ui-v794[data-theme] main > #inventory .watchlist-target-preset {
    min-width: 0 !important;
    padding-inline: 2px !important;
    font-size: 0.65rem !important;
    letter-spacing: 0 !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #inventory .watchlist-row-actions > .watchlist-claim-button {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    padding-inline: 8px !important;
    white-space: normal !important;
  }
}

/* Final cascade boundary: these rules intentionally sit after every legacy shield. */
html.native-layout-guard body.ui-v794[data-theme] main > #clients .client-workbench {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 699px) {
  html.native-layout-guard body.ui-v794[data-theme] main > #community #circleDispatch .circle-dispatch-look {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #community #circleDispatch .circle-dispatch-piece {
    grid-column: auto !important;
    grid-row: auto !important;
    height: 152px !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #community #circleDispatch .circle-dispatch-piece:first-child {
    grid-column: 1 / -1 !important;
    height: 224px !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #planner #plannerOutfit {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #planner #plannerOutfit > .planner-slot {
    grid-column: auto !important;
    grid-row: auto !important;
    height: 132px !important;
    min-height: 132px !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #planner #plannerOutfit > .planner-slot:first-child {
    grid-column: 1 / -1 !important;
    height: 292px !important;
    min-height: 292px !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #capsule #capsuleItems {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #capsule #capsuleItems > .capsule-item {
    grid-column: auto !important;
    grid-row: auto !important;
    height: 120px !important;
    min-height: 120px !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #capsule #capsuleItems > .capsule-item:first-child {
    grid-column: 1 / -1 !important;
    height: 312px !important;
    min-height: 312px !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #coach #coachItems {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: none !important;
    grid-auto-rows: auto !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #coach #coachItems > .coach-item-card:not(:first-child) {
    grid-column: 1 !important;
    grid-row: auto !important;
    height: 120px !important;
    min-height: 120px !important;
    max-height: 120px !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #coach #coachItems > .coach-item-card:first-child {
    position: relative !important;
    display: block !important;
    grid-column: 1 !important;
    grid-row: auto !important;
    height: 312px !important;
    min-height: 312px !important;
    padding: 0 !important;
    isolation: isolate !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #coach #coachItems > .coach-item-card:first-child::after {
    position: absolute !important;
    z-index: 1 !important;
    inset: 34% 0 0 !important;
    display: block !important;
    background: linear-gradient(transparent, rgba(7, 9, 14, 0.96)) !important;
    content: "" !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #coach #coachItems > .coach-item-card:first-child > img {
    position: absolute !important;
    z-index: 0 !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    padding: 16px !important;
    object-fit: contain !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #coach #coachItems > .coach-item-card:first-child > .coach-item-copy {
    position: absolute !important;
    z-index: 2 !important;
    inset: auto 0 0 !important;
    display: grid !important;
    gap: 5px !important;
    padding: 16px !important;
    background: transparent !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #coach #coachItems > .coach-item-card:first-child .coach-item-copy > strong {
    color: #fff !important;
    font-size: 1.2rem !important;
    line-height: 1.08 !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #coach #coachItems > .coach-item-card:first-child .coach-item-copy :is(small, span) {
    color: rgba(255, 255, 255, 0.82) !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #passport #passportProductPreview .passport-id-product-card {
    grid-template-columns: 112px minmax(0, 1fr) !important;
    min-height: 280px !important;
    padding: 13px !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #passport #passportProductPreview .passport-id-product-card > img {
    grid-column: 1 !important;
    width: 112px !important;
    height: 252px !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #passport #passportProductPreview .passport-id-product-copy {
    grid-column: 2 !important;
  }
}

/* v795 final visual coherence: legacy editorial surfaces now inherit the product system. */
html.native-layout-guard body.ui-v794[data-theme] main > #lookbook #lookbookGrid > .client-pitch-card {
  min-height: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 18px !important;
  background: var(--ui-surface) !important;
  color: var(--ui-text) !important;
  padding-bottom: 16px !important;
  box-shadow: var(--ui-shadow) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #lookbook #lookbookGrid .client-pitch-edition {
  border-bottom: 1px solid var(--ui-line) !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-text) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #lookbook #lookbookGrid .client-pitch-edition > span {
  color: var(--ui-muted) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #lookbook #lookbookGrid .client-pitch-edition > strong,
html.native-layout-guard body.ui-v794[data-theme] main > #lookbook #lookbookGrid .client-pitch-card .trend-score {
  color: var(--ui-accent-2) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #lookbook #lookbookGrid .client-pitch-card .look-card-head h3 {
  color: var(--ui-text) !important;
  font-family: inherit !important;
  font-size: clamp(1.9rem, 9vw, 2.8rem) !important;
  font-weight: 840 !important;
  letter-spacing: -0.035em !important;
  line-height: 1.02 !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #lookbook #lookbookGrid .client-pitch-card .look-card-head > strong {
  border: 1px solid var(--ui-line) !important;
  border-radius: 10px !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-text) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #lookbook #lookbookGrid .client-pitch-card .studio-look-origin {
  color: var(--ui-muted) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #lookbook #lookbookGrid .client-pitch-thesis {
  border: 1px solid var(--ui-line) !important;
  border-left: 3px solid var(--ui-accent-2) !important;
  border-radius: 12px !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-text) !important;
  font-family: inherit !important;
  font-style: normal !important;
  line-height: 1.42 !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #lookbook #lookbookGrid .client-pitch-card .look-products {
  gap: 3px !important;
  border-radius: 13px !important;
  background: var(--ui-line) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #lookbook #lookbookGrid .client-pitch-card .look-product {
  background: var(--ui-surface-3) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #lookbook #lookbookGrid .client-pitch-card .look-product-number {
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 8px !important;
  background: rgba(8, 10, 15, 0.86) !important;
  color: #fff !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #lookbook #lookbookGrid .client-pitch-card .look-product-caption {
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 9px !important;
  background: rgba(7, 9, 14, 0.92) !important;
  color: #fff !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #lookbook #lookbookGrid .client-pitch-card .look-product-caption > small {
  color: rgba(255, 255, 255, 0.7) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #lookbook #lookbookGrid .client-pitch-card .look-product-caption > strong {
  display: block !important;
  width: auto !important;
  height: auto !important;
  min-height: 39px !important;
  max-height: none !important;
  overflow: visible !important;
  color: #fff !important;
  white-space: normal !important;
  line-height: 1.2 !important;
  -webkit-box-orient: initial !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #lookbook #lookbookGrid .client-pitch-card .look-stats > span {
  border: 1px solid var(--ui-line) !important;
  border-radius: 999px !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-muted) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #lookbook #lookbookGrid .client-pitch-card .look-script > p {
  border-top-color: var(--ui-line) !important;
  color: var(--ui-muted) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #lookbook #lookbookGrid .client-pitch-card .primary-button {
  border-color: var(--ui-accent) !important;
  border-radius: 12px !important;
  background: var(--ui-accent) !important;
  color: var(--ui-on-accent) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #lookbook #lookbookGrid .client-pitch-card .primary-button:disabled {
  border-color: var(--ui-line) !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-muted) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #history .style-memory-metrics {
  gap: 10px !important;
  overflow: visible !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #history .style-memory-editorial {
  position: relative !important;
  grid-column: 1 / -1 !important;
  display: grid !important;
  align-content: start !important;
  gap: 12px !important;
  min-height: 0 !important;
  padding: 20px !important;
  overflow: hidden !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 100% 0%, var(--ui-accent-soft), transparent 42%),
    var(--ui-surface) !important;
  color: var(--ui-text) !important;
  box-shadow: none !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #history .style-memory-editorial::after {
  content: none !important;
  display: none !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #history .style-memory-editorial-top > span {
  color: var(--ui-accent-2) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #history .style-memory-editorial-top > em {
  color: var(--ui-muted) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #history .style-memory-editorial h3 {
  max-width: 23ch !important;
  margin: 0 !important;
  color: var(--ui-text) !important;
  font-family: inherit !important;
  font-size: clamp(1.7rem, 3.5vw, 2.45rem) !important;
  font-weight: 820 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.04 !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #history .style-memory-editorial p {
  max-width: 62ch !important;
  margin: 0 !important;
  color: var(--ui-muted) !important;
  font-family: inherit !important;
  font-size: 0.9rem !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #history .style-memory-rhythm span {
  background: var(--ui-line) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #history .style-memory-rhythm span:nth-child(2) {
  background: var(--ui-accent) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #history .style-memory-stat {
  min-height: 88px !important;
  padding: 14px !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 15px !important;
  background: var(--ui-surface) !important;
  color: var(--ui-text) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #history .style-memory-stat > strong {
  overflow: visible !important;
  color: var(--ui-text) !important;
  font-size: clamp(1.2rem, 3vw, 1.75rem) !important;
  text-overflow: clip !important;
  white-space: normal !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #history .style-memory-stat > span {
  color: var(--ui-muted) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #report #merchBrief {
  overflow: hidden !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 18px !important;
  background: var(--ui-surface) !important;
  color: var(--ui-text) !important;
  box-shadow: var(--ui-shadow) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #report #merchBrief .merch-brief-edition {
  border-bottom: 1px solid var(--ui-line) !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-text) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #report #merchBrief .merch-brief-edition > span {
  color: var(--ui-muted) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #report #merchBrief .merch-brief-edition > strong {
  color: var(--ui-accent) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #report #merchBrief .merch-brief-layout {
  grid-template-columns: minmax(0, 1.3fr) minmax(230px, 0.7fr) !important;
  background: transparent !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #report #merchBrief .merch-brief-copy {
  gap: 14px !important;
  padding: 20px !important;
  background: transparent !important;
  color: var(--ui-text) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #report #merchBrief .merch-brief-kicker {
  color: var(--ui-accent-2) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #report #merchBrief h3 {
  max-width: 17ch !important;
  color: var(--ui-text) !important;
  font-family: inherit !important;
  font-size: clamp(1.9rem, 4vw, 2.8rem) !important;
  font-weight: 840 !important;
  letter-spacing: -0.035em !important;
  line-height: 1.02 !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #report #merchBrief .merch-brief-narrative {
  border: 1px solid var(--ui-line) !important;
  border-left: 3px solid var(--ui-accent-2) !important;
  border-radius: 13px !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-muted) !important;
  font-family: inherit !important;
  font-size: 0.9rem !important;
  line-height: 1.5 !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #report #merchBrief .merch-brief-facts {
  gap: 8px !important;
  border: 0 !important;
  background: transparent !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #report #merchBrief .merch-brief-facts > div {
  min-height: 78px !important;
  padding: 12px !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 12px !important;
  background: var(--ui-surface-2) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #report #merchBrief .merch-brief-facts strong {
  color: var(--ui-text) !important;
  font-family: inherit !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #report #merchBrief .merch-brief-facts span {
  color: var(--ui-muted) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #report #merchBrief .merch-brief-actions {
  gap: 8px !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #report #merchBrief .merch-brief-actions button {
  min-height: 48px !important;
  border-radius: 12px !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #report #merchBrief .merch-brief-actions .primary-button {
  border-color: var(--ui-accent) !important;
  background: var(--ui-accent) !important;
  color: var(--ui-on-accent) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #report #merchBrief .merch-brief-actions .ghost-button {
  border-color: var(--ui-line) !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-text) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #report #merchBrief .merch-brief-product {
  position: relative !important;
  display: block !important;
  min-height: 360px !important;
  overflow: hidden !important;
  border-top: 0 !important;
  border-left: 1px solid var(--ui-line) !important;
  background: color-mix(in srgb, var(--ui-bg) 72%, var(--ui-surface)) !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #report #merchBrief .merch-brief-product > img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 18px !important;
  object-fit: contain !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #report #merchBrief .merch-brief-product > figcaption {
  position: absolute !important;
  z-index: 1 !important;
  inset: auto 12px 12px 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 12px !important;
  background: rgba(7, 9, 14, 0.9) !important;
  color: #fff !important;
}

html.native-layout-guard body.ui-v794[data-theme] main > #report #merchBrief .merch-brief-product > figcaption :is(small, strong, span) {
  color: #fff !important;
  font-family: inherit !important;
}

@media (max-width: 699px) {
  html.native-layout-guard body.ui-v794[data-theme] main > :is(#coach, #planner, #inventory, #community) .mobile-collapsible:is(.is-collapsed, [data-mobile-collapsed="true"]) {
    height: 106px !important;
    min-height: 106px !important;
    max-height: 106px !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #clients > .section-head:not(.has-pipeline-priorities) {
    grid-template-columns: minmax(0, 1fr) 82px !important;
    align-items: center !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #clients > .section-head:not(.has-pipeline-priorities) > div:first-child {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #clients > .section-head:not(.has-pipeline-priorities) > .section-actions {
    grid-column: 2 !important;
    grid-row: 1 !important;
    grid-template-columns: 82px !important;
    gap: 0 !important;
    width: 82px !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #clients > .section-head:not(.has-pipeline-priorities) #clearLeadsButton {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 82px !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #history .style-memory-editorial {
    min-height: 0 !important;
    padding: 17px !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #history .style-memory-editorial h3 {
    margin: 0 !important;
    font-size: clamp(1.75rem, 8vw, 2.2rem) !important;
  }

  body.ui-v794 #history .history-empty-start,
  html.native-layout-guard body.ui-v794[data-theme] main > #history .history-empty-start {
    gap: 8px !important;
    padding: 14px !important;
  }

  body.ui-v794 #history .history-empty-start p,
  html.native-layout-guard body.ui-v794[data-theme] main > #history .history-empty-start p {
    line-height: 1.4 !important;
  }

  body.ui-v794 #history .history-empty-start .style-memory-rhythm,
  html.native-layout-guard body.ui-v794[data-theme] main > #history .history-empty-start .style-memory-rhythm {
    display: none !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #history #savedLookGrid {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-padding-inline: 0 !important;
    scroll-snap-type: x mandatory !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #history #savedLookGrid > .saved-look-card {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    scroll-snap-align: start !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #report #merchBrief .merch-brief-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #report #merchBrief .merch-brief-copy {
    padding: 16px !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #report #merchBrief h3 {
    max-width: 12ch !important;
    font-size: clamp(1.9rem, 9vw, 2.45rem) !important;
    line-height: 1.02 !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #report #merchBrief .merch-brief-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #report #merchBrief .merch-brief-facts > div:last-child {
    grid-column: 1 / -1 !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #report #merchBrief .merch-brief-actions {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #report #merchBrief .merch-brief-product {
    min-height: 300px !important;
    border-top: 1px solid var(--ui-line) !important;
    border-left: 0 !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #clients > .section-head.has-pipeline-priorities {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 14px !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #clients > .section-head.has-pipeline-priorities > div:first-child {
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #clients > .section-head.has-pipeline-priorities > .section-actions {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-flow: row nowrap !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #clients > .section-head.has-pipeline-priorities #togglePipelinePrioritiesButton {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #clients > .section-head.has-pipeline-priorities #clearLeadsButton {
    flex: 0 0 82px !important;
    width: 82px !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #studio .photo-panel {
    padding: 14px !important;
    border-color: color-mix(in srgb, var(--ui-accent) 22%, var(--ui-line)) !important;
    background:
      radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--ui-accent) 9%, transparent), transparent 42%),
      var(--ui-surface) !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #studio .photo-panel .panel-head {
    margin-bottom: 10px !important;
    padding: 0 !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #studio .photo-panel .panel-head h2 {
    font-size: clamp(1.55rem, 7.2vw, 1.9rem) !important;
    line-height: 1.02 !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #studio .upload-zone {
    height: min(31vh, 258px) !important;
    min-height: 228px !important;
    max-height: 258px !important;
    border-style: solid !important;
    border-color: color-mix(in srgb, var(--ui-accent-2) 38%, var(--ui-line)) !important;
    border-radius: 17px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #studio #photoPreview:not([data-custom="true"]) {
    width: 72% !important;
    opacity: 0.62 !important;
    filter: saturate(0.72) contrast(0.94) !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #studio .upload-zone > :is(#photoUploadActionLabel, #photoUploadProgress) {
    right: 10px !important;
    bottom: 10px !important;
    left: 10px !important;
    min-height: 50px !important;
    border-color: color-mix(in srgb, var(--ui-accent) 68%, white 12%) !important;
    border-radius: 13px !important;
    background: var(--ui-accent) !important;
    color: var(--ui-on-accent) !important;
    box-shadow: 0 12px 28px color-mix(in srgb, var(--ui-accent) 24%, transparent) !important;
    backdrop-filter: none !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #studio .upload-zone > #photoUploadProgress {
    background: color-mix(in srgb, var(--ui-accent) 84%, #fff) !important;
  }

  body.ui-v794 #photoUploadButton[data-uploading] #photoUploadActionLabel,
  html.native-layout-guard body.ui-v794[data-theme] #photoUploadButton[data-uploading] #photoUploadActionLabel {
    display: none !important;
  }

  body.ui-v794 #photoUploadButton[data-uploading] #photoUploadProgress,
  html.native-layout-guard body.ui-v794[data-theme] #photoUploadButton[data-uploading] #photoUploadProgress {
    display: flex !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #studio .photo-ai-notice {
    margin-top: 10px !important;
    padding: 10px 11px !important;
    border-radius: 13px !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #studio .score-wrap {
    scroll-margin-top: 10px !important;
  }
}

@media (max-width: 370px) {
  html.native-layout-guard body.ui-v794[data-theme] main > #inventory #watchlistScopeFilter {
    grid-template-columns: repeat(3, minmax(88px, 1fr)) !important;
    gap: 4px !important;
    width: calc(100% + 20px) !important;
    max-width: calc(100vw - 24px) !important;
    margin-right: -10px !important;
    margin-left: -10px !important;
    padding: 3px !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #inventory #watchlistScopeFilter > .watchlist-scope-button {
    width: 100% !important;
    min-width: 88px !important;
    min-height: 56px !important;
    height: 56px !important;
  }
}

/* v800 final cascade guard for honest first-run states. */
body.ui-v794 #passport [data-passport-personalized][hidden],
body.ui-v794 #passport #sizePassportEmptyState[hidden],
html.native-layout-guard body.ui-v794[data-theme] main > #passport [data-passport-personalized][hidden],
html.native-layout-guard body.ui-v794[data-theme] main > #passport #sizePassportEmptyState[hidden] {
  display: none !important;
}

body.ui-v794 #passport .passport-empty-state,
html.native-layout-guard body.ui-v794[data-theme] main > #passport .passport-empty-state {
  display: grid !important;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.95fr) auto !important;
  align-items: center !important;
  gap: 22px !important;
  min-width: 0 !important;
  margin: 0 0 20px !important;
  padding: clamp(20px, 3vw, 34px) !important;
  border: 1px solid rgba(210, 255, 97, 0.34) !important;
  border-radius: 22px !important;
  background: radial-gradient(circle at 92% 12%, rgba(210, 255, 97, 0.15), transparent 30%), linear-gradient(145deg, #151b22, #090d12) !important;
  color: #f8f6ef !important;
}

body.ui-v794 #passport .passport-empty-state :is(h3, strong),
html.native-layout-guard body.ui-v794[data-theme] main > #passport .passport-empty-state :is(h3, strong) {
  color: #ffffff !important;
}

body.ui-v794 #passport .passport-empty-state :is(.eyebrow, em),
html.native-layout-guard body.ui-v794[data-theme] main > #passport .passport-empty-state :is(.eyebrow, em) {
  color: #d2ff61 !important;
}

body.ui-v794 #passport .passport-empty-state > p,
html.native-layout-guard body.ui-v794[data-theme] main > #passport .passport-empty-state > p {
  color: #c7d0d9 !important;
}

body.ui-v794 #passport .passport-empty-state > .primary-button,
html.native-layout-guard body.ui-v794[data-theme] main > #passport .passport-empty-state > .primary-button {
  min-height: 50px !important;
  border-color: #d2ff61 !important;
  background: #d2ff61 !important;
  color: #0a0d10 !important;
}

body.ui-v794 #passport .size-passport-empty,
html.native-layout-guard body.ui-v794[data-theme] main > #passport .size-passport-empty {
  display: grid !important;
  border: 1px solid rgba(210, 255, 97, 0.32) !important;
  background: #10161d !important;
  color: #f8f6ef !important;
}

body.ui-v794 #passport .size-passport-empty :is(strong, p),
html.native-layout-guard body.ui-v794[data-theme] main > #passport .size-passport-empty :is(strong, p) {
  color: #f8f6ef !important;
}

body.ui-v794 #passport :is(.passport-panel, .size-passport-panel) :is(select, input:not([type="range"])),
html.native-layout-guard body.ui-v794[data-theme] main > #passport :is(.passport-panel, .size-passport-panel) :is(select, input:not([type="range"])) {
  border-color: rgba(122, 139, 156, 0.52) !important;
  background: #111820 !important;
  color: #ffffff !important;
}

@media (max-width: 900px) {
  body.ui-v794 #passport .passport-empty-state,
  html.native-layout-guard body.ui-v794[data-theme] main > #passport .passport-empty-state {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.ui-v794 #passport .passport-empty-state > :is(p, .primary-button),
  html.native-layout-guard body.ui-v794[data-theme] main > #passport .passport-empty-state > :is(p, .primary-button) {
    grid-column: 1 !important;
    grid-row: auto !important;
    width: 100% !important;
  }
}

@media (max-width: 420px) {
  body.ui-v794 #passport .size-passport-panel .panel-actions,
  html.native-layout-guard body.ui-v794[data-theme] main > #passport .size-passport-panel .panel-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
  }

  body.ui-v794 #passport .size-passport-panel .panel-actions > button,
  html.native-layout-guard body.ui-v794[data-theme] main > #passport .size-passport-panel .panel-actions > button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
  }
}

/* v811 final cascade guard: the native theme must keep the desktop start card at two columns. */
body.ui-v794 #passport[data-profile-state="empty"] .passport-empty-state,
html.native-layout-guard body.ui-v794[data-theme] main > #passport[data-profile-state="empty"] .passport-empty-state {
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr) !important;
}

@media (max-width: 900px) {
  body.ui-v794 #passport[data-profile-state="empty"] .passport-empty-state,
  html.native-layout-guard body.ui-v794[data-theme] main > #passport[data-profile-state="empty"] .passport-empty-state {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* v812-four-question-profile: keep optional preferences available without extending onboarding. */
body.ui-v794 #passport .passport-form-intro,
html.native-layout-guard body.ui-v794[data-theme] main > #passport .passport-form-intro {
  margin: 0 !important;
  color: #c8d1dc !important;
  font-size: 0.84rem !important;
  font-weight: 650 !important;
  line-height: 1.42 !important;
}

body.ui-v794 #passport .passport-required-fields > label[data-profile-step],
html.native-layout-guard body.ui-v794[data-theme] main > #passport .passport-required-fields > label[data-profile-step] {
  position: relative !important;
  padding-top: 2px !important;
}

body.ui-v794 #passport .passport-required-fields > label[data-profile-step]::before,
html.native-layout-guard body.ui-v794[data-theme] main > #passport .passport-required-fields > label[data-profile-step]::before {
  content: "0" attr(data-profile-step);
  position: absolute;
  top: 0;
  right: 0;
  display: grid;
  place-items: center;
  min-width: 24px;
  height: 20px;
  padding: 0 6px;
  border: 1px solid rgba(210, 255, 97, 0.38);
  border-radius: 999px;
  background: rgba(210, 255, 97, 0.1);
  color: #d2ff61;
  font-size: 0.66rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 1;
}

body.ui-v794 #passport .passport-optional-details,
html.native-layout-guard body.ui-v794[data-theme] main > #passport .passport-optional-details {
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.13) !important;
  border-radius: 13px !important;
  background: rgba(255, 255, 255, 0.035) !important;
}

body.ui-v794 #passport .passport-optional-details > summary,
html.native-layout-guard body.ui-v794[data-theme] main > #passport .passport-optional-details > summary {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-height: 48px !important;
  padding: 10px 46px 10px 13px !important;
  color: #f8f6ef !important;
  font-size: 0.82rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  list-style: none !important;
  cursor: pointer;
}

body.ui-v794 #passport .passport-optional-details > summary::-webkit-details-marker,
html.native-layout-guard body.ui-v794[data-theme] main > #passport .passport-optional-details > summary::-webkit-details-marker {
  display: none;
}

body.ui-v794 #passport .passport-optional-details > summary::after,
html.native-layout-guard body.ui-v794[data-theme] main > #passport .passport-optional-details > summary::after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 13px;
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: rgba(210, 255, 97, 0.12);
  color: #d2ff61;
  font-size: 1rem;
  line-height: 1;
}

body.ui-v794 #passport .passport-optional-details[open] > summary::after,
html.native-layout-guard body.ui-v794[data-theme] main > #passport .passport-optional-details[open] > summary::after {
  content: "−";
}

body.ui-v794 #passport .passport-optional-body,
html.native-layout-guard body.ui-v794[data-theme] main > #passport .passport-optional-body {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 12px 13px 13px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

body.ui-v794 #passport .passport-optional-details:not([open]) > .passport-optional-body,
html.native-layout-guard body.ui-v794[data-theme] main > #passport .passport-optional-details:not([open]) > .passport-optional-body {
  display: none !important;
}

@media (max-width: 520px) {
  body.ui-v794 #passport .passport-optional-body,
  html.native-layout-guard body.ui-v794[data-theme] main > #passport .passport-optional-body {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* v814-single-profile-start: one first-run card instead of a repeated hero and card. */
body.ui-v794 #passport[data-profile-state="empty"] > .passport-id-head,
html.native-layout-guard body.ui-v794[data-theme] main > #passport[data-profile-state="empty"] > .passport-id-head {
  display: none !important;
}

body.ui-v794 #passport[data-profile-state="empty"] .passport-empty-state,
html.native-layout-guard body.ui-v794[data-theme] main > #passport[data-profile-state="empty"] .passport-empty-state {
  margin-bottom: 10px !important;
}

body.ui-v794 #passport .passport-empty-copy,
html.native-layout-guard body.ui-v794[data-theme] main > #passport .passport-empty-copy {
  display: grid !important;
  gap: 7px !important;
  min-width: 0 !important;
}

body.ui-v794 #passport .passport-empty-copy #passportEmptyTitle,
html.native-layout-guard body.ui-v794[data-theme] main > #passport .passport-empty-copy #passportEmptyTitle {
  max-width: 15ch !important;
  margin: 0 !important;
  color: #ffffff !important;
  font-family: inherit !important;
  font-size: clamp(1.65rem, 5vw, 2.2rem) !important;
  font-weight: 840 !important;
  letter-spacing: -0.04em !important;
  line-height: 1.02 !important;
  text-wrap: balance;
}

body.ui-v794 #passport .passport-empty-copy #passportEmptyIntro,
html.native-layout-guard body.ui-v794[data-theme] main > #passport .passport-empty-copy #passportEmptyIntro {
  max-width: 52ch !important;
  margin: 0 !important;
  color: #c7d0d9 !important;
  font-size: 0.84rem !important;
  font-weight: 560 !important;
  line-height: 1.42 !important;
}

@media (max-width: 520px) {
  body.ui-v794 #passport[data-profile-state="empty"] .passport-empty-state,
  html.native-layout-guard body.ui-v794[data-theme] main > #passport[data-profile-state="empty"] .passport-empty-state {
    gap: 12px !important;
    padding: 17px 15px !important;
  }

  body.ui-v794 #passport[data-profile-state="empty"] .passport-empty-signals,
  html.native-layout-guard body.ui-v794[data-theme] main > #passport[data-profile-state="empty"] .passport-empty-signals {
    gap: 6px !important;
  }

  body.ui-v794 #passport[data-profile-state="empty"] .passport-empty-signals > span,
  html.native-layout-guard body.ui-v794[data-theme] main > #passport[data-profile-state="empty"] .passport-empty-signals > span {
    min-height: 46px !important;
    align-items: center !important;
    padding: 9px 10px !important;
  }

  body.ui-v794 #passport[data-profile-state="empty"] #passportEmptyNote,
  html.native-layout-guard body.ui-v794[data-theme] main > #passport[data-profile-state="empty"] #passportEmptyNote {
    margin: 0 !important;
    font-size: 0.78rem !important;
    line-height: 1.38 !important;
  }

  body.ui-v794 #passport[data-profile-state="empty"] .passport-empty-start,
  html.native-layout-guard body.ui-v794[data-theme] main > #passport[data-profile-state="empty"] .passport-empty-start {
    gap: 10px !important;
    padding-top: 12px !important;
  }

  body.ui-v794 #passport[data-profile-state="empty"] .passport-empty-actions,
  html.native-layout-guard body.ui-v794[data-theme] main > #passport[data-profile-state="empty"] .passport-empty-actions {
    gap: 8px !important;
  }

  body.ui-v794 #passport[data-profile-state="empty"] .passport-empty-actions > button,
  html.native-layout-guard body.ui-v794[data-theme] main > #passport[data-profile-state="empty"] .passport-empty-actions > button {
    min-height: 48px !important;
  }
}

/* v815-compact-mobile-accordions: keep collapsed panels on one readable row. */
@media (max-width: 699px) {
  body.ui-v794 :is(#studio, #passport, #coach, #fit, #planner, #capsule, #discover, #brain, #inventory, #lookbook, #clients, #report, #history, #community, #trends, #business).active-view .mobile-collapsible:is(.is-collapsed, [data-mobile-collapsed="true"]),
  html.native-layout-guard body.ui-v794[data-theme] main > :is(#studio, #passport, #coach, #fit, #planner, #capsule, #discover, #brain, #inventory, #lookbook, #clients, #report, #history, #community, #trends, #business).active-view .mobile-collapsible:is(.is-collapsed, [data-mobile-collapsed="true"]) {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 10px 12px !important;
  }

  body.ui-v794 :is(#studio, #passport, #coach, #fit, #planner, #capsule, #discover, #brain, #inventory, #lookbook, #clients, #report, #history, #community, #trends, #business).active-view .mobile-collapsible:is(.is-collapsed, [data-mobile-collapsed="true"]) > .mobile-collapse-head,
  html.native-layout-guard body.ui-v794[data-theme] main > :is(#studio, #passport, #coach, #fit, #planner, #capsule, #discover, #brain, #inventory, #lookbook, #clients, #report, #history, #community, #trends, #business).active-view .mobile-collapsible:is(.is-collapsed, [data-mobile-collapsed="true"]) > .mobile-collapse-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 48px !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.ui-v794 :is(#studio, #passport, #coach, #fit, #planner, #capsule, #discover, #brain, #inventory, #lookbook, #clients, #report, #history, #community, #trends, #business).active-view .mobile-collapsible:is(.is-collapsed, [data-mobile-collapsed="true"]) > .mobile-collapse-head > :first-child,
  html.native-layout-guard body.ui-v794[data-theme] main > :is(#studio, #passport, #coach, #fit, #planner, #capsule, #discover, #brain, #inventory, #lookbook, #clients, #report, #history, #community, #trends, #business).active-view .mobile-collapsible:is(.is-collapsed, [data-mobile-collapsed="true"]) > .mobile-collapse-head > :first-child {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  body.ui-v794 :is(#studio, #passport, #coach, #fit, #planner, #capsule, #discover, #brain, #inventory, #lookbook, #clients, #report, #history, #community, #trends, #business).active-view .mobile-collapsible:is(.is-collapsed, [data-mobile-collapsed="true"]) > .mobile-collapse-head > .mobile-collapse-toggle,
  html.native-layout-guard body.ui-v794[data-theme] main > :is(#studio, #passport, #coach, #fit, #planner, #capsule, #discover, #brain, #inventory, #lookbook, #clients, #report, #history, #community, #trends, #business).active-view .mobile-collapsible:is(.is-collapsed, [data-mobile-collapsed="true"]) > .mobile-collapse-head > .mobile-collapse-toggle {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: center !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    margin: 0 !important;
  }

  body.ui-v794 :is(#studio, #passport, #coach, #fit, #planner, #capsule, #discover, #brain, #inventory, #lookbook, #clients, #report, #history, #community, #trends, #business).active-view .mobile-collapsible:is(.is-collapsed, [data-mobile-collapsed="true"]) .mobile-collapse-hint,
  html.native-layout-guard body.ui-v794[data-theme] main > :is(#studio, #passport, #coach, #fit, #planner, #capsule, #discover, #brain, #inventory, #lookbook, #clients, #report, #history, #community, #trends, #business).active-view .mobile-collapsible:is(.is-collapsed, [data-mobile-collapsed="true"]) .mobile-collapse-hint {
    display: block !important;
    margin: 4px 0 0 !important;
    font-size: 0.7rem !important;
    line-height: 1.15 !important;
  }
}

/* v816-inventory-size-onramp: a missing Size Passport is an action, not a dead filter. */
body.ui-v794 #inventory .inventory-size-match[data-state="empty"],
html.native-layout-guard body.ui-v794[data-theme] main > #inventory .inventory-size-match[data-state="empty"] {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 66px !important;
  padding: 9px 10px 9px 12px !important;
  border: 1px solid rgba(64, 218, 203, 0.3) !important;
  border-radius: 13px !important;
  background:
    linear-gradient(135deg, rgba(64, 218, 203, 0.095), transparent 58%),
    rgba(251, 246, 234, 0.045) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
  cursor: default !important;
  opacity: 1 !important;
}

body.ui-v794 #inventory .inventory-size-match > #inventorySizeMatchOnly[hidden],
html.native-layout-guard body.ui-v794[data-theme] main > #inventory .inventory-size-match > #inventorySizeMatchOnly[hidden],
body.ui-v794 #inventory #inventorySizePassportButton[hidden],
html.native-layout-guard body.ui-v794[data-theme] main > #inventory #inventorySizePassportButton[hidden] {
  display: none !important;
}

body.ui-v794 #inventory .inventory-size-match[data-state="empty"] .inventory-size-match-copy,
html.native-layout-guard body.ui-v794[data-theme] main > #inventory .inventory-size-match[data-state="empty"] .inventory-size-match-copy {
  grid-template-columns: 28px minmax(0, 1fr) !important;
  min-height: 44px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

body.ui-v794 #inventory .inventory-size-match[data-state="empty"] .inventory-size-match-copy::before,
html.native-layout-guard body.ui-v794[data-theme] main > #inventory .inventory-size-match[data-state="empty"] .inventory-size-match-copy::before {
  width: 28px !important;
  height: 28px !important;
}

body.ui-v794 #inventory .inventory-size-match[data-state="empty"] .inventory-size-match-copy strong,
html.native-layout-guard body.ui-v794[data-theme] main > #inventory .inventory-size-match[data-state="empty"] .inventory-size-match-copy strong {
  color: #fffaf2 !important;
  font-size: 0.86rem !important;
  line-height: 1.08 !important;
}

body.ui-v794 #inventory .inventory-size-match[data-state="empty"] .inventory-size-match-copy small,
html.native-layout-guard body.ui-v794[data-theme] main > #inventory .inventory-size-match[data-state="empty"] .inventory-size-match-copy small {
  color: rgba(255, 250, 242, 0.72) !important;
  font-size: 0.7rem !important;
  line-height: 1.24 !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
}

body.ui-v794 #inventory #inventorySizePassportButton,
html.native-layout-guard body.ui-v794[data-theme] main > #inventory #inventorySizePassportButton {
  position: relative !important;
  z-index: 3 !important;
  width: auto !important;
  min-width: 142px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 1px solid #40dacb !important;
  border-radius: 11px !important;
  background: #40dacb !important;
  color: #07110f !important;
  font-size: 0.75rem !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
  white-space: normal !important;
}

body.ui-v794 #inventory #inventorySizePassportButton:focus-visible,
html.native-layout-guard body.ui-v794[data-theme] main > #inventory #inventorySizePassportButton:focus-visible {
  outline: 3px solid #fffaf2 !important;
  outline-offset: 3px !important;
}

@media (max-width: 699px) {
  body.ui-v794 #inventory .inventory-finder:has(.inventory-size-match[data-state="empty"]),
  html.native-layout-guard body.ui-v794[data-theme] main > #inventory .inventory-finder:has(.inventory-size-match[data-state="empty"]) {
    grid-template-areas:
      "search search"
      "stock sort"
      "size size"
      "clear clear"
      "count count" !important;
  }
}

@media (max-width: 370px) {
  body.ui-v794 #inventory .inventory-size-match[data-state="empty"],
  html.native-layout-guard body.ui-v794[data-theme] main > #inventory .inventory-size-match[data-state="empty"] {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.ui-v794 #inventory #inventorySizePassportButton,
  html.native-layout-guard body.ui-v794[data-theme] main > #inventory #inventorySizePassportButton {
    width: 100% !important;
  }
}

/* v804-pending-generation-final: final mobile cascade for configuration before an empty result. */
@media (max-width: 699px) {
  body.ui-v794 #planner[data-generation-state="pending"] .planner-panel,
  html.native-layout-guard body.ui-v794[data-theme] #planner[data-generation-state="pending"] .planner-panel,
  body.ui-v794 #coach[data-generation-state="pending"] .coach-panel,
  html.native-layout-guard body.ui-v794[data-theme] #coach[data-generation-state="pending"] .coach-panel,
  body.ui-v794 #capsule[data-generation-state="pending"] .capsule-panel,
  html.native-layout-guard body.ui-v794[data-theme] #capsule[data-generation-state="pending"] .capsule-panel {
    order: 1 !important;
    grid-column: 1 / -1 !important;
    grid-area: auto / 1 / auto / -1 !important;
  }

  body.ui-v794 #planner[data-generation-state="pending"] .planner-result-panel,
  html.native-layout-guard body.ui-v794[data-theme] #planner[data-generation-state="pending"] .planner-result-panel,
  body.ui-v794 #coach[data-generation-state="pending"] .coach-answer-panel,
  html.native-layout-guard body.ui-v794[data-theme] #coach[data-generation-state="pending"] .coach-answer-panel,
  body.ui-v794 #capsule[data-generation-state="pending"] .capsule-board-panel,
  html.native-layout-guard body.ui-v794[data-theme] #capsule[data-generation-state="pending"] .capsule-board-panel {
    order: 2 !important;
    grid-column: 1 / -1 !important;
    grid-area: auto / 1 / auto / -1 !important;
  }

  body.ui-v794 :is(
    #planner[data-generation-state="pending"] #plannerBriefHeadline,
    #coach[data-generation-state="pending"] #coachHeadline,
    #capsule[data-generation-state="pending"] #capsuleHeadline
  ),
  html.native-layout-guard body.ui-v794[data-theme] :is(
    #planner[data-generation-state="pending"] #plannerBriefHeadline,
    #coach[data-generation-state="pending"] #coachHeadline,
    #capsule[data-generation-state="pending"] #capsuleHeadline
  ) {
    max-width: none !important;
    font-size: clamp(1.62rem, 7.6vw, 2.15rem) !important;
    line-height: 1.01 !important;
  }

  body.ui-v794 :is(
    #planner[data-generation-state="pending"] .planner-ticket-head h3,
    #coach[data-generation-state="pending"] .coach-answer-head h3,
    #capsule[data-generation-state="pending"] .capsule-board-head h3
  ),
  html.native-layout-guard body.ui-v794[data-theme] :is(
    #planner[data-generation-state="pending"] .planner-ticket-head h3,
    #coach[data-generation-state="pending"] .coach-answer-head h3,
    #capsule[data-generation-state="pending"] .capsule-board-head h3
  ) {
    max-width: none !important;
    font-family: inherit !important;
    font-size: 1.28rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.035em !important;
    line-height: 1.05 !important;
  }

  body.ui-v794 :is(
    #planner[data-generation-state="pending"] #plannerScore,
    #planner[data-generation-state="pending"] .planner-metrics,
    #planner[data-generation-state="pending"] .planner-reasons,
    #planner[data-generation-state="pending"] .planner-brief-actions,
    #coach[data-generation-state="pending"] #coachScore,
    #coach[data-generation-state="pending"] .coach-metrics,
    #coach[data-generation-state="pending"] .coach-session-actions,
    #capsule[data-generation-state="pending"] #capsuleScore,
    #capsule[data-generation-state="pending"] .capsule-metrics,
    #capsule[data-generation-state="pending"] .capsule-edit-actions
  ),
  html.native-layout-guard body.ui-v794[data-theme] :is(
    #planner[data-generation-state="pending"] #plannerScore,
    #planner[data-generation-state="pending"] .planner-metrics,
    #planner[data-generation-state="pending"] .planner-reasons,
    #planner[data-generation-state="pending"] .planner-brief-actions,
    #coach[data-generation-state="pending"] #coachScore,
    #coach[data-generation-state="pending"] .coach-metrics,
    #coach[data-generation-state="pending"] .coach-session-actions,
    #capsule[data-generation-state="pending"] #capsuleScore,
    #capsule[data-generation-state="pending"] .capsule-metrics,
    #capsule[data-generation-state="pending"] .capsule-edit-actions
  ) {
    display: none !important;
  }

  body.ui-v794 #planner[data-generation-state="pending"] .planner-ticket,
  html.native-layout-guard body.ui-v794[data-theme] #planner[data-generation-state="pending"] .planner-ticket {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.ui-v794 #planner[data-generation-state="pending"] .planner-ticket-head,
  html.native-layout-guard body.ui-v794[data-theme] #planner[data-generation-state="pending"] .planner-ticket-head {
    grid-column: 1 / -1 !important;
    padding: 16px !important;
    border-right: 0 !important;
  }

  body.ui-v794 #planner[data-generation-state="pending"] .planner-outfit,
  html.native-layout-guard body.ui-v794[data-theme] #planner[data-generation-state="pending"] .planner-outfit {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    display: block !important;
    min-height: 0 !important;
    padding: 0 16px 16px !important;
    overflow: visible !important;
    background: transparent !important;
  }

  body.ui-v794 :is(
    #planner[data-generation-state="pending"] .planner-empty,
    #coach[data-generation-state="pending"] .coach-empty,
    #capsule[data-generation-state="pending"] .capsule-empty
  ),
  html.native-layout-guard body.ui-v794[data-theme] :is(
    #planner[data-generation-state="pending"] .planner-empty,
    #coach[data-generation-state="pending"] .coach-empty,
    #capsule[data-generation-state="pending"] .capsule-empty
  ) {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 14px 16px !important;
  }

  body.ui-v794 :is(
    #planner[data-generation-state="pending"] .planner-empty h4,
    #coach[data-generation-state="pending"] .coach-empty h4,
    #capsule[data-generation-state="pending"] .capsule-empty h4
  ),
  html.native-layout-guard body.ui-v794[data-theme] :is(
    #planner[data-generation-state="pending"] .planner-empty h4,
    #coach[data-generation-state="pending"] .coach-empty h4,
    #capsule[data-generation-state="pending"] .capsule-empty h4
  ) {
    margin: 0 0 4px !important;
    font-size: 0.88rem !important;
    line-height: 1.18 !important;
  }

  body.ui-v794 :is(
    #planner[data-generation-state="pending"] .planner-empty p,
    #coach[data-generation-state="pending"] .coach-empty p,
    #capsule[data-generation-state="pending"] .capsule-empty p
  ),
  html.native-layout-guard body.ui-v794[data-theme] :is(
    #planner[data-generation-state="pending"] .planner-empty p,
    #coach[data-generation-state="pending"] .coach-empty p,
    #capsule[data-generation-state="pending"] .capsule-empty p
  ) {
    margin: 0 !important;
    font-size: 0.78rem !important;
    line-height: 1.38 !important;
  }
}

/* v822-final-contrast-shield: nothing below this point may reintroduce theme-specific low contrast. */
body.ui-v794[data-theme="chrome"] {
  --sb-bg: #090c10;
  --sb-rail: #0d1116;
  --sb-panel: #171d24;
  --sb-surface: rgba(19, 25, 32, 0.98);
  --sb-surface-2: rgba(32, 40, 49, 0.96);
  --sb-card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.018)), #171d24;
  --sb-frame-bg: radial-gradient(circle at 50% -10%, rgba(201, 214, 222, 0.18), transparent 38%), #090c10;
  --sb-page-bg: linear-gradient(105deg, #090c10, #151b21 52%, #0b0e12);
  --sb-text: #f4f7f8;
  --sb-ink: #f4f7f8;
  --sb-muted: #b9c3ca;
  --sb-soft: #cbd2d7;
  --sb-line: rgba(218, 228, 234, 0.18);
  --sb-mint: #79d2d0;
  --sb-signal: #b25778;
  --sb-active-text: #ffffff;
  --sb-sheet-bg: linear-gradient(180deg, rgba(24, 30, 37, 0.99), rgba(9, 12, 16, 0.99));
  --ui-on-accent: #ffffff;
  color-scheme: dark !important;
}

body.ui-v794[data-theme="editorial"] {
  --sb-bg: #100d0b;
  --sb-rail: #15110e;
  --sb-panel: #211b17;
  --sb-surface: rgba(31, 25, 21, 0.98);
  --sb-surface-2: rgba(49, 39, 32, 0.96);
  --sb-card-bg: linear-gradient(180deg, rgba(255, 248, 235, 0.08), rgba(255, 248, 235, 0.018)), #211b17;
  --sb-frame-bg: radial-gradient(circle at 82% 0%, rgba(157, 40, 72, 0.2), transparent 34%), radial-gradient(circle at 12% 0%, rgba(107, 213, 204, 0.12), transparent 30%), #100d0b;
  --sb-page-bg: linear-gradient(110deg, #100d0b, #211814 52%, #170d11);
  --sb-text: #fff8eb;
  --sb-ink: #fff8eb;
  --sb-muted: #cbbdaa;
  --sb-soft: #ded2c1;
  --sb-line: rgba(255, 248, 235, 0.17);
  --sb-mint: #6bd5cc;
  --sb-signal: #9d2848;
  --sb-active-text: #ffffff;
  --sb-sheet-bg: linear-gradient(180deg, rgba(36, 28, 24, 0.99), rgba(15, 12, 10, 0.99));
  --ui-on-accent: #ffffff;
  color-scheme: dark !important;
}

body.ui-v794 main :is(.primary-button, button[type="submit"]),
html.native-layout-guard body.ui-v794[data-theme] main > :is(#studio, #passport, #coach, #fit, #planner, #capsule, #discover, #brain, #inventory, #lookbook, #clients, #report, #history, #community, #trends, #business) :is(.primary-button, button[type="submit"]),
body.ui-v794[data-theme] #paywallDialog .paywall-plan-cta,
body.ui-v794[data-theme] #studio .expert-full-review-action,
html.native-layout-guard body.ui-v794[data-theme] #studio .expert-full-review-action {
  border-color: var(--ui-accent) !important;
  background: var(--ui-accent) !important;
  color: var(--ui-on-accent) !important;
}

body.ui-v794[data-theme] #studio .upload-zone > :is(#photoUploadActionLabel, #photoUploadProgress),
html.native-layout-guard body.ui-v794[data-theme] main > #studio .upload-zone > :is(#photoUploadActionLabel, #photoUploadProgress) {
  color: #ffffff !important;
}

body.ui-v794 .mobile-dock,
body.ui-v794[data-theme] .mobile-dock,
html.native-layout-guard body.ui-v794[data-theme] .mobile-dock {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: rgba(7, 9, 13, 0.985) !important;
  color: #f8f7f4 !important;
}

body.ui-v794 .mobile-dock > a,
body.ui-v794[data-theme] .mobile-dock > a,
html.native-layout-guard body.ui-v794[data-theme] .mobile-dock > a {
  border-color: transparent !important;
  background: transparent !important;
  color: #aeb4bd !important;
  opacity: 1 !important;
}

body.ui-v794 .mobile-dock > a.active,
body.ui-v794[data-theme] .mobile-dock > a.active,
html.native-layout-guard body.ui-v794[data-theme] .mobile-dock > a.active {
  border-color: color-mix(in srgb, var(--ui-accent) 42%, transparent) !important;
  background: color-mix(in srgb, var(--ui-accent) 12%, transparent) !important;
  color: #ffffff !important;
}

body.ui-v794 .mobile-dock > a[data-locked],
body.ui-v794[data-theme] .mobile-dock > a[data-locked],
html.native-layout-guard body.ui-v794[data-theme] .mobile-dock > a[data-locked] {
  color: #a8adb5 !important;
  opacity: 0.76 !important;
}

body.ui-v794 .mobile-dock .dock-label,
body.ui-v794[data-theme] .mobile-dock .dock-label,
html.native-layout-guard body.ui-v794[data-theme] .mobile-dock .dock-label {
  color: inherit !important;
  font-size: 0.72rem !important;
}

body.ui-v794 .mobile-dock a.active .dock-icon,
body.ui-v794[data-theme] .mobile-dock a.active .dock-icon,
html.native-layout-guard body.ui-v794[data-theme] .mobile-dock a.active .dock-icon {
  background: var(--ui-accent) !important;
  color: var(--ui-on-accent) !important;
}

body.ui-v794[data-theme] #studio .style-pulse-masthead > span,
body.ui-v794[data-theme] #studio .style-pulse-live,
body.ui-v794[data-theme] #studio #stylePulseLive,
html.native-layout-guard body.ui-v794[data-theme] main > #studio .style-pulse-masthead > span,
html.native-layout-guard body.ui-v794[data-theme] main > #studio .style-pulse-live,
html.native-layout-guard body.ui-v794[data-theme] main > #studio #stylePulseLive {
  color: var(--ui-muted) !important;
}

body.ui-v794[data-theme] #studio .style-pulse-actions .style-pulse-primary,
html.native-layout-guard body.ui-v794[data-theme] main > #studio .style-pulse-actions .style-pulse-primary {
  border-color: var(--ui-accent) !important;
  background: var(--ui-accent) !important;
  color: var(--ui-on-accent) !important;
}

body.ui-v794[data-theme] #studio .style-pulse-actions .style-pulse-secondary,
html.native-layout-guard body.ui-v794[data-theme] main > #studio .style-pulse-actions .style-pulse-secondary {
  border-color: var(--ui-line) !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-text) !important;
}

body.ui-v794[data-theme] #studio .style-pulse-actions button > span,
html.native-layout-guard body.ui-v794[data-theme] main > #studio .style-pulse-actions button > span {
  color: inherit !important;
}

body.ui-v794[data-theme] #studio .style-pulse-piece,
html.native-layout-guard body.ui-v794[data-theme] main > #studio .style-pulse-piece {
  background: #0b0f14 !important;
  color: #ffffff !important;
}

body.ui-v794[data-theme] #studio .style-pulse-piece :is(strong, span, small),
html.native-layout-guard body.ui-v794[data-theme] main > #studio .style-pulse-piece :is(strong, span, small) {
  color: #ffffff !important;
}

body.ui-v794[data-theme] #studio .recommendation-panel,
html.native-layout-guard body.ui-v794[data-theme] main > #studio .recommendation-panel {
  --ui-bg: #f3e8dc;
  --ui-surface: #fffaf3;
  --ui-surface-2: #f3e8dc;
  --ui-surface-3: #ead8c9;
  --ui-text: #160d11;
  --ui-muted: #5c4b52;
  --ui-line: rgba(93, 68, 78, 0.24);
  --ui-accent: #a81243;
  --ui-accent-2: #0b6d66;
  --ui-on-accent: #ffffff;
  border-color: var(--ui-line) !important;
  background: var(--ui-surface) !important;
  color: var(--ui-text) !important;
}

body.ui-v794[data-theme] #studio .recommendation-panel > :is(.panel-head, .outfit-summary, .outfit-list, .recommendation-actions, .taste-panel, .reasons-list),
html.native-layout-guard body.ui-v794[data-theme] main > #studio .recommendation-panel > :is(.panel-head, .outfit-summary, .outfit-list, .recommendation-actions, .taste-panel, .reasons-list) {
  border-color: var(--ui-line) !important;
  background: var(--ui-surface) !important;
  color: var(--ui-text) !important;
}

body.ui-v794[data-theme] #studio .recommendation-panel :is(h1, h2, h3, h4, strong),
html.native-layout-guard body.ui-v794[data-theme] main > #studio .recommendation-panel :is(h1, h2, h3, h4, strong) {
  color: var(--ui-text) !important;
}

body.ui-v794[data-theme] #studio .recommendation-panel :is(p, small, label, .taste-metrics span, .taste-tags, .outfit-row span),
html.native-layout-guard body.ui-v794[data-theme] main > #studio .recommendation-panel :is(p, small, label, .taste-metrics span, .taste-tags, .outfit-row span) {
  color: var(--ui-muted) !important;
}

body.ui-v794[data-theme] #studio .recommendation-panel :is(.eyebrow, .recommendation-edition-line > span),
html.native-layout-guard body.ui-v794[data-theme] main > #studio .recommendation-panel :is(.eyebrow, .recommendation-edition-line > span) {
  color: var(--ui-accent) !important;
}

body.ui-v794[data-theme] #studio .recommendation-panel :is(.taste-metrics > div, .taste-panel, .reasons-list > p),
html.native-layout-guard body.ui-v794[data-theme] main > #studio .recommendation-panel :is(.taste-metrics > div, .taste-panel, .reasons-list > p) {
  border-color: var(--ui-line) !important;
  background: var(--ui-surface-2) !important;
}

body.ui-v794[data-theme] #studio .recommendation-panel .mode-switch button.active,
body.ui-v794[data-theme] #studio .recommendation-panel #saveOutfitButton,
html.native-layout-guard body.ui-v794[data-theme] main > #studio .recommendation-panel .mode-switch button.active,
html.native-layout-guard body.ui-v794[data-theme] main > #studio .recommendation-panel #saveOutfitButton {
  border-color: var(--ui-accent) !important;
  background: var(--ui-accent) !important;
  color: var(--ui-on-accent) !important;
}

body.ui-v794[data-theme] #studio .recommendation-panel #resetTasteButton,
html.native-layout-guard body.ui-v794[data-theme] main > #studio .recommendation-panel #resetTasteButton {
  border-color: rgba(143, 18, 56, 0.34) !important;
  background: #fff0f3 !important;
  color: #8f1238 !important;
}

body.ui-v794[data-theme] #settingsDialog .settings-card .primary-button,
html.native-layout-guard body.ui-v794[data-theme] #settingsDialog .settings-card .primary-button {
  border-color: #34d399 !important;
  background: #a7f3d0 !important;
  color: #052e24 !important;
}

body.ui-v794[data-theme] #settingsDialog .settings-subscription[data-state="active"] #settingsSubscriptionState,
html.native-layout-guard body.ui-v794[data-theme] #settingsDialog .settings-subscription[data-state="active"] #settingsSubscriptionState {
  border-color: #6ee7b7 !important;
  background: #a7f3d0 !important;
  color: #052e24 !important;
}

body.ui-v794[data-theme] #settingsDialog .settings-subscription[data-state="checking"] #settingsSubscriptionState,
html.native-layout-guard body.ui-v794[data-theme] #settingsDialog .settings-subscription[data-state="checking"] #settingsSubscriptionState {
  border-color: #60a5fa !important;
  background: #bfdbfe !important;
  color: #172554 !important;
}

body.ui-v794[data-theme] #settingsDialog .settings-subscription[data-state="error"] #settingsSubscriptionState,
html.native-layout-guard body.ui-v794[data-theme] #settingsDialog .settings-subscription[data-state="error"] #settingsSubscriptionState {
  border-color: #fca5a5 !important;
  background: #fecaca !important;
  color: #450a0a !important;
}

body.ui-v794[data-theme] .quick-theme-options button > span,
html.native-layout-guard body.ui-v794[data-theme] .quick-theme-options button > span {
  display: block !important;
  color: #d8d5cf !important;
  font-size: 0.7rem !important;
  font-weight: 760 !important;
  line-height: 1 !important;
}

body.ui-v794 main :is(.eyebrow, [class$="-kicker"]),
html.native-layout-guard body.ui-v794[data-theme] main > :is(#studio, #passport, #coach, #fit, #planner, #capsule, #discover, #brain, #inventory, #lookbook, #clients, #report, #history, #community, #trends, #business) :is(.eyebrow, [class$="-kicker"]) {
  font-size: 0.75rem !important;
  line-height: 1.3 !important;
}

body.ui-v794[data-theme] #inventory :is(input, select, textarea),
html.native-layout-guard body.ui-v794[data-theme] main > #inventory :is(input, select, textarea) {
  border-color: var(--ui-line) !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-text) !important;
}

body.ui-v794[data-theme] #inventory :is(input, textarea)::placeholder,
html.native-layout-guard body.ui-v794[data-theme] main > #inventory :is(input, textarea)::placeholder {
  color: var(--ui-muted) !important;
  opacity: 1 !important;
}

body.ui-v794 main button:disabled,
html.native-layout-guard body.ui-v794[data-theme] main > :is(#studio, #passport, #coach, #fit, #planner, #capsule, #discover, #brain, #inventory, #lookbook, #clients, #report, #history, #community, #trends, #business) button:disabled {
  border-color: var(--ui-line) !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-muted) !important;
  filter: none !important;
  opacity: 1 !important;
}

@media (max-width: 699px) {
  body.ui-v794[data-theme] #passport .passport-panel .passport-required-fields,
  html.native-layout-guard body.ui-v794[data-theme] main > #passport .passport-panel .passport-required-fields {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* v822-readable-editorial-surfaces: keep dark editorial cards legible inside light sections. */
body.ui-v794[data-theme] #studio :is(.photo-panel, .style-pulse, .controls-panel) .eyebrow,
html.native-layout-guard body.ui-v794[data-theme] main > #studio :is(.photo-panel, .style-pulse, .controls-panel) .eyebrow {
  color: #7fe8dc !important;
}

body.ui-v794[data-theme] #studio .style-pulse-lead h1 em,
html.native-layout-guard body.ui-v794[data-theme] main > #studio .style-pulse-lead h1 em {
  color: #ff7eac !important;
}

body.ui-v794[data-theme] #studio .recommendation-panel .outfit-row,
html.native-layout-guard body.ui-v794[data-theme] main > #studio .recommendation-panel .outfit-row {
  color: #fff8ef !important;
}

body.ui-v794[data-theme] #studio .recommendation-panel .outfit-row :is(strong, .price),
html.native-layout-guard body.ui-v794[data-theme] main > #studio .recommendation-panel .outfit-row :is(strong, .price) {
  color: #fff8ef !important;
}

body.ui-v794[data-theme] #studio .recommendation-panel .outfit-row :is(.outfit-row-role, .outfit-row-copy > span:not(.outfit-row-role):not(.outfit-anchor-badge)),
html.native-layout-guard body.ui-v794[data-theme] main > #studio .recommendation-panel .outfit-row :is(.outfit-row-role, .outfit-row-copy > span:not(.outfit-row-role):not(.outfit-anchor-badge)) {
  color: #d7c7ce !important;
  font-size: max(0.72rem, 12px) !important;
  line-height: 1.35 !important;
}

body.ui-v794[data-theme] #studio .recommendation-panel .outfit-row .outfit-anchor-badge,
html.native-layout-guard body.ui-v794[data-theme] main > #studio .recommendation-panel .outfit-row .outfit-anchor-badge {
  color: #efcc71 !important;
  font-size: max(0.72rem, 12px) !important;
  line-height: 1.3 !important;
}

body.ui-v794[data-theme] #studio .recommendation-panel .outfit-row .outfit-row-number,
html.native-layout-guard body.ui-v794[data-theme] main > #studio .recommendation-panel .outfit-row .outfit-row-number {
  color: #e4d8dc !important;
}

/* v824-feature-contrast: legacy feature palettes must remain readable on the unified dark shell. */
body.ui-v794[data-theme] #passport :is(#saveSizePassportButton, #useSizePassportFitButton):disabled,
html.native-layout-guard body.ui-v794[data-theme] main > #passport :is(#saveSizePassportButton, #useSizePassportFitButton):disabled {
  border-color: rgba(212, 216, 223, 0.28) !important;
  background: #1c1d22 !important;
  color: #d4d8df !important;
  filter: none !important;
  opacity: 1 !important;
}

body.ui-v794[data-theme] #coach :is(#coachEdition, #coachBriefKicker, #coachQuoteLabel),
html.native-layout-guard body.ui-v794[data-theme] main > #coach :is(#coachEdition, #coachBriefKicker, #coachQuoteLabel) {
  color: #7fe8dc !important;
  font-size: max(0.75rem, 12px) !important;
  line-height: 1.3 !important;
}

body.ui-v794[data-theme] #fit :is(#fitEdition, #fitBriefKicker),
html.native-layout-guard body.ui-v794[data-theme] main > #fit :is(#fitEdition, #fitBriefKicker) {
  color: #9eb0ff !important;
  font-size: max(0.75rem, 12px) !important;
  line-height: 1.3 !important;
}

body.ui-v794[data-theme] #inventory .item-card .item-meta .price,
html.native-layout-guard body.ui-v794[data-theme] main > #inventory .item-card .item-meta .price {
  border-color: rgba(20, 18, 16, 0.14) !important;
  background: #f7f4ee !important;
  color: #141210 !important;
  font-size: max(0.75rem, 12px) !important;
  line-height: 1.1 !important;
}

body.ui-v794[data-theme] #inventory .segmented button.active,
html.native-layout-guard body.ui-v794[data-theme] main > #inventory .segmented button.active {
  border-color: #edcf79 !important;
  background: linear-gradient(180deg, #f3d98f, #dcb34e), #dcb34e !important;
  color: #0b0905 !important;
}

/* v824-secondary-view-contrast: remove legacy light-theme colors from dark feature modules. */
body.ui-v794[data-theme] #capsule #capsuleEdition,
html.native-layout-guard body.ui-v794[data-theme] main > #capsule #capsuleEdition {
  color: #7fe8dc !important;
  font-size: max(0.75rem, 12px) !important;
  line-height: 1.3 !important;
}

body.ui-v794[data-theme] #discover :is(#discoverEdition, #discoverKicker),
html.native-layout-guard body.ui-v794[data-theme] main > #discover :is(#discoverEdition, #discoverKicker) {
  color: #91a5ff !important;
  font-size: max(0.75rem, 12px) !important;
  line-height: 1.3 !important;
}

body.ui-v794[data-theme] #discover .discover-meta strong,
html.native-layout-guard body.ui-v794[data-theme] main > #discover .discover-meta strong {
  color: #f4f7f8 !important;
}

body.ui-v794[data-theme] #discover .discover-meta span,
html.native-layout-guard body.ui-v794[data-theme] main > #discover .discover-meta span {
  color: #cbd2db !important;
  font-size: max(0.75rem, 12px) !important;
  line-height: 1.3 !important;
}

body.ui-v794[data-theme] #discover .discover-queue-score,
html.native-layout-guard body.ui-v794[data-theme] main > #discover .discover-queue-score {
  border-color: rgba(20, 18, 16, 0.16) !important;
  background: #f7f4ee !important;
  color: #141210 !important;
  font-size: max(0.75rem, 12px) !important;
}

body.ui-v794[data-theme] #brain .pill,
html.native-layout-guard body.ui-v794[data-theme] main > #brain .pill {
  border-color: #46515e !important;
  background: #29323c !important;
  color: #f4f7f8 !important;
  font-size: max(0.75rem, 12px) !important;
  line-height: 1.25 !important;
}

body.ui-v794[data-theme] #brain .rule-card-positive .rule-actions > span,
html.native-layout-guard body.ui-v794[data-theme] main > #brain .rule-card-positive .rule-actions > span {
  color: #1b1406 !important;
  font-size: max(0.75rem, 12px) !important;
  font-weight: 850 !important;
}

body.ui-v794[data-theme] #brain .rule-card-negative .rule-actions > span,
html.native-layout-guard body.ui-v794[data-theme] main > #brain .rule-card-negative .rule-actions > span {
  color: #f4f7f8 !important;
  font-size: max(0.75rem, 12px) !important;
  font-weight: 850 !important;
}

body.ui-v794[data-theme] #lookbook #lookbookForm label,
html.native-layout-guard body.ui-v794[data-theme] main > #lookbook #lookbookForm label {
  border-color: #3d4855 !important;
  background: #222a34 !important;
  color: #d4dbe2 !important;
}

body.ui-v794[data-theme] #lookbook #lookbookForm label :is(input, select, textarea),
html.native-layout-guard body.ui-v794[data-theme] main > #lookbook #lookbookForm label :is(input, select, textarea) {
  border-color: #46515e !important;
  background: #0e131a !important;
  color: #f4f7f8 !important;
}

body.ui-v794[data-theme] #lookbook .look-card-head > strong,
html.native-layout-guard body.ui-v794[data-theme] main > #lookbook .look-card-head > strong {
  background: #fffdf6 !important;
  color: #17130f !important;
}

body.ui-v794[data-theme] #lookbook .followup-preview,
html.native-layout-guard body.ui-v794[data-theme] main > #lookbook .followup-preview {
  background: #f1faf6 !important;
  color: #173b35 !important;
}

body.ui-v794[data-theme] #lookbook .followup-preview :is(p, strong, span),
html.native-layout-guard body.ui-v794[data-theme] main > #lookbook .followup-preview :is(p, strong, span) {
  color: #173b35 !important;
}

body.ui-v794[data-theme] #history .history-empty-card,
html.native-layout-guard body.ui-v794[data-theme] main > #history .history-empty-card {
  border-color: rgba(255, 126, 172, 0.34) !important;
  background: #100e12 !important;
  color: #fff8ef !important;
}

body.ui-v794[data-theme] #history .history-empty-card :is(h3, strong),
html.native-layout-guard body.ui-v794[data-theme] main > #history .history-empty-card :is(h3, strong) {
  color: #fff8ef !important;
}

body.ui-v794[data-theme] #history .history-empty-card p,
html.native-layout-guard body.ui-v794[data-theme] main > #history .history-empty-card p {
  color: #cdbfc6 !important;
}

body.ui-v794[data-theme] #history .history-empty-card .history-empty-action,
html.native-layout-guard body.ui-v794[data-theme] main > #history .history-empty-card .history-empty-action {
  border-color: #52606d !important;
  background: #252d36 !important;
  color: #f4f7f8 !important;
}

/* v827 complete readability pass: remove the remaining legacy light-card palette leaks. */
body.ui-v794[data-theme] #studio .upload-zone > #photoUploadActionLabel,
html.native-layout-guard body.ui-v794[data-theme] main > #studio .upload-zone > #photoUploadActionLabel {
  border-color: #ff75a4 !important;
  background: #ff4b87 !important;
  color: #0b0c10 !important;
  font-size: max(0.84rem, 13px) !important;
  font-weight: 850 !important;
}

body.ui-v794[data-theme] #studio .upload-zone > #photoUploadProgress,
html.native-layout-guard body.ui-v794[data-theme] main > #studio .upload-zone > #photoUploadProgress {
  border-color: #ff9cbd !important;
  background: #ff75a4 !important;
  color: #0b0c10 !important;
  font-size: max(0.84rem, 13px) !important;
  font-weight: 850 !important;
}

body.ui-v794[data-theme] #planner #plannerBriefKicker,
html.native-layout-guard body.ui-v794[data-theme] main > #planner #plannerBriefKicker,
body.ui-v794[data-theme] #business .eyebrow,
html.native-layout-guard body.ui-v794[data-theme] main > #business .eyebrow {
  color: #7fe8dc !important;
}

body.ui-v794[data-theme] #report #merchBrief .merch-brief-edition > strong,
html.native-layout-guard body.ui-v794[data-theme] main > #report #merchBrief .merch-brief-edition > strong {
  color: #ff8bb3 !important;
}

body.ui-v794[data-theme] #clients :is(.sales-funnel-panel, .action-queue-panel),
html.native-layout-guard body.ui-v794[data-theme] main > #clients :is(.sales-funnel-panel, .action-queue-panel) {
  --ui-text: #f4f7f8;
  --ui-muted: #c3cbd4;
  --ui-line: #3c4654;
  border-color: #3c4654 !important;
  background: #151a21 !important;
  color: #f4f7f8 !important;
}

body.ui-v794[data-theme] #clients :is(.sales-funnel-panel, .action-queue-panel) :is(h2, h3, h4, strong),
html.native-layout-guard body.ui-v794[data-theme] main > #clients :is(.sales-funnel-panel, .action-queue-panel) :is(h2, h3, h4, strong) {
  color: #f4f7f8 !important;
}

body.ui-v794[data-theme] #clients :is(.sales-funnel-panel, .action-queue-panel) :is(p, span, small),
html.native-layout-guard body.ui-v794[data-theme] main > #clients :is(.sales-funnel-panel, .action-queue-panel) :is(p, span, small) {
  color: #c3cbd4 !important;
}

body.ui-v794[data-theme] #clients :is(.sales-funnel-stage, .action-queue-metrics > div, .queue-card, .pipeline-column, .pipeline-empty),
html.native-layout-guard body.ui-v794[data-theme] main > #clients :is(.sales-funnel-stage, .action-queue-metrics > div, .queue-card, .pipeline-column, .pipeline-empty) {
  border-color: #3c4654 !important;
  background: #202630 !important;
  color: #f4f7f8 !important;
}

body.ui-v794[data-theme] #clients .sales-funnel-insight,
html.native-layout-guard body.ui-v794[data-theme] main > #clients .sales-funnel-insight {
  border-left-color: #42e5d4 !important;
  background: #17302e !important;
  color: #e7f7f4 !important;
}

body.ui-v794[data-theme] #clients .sales-funnel-insight :is(strong, p),
html.native-layout-guard body.ui-v794[data-theme] main > #clients .sales-funnel-insight :is(strong, p) {
  color: #e7f7f4 !important;
}

body.ui-v794[data-theme] #clients .funnel-health-warn,
html.native-layout-guard body.ui-v794[data-theme] main > #clients .funnel-health-warn {
  background: #ffe7a8 !important;
  color: #4d3100 !important;
}

body.ui-v794[data-theme] #clients #salesFunnelHealth > .funnel-health-neutral,
html.native-layout-guard body.ui-v794[data-theme] main > #clients #salesFunnelHealth > .funnel-health-neutral {
  background: #edf1f3 !important;
  color: #39424a !important;
}

body.ui-v794[data-theme] #clients :is(.sales-funnel-panel, .action-queue-panel) .eyebrow,
html.native-layout-guard body.ui-v794[data-theme] main > #clients :is(.sales-funnel-panel, .action-queue-panel) .eyebrow {
  color: #7fe8dc !important;
}

body.ui-v794[data-theme] #report .product-report-row,
html.native-layout-guard body.ui-v794[data-theme] main > #report .product-report-row {
  border-color: #3c4654 !important;
  background: #202630 !important;
  color: #f4f7f8 !important;
}

body.ui-v794[data-theme] #report .product-report-row strong,
html.native-layout-guard body.ui-v794[data-theme] main > #report .product-report-row strong {
  color: #f4f7f8 !important;
}

body.ui-v794[data-theme] #report .product-report-row :is(span, small),
html.native-layout-guard body.ui-v794[data-theme] main > #report .product-report-row :is(span, small) {
  color: #c3cbd4 !important;
}

body.ui-v794[data-theme] #report .product-report-row .report-rank,
html.native-layout-guard body.ui-v794[data-theme] main > #report .product-report-row .report-rank {
  background: #090c10 !important;
  color: #ffffff !important;
}

body.ui-v794[data-theme] #community :is(
  .community-metrics,
  .community-moodboard-metrics,
  .community-shop-metrics,
  .community-pulse-metrics,
  .community-drop-metrics
) > div,
html.native-layout-guard body.ui-v794[data-theme] main > #community :is(
  .community-metrics,
  .community-moodboard-metrics,
  .community-shop-metrics,
  .community-pulse-metrics,
  .community-drop-metrics
) > div {
  border: 1px solid #3c4654 !important;
  background: #202630 !important;
  color: #f4f7f8 !important;
}

body.ui-v794[data-theme] #community :is(
  .community-metrics,
  .community-moodboard-metrics,
  .community-shop-metrics,
  .community-pulse-metrics,
  .community-drop-metrics
) > div > strong,
html.native-layout-guard body.ui-v794[data-theme] main > #community :is(
  .community-metrics,
  .community-moodboard-metrics,
  .community-shop-metrics,
  .community-pulse-metrics,
  .community-drop-metrics
) > div > strong {
  color: #f4f7f8 !important;
}

body.ui-v794[data-theme] #community :is(
  .community-metrics,
  .community-moodboard-metrics,
  .community-shop-metrics,
  .community-pulse-metrics,
  .community-drop-metrics
) > div > span,
html.native-layout-guard body.ui-v794[data-theme] main > #community :is(
  .community-metrics,
  .community-moodboard-metrics,
  .community-shop-metrics,
  .community-pulse-metrics,
  .community-drop-metrics
) > div > span {
  color: #c3cbd4 !important;
}

body.ui-v794[data-theme] #community .circle-avatar,
html.native-layout-guard body.ui-v794[data-theme] main > #community .circle-avatar {
  border-color: #52606d !important;
  background: #29323c !important;
  color: #ffffff !important;
}

body.ui-v794[data-theme] #trends .pill,
html.native-layout-guard body.ui-v794[data-theme] main > #trends .pill {
  border-color: #2f9f95 !important;
  background: #204a46 !important;
  color: #f4fffd !important;
  font-size: max(0.75rem, 12px) !important;
}

body.ui-v794[data-theme] #trends .trend-brief-field,
html.native-layout-guard body.ui-v794[data-theme] main > #trends .trend-brief-field {
  padding: 12px !important;
  border: 1px solid #3c4654 !important;
  border-radius: 12px !important;
  background: #151a21 !important;
  color: #f4f7f8 !important;
  font-size: max(0.82rem, 13px) !important;
}

body.ui-v794[data-theme] #trends .trend-brief-field > textarea,
html.native-layout-guard body.ui-v794[data-theme] main > #trends .trend-brief-field > textarea {
  border-color: #46515e !important;
  background: #0e131a !important;
  color: #f4f7f8 !important;
}

body.ui-v794[data-theme] #coach :is(.coach-item-copy small, .coach-item-tags span, .coach-item-link),
html.native-layout-guard body.ui-v794[data-theme] main > #coach :is(.coach-item-copy small, .coach-item-tags span, .coach-item-link),
body.ui-v794[data-theme] #fit :is(.fit-alt-copy small, .fit-alt-copy span, .fit-alt-link, .fit-alt-number),
html.native-layout-guard body.ui-v794[data-theme] main > #fit :is(.fit-alt-copy small, .fit-alt-copy span, .fit-alt-link, .fit-alt-number),
body.ui-v794[data-theme] #clients #clientDesk :is(.client-desk-facts span, .client-desk-product figcaption small, .client-desk-product figcaption span),
html.native-layout-guard body.ui-v794[data-theme] main > #clients #clientDesk :is(.client-desk-facts span, .client-desk-product figcaption small, .client-desk-product figcaption span),
body.ui-v794[data-theme] #community #circleDispatch :is(.circle-dispatch-facts span, .circle-dispatch-product figcaption small, .circle-dispatch-product figcaption span),
html.native-layout-guard body.ui-v794[data-theme] main > #community #circleDispatch :is(.circle-dispatch-facts span, .circle-dispatch-product figcaption small, .circle-dispatch-product figcaption span),
body.ui-v794[data-theme] #studio :is(.style-pulse-verdict-label, .score-unit),
html.native-layout-guard body.ui-v794[data-theme] main > #studio :is(.style-pulse-verdict-label, .score-unit) {
  font-size: max(0.75rem, 12px) !important;
  line-height: 1.3 !important;
}

body.ui-v794[data-theme] #coach :is(.coach-item-link),
html.native-layout-guard body.ui-v794[data-theme] main > #coach :is(.coach-item-link),
body.ui-v794[data-theme] #fit :is(.fit-alt-link),
html.native-layout-guard body.ui-v794[data-theme] main > #fit :is(.fit-alt-link) {
  font-size: max(0.8125rem, 13px) !important;
}

body.ui-v794[data-theme] .paywall-product:disabled,
html.native-layout-guard body.ui-v794[data-theme] .paywall-product:disabled {
  filter: none !important;
  opacity: 1 !important;
}

body.ui-v794[data-theme] #clients #salesFunnelHealth > .funnel-health-warn,
html.native-layout-guard body.ui-v794[data-theme] main > #clients #salesFunnelHealth > .funnel-health-warn {
  background: #ffe7a8 !important;
  color: #4d3100 !important;
}

body.ui-v794[data-theme] #clients #clientPipeline > .pipeline-column,
html.native-layout-guard body.ui-v794[data-theme] main > #clients #clientPipeline > .pipeline-column {
  border-color: #3c4654 !important;
  background: #202630 !important;
  background-image: none !important;
  color: #f4f7f8 !important;
}

body.ui-v794[data-theme] #clients #clientPipeline > .pipeline-column > .pipeline-head,
html.native-layout-guard body.ui-v794[data-theme] main > #clients #clientPipeline > .pipeline-column > .pipeline-head {
  border: 1px solid #3c4654 !important;
  background: #151a21 !important;
  background-image: none !important;
  color: #f4f7f8 !important;
  backdrop-filter: none !important;
}

body.ui-v794[data-theme] #clients #clientPipeline > .pipeline-column .pipeline-head > h3,
html.native-layout-guard body.ui-v794[data-theme] main > #clients #clientPipeline > .pipeline-column .pipeline-head > h3 {
  color: #f4f7f8 !important;
}

body.ui-v794[data-theme] #report #productReportList > .product-report-row,
html.native-layout-guard body.ui-v794[data-theme] main > #report #productReportList > .product-report-row {
  border-color: #3c4654 !important;
  background: #202630 !important;
  background-image: none !important;
  color: #f4f7f8 !important;
}

body.ui-v794[data-theme] #report #productReportList > .product-report-row .report-row-stats > strong,
html.native-layout-guard body.ui-v794[data-theme] main > #report #productReportList > .product-report-row .report-row-stats > strong {
  color: #17130f !important;
}

body.ui-v794[data-theme] #report #restockList .restock-tags > span,
html.native-layout-guard body.ui-v794[data-theme] main > #report #restockList .restock-tags > span {
  border: 1px solid #a9c9c3 !important;
  background: #dcebe7 !important;
  color: #173b35 !important;
  font-size: max(0.75rem, 12px) !important;
  line-height: 1.2 !important;
}

/* v827-dialog-contrast: dialogs keep one deliberate dark surface in every
   theme so light-theme overrides cannot produce light text on white cards. */
body.ui-v794[data-theme] #quickActionSheet .quick-action-panel,
html.native-layout-guard body.ui-v794[data-theme] #quickActionSheet .quick-action-panel {
  border-color: #465160 !important;
  background: #11141b !important;
  background-image: none !important;
  color: #f8f7f4 !important;
}

body.ui-v794[data-theme] #quickActionSheet .quick-theme-picker,
html.native-layout-guard body.ui-v794[data-theme] #quickActionSheet .quick-theme-picker {
  border-color: #465160 !important;
  background: #181c25 !important;
  background-image: none !important;
  color: #f8f7f4 !important;
}

body.ui-v794[data-theme] #quickActionSheet #quickThemeLabel,
html.native-layout-guard body.ui-v794[data-theme] #quickActionSheet #quickThemeLabel {
  color: #f8f7f4 !important;
}

body.ui-v794[data-theme] #quickActionSheet .quick-theme-options > button,
html.native-layout-guard body.ui-v794[data-theme] #quickActionSheet .quick-theme-options > button {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 38px auto !important;
  place-items: center !important;
  gap: 5px !important;
  border-color: #526071 !important;
  background: #202630 !important;
  background-image: none !important;
  color: #f4f7f8 !important;
}

body.ui-v794[data-theme] #quickActionSheet .quick-theme-options > button > i,
html.native-layout-guard body.ui-v794[data-theme] #quickActionSheet .quick-theme-options > button > i {
  grid-row: 1 !important;
  grid-column: 1 !important;
  justify-self: center !important;
}

body.ui-v794[data-theme] #quickActionSheet .quick-theme-options > button > span,
html.native-layout-guard body.ui-v794[data-theme] #quickActionSheet .quick-theme-options > button > span {
  grid-row: 2 !important;
  grid-column: 1 !important;
  width: 100% !important;
  overflow: visible !important;
  text-align: center !important;
  text-overflow: clip !important;
  color: #e6edf3 !important;
}

body.ui-v794[data-theme] #quickActionSheet .quick-action-grid > button,
html.native-layout-guard body.ui-v794[data-theme] #quickActionSheet .quick-action-grid > button {
  border-color: #465160 !important;
  background: #202630 !important;
  background-image: none !important;
  color: #f4f7f8 !important;
}

body.ui-v794[data-theme] #quickActionSheet .quick-action-grid > button > strong,
html.native-layout-guard body.ui-v794[data-theme] #quickActionSheet .quick-action-grid > button > strong {
  color: #f4f7f8 !important;
}

body.ui-v794[data-theme] #quickActionSheet .quick-action-grid > button > span,
html.native-layout-guard body.ui-v794[data-theme] #quickActionSheet .quick-action-grid > button > span {
  color: #cbd5df !important;
}

body.ui-v794[data-theme] #photoAnalysisConsentDialog #photoConsentAcceptButton,
html.native-layout-guard body.ui-v794[data-theme] #photoAnalysisConsentDialog #photoConsentAcceptButton {
  border-color: #b9f7e4 !important;
  background: #b9f7e4 !important;
  background-image: none !important;
  color: #111416 !important;
}

body.ui-v794[data-theme] #community #communityBattle .community-battle-empty > p,
html.native-layout-guard body.ui-v794[data-theme] main > #community #communityBattle .community-battle-empty > p {
  color: #d4d8df !important;
  opacity: 1 !important;
}

/* v827-mobile-plan-matrix: every tier stays visible without horizontal
   scrolling; each feature owns a full-width label and a three-column value row. */
@media (max-width: 699px) {
  body.ui-v794[data-theme] #paywallComparison,
  html.native-layout-guard body.ui-v794[data-theme] #paywallComparison {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body.ui-v794[data-theme] #paywallComparison > .paywall-comparison-content,
  html.native-layout-guard body.ui-v794[data-theme] #paywallComparison > .paywall-comparison-content {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.ui-v794[data-theme] #paywallComparisonHint,
  html.native-layout-guard body.ui-v794[data-theme] #paywallComparisonHint {
    overflow-wrap: anywhere !important;
    white-space: normal !important;
  }

  body.ui-v794[data-theme] #paywallComparison .paywall-comparison-scroll,
  html.native-layout-guard body.ui-v794[data-theme] #paywallComparison .paywall-comparison-scroll {
    width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  body.ui-v794[data-theme] #paywallComparison #paywallComparisonTable,
  body.ui-v794[data-theme] #paywallComparison #paywallComparisonTable :is(thead, tbody),
  html.native-layout-guard body.ui-v794[data-theme] #paywallComparison #paywallComparisonTable,
  html.native-layout-guard body.ui-v794[data-theme] #paywallComparison #paywallComparisonTable :is(thead, tbody) {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.ui-v794[data-theme] #paywallComparison #paywallComparisonTable :is(thead, tbody) > tr,
  html.native-layout-guard body.ui-v794[data-theme] #paywallComparison #paywallComparisonTable :is(thead, tbody) > tr {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 8px !important;
    overflow: hidden !important;
    border: 1px solid #3c4654 !important;
    border-radius: 12px !important;
    background: #11161d !important;
  }

  body.ui-v794[data-theme] #paywallComparison #paywallComparisonTable tr > :is(th, td),
  html.native-layout-guard body.ui-v794[data-theme] #paywallComparison #paywallComparisonTable tr > :is(th, td) {
    position: static !important;
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 9px 5px !important;
    border: 0 !important;
    border-right: 1px solid #343e4b !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body.ui-v794[data-theme] #paywallComparison #paywallComparisonTable tr > :is(th, td):last-child,
  html.native-layout-guard body.ui-v794[data-theme] #paywallComparison #paywallComparisonTable tr > :is(th, td):last-child {
    border-right: 0 !important;
  }

  body.ui-v794[data-theme] #paywallComparison #paywallComparisonTable thead th:first-child,
  html.native-layout-guard body.ui-v794[data-theme] #paywallComparison #paywallComparisonTable thead th:first-child {
    display: none !important;
  }

  body.ui-v794[data-theme] #paywallComparison #paywallComparisonTable tbody tr > th:first-child,
  html.native-layout-guard body.ui-v794[data-theme] #paywallComparison #paywallComparisonTable tbody tr > th:first-child {
    grid-column: 1 / -1 !important;
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 10px 12px !important;
    border-right: 0 !important;
    border-bottom: 1px solid #3c4654 !important;
    background: #181e27 !important;
    color: #f8f7f4 !important;
    text-align: left !important;
  }
}

/* v828-workspace-hierarchy: wide screens use the available space instead of
   inheriting the old single-column phone rail. */
@media (min-width: 901px) {
  body.ui-v794[data-theme] main > #business.business-band.active-view,
  html.native-layout-guard body.ui-v794[data-theme] main > #business.business-band.active-view {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-content: start !important;
    gap: 12px !important;
  }

  body.ui-v794[data-theme] #business .business-copy,
  html.native-layout-guard body.ui-v794[data-theme] main > #business .business-copy {
    display: grid !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(340px, 0.85fr) !important;
    grid-template-rows: auto auto 1fr !important;
    gap: 10px 24px !important;
    min-height: 224px !important;
    padding: 28px !important;
    border: 1px solid #3c4654 !important;
    border-radius: 20px !important;
    background:
      radial-gradient(circle at 8% 0%, rgba(66, 229, 212, 0.12), transparent 36%),
      radial-gradient(circle at 92% 100%, rgba(255, 65, 126, 0.13), transparent 40%),
      #11151b !important;
  }

  body.ui-v794[data-theme] #business .business-copy > .eyebrow,
  html.native-layout-guard body.ui-v794[data-theme] main > #business .business-copy > .eyebrow {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: end !important;
    margin: 0 !important;
    color: #64e1d5 !important;
  }

  body.ui-v794[data-theme] #business .business-copy > h2,
  html.native-layout-guard body.ui-v794[data-theme] main > #business .business-copy > h2 {
    grid-column: 1 !important;
    grid-row: 2 !important;
    margin: 0 !important;
    color: #f8f7f4 !important;
    font-size: clamp(2.15rem, 4vw, 3.45rem) !important;
    letter-spacing: -0.045em !important;
    line-height: 0.98 !important;
  }

  body.ui-v794[data-theme] #business .business-copy > p,
  html.native-layout-guard body.ui-v794[data-theme] main > #business .business-copy > p {
    grid-column: 1 !important;
    grid-row: 3 !important;
    max-width: 46ch !important;
    margin: 4px 0 0 !important;
    color: #c3cbd4 !important;
    font-size: 0.94rem !important;
    line-height: 1.5 !important;
  }

  body.ui-v794[data-theme] #business .business-status-grid,
  html.native-layout-guard body.ui-v794[data-theme] main > #business .business-status-grid {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    align-self: start !important;
  }

  body.ui-v794[data-theme] #business .business-status-grid > span,
  html.native-layout-guard body.ui-v794[data-theme] main > #business .business-status-grid > span {
    display: grid !important;
    align-content: center !important;
    gap: 5px !important;
    min-height: 78px !important;
    padding: 12px !important;
    border: 1px solid #3c4654 !important;
    border-radius: 14px !important;
    background: #1c222b !important;
  }

  body.ui-v794[data-theme] #business .business-status-grid strong,
  html.native-layout-guard body.ui-v794[data-theme] main > #business .business-status-grid strong {
    display: block !important;
    color: #f8f7f4 !important;
    font-size: 1rem !important;
    font-weight: 850 !important;
    line-height: 1.05 !important;
  }

  body.ui-v794[data-theme] #business .business-status-grid em,
  html.native-layout-guard body.ui-v794[data-theme] main > #business .business-status-grid em {
    display: block !important;
    color: #aeb8c3 !important;
    font-size: 0.75rem !important;
    font-style: normal !important;
    font-weight: 680 !important;
    line-height: 1.15 !important;
  }

  body.ui-v794[data-theme] #business .business-actions,
  html.native-layout-guard body.ui-v794[data-theme] main > #business .business-actions {
    grid-column: 2 !important;
    grid-row: 3 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-self: end !important;
    gap: 8px !important;
  }

  body.ui-v794[data-theme] #business .business-actions > :is(.primary-button, .ghost-button),
  html.native-layout-guard body.ui-v794[data-theme] main > #business .business-actions > :is(.primary-button, .ghost-button) {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    padding: 0 12px !important;
  }

  body.ui-v794[data-theme] #business .business-steps,
  html.native-layout-guard body.ui-v794[data-theme] main > #business .business-steps {
    display: grid !important;
    grid-auto-flow: row !important;
    grid-auto-columns: unset !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    padding: 0 !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
  }

  body.ui-v794[data-theme] #business .business-step,
  html.native-layout-guard body.ui-v794[data-theme] main > #business .business-step {
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) !important;
    grid-template-areas:
      "number title"
      "number copy" !important;
    align-content: center !important;
    align-items: center !important;
    gap: 6px 14px !important;
    min-height: 150px !important;
    padding: 20px !important;
    border: 1px solid #3c4654 !important;
    border-radius: 18px !important;
    background:
      linear-gradient(145deg, rgba(66, 229, 212, 0.07), transparent 54%),
      #202630 !important;
    color: #f4f7f8 !important;
    scroll-snap-align: none !important;
  }

  body.ui-v794[data-theme] #business .business-step:nth-child(2),
  html.native-layout-guard body.ui-v794[data-theme] main > #business .business-step:nth-child(2) {
    background:
      linear-gradient(145deg, rgba(255, 65, 126, 0.08), transparent 54%),
      #202630 !important;
  }

  body.ui-v794[data-theme] #business .business-step:nth-child(3),
  html.native-layout-guard body.ui-v794[data-theme] main > #business .business-step:nth-child(3) {
    background:
      linear-gradient(145deg, rgba(243, 201, 95, 0.09), transparent 54%),
      #202630 !important;
  }

  body.ui-v794[data-theme] #business .business-step > span,
  html.native-layout-guard body.ui-v794[data-theme] main > #business .business-step > span {
    grid-area: number !important;
    display: grid !important;
    place-items: center !important;
    width: 52px !important;
    height: 52px !important;
    margin: 0 !important;
    border: 1px solid #465160 !important;
    border-radius: 15px !important;
    background: #0c1015 !important;
    color: #cbd5df !important;
  }

  body.ui-v794[data-theme] #business .business-step > h3,
  html.native-layout-guard body.ui-v794[data-theme] main > #business .business-step > h3 {
    grid-area: title !important;
    margin: 0 !important;
    color: #f4f7f8 !important;
    font-size: 1.14rem !important;
    line-height: 1.1 !important;
  }

  body.ui-v794[data-theme] #business .business-step > p,
  html.native-layout-guard body.ui-v794[data-theme] main > #business .business-step > p {
    grid-area: copy !important;
    margin: 0 !important;
    color: #b9c3ce !important;
    font-size: 0.84rem !important;
    line-height: 1.38 !important;
  }

  body.ui-v794[data-theme] #clients .clients-layout,
  html.native-layout-guard body.ui-v794[data-theme] main > #clients .clients-layout {
    display: grid !important;
    grid-template-columns: minmax(300px, 0.42fr) minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 14px !important;
    overflow: visible !important;
  }

  body.ui-v794[data-theme] #trends .trend-lab,
  html.native-layout-guard body.ui-v794[data-theme] main > #trends .trend-lab {
    display: grid !important;
    grid-template-columns: minmax(320px, 0.42fr) minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 14px !important;
    overflow: visible !important;
  }

  body.ui-v794[data-theme] #clients .clients-layout > #leadForm.client-form,
  html.native-layout-guard body.ui-v794[data-theme] main > #clients .clients-layout > #leadForm.client-form,
  body.ui-v794[data-theme] #trends .trend-lab > #trendForm.trend-form,
  html.native-layout-guard body.ui-v794[data-theme] main > #trends .trend-lab > #trendForm.trend-form {
    grid-column: 1 !important;
  }

  body.ui-v794[data-theme] #clients .clients-layout > .client-workbench,
  html.native-layout-guard body.ui-v794[data-theme] main > #clients .clients-layout > .client-workbench,
  body.ui-v794[data-theme] #trends .trend-lab > .trend-workbench,
  html.native-layout-guard body.ui-v794[data-theme] main > #trends .trend-lab > .trend-workbench {
    grid-column: 2 !important;
  }

  body.ui-v794[data-theme] #clients #leadForm.client-form,
  html.native-layout-guard body.ui-v794[data-theme] main > #clients #leadForm.client-form,
  body.ui-v794[data-theme] #trends #trendForm.trend-form,
  html.native-layout-guard body.ui-v794[data-theme] main > #trends #trendForm.trend-form {
    position: sticky !important;
    top: 12px !important;
    align-self: start !important;
  }
}

/* v828-mobile-reading-order: short headers, uncut accordion titles and purchase
   cards whose price and action no longer compete with the feature list. */
@media (max-width: 699px) {
  body.ui-v794[data-theme] #brain > .section-head,
  html.native-layout-guard body.ui-v794[data-theme] main > #brain > .section-head {
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 11px 12px !important;
  }

  body.ui-v794[data-theme] #brain > .section-head h2,
  html.native-layout-guard body.ui-v794[data-theme] main > #brain > .section-head h2 {
    max-width: 18ch !important;
    font-size: clamp(1.18rem, 5.4vw, 1.48rem) !important;
    letter-spacing: -0.028em !important;
    line-height: 1.06 !important;
  }

  body.ui-v794[data-theme] #brain > .section-head #resetBrainButton,
  html.native-layout-guard body.ui-v794[data-theme] main > #brain > .section-head #resetBrainButton {
    width: 104px !important;
    min-width: 104px !important;
    max-width: 104px !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 8px !important;
    font-size: max(0.75rem, 12px) !important;
  }

  body.ui-v794 :is(#passport, #brain).active-view .mobile-collapsible:not(.is-collapsed) > .mobile-collapse-head,
  html.native-layout-guard body.ui-v794[data-theme] main > :is(#passport, #brain).active-view .mobile-collapsible:not(.is-collapsed) > .mobile-collapse-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 48px !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.ui-v794 :is(#passport, #brain).active-view .mobile-collapsible:not(.is-collapsed) > .mobile-collapse-head > :first-child,
  html.native-layout-guard body.ui-v794[data-theme] main > :is(#passport, #brain).active-view .mobile-collapsible:not(.is-collapsed) > .mobile-collapse-head > :first-child {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: auto !important;
    min-width: 0 !important;
  }

  body.ui-v794 :is(#passport, #brain).active-view .mobile-collapsible:not(.is-collapsed) > .mobile-collapse-head > .mobile-collapse-toggle,
  html.native-layout-guard body.ui-v794[data-theme] main > :is(#passport, #brain).active-view .mobile-collapsible:not(.is-collapsed) > .mobile-collapse-head > .mobile-collapse-toggle {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    margin: 0 !important;
  }

  body.ui-v794 .active-view .mobile-collapsible:is(.is-collapsed, [data-mobile-collapsed="true"]) > .mobile-collapse-head :is(h2, h3, h4),
  html.native-layout-guard body.ui-v794[data-theme] main > .active-view .mobile-collapsible:is(.is-collapsed, [data-mobile-collapsed="true"]) > .mobile-collapse-head :is(h2, h3, h4) {
    font-size: max(0.875rem, 14px) !important;
    line-height: 1.2 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }

  body.ui-v794[data-theme] #quickActionSheet .quick-theme-options,
  html.native-layout-guard body.ui-v794[data-theme] #quickActionSheet .quick-theme-options {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 4px !important;
    overflow-x: hidden !important;
  }

  body.ui-v794[data-theme] #quickActionSheet .quick-theme-options > button,
  html.native-layout-guard body.ui-v794[data-theme] #quickActionSheet .quick-theme-options > button {
    min-width: 0 !important;
    padding-inline: 2px !important;
  }

  body.ui-v794[data-theme] #paywallDialog .paywall-product,
  html.native-layout-guard body.ui-v794[data-theme] #paywallDialog .paywall-product {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 13px !important;
  }

  body.ui-v794[data-theme] #paywallDialog .paywall-product > span,
  html.native-layout-guard body.ui-v794[data-theme] #paywallDialog .paywall-product > span {
    display: grid !important;
    gap: 7px !important;
  }

  body.ui-v794[data-theme] #paywallDialog .paywall-plan-features,
  html.native-layout-guard body.ui-v794[data-theme] #paywallDialog .paywall-plan-features {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 5px !important;
    width: 100% !important;
  }

  body.ui-v794[data-theme] #paywallDialog .paywall-plan-feature,
  html.native-layout-guard body.ui-v794[data-theme] #paywallDialog .paywall-plan-feature {
    width: 100% !important;
    min-height: 0 !important;
    padding: 6px 9px !important;
    border-radius: 10px !important;
    font-size: max(0.75rem, 12px) !important;
    line-height: 1.25 !important;
    white-space: normal !important;
  }

  body.ui-v794[data-theme] #paywallDialog .paywall-product > em,
  html.native-layout-guard body.ui-v794[data-theme] #paywallDialog .paywall-product > em {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto 46px !important;
    align-items: center !important;
    justify-items: start !important;
    gap: 2px 10px !important;
    width: 100% !important;
    padding-top: 10px !important;
    border-top: 1px solid #3c4654 !important;
    font-size: 1.12rem !important;
    text-align: left !important;
  }

  body.ui-v794[data-theme] #paywallDialog .paywall-product > em > .paywall-plan-price,
  html.native-layout-guard body.ui-v794[data-theme] #paywallDialog .paywall-product > em > .paywall-plan-price {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: block !important;
    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    color: #f8f7f4 !important;
    font-size: 1.12rem !important;
    font-weight: 850 !important;
    line-height: 1.05 !important;
    overflow-wrap: normal !important;
    white-space: nowrap !important;
  }

  body.ui-v794[data-theme] #paywallDialog .paywall-product > em > i,
  html.native-layout-guard body.ui-v794[data-theme] #paywallDialog .paywall-product > em > i {
    grid-column: 1 !important;
    grid-row: 2 !important;
    display: block !important;
    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;
    overflow: visible !important;
    justify-self: start !important;
    overflow-wrap: normal !important;
    text-align: left !important;
    white-space: nowrap !important;
  }

  body.ui-v794[data-theme] #paywallDialog .paywall-product > em > .paywall-plan-cta,
  html.native-layout-guard body.ui-v794[data-theme] #paywallDialog .paywall-product > em > .paywall-plan-cta {
    grid-column: 1 !important;
    grid-row: 3 !important;
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-top: 6px !important;
    padding: 0 14px !important;
    text-align: center !important;
  }
}

body.ui-v794[data-theme] #paywallCloseButton.paywall-close,
html.native-layout-guard body.ui-v794[data-theme] #paywallCloseButton.paywall-close {
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
  box-shadow: none !important;
}

body.ui-v794[data-theme] #paywallDialog .paywall-product:disabled:not([aria-busy="true"]),
html.native-layout-guard body.ui-v794[data-theme] #paywallDialog .paywall-product:disabled:not([aria-busy="true"]) {
  cursor: not-allowed !important;
  opacity: 1 !important;
}

body.ui-v794[data-theme] #paywallDialog .paywall-product:disabled:not([aria-busy="true"]) .paywall-plan-cta,
html.native-layout-guard body.ui-v794[data-theme] #paywallDialog .paywall-product:disabled:not([aria-busy="true"]) .paywall-plan-cta {
  border-color: #526071 !important;
  background: #343b47 !important;
  color: #e5e7eb !important;
}

body.ui-v794 #studio .style-pulse-masthead,
body.ui-v794 #planner :is(.planner-slot-number, .planner-slot-price),
html.native-layout-guard body.ui-v794[data-theme] :is(
  #passport .passport-id-edition,
  #coach .coach-session-edition,
  #fit .fit-verdict-edition,
  #planner .planner-brief-edition,
  #capsule .capsule-board-edition
) :is(span, strong),
body.ui-v794 .mobile-dock .dock-label {
  font-size: max(0.75rem, 12px) !important;
  line-height: 1.2 !important;
}

/* v829-mobile-plan-disclosure: keep the collapsed comparison label painted on
   narrow screens, including WebKit's details/summary implementation. */
@media (max-width: 699px) {
  body.ui-v794[data-theme] #paywallComparison > .paywall-comparison-head,
  html.native-layout-guard body.ui-v794[data-theme] #paywallComparison > .paywall-comparison-head {
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 72px !important;
    box-sizing: border-box !important;
    padding: 12px !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: #f8f7f4 !important;
    -webkit-text-fill-color: currentColor !important;
    list-style: none !important;
  }

  body.ui-v794[data-theme] #paywallComparison,
  html.native-layout-guard body.ui-v794[data-theme] #paywallComparison {
    display: block !important;
    height: max-content !important;
    min-height: 98px !important;
  }

  body.ui-v794[data-theme] #paywallComparison[data-open="true"] > .paywall-comparison-content,
  html.native-layout-guard body.ui-v794[data-theme] #paywallComparison[data-open="true"] > .paywall-comparison-content {
    margin-top: 10px !important;
  }

  body.ui-v794[data-theme] #paywallComparison > .paywall-comparison-head > .paywall-comparison-labels,
  html.native-layout-guard body.ui-v794[data-theme] #paywallComparison > .paywall-comparison-head > .paywall-comparison-labels {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    gap: 3px !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body.ui-v794[data-theme] #paywallComparisonKicker,
  html.native-layout-guard body.ui-v794[data-theme] #paywallComparisonKicker {
    position: static !important;
    display: block !important;
    margin: 0 !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: #dce86f !important;
    -webkit-text-fill-color: #dce86f !important;
    font-size: max(0.75rem, 12px) !important;
    line-height: 1.2 !important;
    white-space: normal !important;
  }

  body.ui-v794[data-theme] #paywallComparisonTitle,
  html.native-layout-guard body.ui-v794[data-theme] #paywallComparisonTitle {
    position: static !important;
    display: block !important;
    margin: 0 !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: max(0.9375rem, 15px) !important;
    line-height: 1.2 !important;
    letter-spacing: -0.01em !important;
    text-transform: none !important;
    white-space: normal !important;
  }

  body.ui-v794[data-theme] #paywallComparisonToggle.paywall-comparison-toggle,
  html.native-layout-guard body.ui-v794[data-theme] #paywallComparisonToggle.paywall-comparison-toggle {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    z-index: 2 !important;
    display: inline-flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: #f8f7f4 !important;
    -webkit-text-fill-color: #f8f7f4 !important;
    font-size: max(0.75rem, 12px) !important;
    transform: none !important;
    white-space: nowrap !important;
  }

  /* v833-mobile-readable-metrics: longer Polish report labels need real room,
     not four compressed columns with sub-12px clamped copy. */
  body.ui-v794[data-theme] #report .report-metrics,
  html.native-layout-guard body.ui-v794[data-theme] #report .report-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.ui-v794[data-theme] #report .report-metrics > *,
  html.native-layout-guard body.ui-v794[data-theme] #report .report-metrics > * {
    min-height: 76px !important;
    padding: 10px !important;
  }

  body.ui-v794[data-theme] #report .report-metrics strong,
  html.native-layout-guard body.ui-v794[data-theme] #report .report-metrics strong {
    display: block !important;
    overflow: visible !important;
    font-size: max(0.9375rem, 15px) !important;
    line-height: 1.15 !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
  }

  body.ui-v794[data-theme] #report .report-metrics span,
  html.native-layout-guard body.ui-v794[data-theme] #report .report-metrics span {
    display: block !important;
    overflow: visible !important;
    font-size: max(0.75rem, 12px) !important;
    line-height: 1.25 !important;
    overflow-wrap: anywhere !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
  }

  body.ui-v794[data-theme] #inventory .catalog-audit-row-head strong,
  html.native-layout-guard body.ui-v794[data-theme] #inventory .catalog-audit-row-head strong {
    display: block !important;
    overflow: visible !important;
    line-height: 1.18 !important;
    text-overflow: clip !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
  }
}

/* v834-localized-copy-fit: longer translated empty-state and metric copy must
   retain its natural height instead of inheriting legacy two-line clamps. */
@media (max-width: 699px) {
  html.native-layout-guard body.ui-v794[data-theme] main > #history .empty-card.history-empty-card .history-empty-copy > p,
  body.ui-v794[data-theme] #history .empty-card.history-empty-card .history-empty-copy > p {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    font-size: max(0.8125rem, 13px) !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    -webkit-box-orient: initial !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #trends .trend-metrics strong,
  body.ui-v794[data-theme] #trends .trend-metrics strong {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    font-size: max(0.875rem, 14px) !important;
    line-height: 1.2 !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
  }

  html.native-layout-guard body.ui-v794[data-theme] main > #lookbook #lookbookGrid .look-card .look-card-head h3,
  body.ui-v794[data-theme] #lookbook #lookbookGrid .look-card .look-card-head h3 {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    -webkit-box-orient: initial !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
  }
}

/* v839-mobile-readability-final: final precedence shield for copy that must
   never be clipped, hidden or rendered below the mobile reading baseline. */
@media (max-width: 900px) {
  body.ui-v794[data-theme] #paywallDialog .paywall-product > em,
  html.native-layout-guard body.ui-v794[data-theme] #paywallDialog .paywall-product > em {
    grid-template-rows: auto auto minmax(46px, auto) !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.ui-v794[data-theme] #paywallDialog :is(
    .paywall-store-status,
    .paywall-access-card,
    .paywall-access-card :is(strong, p, span, small),
    .paywall-product > em > i,
    .paywall-product > em > .paywall-plan-cta
  ),
  html.native-layout-guard body.ui-v794[data-theme] #paywallDialog :is(
    .paywall-store-status,
    .paywall-access-card,
    .paywall-access-card :is(strong, p, span, small),
    .paywall-product > em > i,
    .paywall-product > em > .paywall-plan-cta
  ),
  body.ui-v794[data-theme] #settingsDialog :is(
    #settingsSubscriptionState,
    #settingsAccessText,
    #settingsVersion,
    .settings-card > p,
    .settings-help small,
    .settings-fields label
  ),
  html.native-layout-guard body.ui-v794[data-theme] #settingsDialog :is(
    #settingsSubscriptionState,
    #settingsAccessText,
    #settingsVersion,
    .settings-card > p,
    .settings-help small,
    .settings-fields label
  ) {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    font-size: max(0.75rem, 12px) !important;
    line-height: 1.35 !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
  }

  body.ui-v794[data-theme] #paywallDialog .paywall-product > em > .paywall-plan-cta,
  html.native-layout-guard body.ui-v794[data-theme] #paywallDialog .paywall-product > em > .paywall-plan-cta {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 46px !important;
    padding: 9px 12px !important;
    text-align: center !important;
  }

  body.ui-v794[data-theme] #inventory .item-card,
  html.native-layout-guard body.ui-v794[data-theme] main > #inventory .item-card,
  body.ui-v794[data-theme] #inventory .item-card .item-body,
  html.native-layout-guard body.ui-v794[data-theme] main > #inventory .item-card .item-body {
    height: auto !important;
    max-height: none !important;
  }

  body.ui-v794[data-theme] #inventory .item-card .item-body h3,
  html.native-layout-guard body.ui-v794[data-theme] main > #inventory .item-card .item-body h3 {
    display: block !important;
    overflow: visible !important;
    font-size: max(0.8125rem, 13px) !important;
    line-height: 1.25 !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
  }

  body.ui-v794[data-theme] #inventory .item-card :is(.brand-pill, .stock-line),
  html.native-layout-guard body.ui-v794[data-theme] main > #inventory .item-card :is(.brand-pill, .stock-line) {
    display: flex !important;
    visibility: visible !important;
  }

  body.ui-v794[data-theme] #inventory .item-card :is(.brand-pill, .pill, .source-badge, .stock-badge, .stock-line span, .item-meta .price),
  html.native-layout-guard body.ui-v794[data-theme] main > #inventory .item-card :is(.brand-pill, .pill, .source-badge, .stock-badge, .stock-line span, .item-meta .price),
  body.ui-v794[data-theme] #coach :is(.coach-session-move small, .coach-session-why small, .coach-metrics span, .coach-item-copy small, .coach-item-copy > span, .coach-item-tags span, .coach-item-link, .mini-product-link),
  html.native-layout-guard body.ui-v794[data-theme] main > #coach :is(.coach-session-move small, .coach-session-why small, .coach-metrics span, .coach-item-copy small, .coach-item-copy > span, .coach-item-tags span, .coach-item-link, .mini-product-link),
  body.ui-v794[data-theme] #history :is(.style-memory-editorial-top > span, .style-memory-editorial-top > em, .style-memory-stat > span),
  html.native-layout-guard body.ui-v794[data-theme] main > #history :is(.style-memory-editorial-top > span, .style-memory-editorial-top > em, .style-memory-stat > span),
  body.ui-v794[data-theme] main .mobile-collapsible.is-collapsed .mobile-collapse-hint,
  html.native-layout-guard body.ui-v794[data-theme] main .mobile-collapsible.is-collapsed .mobile-collapse-hint {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    font-size: max(0.75rem, 12px) !important;
    line-height: 1.3 !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
  }

  body.ui-v794[data-theme] #inventory .item-card .pill-row,
  html.native-layout-guard body.ui-v794[data-theme] main > #inventory .item-card .pill-row,
  body.ui-v794[data-theme] #coach .coach-item-tags,
  html.native-layout-guard body.ui-v794[data-theme] main > #coach .coach-item-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.ui-v794[data-theme] #inventory .item-card .pill-row > *,
  body.ui-v794[data-theme] #inventory .item-card .pill-row .pill:nth-of-type(n + 1),
  html.native-layout-guard body.ui-v794[data-theme] main > #inventory .item-card .pill-row > *,
  html.native-layout-guard body.ui-v794[data-theme] main > #inventory .item-card .pill-row .pill:nth-of-type(n + 1),
  body.ui-v794[data-theme] #coach .coach-item-tags > span,
  body.ui-v794[data-theme] #coach .coach-item-tags > span:nth-child(n + 1),
  html.native-layout-guard body.ui-v794[data-theme] main > #coach .coach-item-tags > span,
  html.native-layout-guard body.ui-v794[data-theme] main > #coach .coach-item-tags > span:nth-child(n + 1) {
    display: inline-flex !important;
    visibility: visible !important;
    flex: 0 1 auto !important;
    width: auto !important;
    max-width: 100% !important;
  }

  body.ui-v794[data-theme] #coach :is(.coach-session-move strong, .coach-session-move p, .coach-session-why p, .coach-message p, .coach-item-copy > strong),
  html.native-layout-guard body.ui-v794[data-theme] main > #coach :is(.coach-session-move strong, .coach-session-move p, .coach-session-why p, .coach-message p, .coach-item-copy > strong) {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    font-size: max(0.8125rem, 13px) !important;
    line-height: 1.4 !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
  }

  body.ui-v794[data-theme] #coach :is(.coach-session-why p, .coach-message p):nth-of-type(n + 1),
  html.native-layout-guard body.ui-v794[data-theme] main > #coach :is(.coach-session-why p, .coach-message p):nth-of-type(n + 1) {
    display: block !important;
  }

  body.ui-v794[data-theme] #coach .coach-item-card:not(:first-child),
  html.native-layout-guard body.ui-v794[data-theme] main > #coach #coachItems > .coach-item-card:not(:first-child),
  body.ui-v794[data-theme] #coach .coach-item-card .coach-item-copy,
  html.native-layout-guard body.ui-v794[data-theme] main > #coach .coach-item-card .coach-item-copy {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.ui-v794[data-theme] #history :is(.style-memory-stat > strong, .style-memory-stat > span),
  html.native-layout-guard body.ui-v794[data-theme] main > #history :is(.style-memory-stat > strong, .style-memory-stat > span) {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
  }
}

/* v839-verified-access-state: final precedence for a store purchase that still
   needs a current analysis token. It must never look like green success. */
body.ui-v794[data-theme] #settingsDialog .settings-subscription[data-state="warning"],
html.native-layout-guard body.ui-v794[data-theme] #settingsDialog .settings-subscription[data-state="warning"] {
  border-color: #f4c56a !important;
  background: #33240c !important;
}

body.ui-v794[data-theme] #settingsDialog .settings-subscription[data-state="warning"] #settingsSubscriptionState,
html.native-layout-guard body.ui-v794[data-theme] #settingsDialog .settings-subscription[data-state="warning"] #settingsSubscriptionState {
  border-color: #f4c56a !important;
  background: #fde7a7 !important;
  color: #3b2500 !important;
}

body.ui-v794[data-analysis-access="pending"] #subscriptionButton.subscription-pill,
html.native-layout-guard body.ui-v794[data-theme][data-analysis-access="pending"] #subscriptionButton.subscription-pill {
  border-color: rgba(244, 197, 106, 0.64) !important;
  background: rgba(244, 197, 106, 0.12) !important;
  color: #ffe29a !important;
}

body.ui-v794[data-analysis-access="pending"] #subscriptionButton.subscription-pill::before,
html.native-layout-guard body.ui-v794[data-theme][data-analysis-access="pending"] #subscriptionButton.subscription-pill::before {
  background: #f4c56a !important;
  box-shadow: 0 0 0 4px rgba(244, 197, 106, 0.14) !important;
}

body.ui-v794 #analyzeButton[data-access-verification-pending="true"],
html.native-layout-guard body.ui-v794[data-theme] #analyzeButton[data-access-verification-pending="true"] {
  border-color: #f4c56a !important;
  background: #f4c56a !important;
  color: #211500 !important;
}

/* v844-first-run-clarity: a sample teaches the product without pretending it
   is already a priced, scored or client-ready personal recommendation. */
body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] > .mode-switch,
html.native-layout-guard body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] > .mode-switch,
body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] > .taste-panel,
html.native-layout-guard body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] > .taste-panel,
body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] > .reasons-list,
html.native-layout-guard body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] > .reasons-list,
body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] .outfit-row > .price,
html.native-layout-guard body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] .outfit-row > .price,
body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] .outfit-row .taste-actions,
html.native-layout-guard body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] .outfit-row .taste-actions {
  display: none !important;
}

body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] > .recommendation-actions,
html.native-layout-guard body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] > .recommendation-actions {
  grid-template-columns: minmax(0, 1fr) !important;
}

body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] > .recommendation-actions > #shuffleButton,
html.native-layout-guard body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] > .recommendation-actions > #shuffleButton {
  width: 100% !important;
  border-color: #a81243 !important;
  background: #a81243 !important;
  color: #ffffff !important;
}

@media (max-width: 680px) {
  body.ui-v794[data-theme] #studio .photo-panel,
  html.native-layout-guard body.ui-v794[data-theme] #studio .photo-panel {
    gap: 0 !important;
    padding: 12px !important;
    border-radius: 18px !important;
  }

  body.ui-v794[data-theme] #studio .photo-panel > .panel-head,
  html.native-layout-guard body.ui-v794[data-theme] #studio .photo-panel > .panel-head {
    min-height: 34px !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
  }

  body.ui-v794[data-theme] #studio .photo-panel > .panel-head h2,
  html.native-layout-guard body.ui-v794[data-theme] #studio .photo-panel > .panel-head h2 {
    font-size: 1.42rem !important;
    letter-spacing: -0.035em !important;
    line-height: 1.02 !important;
  }

  body.ui-v794[data-theme] #studio .photo-panel .upload-zone,
  html.native-layout-guard body.ui-v794[data-theme] #studio .photo-panel .upload-zone {
    width: 100% !important;
    height: 188px !important;
    min-height: 188px !important;
    max-height: 188px !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    border-radius: 18px !important;
    aspect-ratio: auto !important;
  }

  body.ui-v794[data-theme] #studio .photo-panel .photo-ai-notice,
  html.native-layout-guard body.ui-v794[data-theme] #studio .photo-panel .photo-ai-notice {
    gap: 0 !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    border-radius: 12px !important;
  }

  body.ui-v794[data-theme] #studio .photo-panel .photo-ai-notice span,
  html.native-layout-guard body.ui-v794[data-theme] #studio .photo-panel .photo-ai-notice span {
    font-size: max(0.75rem, 12px) !important;
    line-height: 1.28 !important;
  }

  body.ui-v794[data-theme] #studio .photo-panel .photo-ai-notice a,
  html.native-layout-guard body.ui-v794[data-theme] #studio .photo-panel .photo-ai-notice a {
    min-height: 40px !important;
    font-size: max(0.75rem, 12px) !important;
  }

  body.ui-v794[data-theme] #studio .photo-panel .score-wrap[data-photo-ready="false"]:has(.score-ring[data-empty="true"]),
  html.native-layout-guard body.ui-v794[data-theme] #studio .photo-panel .score-wrap[data-photo-ready="false"]:has(.score-ring[data-empty="true"]) {
    display: none !important;
  }

  body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"],
  html.native-layout-guard body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] {
    border-color: rgba(255, 126, 172, 0.34) !important;
    border-radius: 18px !important;
    background: #0f1014 !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28) !important;
  }

  body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] > .panel-head,
  html.native-layout-guard body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] > .panel-head {
    padding: 16px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    background:
      radial-gradient(circle at 100% 0, rgba(255, 73, 127, 0.14), transparent 46%),
      #17141a !important;
    color: #fff8ef !important;
  }

  body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] #recommendation-title,
  html.native-layout-guard body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] #recommendation-title {
    max-width: 13ch !important;
    margin-top: 2px !important;
    color: #fff8ef !important;
    font-size: 1.85rem !important;
    letter-spacing: -0.045em !important;
    line-height: 0.98 !important;
  }

  body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] #outfitReadyLabel,
  html.native-layout-guard body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] #outfitReadyLabel {
    display: none !important;
  }

  body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] .outfit-editorial-thesis,
  html.native-layout-guard body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] .outfit-editorial-thesis {
    max-width: 36ch !important;
    color: #d7cbd0 !important;
    font-family: inherit !important;
    font-size: max(0.8125rem, 13px) !important;
    font-style: normal !important;
    font-weight: 590 !important;
    line-height: 1.4 !important;
  }

  body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] > .outfit-summary,
  html.native-layout-guard body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] > .outfit-summary {
    padding: 0 10px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: #0f1014 !important;
  }

  body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] > .outfit-summary > div,
  html.native-layout-guard body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] > .outfit-summary > div {
    min-height: 66px !important;
    padding: 10px 8px !important;
    border-right-color: rgba(255, 255, 255, 0.08) !important;
    color: #fff8ef !important;
  }

  body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] > .outfit-summary strong,
  html.native-layout-guard body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] > .outfit-summary strong {
    color: #fff8ef !important;
  }

  body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] > .outfit-summary span,
  html.native-layout-guard body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] > .outfit-summary span {
    color: #b8aab0 !important;
    font-size: max(0.625rem, 10px) !important;
    line-height: 1.2 !important;
  }

  body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] > .outfit-list,
  html.native-layout-guard body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] > .outfit-list {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    padding: 12px !important;
    background: #0f1014 !important;
  }

  body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] .outfit-row,
  body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] .outfit-row:first-child,
  html.native-layout-guard body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] .outfit-row,
  html.native-layout-guard body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] .outfit-row:first-child {
    display: grid !important;
    grid-column: auto !important;
    grid-template-columns: 88px minmax(0, 1fr) !important;
    grid-template-rows: minmax(92px, auto) !important;
    align-items: stretch !important;
    min-height: 92px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 14px !important;
    background: #18191e !important;
  }

  body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] .outfit-row .outfit-row-media,
  body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] .outfit-row:first-child .outfit-row-media,
  html.native-layout-guard body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] .outfit-row .outfit-row-media,
  html.native-layout-guard body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] .outfit-row:first-child .outfit-row-media {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 88px !important;
    min-height: 92px !important;
  }

  body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] .outfit-row .outfit-row-media img,
  body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] .outfit-row:first-child .outfit-row-media img,
  html.native-layout-guard body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] .outfit-row .outfit-row-media img,
  html.native-layout-guard body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] .outfit-row:first-child .outfit-row-media img {
    width: 88px !important;
    height: 100% !important;
    min-height: 92px !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
  }

  body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] .outfit-row .outfit-row-number,
  html.native-layout-guard body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] .outfit-row .outfit-row-number {
    top: 8px !important;
    left: 8px !important;
    font-size: 1rem !important;
  }

  body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] .outfit-row .outfit-row-copy,
  body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] .outfit-row:first-child .outfit-row-copy,
  html.native-layout-guard body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] .outfit-row .outfit-row-copy,
  html.native-layout-guard body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] .outfit-row:first-child .outfit-row-copy {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
    padding: 10px 12px !important;
  }

  body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] .outfit-row-copy > strong,
  html.native-layout-guard body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] .outfit-row-copy > strong {
    color: #fff8ef !important;
    font-size: max(0.875rem, 14px) !important;
    line-height: 1.16 !important;
  }

  body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] .outfit-row-copy > span,
  html.native-layout-guard body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] .outfit-row-copy > span {
    color: #bdafb5 !important;
    font-size: max(0.6875rem, 11px) !important;
    line-height: 1.3 !important;
  }

  body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] > .recommendation-actions,
  html.native-layout-guard body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"] > .recommendation-actions {
    padding: 0 12px 12px !important;
    background: #0f1014 !important;
  }
}

/* v889-free-tier-visible: akapit o darmowym poziomie ma własny slot kolejności.
   Bez niego trafiłby na `order: 0` i wypadł przed nagłówek paywalla, a poprzednio
   nie było go w ogóle widać w buildach ze sklepów. */
@media (max-width: 699px) {
  body.ui-v794 #paywallScrollBody > #paywallText,
  html.native-layout-guard body.ui-v794[data-theme] #paywallScrollBody > #paywallText { order: 1 !important; }
  body.ui-v794 #paywallScrollBody > #paywallStoreStatus,
  html.native-layout-guard body.ui-v794[data-theme] #paywallScrollBody > #paywallStoreStatus { order: 2 !important; }
  body.ui-v794 #paywallScrollBody > #paywallAccessCard,
  html.native-layout-guard body.ui-v794[data-theme] #paywallScrollBody > #paywallAccessCard { order: 3 !important; }
  body.ui-v794 #paywallScrollBody > #paywallFreeText,
  html.native-layout-guard body.ui-v794[data-theme] #paywallScrollBody > #paywallFreeText { order: 4 !important; }
  body.ui-v794 #paywallScrollBody > .paywall-actions,
  html.native-layout-guard body.ui-v794[data-theme] #paywallScrollBody > .paywall-actions { order: 5 !important; }
  body.ui-v794 #paywallScrollBody > #paywallComparison,
  html.native-layout-guard body.ui-v794[data-theme] #paywallScrollBody > #paywallComparison { order: 6 !important; }
  body.ui-v794 #paywallScrollBody > #paywallProducts,
  html.native-layout-guard body.ui-v794[data-theme] #paywallScrollBody > #paywallProducts { order: 7 !important; }
  body.ui-v794 #paywallScrollBody > #paywallLegal,
  html.native-layout-guard body.ui-v794[data-theme] #paywallScrollBody > #paywallLegal { order: 8 !important; }
}

/* v845-access-clarity: package choice leads on a locked phone; recovery and
   the exhaustive comparison remain available after the purchasing decision. */
@media (max-width: 699px) {
  body.ui-v794[data-subscription="locked"] #paywallScrollBody > #paywallText,
  html.native-layout-guard body.ui-v794[data-theme][data-subscription="locked"] #paywallScrollBody > #paywallText {
    order: 1 !important;
  }

  body.ui-v794[data-subscription="locked"] #paywallScrollBody > #paywallStoreStatus,
  html.native-layout-guard body.ui-v794[data-theme][data-subscription="locked"] #paywallScrollBody > #paywallStoreStatus {
    order: 2 !important;
  }

  body.ui-v794[data-subscription="locked"] #paywallScrollBody > #paywallProducts,
  html.native-layout-guard body.ui-v794[data-theme][data-subscription="locked"] #paywallScrollBody > #paywallProducts {
    order: 3 !important;
  }

  body.ui-v794[data-subscription="locked"] #paywallScrollBody > #paywallFreeText,
  html.native-layout-guard body.ui-v794[data-theme][data-subscription="locked"] #paywallScrollBody > #paywallFreeText {
    order: 4 !important;
  }

  body.ui-v794[data-subscription="locked"] #paywallScrollBody > #paywallAccessCard,
  html.native-layout-guard body.ui-v794[data-theme][data-subscription="locked"] #paywallScrollBody > #paywallAccessCard {
    order: 5 !important;
  }

  body.ui-v794[data-subscription="locked"] #paywallScrollBody > .paywall-actions,
  html.native-layout-guard body.ui-v794[data-theme][data-subscription="locked"] #paywallScrollBody > .paywall-actions {
    order: 6 !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.ui-v794[data-subscription="locked"] #paywallScrollBody > #paywallLegal,
  html.native-layout-guard body.ui-v794[data-theme][data-subscription="locked"] #paywallScrollBody > #paywallLegal {
    order: 7 !important;
  }

  body.ui-v794[data-subscription="locked"] #paywallScrollBody > #paywallComparison,
  html.native-layout-guard body.ui-v794[data-theme][data-subscription="locked"] #paywallScrollBody > #paywallComparison {
    order: 8 !important;
  }

  body.ui-v794[data-theme] #paywallDialog .paywall-product > span > small,
  html.native-layout-guard body.ui-v794[data-theme] #paywallDialog .paywall-product > span > small {
    display: none !important;
  }

  body.ui-v794[data-theme] #paywallDialog .paywall-product > em,
  html.native-layout-guard body.ui-v794[data-theme] #paywallDialog .paywall-product > em {
    justify-self: stretch !important;
    width: 100% !important;
    max-width: none !important;
  }

  body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"]:is(.is-collapsed, [data-mobile-collapsed="true"]) #recommendation-title,
  html.native-layout-guard body.ui-v794[data-theme] #studio .recommendation-panel[data-personalized="false"]:is(.is-collapsed, [data-mobile-collapsed="true"]) #recommendation-title {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    font-size: max(1.125rem, 18px) !important;
    line-height: 1.1 !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body.ui-v794 .mobile-dock > a[data-locked] .dock-icon,
  body.ui-v794[data-theme] .mobile-dock > a[data-locked] .dock-icon,
  html.native-layout-guard body.ui-v794[data-theme] .mobile-dock > a[data-locked] .dock-icon {
    position: relative !important;
  }

  body.ui-v794 .mobile-dock > a[data-locked] .dock-icon::before,
  body.ui-v794[data-theme] .mobile-dock > a[data-locked] .dock-icon::before,
  html.native-layout-guard body.ui-v794[data-theme] .mobile-dock > a[data-locked] .dock-icon::before {
    position: absolute !important;
    right: -1px !important;
    bottom: 5px !important;
    z-index: 4 !important;
    width: 7px !important;
    height: 6px !important;
    border: 2px solid #dce86f !important;
    border-bottom: 0 !important;
    border-radius: 6px 6px 0 0 !important;
    content: "" !important;
  }

  body.ui-v794 .mobile-dock > a[data-locked] .dock-icon::after,
  body.ui-v794[data-theme] .mobile-dock > a[data-locked] .dock-icon::after,
  html.native-layout-guard body.ui-v794[data-theme] .mobile-dock > a[data-locked] .dock-icon::after {
    position: absolute !important;
    right: -3px !important;
    bottom: -2px !important;
    z-index: 3 !important;
    width: 11px !important;
    height: 9px !important;
    border: 2px solid #171a20 !important;
    border-radius: 4px !important;
    background: #dce86f !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.36) !important;
    content: "" !important;
  }
}

/* v846-trust-contracts: locked commands disclose the tier before opening the
   paywall; they remain operable buttons instead of pretending to be disabled. */
body.ui-v794 .command-row[data-locked],
body.ui-v794[data-theme] .command-row[data-locked],
html.native-layout-guard body.ui-v794[data-theme] .command-row[data-locked] {
  background:
    linear-gradient(180deg, rgba(220, 232, 111, 0.08), rgba(255, 54, 95, 0.04)),
    rgba(5, 6, 8, 0.78) !important;
  box-shadow: inset 0 0 0 1px rgba(220, 232, 111, 0.2) !important;
}

body.ui-v794 .command-row[data-locked] kbd,
body.ui-v794[data-theme] .command-row[data-locked] kbd,
html.native-layout-guard body.ui-v794[data-theme] .command-row[data-locked] kbd {
  background: #dce86f !important;
  color: #171a20 !important;
}

/* v850-paywall-action-truth: when web/native-store checks hide every recovery
   action, the styled container must leave no empty outlined bar behind. */
body.ui-v794 #paywallStoreActions[hidden],
body.ui-v794[data-theme] #paywallStoreActions[hidden],
html.native-layout-guard body.ui-v794[data-theme] #paywallStoreActions[hidden] {
  display: none !important;
}

/* v847-honest-states: Settings leads with the plan decision, discloses
   Business locks and renders photo consent from the stored grant. */

/* v851-dialog-runtime-contracts: empty live regions collapse completely,
   overlays own pointer input, and short mobile dialogs keep decisions clear. */
body.ui-v794 :is(#commandStatus, #quickActionStatus):empty,
html.native-layout-guard body.ui-v794[data-theme] :is(#commandStatus, #quickActionStatus):empty {
  display: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body.ui-v794 :is(#commandPalette, #quickActionSheet):not([hidden]),
html.native-layout-guard body.ui-v794[data-theme] :is(#commandPalette, #quickActionSheet):not([hidden]) {
  position: fixed !important;
  inset: 0 !important;
  z-index: 400 !important;
  isolation: isolate !important;
  pointer-events: auto !important;
}

body.ui-v794 #commandPalette:not([hidden]) .command-panel,
html.native-layout-guard body.ui-v794[data-theme] #commandPalette:not([hidden]) .command-panel {
  display: grid !important;
  grid-template-rows: auto auto auto minmax(0, 1fr) auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  overscroll-behavior: none !important;
}

body.ui-v794 #commandPalette:not([hidden]) .command-panel:has(#commandResults > .command-row),
html.native-layout-guard body.ui-v794[data-theme] #commandPalette:not([hidden]) .command-panel:has(#commandResults > .command-row) {
  height: min(78dvh, 680px) !important;
}

body.ui-v794 #commandPalette #commandResults,
html.native-layout-guard body.ui-v794[data-theme] #commandPalette #commandResults {
  min-height: 0 !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
}

body.ui-v794 #quickActionSheet:not([hidden]) .quick-action-panel,
html.native-layout-guard body.ui-v794[data-theme] #quickActionSheet:not([hidden]) .quick-action-panel {
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) auto !important;
  height: min(78dvh, 720px) !important;
  min-height: 0 !important;
  overflow: hidden !important;
  overscroll-behavior: none !important;
}

body.ui-v794 #quickActionSheet .quick-action-grid,
html.native-layout-guard body.ui-v794[data-theme] #quickActionSheet .quick-action-grid {
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
}

@media (max-width: 430px) {
  body.ui-v794 #settingsDialog .settings-card-head,
  html.native-layout-guard body.ui-v794[data-theme] #settingsDialog .settings-card-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
    justify-content: stretch !important;
    gap: 8px !important;
  }

  body.ui-v794 #settingsDialog #settingsAccessTitle,
  html.native-layout-guard body.ui-v794[data-theme] #settingsDialog #settingsAccessTitle {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
  }

  body.ui-v794 #settingsDialog #settingsSubscriptionState,
  html.native-layout-guard body.ui-v794[data-theme] #settingsDialog #settingsSubscriptionState {
    grid-column: 1 !important;
    grid-row: 2 !important;
    justify-self: start !important;
    max-width: 100% !important;
    text-align: left !important;
  }
}

@media (max-width: 700px) and (max-height: 700px) {
  body.ui-v794 #photoAnalysisConsentDialog .photo-consent-panel,
  html.native-layout-guard body.ui-v794[data-theme] #photoAnalysisConsentDialog .photo-consent-panel {
    height: calc(100dvh - max(8px, env(safe-area-inset-top, 0px))) !important;
    max-height: calc(100dvh - max(8px, env(safe-area-inset-top, 0px))) !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    overflow: hidden !important;
  }

  body.ui-v794 #photoAnalysisConsentDialog .photo-consent-copy,
  html.native-layout-guard body.ui-v794[data-theme] #photoAnalysisConsentDialog .photo-consent-copy {
    min-height: 0 !important;
    padding-right: 3px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    scrollbar-gutter: stable !important;
  }

  body.ui-v794 #photoAnalysisConsentDialog .photo-consent-actions,
  html.native-layout-guard body.ui-v794[data-theme] #photoAnalysisConsentDialog .photo-consent-actions {
    position: relative !important;
    z-index: 2 !important;
    align-self: end !important;
    padding-top: 12px !important;
    border-top: 1px solid rgba(248, 247, 244, 0.16) !important;
    background: #11141b !important;
    box-shadow: 0 -8px 18px rgba(0, 0, 0, 0.28) !important;
  }
}

/* v854-focus-and-action-copy: contextual destructive labels need real space,
   while reservation actions belong on their own mobile row. */
@media (max-width: 699px) {
  body.ui-v794 #clients > .section-head:not(.has-pipeline-priorities),
  html.native-layout-guard body.ui-v794[data-theme] main > #clients > .section-head:not(.has-pipeline-priorities) {
    grid-template-columns: minmax(0, 1fr) 120px !important;
  }

  body.ui-v794 #clients > .section-head:not(.has-pipeline-priorities) > .section-actions,
  html.native-layout-guard body.ui-v794[data-theme] main > #clients > .section-head:not(.has-pipeline-priorities) > .section-actions {
    grid-template-columns: 120px !important;
    width: 120px !important;
  }

  body.ui-v794 #clients > .section-head:not(.has-pipeline-priorities) #clearLeadsButton,
  html.native-layout-guard body.ui-v794[data-theme] main > #clients > .section-head:not(.has-pipeline-priorities) #clearLeadsButton {
    width: 120px !important;
  }

  body.ui-v794 #clients > .section-head.has-pipeline-priorities #clearLeadsButton,
  html.native-layout-guard body.ui-v794[data-theme] main > #clients > .section-head.has-pipeline-priorities #clearLeadsButton {
    flex: 0 0 120px !important;
    width: 120px !important;
  }

  body.ui-v794 #lookbook .reservation-head,
  html.native-layout-guard body.ui-v794[data-theme] main > #lookbook .reservation-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  body.ui-v794 #lookbook .reservation-actions,
  html.native-layout-guard body.ui-v794[data-theme] main > #lookbook .reservation-actions {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: flex-start !important;
  }
}

/* v868-mobile-discover-decision: reveal value and the primary action in the first phone viewport. */
@media (max-width: 900px) {
  :is(html body.ui-v794 #discover, html.native-layout-guard body.ui-v794[data-theme] main > #discover) > .discover-edit-head {
    position: relative !important;
    gap: 10px !important;
    padding: 14px 68px 14px 16px !important;
  }

  :is(html body.ui-v794 #discover, html.native-layout-guard body.ui-v794[data-theme] main > #discover) #discoverHeadline {
    max-width: 100% !important;
    font-size: clamp(2rem, 9vw, 2.55rem) !important;
    line-height: 0.94 !important;
  }

  :is(html body.ui-v794 #discover, html.native-layout-guard body.ui-v794[data-theme] main > #discover) .discover-edit-deck {
    display: none !important;
  }

  :is(html body.ui-v794 #discover, html.native-layout-guard body.ui-v794[data-theme] main > #discover) .discover-next-edit {
    position: absolute !important;
    top: 14px !important;
    right: 16px !important;
    width: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    font-size: 0 !important;
  }

  :is(html body.ui-v794 #discover, html.native-layout-guard body.ui-v794[data-theme] main > #discover) .discover-next-edit::after {
    margin-left: 0 !important;
    font-size: 1.1rem !important;
  }

  :is(html body.ui-v794 #discover, html.native-layout-guard body.ui-v794[data-theme] main > #discover) .discover-media {
    height: 190px !important;
    min-height: 190px !important;
  }

  :is(html body.ui-v794 #discover, html.native-layout-guard body.ui-v794[data-theme] main > #discover) .discover-media img {
    max-height: 170px !important;
  }

  :is(html body.ui-v794 #discover, html.native-layout-guard body.ui-v794[data-theme] main > #discover) .discover-body {
    gap: 12px !important;
    padding: 16px 14px !important;
  }

  :is(html body.ui-v794 #discover, html.native-layout-guard body.ui-v794[data-theme] main > #discover) .discover-body h3 {
    max-width: 12ch !important;
    font-size: clamp(2rem, 10vw, 2.7rem) !important;
    line-height: 0.94 !important;
  }

  :is(html body.ui-v794 #discover, html.native-layout-guard body.ui-v794[data-theme] main > #discover) .discover-edit-thesis {
    display: none !important;
  }

  :is(html body.ui-v794 #discover, html.native-layout-guard body.ui-v794[data-theme] main > #discover) .discover-look-actions {
    order: 3 !important;
    margin-top: 0 !important;
  }

  :is(html body.ui-v794 #discover, html.native-layout-guard body.ui-v794[data-theme] main > #discover) .discover-edit-proof {
    order: 4 !important;
  }

  :is(html body.ui-v794 #discover, html.native-layout-guard body.ui-v794[data-theme] main > #discover) .discover-tags {
    order: 5 !important;
  }
}

/* v886: mobile task order follows the controls that produce each result. */
@media (max-width: 699px) {
  :is(
    body.ui-v794[data-theme] main > #fit,
    html.native-layout-guard body.ui-v794[data-theme] main > #fit
  ) .fit-panel {
    order: 1 !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  :is(
    body.ui-v794[data-theme] main > #fit,
    html.native-layout-guard body.ui-v794[data-theme] main > #fit
  ) .fit-result-panel {
    order: 2 !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  :is(
    body.ui-v794[data-theme] main > #fit,
    html.native-layout-guard body.ui-v794[data-theme] main > #fit
  ) .fit-history-panel {
    order: 3 !important;
    grid-column: 1 !important;
    grid-row: 3 !important;
  }

  :is(
    body.ui-v794[data-theme] main > #community,
    html.native-layout-guard body.ui-v794[data-theme] main > #community
  ).active-view {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-rows: max-content !important;
    align-content: start !important;
  }

  :is(
    body.ui-v794[data-theme] main > #community,
    html.native-layout-guard body.ui-v794[data-theme] main > #community
  ) > .section-head {
    grid-template-columns: minmax(0, 1fr) !important;
    padding-inline: 14px !important;
  }

  :is(
    body.ui-v794[data-theme] main > #community,
    html.native-layout-guard body.ui-v794[data-theme] main > #community
  ) > .section-head > :is(div:first-child, .section-actions) {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    width: 100% !important;
  }

  :is(
    body.ui-v794[data-theme] main > #community,
    html.native-layout-guard body.ui-v794[data-theme] main > #community
  ) #communityLocalNotice {
    width: 100% !important;
    max-width: none !important;
  }

  :is(
    body.ui-v794[data-theme] main > #community,
    html.native-layout-guard body.ui-v794[data-theme] main > #community
  ) > .section-head .section-actions,
  :is(
    body.ui-v794[data-theme] main > #community,
    html.native-layout-guard body.ui-v794[data-theme] main > #community
  ) > .section-head #clearCommunityButton {
    width: 100% !important;
    min-height: 44px !important;
    height: auto !important;
    white-space: normal !important;
  }

  :is(
    body.ui-v794[data-theme] main > #community,
    html.native-layout-guard body.ui-v794[data-theme] main > #community
  ) > .social-share-panel {
    order: 1 !important;
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
  }

  :is(
    body.ui-v794[data-theme] main > #community,
    html.native-layout-guard body.ui-v794[data-theme] main > #community
  ) > #circleDispatch {
    order: 2 !important;
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
  }

  :is(
    body.ui-v794[data-theme] main > #community,
    html.native-layout-guard body.ui-v794[data-theme] main > #community
  ) > .community-feed-panel {
    order: 3 !important;
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
  }
}

/* v887-trust-ledger: local records and offline samples are visible at the point of action. */
body.ui-v794[data-theme] .local-data-notice {
  grid-column: 1 / -1;
  width: 100%;
  margin: 0;
  padding: 11px 14px;
  border: 1px solid color-mix(in srgb, var(--ui-accent-2) 32%, var(--ui-line));
  border-radius: var(--ui-radius-sm);
  background: color-mix(in srgb, var(--ui-accent-2) 8%, var(--ui-surface));
  color: var(--ui-muted);
  font-size: 0.82rem;
  font-weight: 650;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

body.ui-v794[data-theme] .local-data-notice-compact {
  margin-block: 2px 10px;
  padding: 9px 11px;
  font-size: 0.78rem;
}

body.ui-v794[data-theme] .followup-card-draft,
body.ui-v794[data-theme] .campaign-history-prepared {
  border-color: color-mix(in srgb, var(--ui-warning) 42%, var(--ui-line));
}

body.ui-v794[data-theme] .trend-origin {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 24px;
  padding: 3px 8px;
  border: 1px solid color-mix(in srgb, var(--ui-accent-2) 32%, var(--ui-line));
  border-radius: 999px;
  background: color-mix(in srgb, var(--ui-accent-2) 8%, transparent);
  color: var(--ui-text);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body.ui-v794[data-theme] .social-share-generate {
  align-self: flex-start;
  width: fit-content;
}

@media (max-width: 699px) {
  body.ui-v794[data-theme] .local-data-notice {
    padding: 10px 12px;
    font-size: 0.78rem;
  }

  body.ui-v794[data-theme] .social-share-generate {
    width: 100%;
    min-height: 44px;
  }

  body.ui-v794[data-theme] .campaign-history-actions > :is(button, .won-badge),
  body.ui-v794[data-theme] .followup-card-draft .followup-card-actions > button {
    width: 100%;
    min-height: 44px;
  }
}

/* v891-dock-lock-badge: keep the entitlement cue outside the SVG ink.
   The previous 11 x 9 badge overlapped the glyph by roughly 2.5px, which
   made locked dock icons look sliced even though their SVGs were intact. */
@media (max-width: 699px) {
  body.ui-v794 .mobile-dock > a[data-locked] .dock-icon::before,
  body.ui-v794[data-theme] .mobile-dock > a[data-locked] .dock-icon::before,
  html.native-layout-guard body.ui-v794[data-theme] .mobile-dock > a[data-locked] .dock-icon::before {
    top: -2px !important;
    right: -3px !important;
    bottom: auto !important;
    left: auto !important;
    width: 5px !important;
    height: 5px !important;
    border-width: 1px !important;
    border-bottom: 0 !important;
    border-radius: 4px 4px 0 0 !important;
    box-shadow: none !important;
    pointer-events: none !important;
  }

  body.ui-v794 .mobile-dock > a[data-locked] .dock-icon::after,
  body.ui-v794[data-theme] .mobile-dock > a[data-locked] .dock-icon::after,
  html.native-layout-guard body.ui-v794[data-theme] .mobile-dock > a[data-locked] .dock-icon::after {
    top: 2px !important;
    right: -5px !important;
    bottom: auto !important;
    left: auto !important;
    width: 9px !important;
    height: 7px !important;
    border-width: 1px !important;
    border-radius: 3px !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) !important;
    pointer-events: none !important;
  }
}