:root {
      --bg: #f3f6f8;
      --surface: #ffffff;
      --surface-2: #eef3f1;
      --surface-raised: #ffffff;
      --surface-tint: #f7fbf9;
      --ink: #17202a;
      --muted: #66727f;
      --line: #d9e2e7;
      --line-strong: #cad5dc;
      --accent: #12664f;
      --accent-strong: #0d4d3d;
      --accent-dark: #0d4d3d;
      --accent-soft: #dcefe8;
      --blue: #2457c5;
      --amber: #b96b12;
      --red: #b4232a;
      --danger: var(--red);
      --heading: var(--ink);
      --text-secondary: var(--muted);
      --surface-nested: #f7faf9;
      --surface-overlay: rgba(255, 255, 255, .96);
      --line-subtle: rgba(23, 32, 42, .10);
      --placeholder: #738078;
      --on-accent: #ffffff;
      --primary-bg: #12664f;
      --primary-hover: #0d5945;
      --primary-text: #ffffff;
      --secondary-bg: #ffffff;
      --secondary-hover: #f5f8f7;
      --link: #0d5945;
      --focus-color: #12664f;
      --success-border: #83b8a7;
      --info-border: #86a8c8;
      --warning-border: #c9a35e;
      --danger-border: #d08a90;
      --trust-bg: #f1f8f5;
      --trust-border: rgba(18, 102, 79, .16);
      --trust-text: #0d5945;
      --offer-bg: #f3faf6;
      --offer-border: rgba(18, 102, 79, .18);
      --offer-value: #12664f;
      --offer-secondary: #355348;
      --information-gradient: linear-gradient(145deg, rgba(18, 102, 79, .92), rgba(36, 87, 197, .80));
      --on-gradient: #ffffff;
      --on-gradient-muted: #edf6f3;
      --skeleton-from: #edf2f0;
      --skeleton-highlight: #f9fbfa;
      --disabled-bg: #eef2f1;
      --disabled-text: #6c7974;
      --backdrop-bg: rgba(10, 18, 22, .62);
      --body-glow: rgba(255, 255, 255, .92);
      --topbar-bg: rgba(243, 246, 248, .94);
      --control-bg: #ffffff;
      --control-hover: #f5f8f7;
      --overlay: rgba(23, 32, 42, .48);
      --required-bg: #fffdf4;
      --required-border: #e8c46a;
      --required-text: #675528;
      --success-bg: #edf8f3;
      --success-text: #16493c;
      --info-bg: #eef6ff;
      --info-text: #174f82;
      --warning-bg: #fff7eb;
      --warning-text: #6d420e;
      --danger-bg: #fff1f1;
      --danger-text: #7a1b20;
      --shadow: 0 18px 46px rgba(24, 39, 52, .12);
      --radius: 8px;
      --focus: 0 0 0 4px color-mix(in srgb, var(--focus-color) 24%, transparent);
      --app-header-height: 79px;
      --app-header-space: 79px;
      --seller-topbar-height: var(--app-header-height);
      --ios-space-1: 4px;
      --ios-space-2: 8px;
      --ios-space-3: 12px;
      --ios-space-4: 16px;
      --ios-space-5: 20px;
      --ios-space-6: 24px;
      --ios-group-radius: 8px;
      --ios-control-radius: 10px;
      --ios-control-height: 50px;
      --ios-separator: rgba(23, 32, 42, .10);
      --ios-shadow-soft: 0 1px 2px rgba(23, 32, 42, .04), 0 8px 24px rgba(23, 32, 42, .06);
      --ios-switch-off: #c8cfd4;
    }

    html {
      scroll-padding-top: calc(var(--app-header-height) + 16px);
    }

    html[data-theme="light"] {
      color-scheme: light;
    }

    html[data-theme="dark"] {
      color-scheme: dark;
      --bg: #0f181c;
      --surface: #17252b;
      --surface-2: #1d2b31;
      --surface-raised: #203038;
      --surface-tint: #193029;
      --surface-nested: #111f25;
      --surface-overlay: rgba(23, 37, 43, .97);
      --ink: #f2f7f5;
      --heading: #f7fbfa;
      --muted: #b8c8c3;
      --text-secondary: #b8c8c3;
      --line: #3b4c53;
      --line-strong: #60747c;
      --line-subtle: #2d3d43;
      --accent: #73d8b8;
      --accent-strong: #91e2c7;
      --accent-dark: #91e2c7;
      --accent-soft: #193a32;
      --placeholder: #91a39d;
      --on-accent: #071a13;
      --primary-bg: #176b56;
      --primary-hover: #1d785f;
      --primary-text: #ffffff;
      --secondary-bg: #18272d;
      --secondary-hover: #22343b;
      --link: #91e2c7;
      --focus-color: #82e1c4;
      --blue: #7da7ff;
      --amber: #e8b560;
      --red: #f18a90;
      --danger: var(--red);
      --trust-bg: #19382f;
      --trust-border: #719187;
      --trust-text: #c7f2e4;
      --offer-bg: #15342b;
      --offer-border: #719187;
      --offer-value: #b8f3df;
      --offer-secondary: #c2d4ce;
      --information-gradient: linear-gradient(145deg, #124b40, #173b68);
      --on-gradient: #ffffff;
      --on-gradient-muted: #dcebea;
      --success-border: #6a8f83;
      --info-border: #698ba9;
      --warning-border: #9f895c;
      --danger-border: #a56f74;
      --skeleton-from: #26373d;
      --skeleton-highlight: #3a4d54;
      --disabled-bg: #1d2b31;
      --disabled-text: #9aaba5;
      --backdrop-bg: rgba(3, 8, 10, .78);
      --body-glow: rgba(42, 58, 64, .74);
      --topbar-bg: rgba(19, 27, 31, .92);
      --control-bg: #111a1e;
      --control-hover: #243238;
      --overlay: rgba(3, 7, 9, .72);
      --required-bg: #2b271a;
      --required-border: #9f895c;
      --required-text: #f0d99d;
      --success-bg: #183a31;
      --success-text: #c1f1e2;
      --info-bg: #183149;
      --info-text: #c7e3ff;
      --warning-bg: #392f1e;
      --warning-text: #f5dcaa;
      --danger-bg: #3b2227;
      --danger-text: #ffc3c7;
      --shadow: 0 22px 52px rgba(0, 0, 0, .34);
      --focus: 0 0 0 4px color-mix(in srgb, var(--focus-color) 30%, transparent);
      --ios-separator: rgba(237, 244, 241, .12);
      --ios-shadow-soft: 0 1px 2px rgba(0, 0, 0, .16), 0 10px 26px rgba(0, 0, 0, .22);
      --ios-switch-off: #526067;
    }

    * {
      box-sizing: border-box;
    }

    .sr-only {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      overflow: hidden !important;
      clip: rect(0, 0, 0, 0) !important;
      white-space: nowrap !important;
      clip-path: inset(50%) !important;
    }

    [hidden] {
      display: none !important;
    }


    html.seller-ai-dialog-open,
    body.seller-ai-dialog-open {
      overflow: hidden;
      overscroll-behavior: none;
    }

    body.seller-ai-dialog-open {
      position: fixed;
      right: 0;
      left: 0;
      width: 100%;
    }

    body.seller-modal-dialog-open {
      position: fixed;
      inset: 0;
      width: 100%;
      overflow: hidden;
      overscroll-behavior: none;
    }


    html {
      overflow-x: hidden;
      background: var(--bg);
    }

    body {
      margin: 0;
      min-height: 100vh;
      padding-top: var(--app-header-space);
      overflow-x: hidden;
      background:
        linear-gradient(180deg, var(--body-glow) 0%, rgba(255, 255, 255, 0) 290px),
        var(--bg);
      color: var(--ink);
      font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
      letter-spacing: 0;
    }

    button,
    input,
    select,
    textarea {
      font: inherit;
    }

    button {
      cursor: pointer;
    }

    img {
      display: block;
      max-width: 100%;
    }

    .shell {
      width: min(1220px, calc(100% - 32px));
      margin: 0 auto;
    }

    .topbar {
      position: fixed;
      top: 0;
      right: 0;
      left: 0;
      z-index: 20;
      width: 100%;
      background: var(--topbar-bg);
      border-bottom: 1px solid var(--line);
      backdrop-filter: blur(18px);
      transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
    }

    .topbar-inner {
      min-height: 72px;
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto;
      gap: 20px;
      align-items: center;
      transition: min-height .18s ease, gap .18s ease, padding .18s ease;
    }

    .brand-logo,
    .brand-subtitle,
    .seller-account-link {
      transition:
        width .18s ease,
        height .18s ease,
        min-height .18s ease,
        padding .18s ease,
        gap .18s ease,
        font-size .18s ease,
        line-height .18s ease;
    }

    .topbar[data-header-state="compact"] {
      box-shadow: 0 6px 18px rgba(24, 39, 52, .1);
    }

    .seller-global-status-region {
      position: fixed;
      top: var(--app-header-height);
      right: 0;
      left: 0;
      z-index: 19;
      width: 100%;
      opacity: 1;
      visibility: visible;
      pointer-events: none;
      transition: opacity .18s ease;
    }

    .seller-global-status-region[data-entering="true"],
    .seller-global-status-region[data-dismissing="true"] {
      opacity: 0;
    }

    .seller-global-status-region[data-entering="true"] .seller-global-status-bar,
    .seller-global-status-region[data-dismissing="true"] .seller-global-status-bar {
      pointer-events: none;
    }

    .seller-global-status-region[hidden] {
      display: none !important;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
    }

    .seller-global-status-shell {
      width: min(720px, calc(100% - 32px));
      padding-top: 10px;
    }

    .seller-global-status-bar {
      --seller-status-bg: var(--info-bg);
      --seller-status-border: rgba(36, 87, 197, .24);
      --seller-status-ink: var(--info-text);
      display: grid;
      grid-template-columns: 24px minmax(0, 1fr) auto;
      gap: 10px;
      align-items: center;
      min-height: 56px;
      padding: 6px 8px 6px 12px;
      border: 1px solid var(--seller-status-border);
      border-radius: 10px;
      background: var(--seller-status-bg);
      color: var(--seller-status-ink);
      box-shadow: 0 8px 22px rgba(24, 39, 52, .1);
      pointer-events: auto;
    }

    .seller-global-status-region[data-type="loading"] .seller-global-status-bar,
    .seller-global-status-region[data-type="info"] .seller-global-status-bar {
      --seller-status-bg: var(--info-bg);
      --seller-status-border: rgba(36, 87, 197, .24);
      --seller-status-ink: var(--info-text);
    }

    .seller-global-status-region[data-type="success"] .seller-global-status-bar {
      --seller-status-bg: var(--success-bg);
      --seller-status-border: rgba(18, 102, 79, .24);
      --seller-status-ink: var(--success-text);
    }

    .seller-global-status-region[data-type="warning"] .seller-global-status-bar {
      --seller-status-bg: var(--warning-bg);
      --seller-status-border: rgba(185, 107, 18, .28);
      --seller-status-ink: var(--warning-text);
    }

    .seller-global-status-region[data-type="error"] .seller-global-status-bar {
      --seller-status-bg: var(--danger-bg);
      --seller-status-border: rgba(180, 35, 42, .24);
      --seller-status-ink: var(--danger-text);
    }

    .seller-global-status-icon {
      display: inline-grid;
      width: 24px;
      height: 24px;
      place-items: center;
      color: currentColor;
    }

    .seller-global-status-icon .icon {
      width: 23px;
      height: 23px;
    }

    .seller-global-status-region[data-type="loading"] .seller-global-status-icon .icon {
      animation: seller-global-status-spin .9s linear infinite;
    }

    @keyframes seller-global-status-spin {
      to { transform: rotate(360deg); }
    }

    .seller-global-status-copy {
      min-width: 0;
      align-self: center;
    }

    .seller-global-status-copy strong {
      display: block;
      overflow: hidden;
      font-size: 16px;
      font-weight: 720;
      line-height: 1.25;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .seller-global-status-region[data-has-action="true"] .seller-global-status-copy strong {
      overflow: visible;
      overflow-wrap: anywhere;
      text-overflow: clip;
      white-space: normal;
    }

    .seller-global-status-copy span {
      display: block;
      margin-top: 2px;
      overflow-wrap: anywhere;
      font-size: 13px;
      line-height: 1.3;
    }

    .seller-global-status-controls {
      display: inline-flex;
      min-width: 0;
      flex-wrap: wrap;
      gap: 6px;
      align-items: center;
      justify-content: flex-end;
    }

    .seller-global-status-control {
      display: inline-grid;
      width: 44px;
      min-width: 44px;
      height: 44px;
      padding: 0;
      place-items: center;
      border: 0;
      border-radius: 6px;
      background: transparent;
      color: currentColor;
    }

    .seller-global-status-control:hover {
      background: rgba(255, 255, 255, .42);
    }

    .seller-global-status-control:focus-visible,
    .seller-global-status-action:focus-visible {
      outline: 0;
      box-shadow: var(--focus);
    }

    .seller-global-status-control .icon {
      width: 20px;
      height: 20px;
    }

    .seller-global-status-action {
      min-height: 44px;
      max-width: 170px;
      padding: 0 12px;
      border: 1px solid currentColor;
      border-radius: 6px;
      background: transparent;
      color: currentColor;
      font-size: 14px;
      font-weight: 750;
      line-height: 1.15;
      white-space: nowrap;
    }

    .seller-global-status-secondary-action {
      border-style: dashed;
    }

    @media (max-width: 899px) {
      .seller-global-status-region .seller-global-status-shell {
        width: calc(
          100%
          - max(10px, env(safe-area-inset-left, 0px))
          - max(10px, env(safe-area-inset-right, 0px))
        );
        max-width: 720px;
        margin: 0 auto;
        padding-top: 6px;
      }

      .seller-global-status-bar {
        grid-template-columns: 24px minmax(0, 1fr) auto;
        gap: 8px;
        width: 100%;
        height: auto;
        min-height: 52px;
        padding: 5px 7px 5px 10px;
        border: 1px solid var(--seller-status-border);
        border-radius: 12px;
        box-shadow: 0 8px 20px rgba(24, 39, 52, .1);
      }

      .seller-global-status-copy strong {
        display: -webkit-box;
        overflow: hidden;
        font-size: 15px;
        line-height: 1.22;
        white-space: normal;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
      }

      .seller-global-status-copy span {
        display: -webkit-box;
        overflow: hidden;
        font-size: 12px;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
      }
    }

    @media (max-width: 480px) {
      .seller-global-status-bar {
        height: auto;
        min-height: 56px;
      }

      .seller-global-status-copy strong {
        overflow: visible;
        overflow-wrap: anywhere;
        text-overflow: clip;
        white-space: normal;
      }

      .seller-global-status-region[data-has-action="true"] .seller-global-status-bar {
        grid-template-columns: 24px minmax(0, 1fr);
        grid-template-rows: auto auto;
        row-gap: 4px;
        height: auto;
        min-height: 84px;
      }

      .seller-global-status-region[data-has-action="true"] .seller-global-status-controls {
        grid-column: 2;
        grid-row: 2;
        justify-self: start;
      }

      .seller-global-status-action {
        max-width: 100%;
        white-space: normal;
      }
    }

    .brand {
      display: inline-flex;
      min-width: 0;
      align-items: center;
      text-decoration: none;
      color: var(--ink);
    }

    .brand-text {
      min-width: 0;
      display: inline-flex;
      align-items: center;
      gap: 0;
    }

    .brand-logo {
      width: 260px;
      max-width: 100%;
      height: 112px;
      object-fit: contain;
      object-position: left center;
      flex: 0 0 auto;
    }

    .brand-logo-night {
      display: none;
    }

    html[data-theme="dark"] .brand-logo-light {
      display: none;
    }

    html[data-theme="dark"] .brand-logo-night {
      display: block;
    }

    .seller-header-side {
      display: grid;
      justify-items: end;
      align-content: center;
      gap: 8px;
      width: 100%;
      min-width: 0;
      overflow: visible;
    }

    .seller-header-actions {
      display: inline-flex;
      min-width: 0;
      align-items: center;
      justify-content: flex-end;
      gap: 8px;
    }

    .brand-subtitle {
      color: var(--muted);
      display: grid;
      gap: 2px;
      font-size: 18px;
      font-weight: 650;
      line-height: 1.12;
      white-space: nowrap;
      text-align: right;
      justify-items: end;
    }

    .brand-subtitle span {
      display: block;
    }

    .nav-switch {
      display: none;
      min-width: 0;
      max-width: 100%;
      grid-auto-flow: column;
      gap: 4px;
      padding: 4px;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--surface);
      box-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset;
    }

    .nav-switch button {
      display: inline-flex;
      min-height: 38px;
      align-items: center;
      justify-content: center;
      gap: 7px;
      border: 0;
      border-radius: 6px;
      background: transparent;
      color: var(--muted);
      padding: 0 14px;
      font-weight: 750;
      white-space: nowrap;
    }

    .nav-switch button[aria-selected="true"] {
      background: var(--accent);
      color: #fff;
    }

    .pro-app-link {
      display: none;
      min-height: 38px;
      align-items: center;
      justify-content: center;
      gap: 7px;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--surface);
      color: var(--ink);
      padding: 0 13px;
      text-decoration: none;
      font-weight: 800;
      white-space: nowrap;
    }

    .seller-account-link {
      position: relative;
      display: inline-flex;
      flex: 0 0 auto;
      min-height: 38px;
      align-items: center;
      justify-content: center;
      gap: 7px;
      border: 1px solid rgba(18, 102, 79, .22);
      border-radius: var(--radius);
      background: var(--surface-tint);
      color: var(--accent-strong);
      padding: 0 12px;
      font-weight: 850;
      white-space: nowrap;
      z-index: 2;
    }

    .seller-account-link .icon {
      width: 18px;
      height: 18px;
    }

    .seller-account-menu-chevron {
      width: 15px;
      height: 15px;
      color: var(--muted);
      transition: transform .16s ease;
    }

    .seller-account-link[aria-expanded="true"] .seller-account-menu-chevron {
      transform: rotate(180deg);
    }

    .seller-account-avatar {
      display: grid;
      width: 24px;
      height: 24px;
      flex: 0 0 24px;
      place-items: center;
      overflow: hidden;
      border-radius: 999px;
      background: var(--accent);
      color: #fff;
      font-size: 10px;
      font-weight: 900;
      line-height: 1;
    }

    .seller-account-avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .seller-account-link::after {
      content: attr(data-short-label);
      display: none;
    }

    .seller-offers-badge {
      width: 8px;
      height: 8px;
      border-radius: 999px;
      background: #1d6ff2;
      box-shadow: 0 0 0 2px #f7fbf9;
      flex: 0 0 auto;
    }

    .seller-offers-badge[hidden] {
      display: none;
    }

    .nav-app-icon {
      width: 20px;
      height: 20px;
      object-fit: contain;
      flex: 0 0 auto;
    }

    .icon {
      width: 18px;
      height: 18px;
      flex: 0 0 auto;
    }

    .cloud-pill {
      display: none;
      min-height: 34px;
      align-items: center;
      gap: 8px;
      border: 1px solid var(--line);
      border-radius: 999px;
      background: var(--surface);
      color: var(--muted);
      padding: 0 12px;
      font-size: 13px;
      font-weight: 700;
      white-space: nowrap;
    }

    html.debug-ui .cloud-pill {
      display: inline-flex;
    }

    .cloud-dot {
      width: 8px;
      height: 8px;
      border-radius: 999px;
      background: var(--amber);
    }

    .cloud-pill[data-state="ready"] .cloud-dot {
      background: var(--accent);
    }

    .cloud-pill[data-state="error"] .cloud-dot {
      background: var(--red);
    }

    main.shell {
      padding: 28px 0 44px;
    }

    .screen {
      display: grid;
      gap: 18px;
    }

    .screen-title {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 20px;
      align-items: end;
    }

    h1,
    h2,
    h3,
    p {
      margin: 0;
    }

    h1 {
      font-size: clamp(28px, 4vw, 46px);
      line-height: 1.08;
      max-width: 680px;
      letter-spacing: 0;
    }

    h1 span {
      display: block;
    }

    h2 {
      font-size: 22px;
      line-height: 1.18;
      letter-spacing: 0;
    }

    h3 {
      font-size: 16px;
      line-height: 1.25;
      letter-spacing: 0;
    }

    .lead-text {
      margin-top: 8px;
      max-width: 620px;
      color: var(--muted);
      font-size: 16px;
      line-height: 1.52;
    }

    .hero-decision {
      margin-top: 4px;
      color: var(--ink);
      font-size: clamp(30px, 4vw, 48px);
      font-weight: 900;
      line-height: 1.04;
      letter-spacing: 0;
    }

    .hero-motto {
      margin-top: 10px;
      max-width: 620px;
      color: var(--accent-strong);
      font-size: clamp(20px, 2.2vw, 28px);
      font-weight: 900;
      line-height: 1.12;
      letter-spacing: 0;
    }

    .mobile-hero-title,
    .mobile-hero-subline,
    .mobile-trust-row,
    .mobile-compact-claim {
      display: none;
    }

    .mobile-trust-row {
      gap: 6px;
      align-items: center;
    }

    .mobile-trust-row span {
      display: inline-flex;
      min-width: 0;
      align-items: center;
      gap: 5px;
      color: var(--muted);
      font-size: 12px;
      font-weight: 800;
      white-space: nowrap;
    }

    .mobile-trust-row .icon {
      width: 14px;
      height: 14px;
      color: var(--accent);
      stroke-width: 2.4;
    }

    .desktop-trust-row {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: center;
    }

    .desktop-trust-row span {
      display: inline-flex;
      min-height: 32px;
      align-items: center;
      gap: 7px;
      border: 1px solid var(--trust-border);
      border-radius: 999px;
      background: var(--trust-bg);
      color: var(--trust-text);
      padding: 0 11px;
      font-size: 13px;
      font-weight: 820;
      white-space: nowrap;
    }

    .desktop-trust-row .icon {
      width: 15px;
      height: 15px;
    }

    .desktop-side-hero {
      display: none;
    }

    .desktop-duration-note {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      color: var(--accent-strong);
      font-size: 14px;
      font-weight: 850;
      line-height: 1.35;
    }

    .desktop-duration-note .icon {
      width: 16px;
      height: 16px;
    }

    .mobile-cta-label {
      display: none;
    }

    .seller-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.45fr) minmax(310px, .75fr);
      gap: 18px;
      align-items: start;
    }

    .seller-grid > * {
      min-width: 0;
    }

    .seller-side-stack {
      display: grid;
      gap: 18px;
      min-width: 0;
      align-self: start;
    }

    .tool-panel,
    .side-panel,
    .login-panel,
    .dashboard-panel,
    .lead-detail {
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--surface);
      box-shadow: var(--shadow);
    }

    .tool-panel {
      padding: 22px;
    }

    .side-panel {
      overflow: hidden;
    }

    .vehicle-photo {
      min-height: 145px;
      background:
        var(--information-gradient),
        repeating-linear-gradient(135deg, rgba(255,255,255,.18) 0 2px, transparent 2px 16px);
      background-position: center;
      background-size: cover;
      display: grid;
      align-items: end;
      padding: 18px 20px;
      color: var(--on-gradient);
    }

    .vehicle-photo strong {
      max-width: 360px;
      font-size: 25px;
      line-height: 1.1;
      letter-spacing: 0;
    }

    .side-content {
      display: grid;
      gap: 16px;
      padding: 20px;
    }

    .seller-home-side-summary {
      display: none;
    }

    #sellerView.seller-home-active .side-content > h2,
    #sellerView.seller-home-active .side-content > .desktop-side-hero,
    #sellerView.seller-home-active .side-content > .seller-profile-privacy-aside,
    #sellerView.seller-home-active .side-content > .process-list,
    #sellerView.seller-home-active .side-content > .desktop-trust-row {
      display: none;
    }

    #sellerView.seller-home-active .seller-home-side-summary {
      display: grid;
      gap: 14px;
    }

    .seller-home-side-summary h2 {
      font-size: 28px;
      line-height: 1.1;
    }

    .seller-home-side-summary > p {
      color: var(--muted);
      line-height: 1.5;
    }

    .seller-home-side-points {
      display: grid;
      gap: 10px;
      margin: 2px 0 0;
      padding: 0;
      list-style: none;
    }

    .seller-home-side-points li {
      display: flex;
      align-items: center;
      gap: 9px;
      color: var(--accent-strong);
      font-size: 14px;
      font-weight: 780;
      line-height: 1.35;
    }

    .seller-home-side-points .icon {
      width: 18px;
      height: 18px;
      flex: 0 0 auto;
      color: var(--accent);
    }

    .process-list {
      display: grid;
      gap: 12px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .process-list li {
      display: grid;
      grid-template-columns: 32px minmax(0, 1fr);
      gap: 10px;
      align-items: start;
      color: var(--muted);
      line-height: 1.38;
    }

    .step-number {
      display: grid;
      width: 32px;
      height: 32px;
      place-items: center;
      border-radius: 999px;
      background: var(--accent-soft);
      color: var(--accent-strong);
      font-size: 14px;
      font-weight: 800;
    }

    form {
      display: grid;
      gap: 20px;
    }

    .form-section {
      display: grid;
      gap: 14px;
      padding: 0;
      border: 0;
      margin: 0;
    }

    .form-section + .form-section {
      padding-top: 18px;
      border-top: 1px solid var(--line);
    }

    legend {
      padding: 0;
      margin: 0 0 4px;
      color: var(--ink);
      font-size: 18px;
      font-weight: 850;
    }

    .field-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
    }

    .field-grid.three {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .field-grid .field.field-span-full {
      grid-column: 1 / -1;
    }

    .vehicle-color-group,
    .vin-required-field,
    .power-required-field {
      display: grid;
      gap: 12px;
      padding: 14px;
      border: 1px solid var(--line);
      border-radius: 12px;
      background: #f8faf9;
    }

    .vehicle-color-group h4,
    .vin-required-field h4,
    .power-required-field h4 {
      margin: 0;
      font-size: 16px;
    }

    .vehicle-color-group > div > p,
    .vin-required-field > div > p,
    .power-required-field > div > p {
      margin: 3px 0 0;
      color: var(--muted);
      font-size: 13px;
    }

    .vehicle-color-fields {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
    }

    .power-fields {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      min-width: 0;
    }

    .power-fields input {
      width: 100%;
      max-width: 100%;
      min-width: 0;
      box-sizing: border-box;
    }

    .power-calculation-status {
      min-height: 18px;
      margin: 0;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.4;
    }

    .power-required-message {
      margin: 0;
      color: #80652a;
      font-size: 13px;
      font-weight: 650;
      line-height: 1.45;
    }

    .power-required-field.chapter-required-missing {
      border-color: #e8c46a;
      background: #fffdf4;
    }

    .power-required-field.chapter-validation-invalid {
      border-color: #c43d3d;
      background: #fff5f5;
    }

    .power-required-field.chapter-validation-invalid .power-required-message {
      color: #9c2f2f;
    }

    .field {
      display: grid;
      gap: 7px;
      min-width: 0;
    }

    .field.full {
      grid-column: 1 / -1;
    }

    .contact-form-grid {
      display: grid;
      gap: 16px;
    }

    .contact-group {
      display: grid;
      gap: 8px;
      min-width: 0;
    }

    .contact-method-fields,
    .contact-location-fields {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
      align-items: start;
    }

    .contact-methods-group[data-visible-fields="phone"] .contact-method-fields,
    .contact-methods-group[data-visible-fields="email"] .contact-method-fields {
      grid-template-columns: minmax(0, 1fr);
      max-width: 620px;
    }

    .contact-location-fields {
      grid-template-columns: minmax(118px, .42fr) minmax(0, 1fr);
    }

    .phone-inline-field {
      display: grid;
      grid-template-columns: minmax(88px, 104px) minmax(0, 1fr);
      gap: 8px;
      align-items: end;
      min-width: 0;
    }

    .phone-inline-field > *,
    .phone-country-control,
    .phone-country-field,
    .phone-local-field {
      min-width: 0;
      max-width: 100%;
    }

    .phone-inline-field input,
    .phone-country-trigger {
      min-height: 44px;
    }

    .phone-inline-label,
    .phone-country-field > label,
    .phone-country-field > span {
      display: block;
      margin-bottom: 6px;
      color: var(--ink);
      font-size: 13px;
      font-weight: 800;
      line-height: 1.25;
    }

    .phone-country-control {
      position: relative;
      width: 100%;
    }

    .phone-country-native {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }

    .phone-country-trigger {
      display: inline-flex;
      align-items: center;
      justify-content: space-between;
      gap: 6px;
      width: 100%;
      max-width: 100%;
      min-width: 0;
      padding: 10px 11px;
      border: 1px solid var(--line);
      border-radius: 12px;
      background: var(--surface);
      color: var(--ink);
      font: inherit;
      font-size: 16px;
      font-weight: 800;
      line-height: 1.2;
      cursor: pointer;
    }

    .phone-country-trigger:hover {
      border-color: rgba(18, 102, 79, .46);
    }

    .phone-country-trigger:focus-visible {
      outline: 3px solid rgba(29, 157, 119, .24);
      outline-offset: 2px;
      border-color: var(--accent);
    }

    .phone-country-trigger .icon {
      flex: 0 0 auto;
      width: 16px;
      height: 16px;
    }

    dialog.phone-country-dialog {
      width: min(92vw, 520px);
      max-width: calc(100vw - 24px);
      max-height: min(82dvh, 680px);
      padding: 0;
      border: 1px solid rgba(18, 102, 79, .24);
      border-radius: 20px;
      background: var(--surface);
      color: var(--ink);
      box-shadow: 0 24px 70px rgba(7, 36, 30, .28);
      overflow: hidden;
    }

    dialog.phone-country-dialog::backdrop {
      background: rgba(8, 27, 24, .62);
      backdrop-filter: blur(3px);
    }

    .phone-country-dialog-shell {
      display: grid;
      grid-template-rows: auto auto minmax(0, 1fr);
      gap: 12px;
      max-height: min(82dvh, 680px);
      padding: 18px;
      padding-bottom: max(18px, env(safe-area-inset-bottom, 0px));
      box-sizing: border-box;
    }

    .phone-country-dialog-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 12px;
    }

    .phone-country-dialog-head h2 {
      margin: 0;
      font-size: clamp(21px, 5vw, 27px);
      line-height: 1.15;
    }

    .phone-country-dialog-close {
      display: inline-flex;
      flex: 0 0 auto;
      align-items: center;
      justify-content: center;
      width: 44px;
      height: 44px;
      padding: 0;
      border: 1px solid var(--line);
      border-radius: 12px;
      background: var(--surface-2);
      color: var(--ink);
      cursor: pointer;
    }

    .phone-country-search {
      width: 100%;
      min-width: 0;
      max-width: 100%;
      min-height: 48px;
      box-sizing: border-box;
      font-size: 16px;
    }

    .phone-country-results {
      min-height: 0;
      overflow-y: auto;
      overflow-x: hidden;
      overscroll-behavior: contain;
      -webkit-overflow-scrolling: touch;
      border: 1px solid var(--line);
      border-radius: 14px;
      background: var(--surface-2);
    }

    .phone-country-results-status {
      margin: 0;
      padding: 10px 12px 6px;
      color: var(--muted);
      font-size: 13px;
      font-weight: 750;
    }

    .phone-country-options {
      display: grid;
      gap: 4px;
      padding: 6px;
    }

    .phone-country-option {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 12px;
      width: 100%;
      min-height: 48px;
      padding: 11px 12px;
      border: 1px solid transparent;
      border-radius: 10px;
      background: transparent;
      color: var(--ink);
      font: inherit;
      text-align: left;
      cursor: pointer;
    }

    .phone-country-option:hover,
    .phone-country-option:focus-visible,
    .phone-country-option[aria-selected="true"] {
      border-color: rgba(18, 102, 79, .28);
      background: rgba(29, 157, 119, .1);
    }

    .phone-country-option-name {
      min-width: 0;
      overflow-wrap: anywhere;
      font-weight: 750;
    }

    .phone-country-option-code {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-weight: 900;
      white-space: nowrap;
    }

    .phone-country-option-separator {
      color: var(--muted);
      font-weight: 700;
    }

    .phone-country-empty {
      margin: 0;
      padding: 18px 14px;
      color: var(--muted);
      text-align: center;
    }

    .contact-hint {
      max-width: 620px;
    }

    .seller-contact-account-status {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      padding: 11px 13px;
      border: 1px solid #c9ded6;
      border-radius: 8px;
      background: #f4faf7;
      color: #315347;
      font-size: 14px;
      line-height: 1.4;
    }

    .seller-contact-account-status .icon {
      flex: 0 0 auto;
      width: 18px;
      height: 18px;
      margin-top: 1px;
      color: var(--accent);
    }

    .seller-contact-auth-choice {
      display: grid;
      gap: 12px;
      padding: 14px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--surface-soft);
    }

    .seller-contact-auth-choice-copy {
      display: grid;
      gap: 4px;
    }

    .seller-contact-auth-choice-copy strong {
      color: var(--ink);
      font-size: 15px;
    }

    .seller-contact-auth-choice-copy p {
      margin: 0;
      color: var(--muted);
      font-size: 14px;
      line-height: 1.45;
    }

    .seller-contact-auth-choice-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }

    .seller-contact-auth-choice-actions .btn {
      min-height: 48px;
    }

    label,
    .label {
      color: #283644;
      font-size: 13px;
      font-weight: 760;
      line-height: 1.25;
    }

    input,
    select,
    textarea {
      width: 100%;
      min-width: 0;
      border: 1px solid #cad5dc;
      border-radius: 7px;
      background: #fff;
      color: var(--ink);
      min-height: 44px;
      padding: 10px 12px;
      outline: none;
      transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
    }

    textarea {
      min-height: 104px;
      resize: vertical;
      line-height: 1.4;
    }

    input:focus,
    select:focus,
    textarea:focus {
      border-color: var(--accent);
      box-shadow: var(--focus);
    }

    .quick-start {
      display: grid;
      min-width: 0;
      gap: 16px;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: #f7faf9;
      padding: 14px;
    }

    .intake-copy {
      display: grid;
      gap: 6px;
    }

    .intake-copy h2 {
      font-size: 24px;
    }

    .start-assistant-actions {
      display: grid;
      gap: 10px;
      align-items: start;
      justify-items: start;
    }

    .support-link {
      justify-self: start;
      border: 0;
      background: transparent;
      color: var(--accent-strong);
      padding: 0;
      font-weight: 780;
      text-decoration: underline;
      text-underline-offset: 3px;
    }

    .entry-options {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
    }

    .entry-card {
      display: grid;
      min-width: 0;
      gap: 8px;
      align-content: start;
      border: 1px solid #cfdae0;
      border-radius: var(--radius);
      background: #fff;
      color: var(--ink);
      padding: 14px;
      text-align: left;
      min-height: 164px;
      box-shadow: 0 1px 0 rgba(255, 255, 255, .72) inset;
      transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
    }

    .entry-card:hover,
    .entry-card[aria-pressed="true"] {
      border-color: var(--accent);
      box-shadow: var(--focus);
    }

    .entry-card[aria-pressed="true"] {
      background: #f1faf6;
    }

    .entry-card.recommended {
      border-width: 2px;
      border-color: var(--accent);
    }

    .entry-icon {
      width: 38px;
      height: 38px;
      display: grid;
      place-items: center;
      border-radius: var(--radius);
      background: var(--accent-soft);
      color: var(--accent-strong);
    }

    .entry-title {
      display: flex;
      flex-wrap: wrap;
      gap: 7px;
      align-items: center;
      font-size: 17px;
      font-weight: 850;
      line-height: 1.18;
    }

    .recommended-badge {
      border-radius: 999px;
      background: var(--accent);
      color: #fff;
      padding: 4px 8px;
      font-size: 11px;
      font-weight: 850;
      line-height: 1;
    }

    .entry-card p {
      color: var(--muted);
      font-size: 14px;
      line-height: 1.42;
    }

    .guided-assistant {
      display: grid;
      gap: 16px;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: #fff;
      padding: 18px;
    }

    .assistant-progress {
      display: grid;
      gap: 9px;
    }

    .assistant-progress-row {
      display: flex;
      justify-content: space-between;
      gap: 12px;
      color: var(--muted);
      font-size: 13px;
      font-weight: 780;
    }

    .assistant-bar {
      overflow: hidden;
      height: 8px;
      border-radius: 999px;
      background: #d8e3e8;
    }

    .assistant-bar span {
      display: block;
      width: var(--assistant-progress, 10%);
      height: 100%;
      border-radius: inherit;
      background: var(--accent);
      transition: width .18s ease;
    }

    .assistant-step {
      display: none;
      gap: 14px;
    }

    .assistant-step.active {
      display: grid;
    }

    .guided-assistant.has-registration-documents .assistant-step[data-step="0"].active {
      display: none;
    }

    .step-question {
      display: grid;
      gap: 6px;
    }

    .step-question h3 {
      font-size: 22px;
      line-height: 1.2;
    }

    .step-question p {
      color: var(--muted);
      line-height: 1.45;
    }

    .assistant-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      justify-content: space-between;
      align-items: center;
    }

    .assistant-actions.no-back {
      justify-content: flex-end;
    }

    .optional-photo-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      align-items: center;
    }

    .unknown-btn {
      justify-self: start;
      min-height: 38px;
      border: 1px solid var(--line);
      border-radius: 7px;
      background: #fbfcfd;
      color: var(--muted);
      padding: 0 12px;
      font-size: 14px;
      font-weight: 760;
    }

    .mileage-control {
      display: grid;
      gap: 8px;
      width: 100%;
      min-width: 0;
      max-width: 100%;
    }

    .mileage-input-wrap {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      width: 100%;
      min-width: 0;
      max-width: 100%;
      min-height: 62px;
      border: 1px solid #b9c8d0;
      border-radius: 8px;
      background: #fff;
      padding: 0 14px;
      box-shadow: 0 1px 0 rgba(255, 255, 255, .74) inset;
      box-sizing: border-box;
    }

    .mileage-input-wrap:focus-within {
      border-color: var(--accent);
      box-shadow: var(--focus);
    }

    .mileage-input-wrap input {
      width: 100%;
      min-width: 0;
      max-width: 100%;
      border: 0;
      box-shadow: none;
      min-height: 60px;
      padding: 0;
      font-size: 30px;
      font-weight: 850;
      letter-spacing: 0;
      background: transparent;
      box-sizing: border-box;
    }

    .mileage-input-wrap input:focus {
      border-color: transparent;
      box-shadow: none;
    }

    .mileage-unit {
      color: var(--muted);
      font-size: 20px;
      font-weight: 850;
      padding-left: 10px;
    }

    .condition-options {
      display: grid;
      gap: 10px;
      width: 100%;
      max-width: 100%;
      min-width: 0;
      padding: 12px;
      border: 1px solid transparent;
      border-radius: 12px;
      box-sizing: border-box;
      transition: border-color .16s ease, background-color .16s ease;
    }

    .condition-option {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      align-items: center;
      gap: 12px;
      width: 100%;
      min-height: 58px;
      border: 1px solid #c7d4db;
      border-radius: 8px;
      background: #fff;
      color: var(--ink);
      padding: 12px 14px;
      text-align: left;
      font-weight: 850;
      box-shadow: 0 1px 0 rgba(255, 255, 255, .72) inset;
    }

    .condition-option:hover,
    .condition-option[aria-pressed="true"] {
      border-color: var(--accent);
      background: #f1faf6;
      color: var(--accent-strong);
    }

    .condition-option i {
      width: 20px;
      height: 20px;
    }

    .condition-required-message {
      display: inline-flex;
      min-width: 0;
      align-items: flex-start;
      gap: 8px;
      margin: 0;
      color: #80652a;
      font-size: 13px;
      font-weight: 680;
      line-height: 1.45;
      overflow-wrap: anywhere;
    }

    .condition-required-message .icon {
      width: 17px;
      height: 17px;
      flex: 0 0 auto;
      margin-top: 1px;
    }

    .condition-options:not(.chapter-required-missing) .condition-required-message,
    .condition-options.chapter-validation-invalid .condition-required-message {
      display: none;
    }

    .summary-list li.summary-important {
      border: 1px solid rgba(18, 102, 79, .18);
      border-radius: 8px;
      background: #f7fbf9;
      padding: 12px;
    }

    .summary-list strong.summary-open {
      color: #963b34;
    }

    .summary-ai-note {
      display: inline-flex;
      width: fit-content;
      max-width: 100%;
      align-items: center;
      gap: 8px;
      border: 1px solid rgba(18, 102, 79, .16);
      border-radius: 999px;
      background: #f1f8f5;
      color: var(--accent-strong);
      padding: 8px 11px;
      font-size: 13px;
      font-weight: 800;
      line-height: 1.25;
    }

    .summary-ai-note .icon {
      width: 16px;
      height: 16px;
    }

    .summary-list {
      display: grid;
      gap: 8px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .summary-list li {
      display: grid;
      grid-template-columns: minmax(112px, .42fr) minmax(0, 1fr) auto;
      align-items: center;
      gap: 10px;
      border-bottom: 1px solid var(--line);
      padding: 8px 0;
    }

    .summary-list li.summary-ai-note {
      display: inline-flex;
      justify-self: start;
      border-bottom: 0;
      padding: 8px 11px;
    }

    .summary-list span {
      color: var(--muted);
      font-size: 13px;
      font-weight: 760;
    }

    .summary-value {
      display: flex;
      min-width: 0;
      flex-wrap: wrap;
      gap: 6px;
      align-items: center;
    }

    .summary-list strong {
      overflow-wrap: anywhere;
      line-height: 1.3;
    }

    .summary-status {
      display: inline-flex;
      min-height: 22px;
      align-items: center;
      border-radius: 999px;
      padding: 0 8px;
      font-size: 11px;
      font-weight: 850;
      line-height: 1;
    }

    .summary-status[data-state="recognized"] {
      background: #e6f4ee;
      color: var(--accent-strong);
    }

    .summary-status[data-state="safe"] {
      background: #e6f4ee;
      color: var(--accent-strong);
    }

    .summary-status[data-state="inferred"] {
      background: #eef4ff;
      color: #315d9f;
    }

    .summary-status[data-state="missing"] {
      background: #fff4df;
      color: #8a4d0b;
    }

    .review-form {
      display: grid;
      gap: 14px;
    }

    .review-section {
      display: grid;
      gap: 10px;
    }

    .review-details-section {
      border: 1px solid var(--line);
      border-radius: 8px;
      background: rgba(255, 255, 255, 0.72);
      padding: 10px;
    }

    .review-details-section > summary {
      cursor: pointer;
      list-style: none;
    }

    .review-details-section > summary::-webkit-details-marker {
      display: none;
    }

    .review-details-section > summary::after {
      content: "+";
      float: right;
      color: var(--muted);
      font-weight: 900;
    }

    .review-details-section[open] > summary::after {
      content: "-";
    }

    .review-details-section .review-fields {
      margin-top: 10px;
    }

    .review-section-title {
      color: var(--ink);
      font-size: 15px;
      font-weight: 900;
      line-height: 1.2;
    }

    .review-fields {
      display: grid;
      gap: 10px;
    }

    .review-field {
      display: grid;
      gap: 6px;
      border: 1px solid var(--line);
      border-left-width: 5px;
      border-radius: 8px;
      background: #fff;
      padding: 10px;
    }

    .review-field[data-state="safe"],
    .review-field[data-state="confirmed"] {
      border-left-color: var(--accent);
      background: #f8fcfa;
    }

    .review-field[data-state="check"] {
      border-left-color: #d1901f;
      background: #fffaf0;
    }

    .review-field[data-state="missing"] {
      border-left-color: #d8e2e7;
      background: #fff;
    }

    .review-field[data-state="neutral"] {
      border-left-color: #d8e2e7;
      background: #fff;
    }

    .review-field label {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      color: #283644;
      font-size: 13px;
      font-weight: 860;
    }

    .review-dot {
      width: 9px;
      height: 9px;
      border-radius: 999px;
      background: #d8e2e7;
      flex: 0 0 auto;
    }

    .review-field[data-state="safe"] .review-dot,
    .review-field[data-state="confirmed"] .review-dot {
      background: var(--accent);
    }

    .review-field[data-state="check"] .review-dot {
      background: #d1901f;
    }

    .review-field input,
    .review-field select {
      min-height: 46px;
      border-radius: 7px;
      background: #fff;
      font-size: 16px;
    }

    .review-photo-actions {
      display: grid;
      gap: 8px;
    }

    .review-photo-status {
      color: var(--muted);
      font-size: 14px;
      font-weight: 760;
    }

    .review-photo-actions .toolbar {
      justify-content: start;
    }

    .review-hint {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.4;
    }

    .technical-optional-fields {
      display: grid;
      gap: 10px;
      margin-top: 12px;
      border-top: 1px solid var(--line);
      padding-top: 12px;
    }

    .technical-optional-fields[hidden] {
      display: none;
    }

    .registration-assist {
      display: grid;
      gap: 12px;
    }

    .registration-drop {
      display: grid;
      min-width: 0;
      gap: 12px;
      align-items: center;
      justify-items: center;
      min-height: 138px;
      border: 1px dashed #9eb2bd;
      border-radius: var(--radius);
      background: #fff;
      padding: 16px;
      text-align: center;
      color: var(--muted);
    }

    .registration-drop strong {
      color: var(--ink);
    }

    .registration-trust-note {
      display: flex;
      width: 100%;
      gap: 10px;
      align-items: flex-start;
      border: 1px solid rgba(18, 102, 79, .18);
      border-radius: 8px;
      background: #f2faf6;
      color: #174c3e;
      padding: 12px;
      text-align: left;
      line-height: 1.42;
    }

    .registration-trust-note .icon {
      flex: 0 0 auto;
      width: 19px;
      height: 19px;
      margin-top: 2px;
      color: var(--brand);
    }

    .registration-trust-note strong,
    .registration-trust-note span {
      display: block;
    }

    .registration-trust-note strong {
      font-size: 14px;
      line-height: 1.35;
    }

    .registration-trust-note span {
      margin-top: 4px;
      color: var(--muted);
      font-size: 13px;
    }

    .ocr-status {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: 8px 10px;
      align-items: center;
      border: 1px solid rgba(18, 102, 79, .16);
      border-radius: 8px;
      background: #f8fbfa;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.35;
      padding: 10px 12px;
    }

    .ocr-status[hidden] {
      display: none;
    }

    .ocr-spinner[hidden],
    .ocr-bar[hidden] {
      display: none !important;
    }

    .ocr-spinner {
      width: 18px;
      height: 18px;
      border: 2px solid rgba(18, 102, 79, .16);
      border-top-color: var(--brand);
      border-radius: 999px;
    }

    .ocr-status[data-state="active"] .ocr-spinner {
      animation: ocrSpin .8s linear infinite;
    }

    .ocr-status[data-state="done"] .ocr-spinner {
      border-color: var(--brand);
      background: radial-gradient(circle at center, var(--brand) 0 36%, transparent 38%);
    }

    .ocr-status[data-state="idle"] .ocr-spinner,
    .ocr-status[data-state="warn"] .ocr-spinner {
      border-top-color: rgba(18, 102, 79, .16);
    }

    .ocr-status[data-state="warn"] {
      border-color: rgba(173, 109, 24, .18);
      background: #fffaf2;
    }

    .ocr-copy {
      display: grid;
      min-width: 0;
      gap: 2px;
    }

    .ocr-copy strong {
      color: var(--ink);
      font-size: 13px;
      line-height: 1.35;
    }

    .ocr-copy span {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.35;
    }

    @keyframes ocrSpin {
      to { transform: rotate(360deg); }
    }

    .ocr-bar {
      position: relative;
      overflow: hidden;
      grid-column: 1 / -1;
      width: 100%;
      height: 8px;
      border-radius: 999px;
      background: #d8e3e8;
    }

    .ocr-bar span {
      display: block;
      width: var(--progress, 0%);
      height: 100%;
      border-radius: inherit;
      background: var(--accent);
      transition: width .18s ease;
    }

    .ocr-status[data-state="active"] .ocr-bar span {
      width: 42%;
      animation: ocrProgress 1.25s ease-in-out infinite;
    }

    .ocr-actions {
      display: grid;
      grid-column: 1 / -1;
      grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
      gap: 8px;
      width: 100%;
    }

    .ocr-actions[hidden] {
      display: none;
    }

    .ocr-actions .btn {
      min-height: 44px;
      margin: 0;
    }

    @keyframes ocrProgress {
      0% { transform: translateX(-120%); }
      100% { transform: translateX(260%); }
    }

    .extracted-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
      gap: 8px;
    }

    .extracted-item {
      border: 1px solid var(--line);
      border-radius: 7px;
      background: #fff;
      padding: 9px 10px;
    }

    .extracted-item span {
      display: block;
      color: var(--muted);
      font-size: 12px;
      font-weight: 760;
    }

    .extracted-item strong {
      display: block;
      margin-top: 2px;
      overflow-wrap: anywhere;
      line-height: 1.25;
    }

    .registration-document-panel {
      display: grid;
      gap: 10px;
      border: 1px solid #d5e4de;
      border-radius: var(--radius);
      background: #f7fbf9;
      padding: 14px;
    }

    .registration-document-panel h3 {
      margin: 0;
      font-size: 16px;
    }

    .registration-document-panel p {
      margin: 0;
      color: var(--muted);
      line-height: 1.45;
    }

    .registration-document-list {
      display: grid;
      gap: 8px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .registration-document-list li {
      display: flex;
      min-width: 0;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: #fff;
      padding: 9px 10px;
    }

    .registration-document-main {
      display: grid;
      min-width: 0;
      gap: 2px;
    }

    .registration-document-list strong,
    .registration-document-list span {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .registration-document-list strong {
      min-width: 0;
      color: var(--ink);
    }

    .registration-document-list span {
      flex: 0 0 auto;
      color: var(--muted);
      font-size: 12px;
      font-weight: 750;
    }

    .registration-document-action {
      border: 0;
      background: transparent;
      color: var(--brand);
      cursor: pointer;
      flex: 0 0 auto;
      font: inherit;
      font-size: 12px;
      font-weight: 850;
      padding: 6px 2px;
      text-decoration: underline;
      text-underline-offset: 3px;
    }

    .registration-document-hint {
      border: 1px solid rgba(185, 107, 18, .22);
      border-radius: 8px;
      background: #fff8ec;
      color: #6b430f;
      font-size: 13px;
      line-height: 1.4;
      padding: 10px 12px;
    }

    .registration-document-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: center;
    }

    .registration-document-actions .primary {
      order: -2;
    }

    .registration-document-actions [data-add-registration-document] {
      order: -1;
    }

    .registration-document-actions .btn {
      min-height: 42px;
    }

    .registration-document-panel.compact {
      display: block;
      border-radius: 8px;
      padding: 6px 9px;
      background: #f8fbfa;
      box-shadow: none;
    }

    .document-status-line {
      display: flex;
      align-items: center;
      gap: 6px;
      min-width: 0;
      color: var(--muted);
      font-size: 12px;
      font-weight: 780;
      line-height: 1.15;
    }

    .document-status-line i {
      width: 15px;
      height: 15px;
      color: var(--accent-strong);
      flex: 0 0 auto;
    }

    .document-status-line strong,
    .document-status-line span {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .document-status-line strong {
      color: var(--ink);
    }

    .document-status-line span {
      min-width: 0;
      font-size: 11px;
    }

    .ocr-debug-panel {
      display: grid;
      gap: 8px;
      border: 1px solid rgba(185, 107, 18, .28);
      border-radius: 8px;
      background: #fff7eb;
      color: #6d420e;
      padding: 12px;
      font-size: 13px;
      line-height: 1.4;
    }

    .ocr-debug-panel h4 {
      margin: 0;
      color: #4d2d08;
      font-size: 14px;
    }

    .ocr-debug-list {
      display: grid;
      gap: 5px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .ocr-debug-list li {
      display: grid;
      grid-template-columns: minmax(118px, .45fr) minmax(0, 1fr);
      gap: 8px;
    }

    .detail-section {
      display: grid;
    }

    .lead-form.scan-mode:not(.details-open) .detail-section {
      display: none;
    }

    .lead-form.manual-mode .registration-assist {
      display: none;
    }

    .drop-zone {
      display: grid;
      gap: 13px;
      align-items: center;
      justify-items: center;
      min-height: 156px;
      border: 1px dashed #9eb2bd;
      border-radius: var(--radius);
      background: #f7faf9;
      padding: 18px;
      text-align: center;
      color: var(--muted);
    }

    .drop-zone.dragging {
      border-color: var(--accent);
      background: #edf7f2;
    }

    .file-button {
      display: inline-flex;
      max-width: 100%;
      align-items: center;
      justify-content: center;
      gap: 8px;
      min-height: 40px;
      border: 1px solid var(--accent);
      border-radius: 7px;
      background: var(--accent);
      color: #fff;
      padding: 0 14px;
      font-weight: 850;
      line-height: 1.18;
      text-align: center;
    }

    .image-preview-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(118px, 1fr));
      gap: 10px;
    }

    .image-preview {
      position: relative;
      min-height: 104px;
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--surface-2);
    }

    .image-preview img {
      width: 100%;
      height: 116px;
      object-fit: cover;
    }

    .image-preview button {
      position: absolute;
      top: 6px;
      right: 6px;
      width: 30px;
      height: 30px;
      display: grid;
      place-items: center;
      border: 1px solid rgba(255, 255, 255, .55);
      border-radius: 999px;
      background: rgba(23, 32, 42, .8);
      color: #fff;
      padding: 0;
    }

    .form-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      align-items: center;
      justify-content: space-between;
      padding-top: 4px;
    }

    .fineprint {
      max-width: 560px;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.4;
    }

    .seller-submit-actions {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 14px 20px;
      align-items: center;
      margin-top: 8px;
      padding-top: 18px;
      border-top: 1px solid var(--line);
    }

    .seller-submit-hint {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: 10px;
      align-items: start;
      min-width: 0;
    }

    .seller-submit-hint .icon {
      width: 19px;
      height: 19px;
      margin-top: 1px;
      color: var(--accent);
    }

    .seller-submit-actions .fineprint {
      max-width: 640px;
      margin: 0;
      font-size: 14px;
      line-height: 1.5;
    }

    .seller-submit-actions #submitLead {
      min-width: 210px;
      min-height: 50px;
      justify-self: end;
    }

    .btn {
      display: inline-flex;
      min-height: 44px;
      align-items: center;
      justify-content: center;
      gap: 8px;
      border: 1px solid var(--line);
      border-radius: 7px;
      background: var(--surface);
      color: var(--ink);
      padding: 0 16px;
      font-weight: 820;
      text-decoration: none;
      white-space: nowrap;
    }

    .btn.primary {
      border-color: var(--accent);
      background: var(--accent);
      color: #fff;
    }

    .btn.blue {
      border-color: var(--blue);
      background: var(--blue);
      color: #fff;
    }

    .btn.ghost {
      background: transparent;
    }

    .btn.danger {
      border-color: rgba(180, 35, 42, .28);
      color: var(--red);
    }

    .btn:disabled {
      cursor: not-allowed;
      opacity: .62;
    }

    .btn[aria-busy="true"] .lucide-loader-circle {
      animation: ocrSpin .8s linear infinite;
    }

    .message {
      display: none;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      padding: 13px 14px;
      line-height: 1.42;
    }

    .message.show {
      display: block;
    }

    .message.ok {
      border-color: rgba(18, 102, 79, .26);
      background: #edf8f3;
      color: #16493c;
    }

    .message.info {
      border-color: rgba(40, 104, 170, .24);
      background: #eef6ff;
      color: #174f82;
    }

    .message.warn {
      border-color: rgba(185, 107, 18, .28);
      background: #fff7eb;
      color: #6d420e;
    }

    .message.bad {
      border-color: rgba(180, 35, 42, .28);
      background: #fff1f1;
      color: #7a1b20;
    }

    .message-action {
      margin-top: 12px;
      width: 100%;
      justify-content: center;
    }

    .seller-access-panel,
    .seller-offers-panel {
      display: grid;
      gap: 16px;
      align-content: start;
    }

    .seller-access-panel[hidden],
    .seller-offers-panel[hidden] {
      display: none;
    }

    .access-hero {
      display: grid;
      gap: 10px;
      min-width: 0;
    }

    .seller-request-created-status,
    .seller-access-state-card {
      min-width: 0;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      padding: 15px 16px;
    }

    .seller-request-created-status {
      display: grid;
      grid-template-columns: 24px minmax(0, 1fr);
      gap: 10px;
      align-items: start;
      border-color: rgba(18, 102, 79, .28);
      background: var(--success-bg);
      color: var(--success-text);
    }

    .seller-request-created-status[hidden] {
      display: none !important;
    }

    .seller-request-created-status > .icon {
      width: 21px;
      height: 21px;
      margin-top: 1px;
      color: currentColor;
    }

    .seller-request-created-copy {
      display: grid;
      min-width: 0;
      gap: 3px;
    }

    .seller-request-created-copy strong {
      font-size: 15px;
      line-height: 1.25;
    }

    .seller-request-created-copy p {
      color: currentColor;
      font-size: 14px;
      line-height: 1.4;
    }

    .seller-access-state-card {
      display: grid;
      grid-template-columns: 34px minmax(0, 1fr);
      gap: 11px;
      align-items: start;
      background: var(--surface);
      color: var(--ink);
    }

    .seller-access-state-icon {
      display: grid;
      width: 34px;
      height: 34px;
      place-items: center;
      border-radius: 999px;
      background: var(--surface-tint);
      color: var(--muted);
    }

    .seller-access-state-icon .icon {
      width: 19px;
      height: 19px;
    }

    .seller-access-state-copy {
      display: grid;
      min-width: 0;
      gap: 5px;
    }

    .seller-access-state-card[data-state="action"],
    .seller-access-state-card[data-state="verification_pending"] {
      border-color: rgba(185, 107, 18, .34);
      background: var(--warning-bg);
      color: var(--warning-text);
    }

    .seller-access-state-card[data-state="action"] .seller-access-state-icon,
    .seller-access-state-card[data-state="verification_pending"] .seller-access-state-icon {
      background: rgba(185, 107, 18, .12);
      color: currentColor;
    }

    .seller-access-state-card[data-state="linking"] {
      border-color: rgba(40, 104, 170, .28);
      background: var(--info-bg);
      color: var(--info-text);
    }

    .seller-access-state-card[data-state="linking"] .seller-access-state-icon {
      background: rgba(40, 104, 170, .11);
      color: currentColor;
    }

    .seller-access-state-card[data-state="linking"] .seller-access-state-icon .icon {
      animation: seller-global-status-spin .9s linear infinite;
    }

    .seller-access-state-card[data-state="secured"] {
      border-color: rgba(18, 102, 79, .28);
      background: var(--success-bg);
      color: var(--success-text);
    }

    .seller-access-state-card[data-state="secured"] .seller-access-state-icon {
      background: rgba(18, 102, 79, .11);
      color: currentColor;
    }

    .seller-access-state-card[data-state="error"] {
      border-color: rgba(180, 35, 42, .3);
      background: var(--danger-bg);
      color: var(--danger-text);
    }

    .seller-access-state-card[data-state="error"] .seller-access-state-icon {
      background: rgba(180, 35, 42, .11);
      color: currentColor;
    }

    .seller-access-state-card .seller-request-title,
    .seller-access-state-card .seller-request-title .icon,
    .seller-access-state-card h2,
    .seller-access-state-card p {
      color: currentColor;
    }

    .seller-access-state-card h2,
    .seller-offers-panel h2 {
      font-size: 24px;
      line-height: 1.18;
    }

    .seller-offers-panel p {
      color: var(--muted);
      line-height: 1.45;
    }

    .seller-access-panel[data-context="login"] .seller-access-state-card {
      padding: 14px;
    }

    .seller-login-trust {
      width: min(100%, 1240px);
      margin: 34px auto 0;
      display: grid;
      gap: 42px;
    }

    .seller-login-trust[hidden] {
      display: none !important;
    }

    .seller-login-intro {
      max-width: 760px;
      display: grid;
      gap: 10px;
    }

    .seller-login-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      color: var(--accent-strong);
      font-size: 13px;
      font-weight: 850;
      text-transform: uppercase;
    }

    .seller-login-eyebrow .icon {
      width: 17px;
      height: 17px;
    }

    .seller-login-intro h2 {
      max-width: 720px;
      font-size: 38px;
      line-height: 1.08;
    }

    .seller-login-intro p {
      max-width: 680px;
      color: var(--muted);
      font-size: 18px;
      line-height: 1.55;
    }

    .seller-login-steps {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      border-top: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
    }

    .seller-login-step {
      min-width: 0;
      display: grid;
      grid-template-columns: 42px minmax(0, 1fr);
      gap: 14px;
      align-content: start;
      padding: 24px 26px;
    }

    .seller-login-step + .seller-login-step {
      border-left: 1px solid var(--line);
    }

    .seller-login-step-number {
      display: grid;
      width: 42px;
      height: 42px;
      place-items: center;
      border-radius: 50%;
      background: var(--accent-soft);
      color: var(--accent-strong);
      font-weight: 900;
    }

    .seller-login-step-copy {
      display: grid;
      gap: 6px;
    }

    .seller-login-step-copy strong {
      font-size: 18px;
      line-height: 1.25;
    }

    .seller-login-step-copy span {
      color: var(--muted);
      line-height: 1.5;
    }

    .seller-login-benefits {
      display: grid;
      gap: 20px;
      padding: 30px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #f5f8f7;
    }

    .seller-login-section-heading {
      display: grid;
      gap: 7px;
    }

    .seller-login-section-heading h2 {
      font-size: 27px;
      line-height: 1.15;
    }

    .seller-login-section-heading p {
      color: var(--muted);
      line-height: 1.5;
    }

    .seller-login-benefit-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 1px;
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--line);
    }

    .seller-login-benefit {
      min-width: 0;
      display: grid;
      align-content: start;
      gap: 10px;
      padding: 22px;
      background: #fff;
    }

    .seller-login-benefit .icon {
      width: 24px;
      height: 24px;
      color: var(--accent);
    }

    .seller-login-benefit strong {
      font-size: 17px;
      line-height: 1.25;
    }

    .seller-login-benefit p {
      color: var(--muted);
      font-size: 14px;
      line-height: 1.5;
    }

    .seller-login-faq {
      display: grid;
      grid-template-columns: minmax(240px, .7fr) minmax(0, 1.3fr);
      gap: 44px;
      align-items: start;
    }

    .seller-login-faq-list {
      border-top: 1px solid var(--line);
    }

    .seller-login-faq-item {
      border-bottom: 1px solid var(--line);
    }

    .seller-login-faq-item summary {
      min-height: 58px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      padding: 15px 4px;
      color: var(--ink);
      font-weight: 820;
      line-height: 1.35;
      cursor: pointer;
      list-style: none;
    }

    .seller-login-faq-item summary::-webkit-details-marker {
      display: none;
    }

    .seller-login-faq-item summary::after {
      content: '+';
      flex: 0 0 auto;
      color: var(--accent-strong);
      font-size: 24px;
      font-weight: 600;
    }

    .seller-login-faq-item[open] summary::after {
      content: '−';
    }

    .seller-login-faq-item p {
      max-width: 760px;
      padding: 0 42px 18px 4px;
      color: var(--muted);
      line-height: 1.58;
    }

    .seller-login-cta {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 28px;
      padding: 28px 30px;
      border-radius: 8px;
      background: #0e5d49;
      color: #fff;
    }

    .seller-login-cta-copy {
      display: grid;
      gap: 6px;
    }

    .seller-login-cta h2 {
      color: #fff;
      font-size: 25px;
      line-height: 1.16;
    }

    .seller-login-cta p {
      color: rgba(255, 255, 255, .82);
      line-height: 1.45;
    }

    .seller-login-cta .btn {
      flex: 0 0 auto;
      border-color: #fff;
      background: #fff;
      color: #0e5d49;
    }

    .access-options {
      display: grid;
      gap: 12px;
    }

    .access-option {
      display: grid;
      gap: 10px;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      padding: 14px;
      background: #fbfcfd;
    }

    .access-option[hidden] {
      display: none !important;
    }

    .seller-access-actions {
      display: grid;
      gap: 8px;
    }

    .seller-access-actions .support-link {
      justify-self: start;
    }

    .seller-guest-access-details {
      display: grid;
      min-width: 0;
      gap: 10px;
      padding-top: 5px;
    }

    .seller-guest-access-details[hidden] {
      display: none !important;
    }

    .seller-guest-access-message {
      margin: 0;
      border-radius: 10px;
      padding: 9px 10px;
      background: rgba(18, 102, 79, .08);
      color: currentColor;
      font-size: 14px;
      line-height: 1.4;
      overflow-wrap: anywhere;
    }

    .seller-guest-access-message[data-state="pending"] {
      background: rgba(40, 104, 170, .1);
    }

    .seller-guest-access-message[data-state="error"] {
      background: rgba(180, 35, 42, .1);
    }

    .seller-guest-access-details .seller-access-actions {
      gap: 7px;
    }

    .seller-guest-access-details .btn {
      width: 100%;
      min-width: 0;
      min-height: 46px;
    }

    .seller-guest-access-details .seller-guest-resend {
      background: transparent;
    }

    .pending-email-binding {
      display: flex;
      min-width: 0;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      margin-top: 2px;
    }

    .pending-email-binding[hidden] {
      display: none !important;
    }

    .pending-email-binding .mini-note {
      min-width: 0;
      margin: 0;
    }

    .pending-email-binding .support-link {
      flex: 0 0 auto;
    }

    #sellerAccessEmail[readonly] {
      border-color: rgba(18, 102, 79, .28);
      background: #f1f6f4;
      color: var(--ink);
      cursor: default;
    }

    .pending-email-correction-access {
      order: 0;
      border-color: rgba(181, 126, 16, .34);
      background: var(--warning-bg, #fff8e6);
    }

    .pending-email-correction-actions {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: 8px;
    }

    .password-input-wrap {
      position: relative;
      min-width: 0;
    }

    .password-input-wrap input {
      padding-right: 52px;
    }

    .password-visibility-toggle {
      position: absolute;
      top: 4px;
      right: 4px;
      display: grid;
      width: 44px;
      min-width: 44px;
      height: 44px;
      min-height: 44px;
      place-items: center;
      border: 0;
      border-radius: 8px;
      background: transparent;
      color: var(--muted);
      cursor: pointer;
    }

    .password-visibility-toggle:hover,
    .password-visibility-toggle:focus-visible {
      background: #edf4f1;
      color: var(--accent-strong);
      outline: none;
    }

    .password-visibility-toggle .icon {
      width: 19px;
      height: 19px;
    }

    .access-option.password-reset-access {
      order: 1;
      border-color: rgba(18, 102, 79, .22);
      background: #f8fbfa;
    }

    .password-reset-actions {
      display: grid;
      gap: 8px;
    }

    .access-option.recommended {
      border-color: rgba(18, 102, 79, .28);
      background: #f5fbf8;
      box-shadow: 0 12px 30px rgba(9, 44, 36, .07);
    }

    .access-option.email-access {
      order: 1;
    }

    .access-option.phone-access {
      order: 2;
    }

    .access-option.phone-access .access-badge {
      display: none;
    }

    .access-option-heading {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
    }

    .access-badge {
      border: 1px solid rgba(18, 102, 79, .22);
      border-radius: 999px;
      padding: 5px 9px;
      background: #e8f6f0;
      color: var(--accent-dark);
      font-size: 12px;
      font-weight: 850;
      white-space: nowrap;
    }

    .access-option-title,
    .seller-request-title {
      display: flex;
      gap: 8px;
      align-items: center;
      font-weight: 850;
      color: var(--ink);
    }

    .access-option-title .icon,
    .seller-request-title .icon {
      width: 18px;
      height: 18px;
      color: var(--accent);
    }

    .phone-input-row {
      display: grid;
      grid-template-columns: minmax(88px, 104px) minmax(180px, 1fr) minmax(190px, auto);
      gap: 10px;
      align-items: end;
    }

    .phone-input-row.phone-input-row-fields-only {
      grid-template-columns: minmax(88px, 104px) minmax(0, 1fr);
    }

    .phone-input-row > * {
      min-width: 0;
      max-width: 100%;
    }

    .phone-submit-field {
      min-height: 52px;
      min-width: 0;
      max-width: 100%;
      white-space: normal;
      overflow-wrap: anywhere;
      padding-inline: 18px;
    }

    .phone-row-note {
      margin-top: -2px;
    }

    .phone-input-row .phone-country-trigger,
    .phone-input-row input,
    .sms-code-panel input {
      min-height: 52px;
      font-size: 16px;
    }

    .sms-code-panel {
      display: grid;
      gap: 10px;
      border-top: 1px solid rgba(18, 102, 79, .16);
      padding-top: 12px;
    }

    .sms-code-panel[hidden] {
      display: none;
    }

    .sms-actions {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: 8px;
    }

    .sms-actions .btn,
    .seller-sms-conflict-actions .btn {
      width: 100%;
      min-width: 0;
      max-width: 100%;
      white-space: normal;
      overflow-wrap: anywhere;
    }

    .seller-sms-status-slot {
      display: grid;
      min-width: 0;
      min-height: 68px;
      align-items: stretch;
    }

    .seller-sms-status {
      display: flex;
      gap: 9px;
      align-items: flex-start;
      border: 1px solid rgba(18, 102, 79, .18);
      border-radius: 12px;
      padding: 10px 12px;
      background: #f3faf7;
      color: #16493c;
      font-size: .92rem;
      line-height: 1.4;
    }

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

    .seller-sms-status[data-state="preparing"] .seller-sms-status-indicator,
    .seller-sms-status[data-state="requesting"] .seller-sms-status-indicator,
    .seller-sms-status[data-state="sending"] .seller-sms-status-indicator,
    .seller-sms-status[data-state="verifying"] .seller-sms-status-indicator,
    .seller-sms-status[data-state="verified_saving"] .seller-sms-status-indicator {
      animation: ocrSpin .8s linear infinite;
      border-top-color: transparent;
    }

    .seller-sms-status[data-state="invalid_code"],
    .seller-sms-status[data-state="expired_code"],
    .seller-sms-status[data-state="account_conflict"],
    .seller-sms-status[data-state="rate_limited"],
    .seller-sms-status[data-state="recaptcha_failed"],
    .seller-sms-status[data-state="network_error"],
    .seller-sms-status[data-state="session_changed"],
    .seller-sms-status[data-state="unknown_error"],
    .seller-sms-status[data-state="error"] {
      border-color: rgba(185, 107, 18, .24);
      background: #fff8ed;
      color: #77511b;
    }

    .seller-sms-status[data-state="completed"] {
      border-color: rgba(18, 102, 79, .24);
      background: var(--success-bg);
      color: var(--success-text);
    }

    .seller-sms-status-indicator {
      flex: 0 0 auto;
      width: 16px;
      height: 16px;
      display: grid;
      place-items: center;
      margin-top: 2px;
      border: 2px solid currentColor;
      border-radius: 50%;
      font-size: 10px;
      font-weight: 900;
      line-height: 1;
    }

    .seller-sms-status-indicator::after {
      content: "i";
    }

    .seller-sms-status[data-state="preparing"] .seller-sms-status-indicator::after,
    .seller-sms-status[data-state="sending"] .seller-sms-status-indicator::after,
    .seller-sms-status[data-state="verifying"] .seller-sms-status-indicator::after,
    .seller-sms-status[data-state="verified_saving"] .seller-sms-status-indicator::after {
      content: "";
    }

    .seller-sms-status[data-state="code_sent"] .seller-sms-status-indicator::after,
    .seller-sms-status[data-state="completed"] .seller-sms-status-indicator::after {
      content: "✓";
    }

    .seller-sms-status[data-state="invalid_code"] .seller-sms-status-indicator::after,
    .seller-sms-status[data-state="expired_code"] .seller-sms-status-indicator::after,
    .seller-sms-status[data-state="account_conflict"] .seller-sms-status-indicator::after,
    .seller-sms-status[data-state="rate_limited"] .seller-sms-status-indicator::after,
    .seller-sms-status[data-state="recaptcha_failed"] .seller-sms-status-indicator::after,
    .seller-sms-status[data-state="network_error"] .seller-sms-status-indicator::after,
    .seller-sms-status[data-state="session_changed"] .seller-sms-status-indicator::after,
    .seller-sms-status[data-state="unknown_error"] .seller-sms-status-indicator::after {
      content: "!";
    }

    .seller-sms-status-copy {
      display: grid;
      min-width: 0;
      gap: 2px;
    }

    .seller-sms-status-copy strong,
    .seller-sms-status-copy span {
      min-width: 0;
      overflow-wrap: anywhere;
    }

    .seller-sms-conflict-actions {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: 8px;
    }

    .seller-sms-conflict-actions[hidden] {
      display: none;
    }

    .seller-sms-conflict-copy {
      grid-column: 1 / -1;
      margin: 0;
      overflow-wrap: anywhere;
    }

    #sellerPhoneAccessPanel:has(#sellerSmsCodePanel:not([hidden])) #secureAccessPhone {
      display: none;
    }

    .sms-code-copy {
      display: grid;
      gap: 3px;
    }

    .sms-code-copy strong {
      font-size: 1rem;
    }

    .sms-code-copy p {
      margin: 0;
      color: var(--muted);
      font-size: .92rem;
      line-height: 1.4;
    }

    .recaptcha-slot {
      min-height: 0;
      overflow: hidden;
    }

    .seller-offers-head {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      align-items: start;
      justify-content: space-between;
    }

    .seller-profile-card {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto;
      gap: 14px;
      align-items: center;
      border: 1px solid rgba(18, 102, 79, .16);
      border-radius: var(--radius);
      padding: 14px;
      background: #f7fbf9;
    }

    .seller-profile-avatar {
      display: grid;
      width: 56px;
      height: 56px;
      place-items: center;
      overflow: hidden;
      border-radius: 999px;
      background: var(--accent);
      color: #fff;
      font-size: 19px;
      font-weight: 900;
      letter-spacing: 0;
    }

    button.seller-profile-avatar {
      position: relative;
      border: 0;
      padding: 0;
      cursor: pointer;
    }

    button.seller-profile-avatar::after {
      position: absolute;
      right: -1px;
      bottom: -1px;
      display: grid;
      width: 21px;
      height: 21px;
      place-items: center;
      border: 2px solid #f7fbf9;
      border-radius: 999px;
      background: #fff;
      color: var(--accent-strong);
      content: "+";
      font-size: 14px;
      font-weight: 900;
      line-height: 1;
    }

    button.seller-profile-avatar:focus-visible {
      outline: 3px solid rgba(29, 111, 242, .25);
      outline-offset: 3px;
    }

    button.seller-profile-avatar[disabled] {
      cursor: wait;
      opacity: .7;
    }

    .seller-profile-avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .seller-profile-main {
      display: grid;
      min-width: 0;
      gap: 5px;
    }

    .seller-profile-main h3 {
      font-size: 18px;
      line-height: 1.15;
    }

    .seller-profile-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.35;
    }

    .mini-pill {
      display: inline-flex;
      align-items: center;
      min-height: 26px;
      border: 1px solid rgba(18, 102, 79, .16);
      border-radius: 999px;
      padding: 4px 9px;
      background: rgba(18, 102, 79, .07);
      color: var(--accent-dark);
      font-size: 12px;
      font-weight: 800;
      line-height: 1;
    }

    .seller-profile-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      justify-content: flex-end;
    }

    .seller-profile-signout {
      display: flex;
      grid-column: 1 / -1;
      justify-content: flex-end;
      margin-top: 6px;
      padding-top: 14px;
      border-top: 1px solid rgba(18, 34, 48, .09);
    }

    .seller-profile-signout .btn {
      min-height: 48px;
    }

    .seller-profile-privacy,
    .seller-account-security {
      display: grid;
      gap: 12px;
      border: 1px solid var(--line);
      border-radius: var(--ios-group-radius);
      padding: 16px;
      background: var(--surface);
    }

    .seller-profile-privacy {
      border-color: rgba(18, 102, 79, .22);
      background: var(--accent-soft);
    }

    .seller-profile-privacy > summary {
      display: flex;
      min-height: 48px;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      color: var(--text);
      cursor: pointer;
      font-size: 16px;
      font-weight: 800;
      list-style: none;
    }

    .seller-profile-privacy > summary::-webkit-details-marker {
      display: none;
    }

    .seller-profile-privacy > summary .icon {
      width: 20px;
      height: 20px;
      flex: 0 0 auto;
      color: var(--accent-strong);
      transition: transform .18s ease;
    }

    .seller-profile-privacy[open] > summary .icon {
      transform: rotate(180deg);
    }

    .seller-profile-privacy-body {
      display: grid;
      gap: 12px;
      padding-top: 12px;
      border-top: 1px solid rgba(18, 102, 79, .16);
    }

    .seller-profile-privacy-aside {
      gap: 10px;
      padding: 14px;
    }

    .seller-profile-privacy-mobile {
      display: none;
    }

    .seller-profile-privacy h3,
    .seller-profile-privacy p,
    .seller-account-security h3,
    .seller-account-security p {
      margin: 0;
    }

    .seller-profile-privacy p,
    .seller-account-security p {
      color: var(--muted);
      font-size: 14px;
      line-height: 1.5;
    }

    .seller-account-action-list {
      display: grid;
      overflow: hidden;
      border: 1px solid var(--ios-separator);
      border-radius: var(--ios-group-radius);
      background: var(--surface);
    }

    .seller-account-method-summary {
      display: grid;
      grid-template-columns: 22px minmax(0, 1fr);
      gap: 12px;
      align-items: center;
      min-width: 0;
      border-bottom: 1px solid var(--ios-separator);
      padding: 12px 14px;
      background: var(--surface-soft);
      color: var(--ink);
    }

    .seller-account-method-summary .icon {
      width: 18px;
      height: 18px;
      color: var(--accent);
    }

    .seller-account-method-summary span {
      display: grid;
      min-width: 0;
      gap: 2px;
    }

    .seller-account-method-summary small {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.4;
    }

    .seller-account-action {
      display: grid;
      grid-template-columns: 22px minmax(0, 1fr) 18px;
      gap: 12px;
      align-items: center;
      min-height: 52px;
      border: 0;
      border-bottom: 1px solid var(--ios-separator);
      padding: 10px 14px;
      background: transparent;
      color: var(--ink);
      text-align: left;
      cursor: pointer;
    }

    .seller-account-action:last-child {
      border-bottom: 0;
    }

    .seller-account-action:hover,
    .seller-account-action:focus-visible {
      background: var(--surface-soft);
      outline: 0;
    }

    .seller-account-action .icon {
      width: 18px;
      height: 18px;
      color: var(--accent);
    }

    .seller-account-action span {
      display: grid;
      gap: 2px;
    }

    .seller-account-action small {
      color: var(--muted);
      font-size: 12px;
    }

    .seller-account-session-actions {
      display: flex;
      justify-content: flex-end;
      padding-top: 4px;
    }

    .seller-account-danger-zone {
      display: flex;
      justify-content: flex-end;
      margin-top: 14px;
      border-top: 1px solid rgba(154, 52, 52, .18);
      padding-top: 14px;
    }

    .seller-account-danger-zone .btn {
      width: auto;
      min-height: 48px;
      padding-inline: 16px;
      justify-content: center;
      border-color: rgba(154, 52, 52, .28);
      color: #8d2f2f;
      background: var(--surface);
      font-weight: 800;
    }

    .seller-account-danger-zone .btn .icon {
      width: 18px;
      height: 18px;
    }

    html[data-theme="dark"] .seller-account-danger-zone {
      border-color: rgba(255, 143, 143, .28);
    }

    html[data-theme="dark"] .seller-account-danger-zone .btn {
      color: #ffb4b4;
    }

    dialog.seller-account-action-dialog .seller-offer-decline-shell {
      max-height: min(720px, calc(100vh - 40px));
      max-height: min(
        720px,
        calc(
          100dvh
          - max(20px, env(safe-area-inset-top, 0px))
          - max(20px, env(safe-area-inset-bottom, 0px))
        )
      );
      overflow-y: auto;
      overflow-x: hidden;
      overscroll-behavior: contain;
      -webkit-overflow-scrolling: touch;
    }

    dialog.seller-account-action-dialog .phone-input-row {
      grid-template-columns: minmax(88px, 104px) minmax(0, 1fr);
      width: 100%;
    }

    dialog.seller-account-action-dialog .phone-input-row > * {
      min-width: 0;
      width: 100%;
    }

    .seller-account-dialog-fields {
      display: grid;
      gap: 12px;
    }

    .seller-account-dialog-fields .field {
      display: grid;
      gap: 7px;
    }

    .seller-location-reauthentication {
      display: grid;
      min-width: 0;
      gap: 12px;
    }

    .seller-location-security-note {
      display: grid;
      grid-template-columns: 22px minmax(0, 1fr);
      gap: 9px;
      align-items: start;
      margin: 0;
      color: var(--muted);
      font-size: 14px;
      line-height: 1.45;
    }

    .seller-location-security-note .icon {
      width: 19px;
      height: 19px;
      margin-top: 1px;
      color: var(--accent-strong);
    }

    .seller-location-reauthentication .password-input-wrap {
      width: 100%;
      max-width: 100%;
    }

    .seller-account-dialog-message {
      margin: 0;
      color: #8d2f2f;
      font-size: 14px;
      line-height: 1.4;
    }

    .seller-account-contact-note {
      display: grid;
      gap: 6px;
      border: 1px solid rgba(18, 102, 79, .18);
      border-radius: var(--ios-group-radius);
      padding: 12px;
      background: var(--accent-soft);
      color: var(--ink);
      font-size: 14px;
      line-height: 1.45;
    }

    .seller-account-confirmation {
      display: grid;
      grid-template-columns: 24px minmax(0, 1fr);
      gap: 10px;
      align-items: start;
      min-height: 48px;
      font-weight: 600;
    }

    .seller-account-confirmation input {
      width: 20px;
      height: 20px;
      margin-top: 2px;
      accent-color: var(--accent);
    }

    .seller-notification-settings {
      display: grid;
      gap: 0;
      overflow: visible;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }

    .seller-notification-settings header {
      display: grid;
      gap: 5px;
      padding: 0 0 14px;
    }

    .seller-notification-settings h3,
    .seller-notification-settings p {
      margin: 0;
    }

    .seller-notification-toggle {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 16px;
      align-items: center;
      min-height: 76px;
      border-top: 1px solid var(--ios-separator);
      border-bottom: 1px solid var(--ios-separator);
      padding: 12px 0;
      background: transparent;
      box-shadow: none;
      color: var(--ink);
      cursor: pointer;
    }

    .seller-notification-toggle:has(.seller-switch-input:checked) {
      background: transparent;
      box-shadow: none;
    }

    .seller-notification-master-badge {
      display: inline-flex;
      width: fit-content;
      align-items: center;
      gap: 6px;
      color: var(--muted);
      background: transparent;
      font-size: 11px;
      font-weight: 760;
      letter-spacing: 0;
    }

    .seller-notification-master-badge .icon {
      width: 14px;
      height: 14px;
    }

    .seller-notification-toggle .seller-notification-option-copy strong {
      font-size: 16px;
      font-weight: 800;
    }

    .seller-notification-toggle:has(.seller-switch-input:focus-visible),
    .seller-notification-option:has(.seller-switch-input:focus-visible) {
      outline: 0;
      box-shadow: var(--focus);
    }

    .seller-notification-channels {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 0;
      background: transparent;
    }

    .seller-notification-option {
      position: relative;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 16px;
      align-items: center;
      min-height: 64px;
      border: 0;
      padding: 10px 0;
      background: transparent;
      cursor: pointer;
    }

    .seller-notification-option + .seller-notification-option {
      border-top: 1px solid var(--ios-separator);
    }

    .seller-notification-option[data-unavailable="true"] {
      color: var(--muted);
      cursor: not-allowed;
    }

    .seller-notification-option[data-unavailable="true"] .seller-notification-option-copy {
      opacity: .72;
    }

    .seller-notification-option[data-actionable="true"] {
      cursor: default;
    }

    .seller-notification-verify {
      min-height: 44px;
      border: 1px solid color-mix(in srgb, var(--accent) 42%, var(--line));
      border-radius: 8px;
      padding: 8px 12px;
      background: var(--surface);
      color: var(--accent-strong);
      font: inherit;
      font-size: 13px;
      font-weight: 760;
      line-height: 1.2;
      cursor: pointer;
    }

    .seller-notification-verify:hover {
      background: var(--surface-soft);
    }

    .seller-notification-verify:focus-visible {
      outline: 0;
      box-shadow: var(--focus);
    }

    .seller-notification-email-action {
      width: 100%;
      max-width: 100%;
      min-width: 0;
      border: 0;
      padding: 10px 0;
      background: transparent;
      color: var(--ink);
      font: inherit;
      text-align: left;
      cursor: pointer;
    }

    .seller-notification-email-action:hover .seller-notification-option-copy strong {
      color: var(--accent-strong);
    }

    .seller-notification-email-action:focus-visible {
      outline: 0;
      box-shadow: var(--focus);
    }

    .seller-notification-email-controls {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: var(--warning-text);
    }

    .seller-notification-email-controls > .icon {
      width: 18px;
      height: 18px;
    }

    .seller-notification-intent-status {
      display: grid;
      grid-template-columns: 22px minmax(0, 1fr);
      gap: 9px 10px;
      align-items: start;
      margin: 10px 0 4px;
      border: 1px solid var(--warning-border);
      border-radius: 12px;
      padding: 13px;
      background: var(--warning-bg);
      color: var(--warning-text);
    }

    .seller-notification-intent-status[data-state="loading"] {
      border-color: var(--info-border);
      background: var(--info-bg);
      color: var(--info-text);
    }

    .seller-notification-intent-status[data-state="success"] {
      border-color: var(--success-border);
      background: var(--success-bg);
      color: var(--success-text);
    }

    .seller-notification-intent-status[data-state="error"] {
      border-color: var(--danger-border);
      background: var(--danger-bg);
      color: var(--danger-text);
    }

    .seller-notification-intent-status > .icon {
      width: 21px;
      height: 21px;
      margin-top: 1px;
    }

    .seller-notification-intent-status[data-state="loading"] > .icon {
      animation: seller-global-status-spin .9s linear infinite;
    }

    .seller-notification-intent-copy {
      display: grid;
      min-width: 0;
      gap: 4px;
    }

    .seller-notification-intent-copy strong,
    .seller-notification-intent-copy span {
      color: inherit;
    }

    .seller-notification-intent-copy strong {
      font-size: 14px;
      line-height: 1.3;
    }

    .seller-notification-intent-copy span {
      font-size: 13px;
      line-height: 1.45;
    }

    .seller-notification-intent-actions {
      display: flex;
      grid-column: 2;
      flex-wrap: wrap;
      gap: 8px;
      min-width: 0;
    }

    .seller-notification-intent-actions .btn {
      min-height: 44px;
      white-space: normal;
    }

    @media (max-width: 430px) {
      .seller-notification-intent-actions {
        grid-column: 1 / -1;
      }

      .seller-notification-intent-actions .btn {
        width: 100%;
      }
    }

    .seller-notification-option-copy {
      display: grid;
      min-width: 0;
      gap: 3px;
      line-height: 1.25;
    }

    .seller-notification-option-copy strong {
      color: var(--ink);
      font-size: 15px;
      font-weight: 760;
    }

    .seller-notification-option-copy small {
      color: var(--muted);
      font-size: 13px;
      font-weight: 500;
      line-height: 1.35;
    }

    .seller-notification-frequency {
      display: grid;
      gap: 0;
      margin-top: 22px;
      border-top: 1px solid var(--ios-separator);
      padding-top: 18px;
      background: transparent;
    }

    .seller-notification-frequency-heading {
      display: grid;
      gap: 3px;
      padding: 0 0 8px;
    }

    .seller-notification-frequency-heading strong {
      color: var(--ink);
      font-size: 15px;
    }

    .seller-notification-frequency-heading small {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.4;
    }

    .seller-notification-frequency-options {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 0;
      padding: 0;
    }

    .seller-notification-frequency-option {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: 12px;
      align-items: center;
      min-height: 64px;
      border: 0;
      border-radius: 0;
      padding: 11px 10px;
      background: transparent;
      cursor: pointer;
    }

    .seller-notification-frequency-option + .seller-notification-frequency-option {
      border-top: 1px solid var(--ios-separator);
    }

    .seller-notification-frequency-option:has(input:checked) {
      background: color-mix(in srgb, var(--accent) 7%, transparent);
    }

    .seller-notification-frequency-option:has(input:focus-visible) {
      outline: 0;
      box-shadow: var(--focus);
    }

    .seller-notification-frequency-option input {
      width: 20px;
      height: 20px;
      margin: 1px 0 0;
      accent-color: var(--accent);
    }

    .seller-notification-frequency-option span {
      display: grid;
      gap: 3px;
    }

    .seller-notification-frequency-option strong {
      color: var(--ink);
      font-size: 14px;
    }

    .seller-notification-frequency-option small {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.4;
    }

    .seller-notification-support,
    .seller-notification-help {
      margin: 0;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.45;
    }

    .seller-notification-support {
      padding-top: 10px;
    }

    .seller-notification-help {
      display: grid;
      grid-template-columns: 18px minmax(0, 1fr);
      gap: 8px;
      align-items: start;
      padding-top: 12px;
    }

    .seller-notification-help .icon {
      width: 17px;
      height: 17px;
      margin-top: 1px;
      color: var(--muted);
    }

    .seller-switch-input {
      position: absolute;
      width: 1px !important;
      height: 1px !important;
      min-height: 1px !important;
      margin: 0;
      overflow: hidden;
      clip: rect(0 0 0 0);
      clip-path: inset(50%);
      opacity: 0;
      pointer-events: none;
    }

    .seller-switch-control {
      position: relative;
      display: inline-block;
      width: 51px;
      height: 31px;
      flex: 0 0 auto;
      border: 0;
      border-radius: 999px;
      background: var(--ios-switch-off);
      box-shadow: inset 0 0 0 1px rgba(23, 32, 42, .06);
      transition: background-color .18s ease;
    }

    .seller-switch-control::after {
      content: "";
      position: absolute;
      top: 2px;
      left: 2px;
      width: 27px;
      height: 27px;
      border-radius: 50%;
      background: #fff;
      box-shadow: 0 2px 5px rgba(23, 32, 42, .24);
      transition: transform .18s cubic-bezier(.2, .78, .28, 1);
    }

    .seller-switch-input:checked + .seller-switch-control {
      background: var(--accent);
    }

    .seller-switch-input:checked + .seller-switch-control::after {
      transform: translateX(20px);
    }

    .seller-switch-input:disabled + .seller-switch-control {
      opacity: .46;
      filter: saturate(.55);
    }

    .seller-profile-edit {
      display: grid;
      grid-column: 1 / -1;
      gap: 12px;
    }

    .seller-profile-edit .field-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .seller-vehicles-section {
      display: grid;
      gap: 12px;
    }

    .seller-section-title {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      align-items: end;
      justify-content: space-between;
    }

    .seller-section-title h3 {
      font-size: 20px;
      line-height: 1.14;
    }

    .seller-request-list {
      display: grid;
      gap: 12px;
      align-content: start;
      grid-auto-rows: max-content;
    }

    .seller-request-card {
      display: grid;
      gap: 12px;
      align-content: start;
      grid-auto-rows: max-content;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      padding: 14px;
      background: var(--surface-raised);
    }

    .seller-request-head {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 8px 12px;
      align-items: center;
      min-width: 0;
    }

    .seller-request-head .seller-request-title {
      min-width: 0;
    }

    .seller-request-head .seller-request-title span {
      overflow-wrap: anywhere;
    }

    .btn.seller-detail-toggle {
      justify-self: end;
      min-width: 0;
      min-height: 44px;
      gap: 6px;
      padding: 8px 11px;
      white-space: normal;
    }

    .seller-detail-toggle .icon {
      width: 17px;
      height: 17px;
      flex: 0 0 auto;
    }

    .seller-progressive-state {
      display: grid;
      gap: 8px;
      min-width: 0;
      padding: 10px 0;
    }

    .seller-progressive-skeleton {
      display: block;
      min-width: 0;
      width: 100%;
      max-width: 100%;
      height: 14px;
      border-radius: 999px;
      background: linear-gradient(90deg, var(--skeleton-from) 25%, var(--skeleton-highlight) 50%, var(--skeleton-from) 75%);
      background-size: 200% 100%;
      animation: seller-progressive-pulse 1.35s ease-in-out infinite;
    }

    .seller-progressive-skeleton:last-child {
      width: 72%;
    }

    .seller-progressive-error {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: center;
      color: var(--danger);
    }

    @keyframes seller-progressive-pulse {
      from { background-position: 100% 0; }
      to { background-position: -100% 0; }
    }

    .seller-offer-summary {
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      align-content: flex-start;
      justify-content: flex-start;
      align-self: start;
      height: auto;
      min-height: 0;
      width: 100%;
      min-width: 0;
      aspect-ratio: auto;
      box-sizing: border-box;
      gap: 7px 12px;
      padding: 13px 14px;
      border: 1px solid var(--offer-border);
      border-radius: 10px;
      background: var(--offer-bg);
    }

    .seller-offer-summary-controls {
      display: grid;
      flex: 1 1 100%;
      gap: 9px;
      min-width: 0;
      border-top: 1px solid var(--offer-border);
      padding-top: 11px;
    }

    .seller-offer-summary-controls > .mini-note {
      padding-inline: 0;
    }

    .seller-offer-summary-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      min-width: 0;
    }

    .seller-offer-summary-actions .btn {
      min-width: 0;
      min-height: 44px;
      white-space: normal;
    }

    .seller-offer-summary > span {
      color: var(--muted);
      font-size: 13px;
      font-weight: 700;
    }

    .seller-offer-summary > strong {
      color: var(--offer-value);
      font-size: 25px;
      line-height: 1.1;
    }

    .seller-offer-validity {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      flex: 1 1 100%;
      gap: 8px;
      align-items: start;
      align-content: start;
      align-self: start;
      width: 100%;
      height: auto;
      min-width: 0;
      min-height: 0;
      color: var(--offer-secondary);
    }

    .seller-offer-validity > .icon {
      width: 18px;
      height: 18px;
      margin-top: 1px;
      flex: 0 0 auto;
    }

    .seller-offer-validity-copy {
      display: grid;
      grid-auto-rows: max-content;
      gap: 2px;
      align-content: start;
      min-width: 0;
    }

    .seller-offer-validity-remaining {
      min-height: 19px;
      color: var(--offer-value);
      font-size: 14px;
      font-variant-numeric: tabular-nums;
      font-weight: 800;
      line-height: 1.35;
      overflow-wrap: anywhere;
    }

    .seller-offer-validity-absolute {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.4;
      overflow-wrap: anywhere;
    }

    .seller-offer-validity[data-validity-state="missing"] {
      color: var(--muted);
    }

    .seller-offer-validity[data-validity-state="expired"] .seller-offer-validity-remaining {
      color: var(--warning-text);
    }

    .mini-pill.phone-verification-pending,
    .seller-profile-actions .btn.phone-verification-pending {
      border-color: var(--required-border);
      background: var(--warning-bg);
      color: var(--warning-text);
    }

    .seller-profile-actions .btn.phone-verification-pending:hover {
      border-color: #c89a37;
      background: var(--required-bg);
      color: var(--warning-text);
    }

    .seller-offer-recheck-copy {
      display: grid;
      gap: 5px;
    }

    .seller-offer-recheck-copy strong {
      color: var(--ink);
      font-size: 15px;
    }

    .seller-offer-recheck-copy p {
      max-width: 68ch;
      margin: 0;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.45;
    }

    dialog.seller-offer-decline-dialog {
      width: min(520px, calc(100vw - 24px));
      max-width: calc(100vw - 24px);
      max-height: calc(100vh - 40px);
      max-height: calc(
        100dvh
        - max(20px, env(safe-area-inset-top, 0px))
        - max(20px, env(safe-area-inset-bottom, 0px))
      );
      margin: auto;
      padding: 0;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--surface, #fff);
      color: var(--ink);
      box-shadow: 0 24px 64px rgba(15, 23, 42, .22);
      overflow: hidden;
    }

    dialog.seller-offer-decline-dialog::backdrop {
      background: rgba(15, 23, 42, .48);
    }

    .seller-offer-decline-shell {
      display: grid;
      width: 100%;
      min-width: 0;
      max-width: 100%;
      max-height: calc(100vh - 40px);
      max-height: calc(
        100dvh
        - max(20px, env(safe-area-inset-top, 0px))
        - max(20px, env(safe-area-inset-bottom, 0px))
      );
      gap: 18px;
      padding: 22px;
      padding-bottom: max(22px, env(safe-area-inset-bottom, 0px));
      overflow-y: auto;
      overflow-x: hidden;
      overscroll-behavior: contain;
      -webkit-overflow-scrolling: touch;
    }

    .seller-offer-decline-shell h3,
    .seller-offer-decline-shell p {
      margin: 0;
    }

    .seller-offer-decline-shell label {
      display: grid;
      gap: 8px;
      font-weight: 700;
    }

    .seller-offer-decline-actions {
      display: flex;
      justify-content: flex-end;
      flex-wrap: wrap;
      gap: 10px;
    }

    @media (max-width: 600px) {
      .seller-offer-decline-shell {
        padding: 18px;
        padding-bottom: max(18px, env(safe-area-inset-bottom, 0px));
      }

      dialog.seller-account-action-dialog .phone-input-row {
        grid-template-columns: minmax(88px, 104px) minmax(0, 1fr);
      }

      .seller-offer-decline-actions .btn {
        flex: 1 1 100%;
        min-height: 48px;
      }
    }

    .seller-listing-meta {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
      gap: 8px;
    }

    .seller-listing-detail {
      display: grid;
      gap: 10px;
      min-width: 0;
      border-top: 1px solid rgba(18, 34, 48, .08);
      padding-top: 12px;
    }

    .seller-listing-empty-offer {
      margin: 0;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.45;
    }

    .seller-listing-management-actions {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      gap: 6px 10px;
      min-width: 0;
      border-top: 1px solid rgba(18, 34, 48, .08);
      padding-top: 10px;
    }

    .seller-listing-management-actions .btn {
      min-width: 0;
      min-height: 44px;
      white-space: normal;
    }

    .btn.seller-listing-remove {
      border-color: transparent;
      background: transparent;
      color: var(--danger);
      box-shadow: none;
    }

    .btn.seller-listing-remove:hover,
    .btn.seller-listing-remove:focus-visible {
      border-color: rgba(185, 28, 28, .24);
      background: rgba(185, 28, 28, .06);
      color: var(--danger);
    }

    .seller-listing-edit {
      display: grid;
      gap: 12px;
      border: 1px solid rgba(18, 102, 79, .16);
      border-radius: var(--radius);
      background: #f7fbf9;
      padding: 12px;
    }

    .seller-listing-edit-head,
    .seller-listing-photo-head {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      align-items: center;
      justify-content: space-between;
    }

    .seller-listing-edit-head h4,
    .seller-listing-photo-head h4,
    .seller-listing-group h4 {
      margin: 0;
      font-size: 17px;
      line-height: 1.25;
    }

    .seller-listing-edit-groups,
    .seller-listing-overview {
      display: grid;
      gap: 12px;
    }

    .seller-listing-group {
      display: grid;
      gap: 11px;
      border-top: 1px solid rgba(18, 34, 48, .08);
      padding-top: 12px;
    }

    .seller-listing-group:first-child {
      border-top: 0;
      padding-top: 0;
    }

    .seller-listing-facts {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
      gap: 8px;
    }

    .seller-listing-fact {
      display: grid;
      gap: 3px;
      min-width: 0;
      border: 1px solid rgba(18, 34, 48, .08);
      border-radius: 8px;
      padding: 10px;
      background: #fff;
    }

    .seller-listing-fact span {
      color: var(--muted);
      font-size: 12px;
      font-weight: 700;
    }

    .seller-listing-fact strong {
      overflow-wrap: anywhere;
      font-size: 14px;
      line-height: 1.35;
    }

    .seller-listing-photo-section {
      display: grid;
      gap: 11px;
      border-top: 1px solid rgba(18, 34, 48, .08);
      padding-top: 12px;
    }

    .seller-listing-photo-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
      gap: 10px;
    }

    .seller-listing-photo-card {
      display: grid;
      min-width: 0;
      overflow: hidden;
      border: 1px solid rgba(18, 34, 48, .1);
      border-radius: 10px;
      background: #fff;
    }

    .seller-listing-photo-preview {
      position: relative;
      display: block;
      width: 100%;
      aspect-ratio: 4 / 3;
      overflow: hidden;
      border: 0;
      border-radius: 0;
      padding: 0;
      background: #edf2f4;
      cursor: zoom-in;
    }

    .seller-listing-photo-preview img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .seller-listing-photo-preview:disabled {
      cursor: default;
      color: var(--muted);
    }

    .seller-listing-photo-copy {
      display: grid;
      gap: 3px;
      padding: 9px 10px 7px;
    }

    .seller-listing-photo-copy strong {
      font-size: 14px;
    }

    .seller-listing-photo-copy span {
      color: var(--muted);
      font-size: 12px;
    }

    .seller-listing-photo-actions {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 7px;
      padding: 0 9px 9px;
    }

    .seller-listing-photo-actions .btn {
      min-height: 40px;
      padding-inline: 9px;
      font-size: 13px;
    }

    .seller-listing-photo-category {
      display: grid;
      min-width: 0;
      gap: 5px;
      padding: 0 9px 9px;
      color: var(--muted);
      font-size: 12px;
      font-weight: 700;
    }

    .seller-listing-photo-category select {
      width: 100%;
      max-width: 100%;
      min-width: 0;
      box-sizing: border-box;
      min-height: 42px;
      border: 1px solid rgba(18, 34, 48, .16);
      border-radius: 8px;
      background: #fff;
      color: var(--ink);
      padding: 8px 10px;
      font: inherit;
    }

    .seller-listing-photo-order-actions {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 7px;
      padding: 0 9px 7px;
    }

    .seller-listing-photo-order-actions .btn {
      min-width: 0;
      min-height: 40px;
      padding-inline: 8px;
      font-size: 12px;
    }

    .seller-listing-photo-empty {
      border: 1px dashed rgba(18, 34, 48, .16);
      border-radius: 10px;
      padding: 16px;
      color: var(--muted);
      background: #fff;
    }

    .seller-listing-photo-warning {
      border: 1px solid rgba(185, 107, 18, .2);
      border-radius: 9px;
      padding: 10px 11px;
      background: #fff8ed;
      color: #77511b;
      font-size: 13px;
      line-height: 1.4;
    }

    .seller-listing-preview-status {
      display: flex;
      min-width: 0;
      max-width: 100%;
      box-sizing: border-box;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      border: 1px solid rgba(185, 107, 18, .24);
      border-radius: 10px;
      padding: 11px 12px;
      background: #fff8ed;
      color: #684817;
      font-size: 13px;
      line-height: 1.45;
    }

    .seller-listing-preview-status span {
      min-width: 0;
      overflow-wrap: anywhere;
    }

    .seller-listing-preview-status .btn {
      flex: 0 0 auto;
      min-width: 0;
    }

    html.vehicle-photo-viewer-open,
    html.vehicle-photo-viewer-open body {
      overflow: hidden;
      overscroll-behavior: none;
    }

    .vehicle-photo-viewer {
      width: min(1120px, calc(100vw - 32px));
      max-width: calc(100vw - 32px);
      height: min(820px, calc(100dvh - 32px));
      max-height: calc(100dvh - 32px);
      margin: auto;
      overflow: hidden;
      border: 0;
      border-radius: 12px;
      padding: 0;
      background: #0b1217;
      color: #fff;
      box-shadow: 0 28px 90px rgba(0, 0, 0, .42);
    }

    .vehicle-photo-viewer[open] {
      display: grid;
      grid-template-rows: auto minmax(0, 1fr) auto;
    }

    .vehicle-photo-viewer::backdrop {
      background: rgba(5, 10, 14, .86);
      backdrop-filter: blur(2px);
    }

    .vehicle-photo-viewer-head {
      min-width: 0;
      min-height: 62px;
      display: flex;
      gap: 12px;
      align-items: center;
      justify-content: space-between;
      padding: 9px 12px 9px 16px;
      background: #111a20;
    }

    .vehicle-photo-viewer-heading {
      min-width: 0;
      display: grid;
      gap: 2px;
    }

    .vehicle-photo-viewer-heading strong,
    .vehicle-photo-viewer-heading span {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .vehicle-photo-viewer-heading strong {
      font-size: 15px;
      line-height: 1.3;
    }

    .vehicle-photo-viewer-counter {
      color: #bdc9cf;
      font-size: 12px;
      line-height: 1.3;
    }

    .vehicle-photo-viewer-stage {
      position: relative;
      min-width: 0;
      min-height: 0;
      width: 100%;
      overflow: hidden;
      display: grid;
      place-items: center;
      background: #070c10;
      touch-action: pan-y pinch-zoom;
      overscroll-behavior: contain;
      contain: layout paint;
    }

    .vehicle-photo-viewer-image {
      position: absolute;
      inset: 0;
      display: block;
      width: 100%;
      max-width: 100%;
      height: 100%;
      max-height: 100%;
      object-fit: contain;
      object-position: center;
      background: #070c10;
      user-select: none;
      -webkit-user-drag: none;
    }

    .vehicle-photo-viewer-message {
      max-width: min(520px, calc(100% - 96px));
      margin: 0;
      padding: 20px;
      color: #e8eef1;
      line-height: 1.5;
      text-align: center;
    }

    .vehicle-photo-viewer-button {
      width: 48px;
      min-width: 48px;
      height: 48px;
      min-height: 48px;
      display: inline-grid;
      place-items: center;
      border: 1px solid rgba(255, 255, 255, .34);
      border-radius: 999px;
      padding: 0;
      appearance: none;
      -webkit-appearance: none;
      background: rgba(11, 18, 23, .82);
      color: #fff;
      box-shadow: 0 4px 18px rgba(0, 0, 0, .28);
      cursor: pointer;
      touch-action: manipulation;
      -webkit-tap-highlight-color: transparent;
      user-select: none;
    }

    .vehicle-photo-viewer-button:hover:not(:disabled) {
      background: rgba(28, 43, 52, .94);
      border-color: rgba(255, 255, 255, .72);
    }

    .vehicle-photo-viewer-button:active:not(:disabled) {
      background: rgba(28, 43, 52, .94);
    }

    .vehicle-photo-viewer-button:focus-visible {
      outline: 3px solid #fff;
      outline-offset: 2px;
      border-color: #69b6f5;
      box-shadow: 0 0 0 5px rgba(31, 111, 235, .42);
    }

    .vehicle-photo-viewer-button:disabled {
      opacity: .32;
      cursor: default;
      box-shadow: none;
    }

    .vehicle-photo-viewer-button .icon {
      width: 25px;
      height: 25px;
      pointer-events: none;
    }

    .vehicle-photo-viewer-close {
      flex: 0 0 48px;
    }

    .vehicle-photo-viewer-nav {
      position: absolute;
      z-index: 2;
      top: 50%;
      transform: translateY(-50%);
    }

    .vehicle-photo-viewer-nav:active:not(:disabled) {
      transform: translateY(-50%) scale(.96);
    }

    .vehicle-photo-viewer-previous {
      left: 12px;
    }

    .vehicle-photo-viewer-next {
      right: 12px;
    }

    .vehicle-photo-viewer-thumbnails {
      min-width: 0;
      min-height: 70px;
      display: flex;
      gap: 8px;
      align-items: center;
      overflow-x: auto;
      overflow-y: hidden;
      padding: 8px 12px 10px;
      background: #111a20;
      scrollbar-color: #61717a transparent;
      overscroll-behavior-x: contain;
      scroll-snap-type: x proximity;
    }

    .vehicle-photo-viewer-thumbnails[hidden] {
      display: none;
    }

    .vehicle-photo-viewer-thumbnail {
      position: relative;
      width: 72px;
      min-width: 72px;
      height: 54px;
      flex: 0 0 72px;
      overflow: hidden;
      border: 2px solid transparent;
      border-radius: 7px;
      padding: 0;
      appearance: none;
      -webkit-appearance: none;
      background: #26333a;
      color: #fff;
      cursor: pointer;
      scroll-snap-align: center;
      -webkit-tap-highlight-color: transparent;
    }

    .vehicle-photo-viewer-thumbnail[aria-current="true"] {
      border-color: #69b6f5;
      box-shadow: 0 0 0 2px rgba(105, 182, 245, .3);
    }

    .vehicle-photo-viewer-thumbnail:focus-visible {
      outline: 3px solid #fff;
      outline-offset: 2px;
    }

    .vehicle-photo-viewer-thumbnail img,
    .vehicle-photo-viewer-thumbnail span {
      width: 100%;
      height: 100%;
    }

    .vehicle-photo-viewer-thumbnail img {
      display: block;
      object-fit: cover;
    }

    .vehicle-photo-viewer-thumbnail span {
      display: grid;
      place-items: center;
      color: #dce5e9;
      font-size: 11px;
    }

    @media (max-width: 760px) {
      .vehicle-photo-viewer {
        width: 100vw;
        max-width: 100vw;
        height: 100dvh;
        max-height: 100dvh;
        margin: 0;
        border-radius: 0;
        padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
      }

      .vehicle-photo-viewer-head {
        min-height: 58px;
        padding: 6px 8px 6px 12px;
      }

      .vehicle-photo-viewer-button {
        width: 46px;
        min-width: 46px;
        height: 46px;
        min-height: 46px;
      }

      .vehicle-photo-viewer-close {
        flex-basis: 46px;
      }

      .vehicle-photo-viewer-previous {
        left: 8px;
      }

      .vehicle-photo-viewer-next {
        right: 8px;
      }

      .vehicle-photo-viewer-thumbnails {
        min-height: 66px;
        padding: 7px 8px 8px;
      }

      .vehicle-photo-viewer-thumbnail {
        width: 68px;
        min-width: 68px;
        height: 51px;
        flex-basis: 68px;
      }
    }

    @media (max-height: 540px) and (orientation: landscape) {
      .vehicle-photo-viewer-head {
        min-height: 50px;
        padding-block: 3px;
      }

      .vehicle-photo-viewer-button {
        width: 44px;
        min-width: 44px;
        height: 44px;
        min-height: 44px;
      }

      .vehicle-photo-viewer-close {
        flex-basis: 44px;
      }

      .vehicle-photo-viewer-thumbnails {
        min-height: 58px;
        padding-block: 5px;
      }

      .vehicle-photo-viewer-thumbnail {
        width: 62px;
        min-width: 62px;
        height: 46px;
        flex-basis: 62px;
      }
    }

    .seller-listing-edit-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .seller-listing-edit-wide {
      grid-column: 1 / -1;
    }

    .seller-request-card[data-removed="true"] {
      background: #f8fafb;
      opacity: .78;
    }

    .notification-hint {
      display: flex;
      gap: 8px;
      align-items: start;
      border: 1px solid rgba(36, 87, 197, .16);
      border-radius: var(--radius);
      padding: 12px;
      background: #f5f8ff;
      color: var(--muted);
      line-height: 1.4;
    }

    .notification-hint .icon {
      width: 18px;
      height: 18px;
      color: var(--blue);
      flex: 0 0 auto;
    }

    .login-panel {
      padding: 22px;
      display: grid;
      gap: 16px;
      max-width: 560px;
    }

    .login-brand {
      display: grid;
      justify-items: start;
      gap: 6px;
      margin-bottom: 2px;
    }

    .login-logo {
      width: min(280px, 100%);
      height: auto;
    }

    .dashboard-panel {
      display: grid;
      gap: 0;
      overflow: hidden;
    }

    .dashboard-head {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 14px;
      align-items: center;
      padding: 18px;
      border-bottom: 1px solid var(--line);
      background: #fbfcfd;
    }

    .dashboard-meta {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.35;
    }

    .stats-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
      padding: 14px 18px;
      border-bottom: 1px solid var(--line);
      background: #f6f8f9;
    }

    .stat {
      display: grid;
      gap: 4px;
      min-height: 76px;
      align-content: center;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: #fff;
      padding: 12px;
    }

    .stat strong {
      font-size: 26px;
      line-height: 1;
    }

    .stat span {
      color: var(--muted);
      font-size: 13px;
      font-weight: 720;
    }

    .dashboard-grid {
      display: grid;
      grid-template-columns: minmax(280px, .88fr) minmax(0, 1.22fr);
      min-height: 640px;
    }

    .lead-list-panel {
      display: grid;
      grid-template-rows: auto minmax(0, 1fr);
      min-width: 0;
      border-right: 1px solid var(--line);
      background: #f8fafb;
    }

    .filters {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 150px;
      gap: 10px;
      padding: 14px;
      border-bottom: 1px solid var(--line);
    }

    .lead-list {
      overflow: auto;
      display: grid;
      align-content: start;
      gap: 10px;
      padding: 14px;
    }

    .lead-card {
      width: 100%;
      display: grid;
      grid-template-columns: 74px minmax(0, 1fr);
      gap: 12px;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: #fff;
      color: inherit;
      text-align: left;
      padding: 10px;
      transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
    }

    .lead-card:hover,
    .lead-card[aria-selected="true"] {
      border-color: rgba(18, 102, 79, .48);
      box-shadow: 0 8px 20px rgba(24, 39, 52, .09);
      transform: translateY(-1px);
    }

    .lead-thumb {
      width: 74px;
      height: 64px;
      display: grid;
      place-items: center;
      overflow: hidden;
      border-radius: 7px;
      background: var(--surface-2);
      color: var(--muted);
    }

    .lead-thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .lead-card-body {
      display: grid;
      gap: 4px;
      min-width: 0;
    }

    .lead-card-title {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 15px;
      font-weight: 850;
    }

    .lead-card-meta,
    .lead-card-sub {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: var(--muted);
      font-size: 13px;
    }

    .badge-row {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      align-items: center;
    }

    .badge {
      display: inline-flex;
      min-height: 24px;
      align-items: center;
      border-radius: 999px;
      background: #eef2f5;
      color: #334250;
      padding: 0 9px;
      font-size: 12px;
      font-weight: 780;
    }

    .badge.new {
      background: #e8f4ff;
      color: #174a88;
    }

    .badge.review {
      background: #fff3df;
      color: #75500e;
    }

    .badge.offered {
      background: #e9f7ef;
      color: #14533f;
    }

    .badge.closed {
      background: #edf0f3;
      color: #44515e;
    }

    .lead-detail {
      min-width: 0;
      border: 0;
      border-radius: 0;
      box-shadow: none;
      background: #fff;
      overflow: auto;
    }

    .detail-empty {
      min-height: 100%;
      display: grid;
      place-items: center;
      padding: 34px;
      color: var(--muted);
      text-align: center;
    }

    .detail-content {
      display: grid;
      gap: 18px;
      padding: 18px;
    }

    .detail-title {
      display: grid;
      gap: 8px;
      padding-bottom: 14px;
      border-bottom: 1px solid var(--line);
    }

    .detail-title-row {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      align-items: center;
      justify-content: space-between;
    }

    .detail-gallery {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(128px, 1fr));
      gap: 10px;
    }

    .detail-image {
      height: 112px;
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--surface-2);
    }

    .detail-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .info-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
    }

    .info-box {
      display: grid;
      gap: 4px;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: #fbfcfd;
      padding: 12px;
      min-width: 0;
    }

    .info-box span {
      color: var(--muted);
      font-size: 12px;
      font-weight: 760;
    }

    .info-box strong {
      overflow-wrap: anywhere;
      line-height: 1.3;
    }

    .offer-list {
      display: grid;
      gap: 8px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .offer-item {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 10px;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      padding: 10px 12px;
      background: #fbfcfd;
    }

    .offer-item strong {
      font-size: 17px;
      white-space: nowrap;
    }

    .toolbar {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      align-items: center;
      justify-content: flex-end;
    }

    .hidden-input {
      position: fixed;
      width: 1px;
      height: 1px;
      opacity: 0;
      pointer-events: none;
    }

    .mini-note {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.4;
    }

    @media (min-width: 901px) {
      main.shell {
        padding: 18px 0 52px;
      }

      .topbar-inner {
        min-height: 78px;
        grid-template-columns: minmax(220px, 1fr) auto minmax(220px, 1fr);
        justify-content: stretch;
        gap: 18px;
      }

      .brand-logo {
        width: 218px;
        max-width: 218px;
        height: 78px;
      }

      .seller-header-side {
        display: contents;
      }

      .seller-header-actions {
        grid-column: 3;
        grid-row: 1;
        justify-self: end;
      }

      .brand-subtitle {
        grid-column: 2;
        grid-row: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        justify-self: center;
        gap: 6px;
        color: #5b6875;
        font-size: 18px;
        font-weight: 850;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
      }

      .brand-subtitle span {
        display: inline;
      }

      .seller-account-link {
        grid-column: 3;
        grid-row: 1;
        justify-self: end;
      }

      .seller-account-link,
      .nav-switch button,
      .pro-app-link {
        min-height: 34px;
        font-size: 13px;
      }

      .cloud-pill {
        display: none !important;
      }


      #sellerView {
        gap: 0;
      }

      #sellerView .seller-grid {
        width: min(100%, 1240px);
        margin-inline: auto;
      }

      #sellerView .screen-title {
        display: none;
      }

      #sellerView .seller-grid {
        grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
        gap: 24px;
        align-items: start;
      }

      #sellerView .tool-panel {
        border: 0;
        background: transparent;
        box-shadow: none;
        padding: 0;
      }

      #sellerView .quick-start,
      #sellerView .guided-assistant {
        border: 1px solid rgba(217, 226, 231, .86);
        background: #fff;
        box-shadow: 0 14px 34px rgba(24, 39, 52, .08);
      }

      #sellerView .quick-start {
        align-content: start;
        gap: 16px;
        padding: 28px 32px;
      }

      #sellerView .intake-copy {
        gap: 8px;
      }

      #sellerView .intake-copy h2 {
        font-size: 27px;
        line-height: 1.12;
      }

      #sellerView .quick-start .mini-note {
        max-width: 560px;
        font-size: 15px;
        line-height: 1.48;
      }

      #sellerView .start-assistant-actions {
        gap: 10px;
      }

      #sellerView #startAssistant {
        min-width: min(100%, 312px);
        min-height: 54px;
        padding-inline: 20px;
        font-size: 16px;
      }

      #sellerView .side-panel {
        position: sticky;
        top: 88px;
        align-self: start;
        max-height: calc(100vh - 108px);
        overflow: auto;
        border: 1px solid rgba(217, 226, 231, .86);
        background: #fff;
        box-shadow: 0 14px 34px rgba(24, 39, 52, .08);
      }

      #sellerView .seller-side-stack {
        position: sticky;
        top: 88px;
      }

      #sellerView .seller-side-stack > .side-panel {
        position: static;
        max-height: none;
        overflow: hidden;
      }

      #sellerView .seller-side-stack > .seller-profile-privacy-aside {
        padding: 20px 22px;
      }

      #sellerView .vehicle-photo {
        display: none;
      }

      #sellerView .side-content {
        gap: 18px;
        padding: 26px 28px;
      }

      #sellerView .desktop-side-hero {
        display: grid;
        gap: 10px;
        border-bottom: 1px solid rgba(217, 226, 231, .88);
        padding-bottom: 18px;
      }

      #sellerView .desktop-side-hero h2 {
        color: var(--ink);
        font-size: clamp(26px, 2vw, 32px);
        font-weight: 900;
        line-height: 1.08;
      }

      #sellerView .desktop-side-hero h2 span {
        display: block;
      }

      #sellerView .desktop-side-hero p {
        color: var(--accent-strong);
        font-size: 18px;
        font-weight: 900;
        line-height: 1.18;
      }

      #sellerView .side-content > h2 {
        font-size: 20px;
        line-height: 1.12;
      }

      #sellerView .process-list {
        gap: 14px;
      }

      #sellerView .process-list li {
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 12px;
        color: #536273;
        font-size: 15px;
        line-height: 1.42;
      }

      #sellerView .step-number {
        width: 36px;
        height: 36px;
      }

      #sellerView .assistant-step[data-step="9"] .contact-form-grid {
        gap: 18px;
      }

      #sellerView .assistant-step[data-step="9"] .contact-method-fields {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      }

      #sellerView .assistant-step[data-step="9"] .phone-inline-field {
        grid-template-columns: minmax(88px, 104px) minmax(0, 1fr);
      }
    }

    @media (max-width: 900px) {
      #sellerView.seller-home-active .side-panel {
        display: none;
      }

      #sellerView .seller-profile-privacy-aside {
        display: none !important;
      }

      #sellerView .seller-profile-privacy-mobile {
        display: grid;
      }

      .seller-login-steps,
      .seller-login-faq {
        grid-template-columns: 1fr;
      }

      .seller-login-step + .seller-login-step {
        border-top: 1px solid var(--line);
        border-left: 0;
      }

      .seller-login-benefit-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .topbar {
        position: fixed;
        background: rgba(243, 246, 248, .96);
        border-bottom: 1px solid rgba(217, 226, 231, .84);
        backdrop-filter: blur(18px);
      }

      .topbar-inner {
        grid-template-columns: 192px minmax(120px, 1fr);
        min-height: auto;
        gap: 8px;
        padding: 10px 0 8px;
      }

      .nav-switch {
        display: none;
      }

      .pro-app-link {
        display: none;
      }

      .cloud-pill {
        display: none;
      }

      .seller-account-link {
        min-height: 34px;
        padding: 0 10px;
        font-size: 12px;
        max-width: 100%;
        box-shadow: none;
      }

      .brand-logo {
        width: 184px;
        max-width: 184px;
        height: 92px;
      }

      .brand {
        width: 100%;
        min-width: 0;
      }

      .brand-text {
        width: 100%;
        justify-content: flex-start;
        gap: 0;
      }

      .seller-header-side {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: center;
        min-width: 0;
        justify-items: end;
        align-self: center;
        gap: 8px;
      }

      .brand-subtitle {
        font-size: 18px;
        line-height: 1.08;
        text-align: right;
        justify-items: end;
        white-space: normal;
      }

      .seller-offers-badge {
        width: 7px;
        height: 7px;
      }

      .cloud-pill {
        justify-content: center;
      }

      .screen-title,
      .seller-grid,
      .dashboard-grid {
        grid-template-columns: 1fr;
      }

      .dashboard-grid {
        min-height: auto;
      }

      .lead-list-panel {
        border-right: 0;
        border-bottom: 1px solid var(--line);
      }

      .lead-list {
        max-height: 430px;
      }

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

      .entry-options {
        grid-template-columns: 1fr;
      }

      .entry-card {
        min-height: auto;
      }

      #sellerView .assistant-step[data-step="9"] .contact-method-fields,
      #sellerView .assistant-step[data-step="9"] .contact-location-fields {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 430px) {
      .seller-account-label-full {
        display: none;
      }

      .seller-account-link::after {
        display: inline;
      }
    }

    .seller-ai-entry {
      display: grid;
      grid-template-columns: 38px minmax(0, 1fr) auto;
      align-items: center;
      gap: 12px;
      width: 100%;
      padding: 14px;
      border: 1px solid rgba(20, 104, 134, .16);
      border-radius: 16px;
      background: linear-gradient(135deg, rgba(230, 248, 241, .92), rgba(235, 245, 253, .92));
    }

    .seller-ai-entry-icon {
      display: grid;
      width: 38px;
      height: 38px;
      place-items: center;
      border-radius: 12px;
      background: linear-gradient(145deg, #dff5e9, #deeffb);
      color: #0f755c;
    }

    .seller-ai-entry-icon .icon {
      width: 20px;
      height: 20px;
    }

    .seller-ai-entry-copy {
      display: grid;
      gap: 3px;
      min-width: 0;
      color: #44515c;
      font-size: 13px;
      line-height: 1.4;
    }

    .seller-ai-entry-copy strong {
      color: #17212b;
      font-size: 14px;
    }

    .seller-ai-entry-button {
      min-height: 44px;
      white-space: nowrap;
    }

    dialog.seller-ai-assistant-dialog {
      width: min(calc(100% - 32px), 760px);
      max-width: 760px;
      height: auto;
      max-height: min(88dvh, 820px);
      margin: auto;
      padding: 0;
      overflow: hidden;
      border: 0;
      border-radius: 16px;
      background: #fff;
      color: #17212b;
      box-shadow: 0 24px 70px rgba(15, 23, 42, .22);
    }

    dialog.seller-ai-assistant-dialog::backdrop {
      background: rgba(15, 23, 42, .48);
    }

    .seller-ai-assistant-shell {
      display: flex;
      flex-direction: column;
      width: 100%;
      height: auto;
      max-height: inherit;
      min-height: 0;
      overflow: hidden;
      background: linear-gradient(180deg, #f2faf7 0, #f4f8fb 170px, #f7f9fa 100%);
    }

    .seller-ai-conversation {
      display: flex;
      flex: 1 1 auto;
      flex-direction: column;
      min-height: 0;
      overflow-y: auto;
      overscroll-behavior: contain;
      touch-action: pan-y;
      -webkit-overflow-scrolling: touch;
      scrollbar-gutter: stable;
    }

    .seller-ai-assistant-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 13px 18px;
      border-bottom: 1px solid rgba(18, 34, 48, .09);
      background: linear-gradient(120deg, #f2fbf6, #edf6fc);
    }

    .seller-ai-assistant-head > div {
      display: grid;
      gap: 4px;
      min-width: 0;
    }

    .seller-ai-assistant-head > .seller-ai-head-actions {
      display: flex;
      flex: 0 0 auto;
      grid-auto-flow: column;
      align-items: center;
      gap: 8px;
    }

    .seller-ai-manual-exit {
      min-height: 34px;
      padding: 5px 9px;
      border: 0;
      background: transparent;
      color: #52616c;
      font-size: 12px;
      font-weight: 750;
      text-decoration: underline;
      text-decoration-color: rgba(82, 97, 108, .38);
      text-underline-offset: 3px;
    }

    .seller-ai-manual-exit:hover,
    .seller-ai-manual-exit:focus-visible {
      background: rgba(15, 117, 92, .07);
      color: #0f755c;
    }

    .seller-ai-assistant-head h2 {
      margin: 0;
      font-size: 20px;
      line-height: 1.2;
    }

    .seller-ai-assistant-head p {
      margin: 0;
      max-width: 600px;
      color: #5e6973;
      font-size: 14px;
      line-height: 1.45;
    }

    .seller-ai-assistant-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      color: #0f755c;
      font-size: 12px;
      font-weight: 800;
      text-transform: uppercase;
    }

    .seller-ai-assistant-eyebrow .icon {
      width: 15px;
      height: 15px;
    }

    .seller-ai-icon-button {
      display: grid;
      flex: 0 0 44px;
      width: 44px;
      height: 44px;
      place-items: center;
      border: 1px solid rgba(18, 34, 48, .12);
      border-radius: 12px;
      background: #fff;
      color: #33404b;
      cursor: pointer;
    }

    .seller-ai-progress {
      display: grid;
      grid-template-columns: auto minmax(100px, 1fr);
      align-items: center;
      gap: 14px;
      padding: 10px 22px;
      border-bottom: 1px solid rgba(18, 34, 48, .08);
      background: #fff;
      color: #53606b;
      font-size: 12px;
      font-weight: 750;
    }

    .seller-ai-progress-track {
      display: block;
      height: 5px;
      overflow: hidden;
      border-radius: 3px;
      background: #e6eaed;
    }

    .seller-ai-progress-track span {
      display: block;
      width: 0;
      height: 100%;
      background: linear-gradient(90deg, #0f755c, #217fa2);
      transition: width .2s ease;
    }

    .seller-ai-messages {
      display: flex;
      flex: 0 0 auto;
      align-items: flex-start;
      flex-direction: column;
      gap: 7px;
      max-height: none;
      min-height: 0;
      padding: 14px 22px;
      overflow: visible;
    }

    .seller-ai-first-prompt {
      display: grid;
      grid-template-columns: 42px minmax(0, 1fr);
      gap: 13px;
      margin: 16px 22px 12px;
      padding: 17px;
      border: 1px solid rgba(15, 117, 92, .24);
      border-radius: 16px;
      background: linear-gradient(135deg, rgba(231, 248, 240, .96), rgba(233, 244, 253, .96));
      color: #21313d;
      box-shadow: 0 10px 28px rgba(25, 76, 88, .07);
    }

    .seller-ai-first-prompt[hidden] {
      display: none !important;
    }

    .seller-ai-first-prompt-icon {
      display: grid;
      width: 42px;
      height: 42px;
      place-items: center;
      border-radius: 13px;
      background: linear-gradient(145deg, #0f755c, #247fa0);
      color: #fff;
    }

    .seller-ai-first-prompt-icon .icon {
      width: 21px;
      height: 21px;
    }

    .seller-ai-first-prompt h3 {
      margin: 0;
      color: #102b32;
      font-size: 20px;
      line-height: 1.25;
    }

    .seller-ai-first-prompt > div {
      min-width: 0;
    }

    .seller-ai-first-prompt p {
      margin: 7px 0 13px;
      color: #425760;
      font-size: 14px;
      line-height: 1.5;
    }

    .seller-ai-registration-shortcut {
      justify-content: flex-start;
      width: fit-content;
      max-width: 100%;
      min-width: 0;
      min-height: 44px;
      padding: 9px 12px;
      border-color: rgba(24, 108, 137, .24);
      background: rgba(255, 255, 255, .76);
      color: #155e78;
      font-size: 13px;
      line-height: 1.25;
      white-space: normal;
      overflow-wrap: break-word;
    }

    .seller-ai-message {
      align-self: flex-start;
      width: fit-content;
      max-width: min(86%, 590px);
      padding: 8px 11px;
      border: 1px solid rgba(18, 34, 48, .08);
      border-radius: 14px 14px 14px 5px;
      background: #fff;
      color: #26323c;
      font-size: 13px;
      line-height: 1.42;
      white-space: pre-wrap;
      overflow-wrap: anywhere;
    }

    .seller-ai-message[data-role="assistant"] {
      align-self: flex-start;
    }

    .seller-ai-message[data-role="user"] {
      align-self: flex-end;
      border-color: rgba(15, 117, 92, .18);
      border-radius: 14px 14px 5px 14px;
      background: #eaf5f0;
      color: #103d33;
    }

    .seller-ai-message[data-role="system"] {
      border-color: rgba(64, 83, 99, .12);
      background: #edf3f7;
      color: #405363;
    }

    .seller-ai-message[data-role="error"] {
      width: min(92%, 590px);
      border-color: rgba(164, 57, 57, .22);
      background: #fff4f3;
      color: #7d2f2a;
    }

    .seller-ai-message[data-kind="loading"] {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      border-radius: 999px;
    }

    .seller-ai-message[data-kind="review"] {
      display: grid;
      flex: none;
      grid-auto-rows: max-content;
      align-self: flex-start;
      align-content: start;
      gap: 7px;
      width: min(92%, 590px);
      height: fit-content;
      max-height: none;
      min-height: 0;
      padding: 12px;
      border-color: rgba(15, 117, 92, .24);
      background: #f2f8f5;
      color: #26323c;
    }

    .seller-ai-message[data-kind="review"] .seller-ai-message-title {
      margin: 0;
    }

    .seller-ai-message[data-kind="review"] .seller-ai-message-patches {
      margin: 0;
    }

    .seller-ai-message[data-kind="review"] .seller-ai-confirmation-actions {
      align-self: start;
      margin-top: 2px;
    }

    .seller-ai-message-title {
      display: block;
      margin-bottom: 4px;
      color: inherit;
      font-size: 14px;
      font-weight: 800;
    }

    .seller-ai-message-copy {
      margin: 0;
    }

    .seller-ai-message-patches {
      display: grid;
      gap: 4px;
      margin: 8px 0 12px;
      padding-left: 20px;
      color: #44515c;
      font-size: 13px;
    }

    .seller-ai-question {
      display: grid;
      gap: 6px;
      margin: 0 22px 12px;
      padding: 15px 16px;
      border: 1px solid rgba(15, 117, 92, .2);
      border-radius: 14px;
      background: #fff;
      box-shadow: 0 8px 24px rgba(24, 39, 52, .06);
    }

    .seller-ai-question[hidden] {
      display: none !important;
    }

    .seller-ai-question-label {
      color: #0f755c;
      font-size: 11px;
      font-weight: 800;
      text-transform: uppercase;
    }

    .seller-ai-question h3 {
      margin: 0;
      color: #17212b;
      font-size: 19px;
      line-height: 1.35;
    }

    .seller-ai-confirmation {
      margin: 0 22px 12px;
      padding: 13px;
      border: 1px solid rgba(15, 117, 92, .24);
      border-radius: 12px;
      background: #f2f8f5;
    }

    .seller-ai-confirmation strong {
      display: block;
      margin-bottom: 8px;
      font-size: 14px;
    }

    .seller-ai-confirmation ul {
      display: grid;
      gap: 4px;
      margin: 0 0 12px;
      padding-left: 20px;
      color: #44515c;
      font-size: 13px;
    }

    .seller-ai-confirmation-actions,
    .seller-ai-quick-replies {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .seller-ai-confirmation-actions .btn,
    .seller-ai-quick-replies button {
      min-height: 48px;
    }

    .seller-ai-quick-replies {
      padding: 0 22px 12px;
    }

    .seller-ai-quick-replies[hidden] {
      display: none !important;
    }

    .seller-ai-quick-replies button {
      padding: 9px 12px;
      border: 1px solid rgba(18, 34, 48, .14);
      border-radius: 12px;
      background: #fff;
      color: #26323c;
      font: inherit;
      font-size: 13px;
      font-weight: 750;
      cursor: pointer;
    }

    .seller-ai-spinner {
      flex: 0 0 16px;
      width: 16px;
      height: 16px;
      border: 2px solid rgba(64, 83, 99, .22);
      border-top-color: #405363;
      border-radius: 50%;
      animation: seller-ai-spin .8s linear infinite;
    }

    @keyframes seller-ai-spin {
      to {
        transform: rotate(360deg);
      }
    }

    .seller-ai-error-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 12px;
    }

    .seller-ai-error-actions .btn {
      min-height: 46px;
    }

    .seller-ai-composer {
      display: grid;
      flex: 0 0 auto;
      grid-template-columns: minmax(0, 1fr) 50px;
      align-items: end;
      gap: 10px;
      padding: 14px 22px;
      border-top: 1px solid rgba(18, 34, 48, .09);
      background: #fff;
    }

    .seller-ai-composer-input {
      display: grid;
      min-width: 0;
      gap: 6px;
    }

    .seller-ai-composer-hint {
      color: #64717b;
      font-size: 12px;
      font-weight: 650;
      line-height: 1.3;
    }

    .seller-ai-composer textarea {
      width: 100%;
      min-height: 50px;
      max-height: 120px;
      resize: none;
      overflow-y: hidden;
      border: 1px solid rgba(18, 34, 48, .18);
      border-radius: 25px;
      padding: 13px 17px;
      background: #fff;
      color: #17212b;
      box-sizing: border-box;
      font: inherit;
      font-size: max(16px, 1em);
      line-height: 1.4;
      touch-action: manipulation;
    }

    .seller-ai-composer textarea:focus {
      border-color: #0f755c;
      outline: 3px solid rgba(15, 117, 92, .12);
    }

    .seller-ai-composer .seller-ai-send-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 50px;
      min-width: 50px;
      height: 50px;
      min-height: 50px;
      padding: 0;
      border-radius: 50%;
      touch-action: manipulation;
      -webkit-tap-highlight-color: transparent;
    }

    .seller-ai-composer .seller-ai-send-button .icon {
      width: 23px;
      height: 23px;
    }

    .seller-ai-assistant-footer {
      display: flex;
      flex: 0 0 auto;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 0 22px 16px;
      background: #fff;
      color: #6b747d;
      font-size: 11px;
    }

    .seller-ai-assistant-footer[hidden] {
      display: none !important;
    }

    .seller-ai-assistant-footer .btn {
      min-height: 42px;
    }

    html[data-theme="dark"] .seller-ai-assistant-dialog::backdrop {
      background: var(--overlay);
    }

    html[data-theme="dark"] :is(
      .seller-ai-assistant-head,
      .seller-ai-progress,
      .seller-ai-assistant-footer,
      .seller-ai-composer
    ) {
      border-color: rgba(164, 211, 205, .15);
      background: #14242a;
      color: #edf7f5;
    }

    html[data-theme="dark"] .seller-ai-assistant-head h2 {
      color: #f3fbf9;
    }

    html[data-theme="dark"] :is(
      .seller-ai-assistant-head p,
      .seller-ai-composer-hint,
      .seller-ai-assistant-footer > span
    ) {
      color: #b3c7c8;
    }

    html[data-theme="dark"] :is(
      .seller-ai-icon-button,
      .seller-ai-registration-shortcut,
      .seller-ai-assistant-footer .btn.ghost,
      .seller-ai-message .btn.ghost
    ) {
      border-color: rgba(174, 218, 214, .2);
      background: #192d34;
      color: #e4f2f0;
    }

    html[data-theme="dark"] dialog.seller-ai-assistant-dialog,
    html[data-theme="dark"] .seller-ai-assistant-shell {
      background: linear-gradient(180deg, #102229, #142127 190px, #111b20 100%);
      color: #edf7f5;
    }

    html[data-theme="dark"] .seller-ai-first-prompt {
      border-color: rgba(93, 191, 170, .28);
      background: linear-gradient(135deg, rgba(28, 75, 66, .82), rgba(25, 61, 79, .88));
      color: #edf7f5;
    }

    html[data-theme="dark"] .seller-ai-first-prompt h3,
    html[data-theme="dark"] .seller-ai-message {
      color: #edf7f5;
    }

    html[data-theme="dark"] .seller-ai-first-prompt p {
      color: #c2d7d6;
    }

    html[data-theme="dark"] .seller-ai-message {
      border-color: rgba(164, 211, 205, .14);
      background: #192a30;
    }

    html[data-theme="dark"] .seller-ai-message[data-role="user"] {
      border-color: rgba(79, 188, 158, .3);
      background: #173b34;
      color: #e9faf4;
    }

    html[data-theme="dark"] .seller-ai-message[data-kind="review"] {
      border-color: rgba(93, 191, 170, .3);
      background: #192a30;
    }

    html[data-theme="dark"] .seller-ai-message-patches {
      color: #c2d7d6;
    }

    html[data-theme="dark"] .seller-ai-composer textarea {
      border-color: rgba(164, 211, 205, .22);
      background: #101d22;
      color: #f3fbf9;
    }

    @media (max-width: 899px) {
      .seller-ai-entry {
        grid-template-columns: 38px minmax(0, 1fr);
      }

      .seller-ai-entry-button {
        grid-column: 1 / -1;
        width: 100%;
        min-height: 48px;
      }

      dialog.seller-ai-assistant-dialog {
        --seller-ai-viewport-height: 100dvh;
        --seller-ai-viewport-offset-top: 0px;
        position: fixed;
        top: var(--seller-ai-viewport-offset-top);
        right: 0;
        bottom: auto;
        left: 0;
        width: 100%;
        max-width: none;
        height: var(--seller-ai-viewport-height);
        max-height: var(--seller-ai-viewport-height);
        margin: 0;
        border-radius: 0;
        overscroll-behavior: none;
      }

      .seller-ai-assistant-shell {
        height: 100%;
        max-height: 100%;
      }

      dialog.seller-ai-assistant-dialog::backdrop {
        background: #f6f8f9;
      }

      html[data-theme="dark"] dialog.seller-ai-assistant-dialog::backdrop {
        background: var(--overlay);
      }

      .seller-ai-assistant-head {
        padding: max(10px, env(safe-area-inset-top)) 16px 10px;
      }

      .seller-ai-manual-exit {
        max-width: 126px;
        min-height: 32px;
        padding: 4px 6px;
        font-size: 11px;
        line-height: 1.15;
      }

      .seller-ai-assistant-head h2 {
        font-size: 18px;
      }

      .seller-ai-assistant-head p {
        font-size: 13px;
      }

      .seller-ai-question {
        margin-right: 18px;
        margin-left: 18px;
        padding: 14px;
      }

      .seller-ai-question h3 {
        font-size: 18px;
      }

      .seller-ai-quick-replies {
        display: grid;
        grid-template-columns: 1fr;
        padding-right: 18px;
        padding-left: 18px;
      }

      .seller-ai-quick-replies button {
        width: 100%;
        min-height: 48px;
        text-align: left;
      }

      .seller-ai-progress {
        grid-template-columns: 1fr;
        gap: 6px;
        padding: 9px 18px;
      }

      .seller-ai-messages {
        min-height: 0;
        padding: 14px 18px;
      }

      .seller-ai-first-prompt {
        margin: 14px 18px 10px;
        padding: 14px;
      }

      .seller-ai-message {
        max-width: 92%;
      }

      .seller-ai-confirmation,
      .seller-ai-error {
        margin-right: 18px;
        margin-left: 18px;
      }

      .seller-ai-quick-replies {
        padding-right: 18px;
        padding-left: 18px;
      }

      .seller-ai-quick-replies button {
        min-height: 46px;
      }

      .seller-ai-composer {
        grid-template-columns: minmax(0, 1fr) 48px;
        gap: 8px;
        padding: 10px 18px max(10px, env(safe-area-inset-bottom));
      }

      .seller-ai-composer textarea {
        min-height: 48px;
        max-height: 92px;
        resize: none;
      }

      .seller-ai-composer .seller-ai-send-button {
        width: 48px;
        min-width: 48px;
        height: 48px;
        min-height: 48px;
      }

      .seller-ai-assistant-footer {
        align-items: stretch;
        flex-direction: column;
        padding: 0 18px 8px;
      }

      .seller-ai-assistant-footer .btn {
        width: 100%;
        min-height: 48px;
      }

      .seller-ai-assistant-footer > span {
        display: none;
      }

      dialog.seller-ai-keyboard-open .seller-ai-assistant-eyebrow,
      dialog.seller-ai-keyboard-open .seller-ai-assistant-head p,
      dialog.seller-ai-keyboard-open .seller-ai-assistant-footer {
        display: none !important;
      }

      dialog.seller-ai-keyboard-open .seller-ai-assistant-head {
        align-items: center;
        padding: max(8px, env(safe-area-inset-top)) 14px 8px;
      }

      dialog.seller-ai-keyboard-open .seller-ai-assistant-head h2 {
        font-size: 17px;
      }

      dialog.seller-ai-keyboard-open .seller-ai-progress {
        grid-template-columns: auto minmax(80px, 1fr);
        gap: 10px;
        padding: 7px 14px;
      }

      dialog.seller-ai-keyboard-open .seller-ai-question {
        margin: 10px 14px;
        padding: 12px;
      }

      dialog.seller-ai-keyboard-open .seller-ai-question h3 {
        font-size: 17px;
      }

      dialog.seller-ai-keyboard-open .seller-ai-quick-replies {
        padding-right: 14px;
        padding-left: 14px;
      }

      dialog.seller-ai-keyboard-open .seller-ai-composer {
        padding: 8px 14px max(8px, env(safe-area-inset-bottom));
      }

      dialog.seller-ai-keyboard-open .seller-ai-composer-hint {
        display: none;
      }

      dialog.seller-ai-keyboard-open .seller-ai-error {
        margin-right: 14px;
        margin-left: 14px;
      }

      .seller-ai-error-actions {
        display: grid;
        grid-template-columns: 1fr;
      }

      .seller-ai-error-actions .btn {
        width: 100%;
      }
    }

    @media (max-height: 360px) {
      dialog.seller-ai-assistant-dialog .seller-ai-assistant-eyebrow,
      dialog.seller-ai-assistant-dialog .seller-ai-assistant-head p,
      dialog.seller-ai-assistant-dialog .seller-ai-assistant-footer,
      dialog.seller-ai-assistant-dialog .seller-ai-composer-hint {
        display: none !important;
      }

      dialog.seller-ai-assistant-dialog .seller-ai-assistant-head {
        align-items: center;
        padding: 5px 10px;
      }

      dialog.seller-ai-assistant-dialog .seller-ai-assistant-head h2 {
        font-size: 16px;
      }

      dialog.seller-ai-assistant-dialog .seller-ai-icon-button {
        flex-basis: 40px;
        width: 40px;
        height: 40px;
      }

      dialog.seller-ai-assistant-dialog .seller-ai-progress {
        grid-template-columns: auto minmax(70px, 1fr);
        gap: 8px;
        padding: 4px 10px;
      }

      dialog.seller-ai-assistant-dialog .seller-ai-messages {
        padding: 8px 10px;
      }

      dialog.seller-ai-assistant-dialog .seller-ai-quick-replies {
        padding: 0 10px 8px;
      }

      dialog.seller-ai-assistant-dialog .seller-ai-composer {
        padding: 5px 10px max(5px, env(safe-area-inset-bottom));
      }

      dialog.seller-ai-assistant-dialog .seller-ai-composer textarea {
        min-height: 44px;
        max-height: 54px;
      }

      dialog.seller-ai-assistant-dialog .seller-ai-composer .seller-ai-send-button {
        width: 44px;
        min-width: 44px;
        height: 44px;
        min-height: 44px;
      }
    }

    @media (max-width: 370px) {
      .topbar-inner {
        grid-template-columns: minmax(132px, 1fr) auto;
        gap: 6px;
      }

      .brand-logo {
        width: 150px;
        max-width: 100%;
        height: 76px;
      }

      .seller-account-link {
        min-height: 32px;
        gap: 6px;
        padding: 0 8px;
      }

      .seller-account-label-full {
        display: none;
      }

      .seller-account-link::after {
        display: inline;
      }

      .brand-subtitle {
        font-size: 16px;
      }

      .seller-ai-first-prompt {
        grid-template-columns: 1fr;
        margin-right: 12px;
        margin-left: 12px;
      }

      .seller-ai-first-prompt h3 {
        font-size: 18px;
      }

      .seller-ai-registration-shortcut {
        width: 100%;
        white-space: normal;
      }

      .seller-ai-composer {
        grid-template-columns: minmax(0, 1fr) 46px;
        gap: 7px;
        padding-right: 12px;
        padding-left: 12px;
      }

      .seller-ai-composer .seller-ai-send-button {
        width: 46px;
        min-width: 46px;
        height: 46px;
        min-height: 46px;
      }
    }

    @media (max-width: 640px) {
      .seller-request-created-status,
      .seller-access-state-card {
        width: 100%;
        max-width: 100%;
        padding: 13px;
        overflow-wrap: anywhere;
      }

      .seller-access-state-card {
        grid-template-columns: 30px minmax(0, 1fr);
        gap: 9px;
      }

      .seller-access-state-icon {
        width: 30px;
        height: 30px;
      }

      .seller-access-state-card h2 {
        font-size: 20px;
      }

      .seller-guest-access-details {
        gap: 8px;
        padding-top: 2px;
      }

      .seller-guest-access-message {
        padding: 8px 9px;
        font-size: 13px;
      }

      .seller-guest-access-details .btn {
        min-height: 48px;
      }

      .shell {
        width: min(100% - 20px, 1220px);
      }

      main.shell {
        padding-top: 10px;
      }

      .tool-panel,
      .login-panel {
        padding: 14px;
      }

      #sellerView.seller-home-active .side-panel {
        display: none;
      }

      .seller-login-trust {
        width: 100%;
        margin-top: 24px;
        gap: 30px;
      }

      .seller-login-intro {
        gap: 8px;
        padding-inline: 4px;
      }

      .seller-login-intro h2 {
        font-size: 29px;
      }

      .seller-login-intro p {
        font-size: 16px;
      }

      .seller-login-steps,
      .seller-login-benefit-grid,
      .seller-login-faq {
        grid-template-columns: 1fr;
      }

      .seller-login-step {
        padding: 18px 4px;
      }

      .seller-login-step + .seller-login-step {
        border-top: 1px solid var(--line);
        border-left: 0;
      }

      .seller-login-benefits {
        gap: 18px;
        padding: 20px 16px;
      }

      .seller-login-benefit-grid {
        gap: 1px;
      }

      .seller-login-benefit {
        grid-template-columns: 30px minmax(0, 1fr);
        gap: 4px 12px;
        padding: 18px;
      }

      .seller-login-benefit .icon {
        grid-row: 1 / span 2;
      }

      .seller-login-faq {
        gap: 18px;
      }

      .seller-login-faq-item summary {
        min-height: 54px;
        padding-block: 13px;
      }

      .seller-login-faq-item p {
        padding-right: 20px;
      }

      .seller-login-cta {
        align-items: stretch;
        flex-direction: column;
        padding: 22px 18px;
      }

      .seller-login-cta .btn {
        width: 100%;
      }

      .field-grid,
      .field-grid.three,
      .power-fields,
      .filters,
      .info-grid,
      .sms-actions,
      .seller-sms-conflict-actions {
        grid-template-columns: 1fr;
      }

      .phone-input-row {
        grid-template-columns: minmax(88px, 104px) minmax(0, 1fr);
        gap: 8px;
      }

      dialog.phone-country-dialog {
        width: calc(100vw - 16px);
        max-width: calc(100vw - 16px);
        max-height: min(86dvh, 680px);
        border-radius: 16px;
      }

      .phone-country-dialog-shell {
        max-height: min(86dvh, 680px);
        padding: 14px;
        padding-bottom: max(14px, env(safe-area-inset-bottom, 0px));
      }

      .phone-submit-field {
        grid-column: 1 / -1;
        width: 100%;
      }

      .access-option-heading {
        align-items: flex-start;
      }

      .pending-email-binding {
        align-items: stretch;
        flex-direction: column;
      }

      .pending-email-binding .support-link {
        align-self: flex-start;
      }

      .pending-email-correction-actions {
        grid-template-columns: 1fr;
      }

      .screen-title {
        gap: 12px;
      }

      #sellerView .screen-title {
        width: 100%;
        margin: 0 0 8px;
        padding: 8px max(10px, env(safe-area-inset-right)) 10px max(10px, env(safe-area-inset-left));
      }

      #sellerView .seller-offers-panel {
        padding: 18px max(18px, env(safe-area-inset-right)) 18px max(18px, env(safe-area-inset-left));
      }

      #sellerView .screen-title > div {
        display: grid;
        width: 100%;
        justify-items: center;
        gap: 7px;
      }

      #sellerView .screen-title h1,
      #sellerView .screen-title .hero-motto,
      #sellerView .screen-title .hero-decision,
      #sellerView .screen-title .lead-text {
        display: none;
      }

      #sellerView .desktop-trust-row,
      #sellerView .desktop-duration-note,
      #sellerView .desktop-cta-label {
        display: none;
      }

      #sellerView .mobile-cta-label {
        display: inline;
      }

      #sellerView .mobile-trust-row,
      #sellerView .mobile-compact-claim {
        display: block;
      }

      #sellerView .mobile-trust-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        column-gap: 11px;
        row-gap: 5px;
      }

      #sellerView .mobile-trust-row span {
        justify-content: center;
        font-size: 13px;
      }

      #sellerView .mobile-compact-claim {
        color: var(--accent-strong);
        font-size: 14px;
        font-weight: 820;
        line-height: 1.25;
        text-align: center;
        width: 100%;
      }

      body.seller-assistant-active #sellerView .screen-title {
        margin-bottom: 2px;
        padding-top: 3px;
        padding-bottom: 4px;
      }

      body.seller-assistant-active #sellerView .mobile-trust-row {
        display: flex;
        font-size: 12px;
      }

      body.seller-assistant-active #sellerView .mobile-compact-claim {
        display: block;
        color: var(--ink);
        font-size: 12px;
        font-weight: 850;
        line-height: 1.15;
      }

      .hero-motto {
        font-size: 24px;
        max-width: 100%;
      }

      .quick-start,
      .guided-assistant {
        padding: 14px;
      }

      body.seller-assistant-active .guided-assistant {
        gap: 12px;
        padding-top: 12px;
      }

      .vehicle-photo {
        min-height: 108px;
        padding: 16px;
      }

      .vehicle-photo strong {
        max-width: 300px;
        font-size: 24px;
        line-height: 1.12;
      }

      .side-content {
        gap: 14px;
        padding: 18px;
      }

      .process-list {
        gap: 11px;
      }

      .process-list li {
        grid-template-columns: 32px minmax(0, 1fr);
        font-size: 16px;
      }

      .file-button {
        width: 100%;
        min-height: 44px;
        padding: 9px 12px;
        white-space: normal;
      }

      .assistant-actions {
        display: grid;
        grid-template-columns: 1fr;
      }

      .assistant-actions .btn {
        width: 100%;
      }

      .summary-list li {
        grid-template-columns: 1fr;
        gap: 3px;
      }

      .dashboard-head,
      .detail-title-row,
      .form-actions {
        grid-template-columns: 1fr;
        align-items: stretch;
      }

      .toolbar {
        justify-content: stretch;
      }

      .toolbar .btn,
      .form-actions .btn {
        width: 100%;
      }

      .lead-card {
        grid-template-columns: 64px minmax(0, 1fr);
      }

      .lead-thumb {
        width: 64px;
      }
    }

    @media (max-width: 899px) {
      :root {
        --radius: 14px;
        --ios-card-shadow: 0 10px 28px rgba(15, 23, 42, .07);
        --ios-soft-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px rgba(15, 23, 42, .06);
        --ios-hairline: rgba(18, 34, 48, .10);
      }

      body {
        background:
          linear-gradient(180deg, #f8fafb 0%, #eef3f5 46%, #f6f8f9 100%);
        color: #111827;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
      }

      .topbar {
        background: rgba(248, 250, 251, .88);
        border-bottom: 1px solid rgba(18, 34, 48, .08);
        box-shadow: 0 1px 0 rgba(255, 255, 255, .82) inset;
        backdrop-filter: blur(20px) saturate(1.12);
      }

      .topbar-inner {
        grid-template-columns: minmax(154px, 188px) minmax(112px, 1fr);
        align-items: center;
        gap: 10px;
        padding: max(8px, env(safe-area-inset-top)) 0 8px;
      }

      .brand-logo {
        width: clamp(152px, 46vw, 184px);
        height: clamp(76px, 22vw, 92px);
      }

      .seller-header-side {
        gap: 7px;
      }

      .seller-account-link {
        min-height: 34px;
        border-color: rgba(18, 102, 79, .16);
        border-radius: 999px;
        background: var(--surface);
        box-shadow: 0 1px 2px rgba(15, 23, 42, .05);
        color: var(--accent-strong);
        font-size: 12px;
        font-weight: 820;
        padding: 0 11px;
      }

      .seller-header-actions {
        gap: 6px;
      }

      .seller-account-link:active {
        transform: translateY(1px);
      }

      .brand-subtitle {
        color: #607080;
        font-size: clamp(16px, 4.5vw, 18px);
        font-weight: 720;
        letter-spacing: 0;
      }

      #sellerView .screen-title {
        background: transparent;
        border: 0;
      }

      #sellerView .mobile-trust-row {
        color: #0e6a55;
      }

      #sellerView .mobile-trust-row span {
        min-height: 24px;
        color: #356254;
        font-weight: 760;
      }

      #sellerView .mobile-trust-row .icon {
        width: 15px;
        height: 15px;
      }

      #sellerView .mobile-compact-claim {
        color: #0b5b48;
        font-size: 13px;
        font-weight: 820;
      }

      #sellerView .quick-start,
      #sellerView .guided-assistant,
      #sellerView .seller-access-panel,
      #sellerView .seller-offers-panel {
        border: 1px solid rgba(18, 34, 48, .08);
        border-radius: 16px;
        background: rgba(255, 255, 255, .92);
        box-shadow: var(--ios-card-shadow);
      }

      #sellerView .quick-start,
      #sellerView .guided-assistant {
        padding: 16px;
      }

      #sellerView .seller-offers-panel {
        gap: 16px;
        padding: 18px max(18px, env(safe-area-inset-right)) 18px max(18px, env(safe-area-inset-left));
        overflow: hidden;
      }

      #sellerView .seller-offers-head {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
        align-items: stretch;
      }

      #sellerView .seller-offers-head h2 {
        margin: 0;
        font-size: 25px;
        line-height: 1.12;
      }

      #sellerView .seller-offers-head p {
        margin: 5px 0 0;
        font-size: 15px;
        line-height: 1.42;
      }

      #sellerView .seller-offers-head .btn {
        width: 100%;
        justify-content: center;
      }

      #sellerView .seller-offers-list,
      #sellerView .seller-request-list {
        width: 100%;
        min-width: 0;
      }

      #sellerView .seller-request-card,
      #sellerView .seller-offers-panel .notification-hint,
      #sellerView .seller-offers-panel .message {
        width: 100%;
        min-width: 0;
      }

      #sellerView .seller-request-card {
        padding: 15px;
        border-radius: 14px;
      }

      #sellerView .seller-offer-summary {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-auto-rows: max-content;
        align-content: start;
        justify-content: start;
        align-self: start;
        height: auto;
        min-height: 0;
        aspect-ratio: auto;
        gap: 6px;
        padding: 14px;
      }

      #sellerView .seller-offer-summary > strong {
        font-size: 28px;
      }

      #sellerView .seller-offer-validity {
        flex: none;
        align-content: start;
        align-self: start;
        height: auto;
        min-height: 0;
        max-width: 100%;
      }

      #sellerView .seller-offer-validity-copy {
        grid-auto-rows: max-content;
        align-content: start;
      }

      #sellerView .seller-profile-card {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: start;
        padding: 15px;
        border-radius: 14px;
      }

      #sellerView .seller-profile-actions {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
      }

      #sellerView .seller-profile-actions .btn {
        width: 100%;
      }

      #sellerView .seller-profile-signout {
        width: 100%;
        margin-top: 2px;
      }

      #sellerView .seller-profile-signout .btn {
        width: 100%;
      }

      #sellerView .seller-notification-settings {
        padding: 0;
        border-radius: 0;
      }

      #sellerView .seller-notification-channels {
        grid-template-columns: 1fr;
      }

      #sellerView .seller-notification-frequency-options {
        grid-template-columns: 1fr;
      }

      #sellerView .seller-notification-option {
        width: 100%;
        min-height: 64px;
      }

      #sellerView .seller-profile-edit .field-grid {
        grid-template-columns: 1fr;
      }

      #sellerView .seller-offers-panel .notification-hint,
      #sellerView .seller-offers-panel .message {
        padding: 12px;
        overflow-wrap: anywhere;
      }

      #sellerView .seller-offers-panel .mini-note {
        margin: 0;
        padding-inline: 2px;
      }

      #sellerView .seller-listing-edit-actions .btn {
        width: 100%;
        margin-left: 0;
      }

      #sellerView .seller-offer-summary-actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
      }

      #sellerView .seller-offer-summary-actions .btn {
        width: 100%;
      }

      #sellerView .seller-listing-management-actions {
        align-items: center;
        justify-content: flex-start;
      }

      #sellerView .seller-listing-management-actions .btn {
        width: auto;
        max-width: 100%;
        margin-left: 0;
      }

      #sellerView .seller-listing-edit {
        padding: 12px;
        border-radius: 14px;
      }

      #sellerView .seller-listing-edit-head,
      #sellerView .seller-listing-photo-head {
        align-items: stretch;
        flex-direction: column;
      }

      #sellerView .seller-listing-photo-head .btn,
      #sellerView .seller-listing-photo-actions .btn {
        width: 100%;
        min-height: 48px;
      }

      #sellerView .seller-listing-preview-status {
        align-items: stretch;
        flex-direction: column;
      }

      #sellerView .seller-listing-preview-status .btn {
        width: 100%;
        min-height: 48px;
      }

      #sellerView .seller-listing-photo-grid {
        grid-template-columns: minmax(0, 1fr);
      }

      #sellerView .seller-listing-facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      #sellerView .seller-listing-photo-actions {
        grid-template-columns: minmax(0, 1fr);
      }

      #sellerView .seller-listing-photo-order-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      #sellerView .quick-start {
        gap: 14px;
      }

      #sellerView .intake-copy h2,
      #sellerView .step-question h3 {
        color: #111827;
        font-size: clamp(23px, 6.4vw, 28px);
        font-weight: 860;
        line-height: 1.08;
        letter-spacing: 0;
      }

      #sellerView .intake-copy p,
      #sellerView .step-question p,
      #sellerView .mini-note,
      #sellerView .review-hint {
        color: #637181;
        font-size: 15px;
        line-height: 1.45;
      }

      #sellerView .assistant-progress {
        gap: 8px;
      }

      #sellerView .assistant-progress-row {
        color: #6b7887;
        font-size: 12px;
        font-weight: 760;
      }

      #sellerView .assistant-bar,
      #sellerView .ocr-bar {
        height: 6px;
        background: #e4eaee;
      }

      #sellerView .assistant-bar span,
      #sellerView .ocr-bar span {
        background: #0f755c;
      }

      #sellerView .assistant-step.active {
        gap: 14px;
      }

      #sellerView .field {
        gap: 7px;
      }

      #sellerView label,
      #sellerView .field > span {
        color: #2d3a46;
        font-size: 13px;
        font-weight: 780;
      }

      #sellerView input,
      #sellerView select,
      #sellerView textarea {
        min-height: 50px;
        border: 1px solid rgba(18, 34, 48, .10);
        border-radius: 13px;
        background: #fdfefe;
        color: #111827;
        box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
        font-size: 16px;
        padding: 12px 13px;
      }

      #sellerView textarea {
        min-height: 104px;
      }

      #sellerView input:focus,
      #sellerView select:focus,
      #sellerView textarea:focus {
        border-color: rgba(15, 117, 92, .58);
        box-shadow: 0 0 0 4px rgba(15, 117, 92, .12);
        background: #fff;
      }

      #sellerView .btn,
      #sellerView .file-button,
      #sellerView .unknown-btn,
      #sellerView .condition-option {
        min-height: 50px;
        border-radius: 13px;
        font-weight: 820;
      }

      #sellerView .btn.primary,
      #sellerView .file-button {
        border-color: #0f755c;
        background: #0f755c;
        color: #fff;
        box-shadow: 0 8px 18px rgba(15, 117, 92, .18);
      }

      #sellerView .btn.primary:active,
      #sellerView .file-button:active {
        transform: translateY(1px);
        box-shadow: 0 4px 12px rgba(15, 117, 92, .16);
      }

      #sellerView .btn.ghost,
      #sellerView .btn.secondary,
      #sellerView .unknown-btn {
        border-color: rgba(18, 34, 48, .10);
        background: rgba(255, 255, 255, .86);
        color: #31404f;
        box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
      }

      #sellerView button:disabled,
      #sellerView .btn:disabled {
        opacity: .54;
        box-shadow: none;
        transform: none;
      }

      #sellerView .registration-document-panel,
      #sellerView .drop-zone,
      #sellerView .trust-note,
      #sellerView .review-section,
      #sellerView .review-details-section {
        border: 1px solid rgba(18, 34, 48, .08);
        border-radius: 15px;
        background: rgba(255, 255, 255, .84);
        box-shadow: 0 1px 2px rgba(15, 23, 42, .035);
      }

      #sellerView .registration-document-panel,
      #sellerView .drop-zone {
        padding: 13px;
      }

      #sellerView .registration-document-list li,
      #sellerView .extracted-item,
      #sellerView .summary-ai-note {
        border-color: rgba(18, 34, 48, .08);
        border-radius: 12px;
        background: #fff;
      }

      #sellerView .registration-document-action {
        color: #0f755c;
      }

      #sellerView .registration-document-hint {
        border-color: rgba(173, 109, 24, .18);
        border-radius: 12px;
        background: #fff8ed;
        color: #77511b;
      }

      #sellerView .ocr-status,
      #sellerView .message,
      #sellerView .seller-submit-status {
        border-radius: 14px;
        box-shadow: 0 1px 2px rgba(15, 23, 42, .035);
      }

      #sellerView .ocr-status {
        border-color: rgba(18, 34, 48, .08);
        background: rgba(255, 255, 255, .88);
        padding: 11px 12px;
      }

      #sellerView .message {
        border: 1px solid rgba(18, 34, 48, .08);
        padding: 12px 13px;
      }

      #sellerView .message.ok {
        background: #eef8f3;
        color: #0b5b48;
      }

      #sellerView .message.info {
        background: #eef6ff;
        color: #174f82;
      }

      #sellerView .message.warn {
        background: #fff8ed;
        color: #77511b;
      }

      #sellerView .message.bad {
        background: #fff1f1;
        color: #9b1c1c;
      }

      #sellerView .seller-submit-status {
        width: 100%;
        padding: 13px 14px;
        scroll-margin-top: 88px;
        scroll-margin-bottom: calc(110px + env(safe-area-inset-bottom));
      }

      #sellerView .seller-submit-copy strong {
        font-size: 15px;
      }

      #sellerView .form-actions {
        gap: 12px;
        padding-bottom: max(8px, env(safe-area-inset-bottom));
      }

      #sellerView .condition-options {
        gap: 9px;
      }

      #sellerView .condition-option {
        border: 1px solid rgba(18, 34, 48, .10);
        background: #fff;
        color: #17212b;
        box-shadow: 0 1px 2px rgba(15, 23, 42, .035);
      }

      #sellerView .condition-option[aria-pressed="true"] {
        border-color: rgba(15, 117, 92, .45);
        background: #eef8f3;
        color: #0b5b48;
        box-shadow: 0 0 0 4px rgba(15, 117, 92, .10);
      }

      #sellerView .review-form {
        gap: 12px;
      }

      #sellerView .review-section {
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        padding: 0;
      }

      #sellerView .review-details-section {
        border: 0;
        border-top: 1px solid rgba(18, 34, 48, .08);
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        padding: 13px 0 0;
      }

      #sellerView .review-section + .review-section {
        border-top: 1px solid rgba(18, 34, 48, .08);
        padding-top: 13px;
      }

      #sellerView .review-section-title {
        color: #111827;
        font-size: 14px;
        font-weight: 840;
      }

      #sellerView .review-field {
        border: 0;
        border-left-width: 4px;
        border-radius: 13px;
        background: rgba(255, 255, 255, .58);
        padding: 9px 0 9px 10px;
      }

      #sellerView .review-field[data-state="safe"],
      #sellerView .review-field[data-state="confirmed"] {
        border-left-color: #0f755c;
        background: rgba(239, 248, 243, .48);
      }

      #sellerView .review-field[data-state="check"] {
        border-left-color: #d6a13a;
        background: rgba(255, 248, 237, .62);
      }

      #sellerView .review-field label {
        color: #334155;
        font-size: 12px;
        font-weight: 820;
      }

      #sellerView .assistant-actions {
        gap: 9px;
      }

      #sellerView .assistant-actions .btn {
        width: 100%;
      }
    }

    .guided-assistant[data-phase="vehicle"] .assistant-step[data-step="1"],
    .guided-assistant[data-phase="vehicle"] .assistant-step[data-step="2"],
    .guided-assistant[data-phase="vehicle"] .assistant-step[data-step="3"],
    .guided-assistant[data-phase="vehicle"] .assistant-step[data-step="4"],
    .guided-assistant[data-phase="vehicle"] .assistant-step[data-step="5"],
    .guided-assistant[data-phase="vehicle"] .assistant-step[data-step="6"],
    .guided-assistant[data-phase="condition"] .assistant-step[data-step="7"],
    .guided-assistant[data-phase="condition"] .assistant-step[data-step="8"],
    .guided-assistant[data-phase="condition"] .assistant-step[data-step="10"],
    .guided-assistant[data-phase="contact"] .assistant-step[data-step="9"] {
      display: grid;
    }

    .guided-assistant[data-phase="vehicle"]:not(.vehicle-fields-visible) .assistant-step[data-step="1"],
    .guided-assistant[data-phase="vehicle"]:not(.vehicle-fields-visible) .assistant-step[data-step="2"],
    .guided-assistant[data-phase="vehicle"]:not(.vehicle-fields-visible) .assistant-step[data-step="3"],
    .guided-assistant[data-phase="vehicle"]:not(.vehicle-fields-visible) .assistant-step[data-step="4"],
    .guided-assistant[data-phase="vehicle"]:not(.vehicle-fields-visible) .assistant-step[data-step="5"],
    .guided-assistant[data-phase="vehicle"]:not(.vehicle-fields-visible) .assistant-step[data-step="6"],
    .guided-assistant[data-phase="vehicle"].vehicle-fields-visible .assistant-step[data-step="0"] {
      display: none;
    }

    .guided-assistant[data-phase="vehicle"].vehicle-fields-visible {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      align-items: start;
    }

    .vehicle-details-columns {
      display: grid;
      grid-column: 1 / -1;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 16px;
      align-items: start;
    }

    .vehicle-details-column {
      display: grid;
      min-width: 0;
      align-content: start;
      gap: 16px;
    }

    .guided-assistant[data-phase="vehicle"].vehicle-fields-visible > :not(.assistant-step),
    .guided-assistant[data-phase="vehicle"].vehicle-fields-visible .assistant-step[data-step="1"] {
      grid-column: 1 / -1;
    }

    .guided-assistant[data-phase="vehicle"] .assistant-step[data-step="2"] .step-question,
    .guided-assistant[data-phase="vehicle"] .assistant-step[data-step="3"] .step-question,
    .guided-assistant[data-phase="vehicle"] .assistant-step[data-step="4"] .step-question,
    .guided-assistant[data-phase="vehicle"] .assistant-step[data-step="5"] .step-question,
    .guided-assistant[data-phase="vehicle"] .assistant-step[data-step="6"] .step-question,
    .guided-assistant[data-phase="vehicle"] .unknown-btn {
      display: none;
    }

    .vehicle-combobox {
      position: relative;
      z-index: 3;
      display: grid;
      gap: 7px;
      min-width: 0;
    }

    .vehicle-combobox.is-open {
      z-index: 45;
    }

    .vehicle-combobox > input {
      padding-right: 52px;
    }

    .vehicle-combobox-toggle {
      position: absolute;
      z-index: 2;
      top: 0;
      right: 0;
      display: inline-grid;
      width: 48px;
      min-width: 48px;
      height: 48px;
      min-height: 48px;
      padding: 0;
      place-items: center;
      border: 0;
      border-left: 1px solid transparent;
      border-radius: 0 12px 12px 0;
      background: transparent;
      color: #4e5e56;
      cursor: pointer;
    }

    .vehicle-combobox-toggle:hover,
    .vehicle-combobox-toggle:focus-visible {
      background: #eef7f3;
      color: #0c624e;
    }

    .vehicle-combobox-toggle:focus-visible {
      outline: 2px solid #27856f;
      outline-offset: -3px;
    }

    .vehicle-combobox-toggle:disabled {
      cursor: not-allowed;
      color: #89958f;
      opacity: .65;
    }

    .vehicle-combobox.is-open .vehicle-combobox-toggle .icon {
      transform: rotate(180deg);
    }

    .vehicle-combobox input[aria-expanded="true"] {
      border-color: #27856f;
      box-shadow: 0 0 0 3px rgba(39, 133, 111, .12);
    }

    .vehicle-combobox input:disabled {
      cursor: not-allowed;
      background: #f1f4f3;
      color: #718078;
      opacity: 1;
    }

    .vehicle-combobox-list {
      position: absolute;
      z-index: 4;
      top: calc(100% + 6px);
      right: 0;
      left: 0;
      display: grid;
      max-height: min(320px, var(--vehicle-combobox-space, calc(100dvh - 160px)));
      overflow-y: auto;
      overflow-x: hidden;
      overscroll-behavior: contain;
      -webkit-overflow-scrolling: touch;
      border: 1px solid #d7e1dd;
      border-radius: 10px;
      background: #fff;
      box-shadow: 0 10px 24px rgba(22, 50, 41, .1);
    }

    .vehicle-combobox-list.opens-upward {
      top: auto;
      bottom: calc(100% + 6px);
    }

    .vehicle-combobox-list[hidden] {
      display: none !important;
    }

    .vehicle-combobox-group-label {
      position: sticky;
      z-index: 1;
      top: 0;
      min-height: 34px;
      padding: 8px 13px;
      border-bottom: 1px solid #dfe7e3;
      background: #f6f8f7;
      color: #5d6b64;
      font-size: 12px;
      font-weight: 760;
      line-height: 18px;
    }

    .vehicle-combobox-option {
      display: flex;
      align-items: center;
      width: 100%;
      min-height: 48px;
      padding: 10px 13px;
      border: 0;
      border-bottom: 1px solid #edf1ef;
      border-radius: 0;
      background: #fff;
      color: #17221e;
      font: inherit;
      font-weight: 680;
      text-align: left;
      cursor: pointer;
    }

    .vehicle-combobox-option:last-child {
      border-bottom: 0;
    }

    .vehicle-combobox-option:hover,
    .vehicle-combobox-option.is-active,
    .vehicle-combobox-option[aria-selected="true"] {
      background: #eef7f3;
      color: #0c624e;
    }

    .vehicle-combobox-option.is-current {
      box-shadow: inset 3px 0 0 #27856f;
      color: #0c624e;
      font-weight: 760;
    }

    .vehicle-combobox-option.is-custom {
      color: #44534c;
      font-weight: 620;
    }

    .vehicle-combobox-empty,
    .vehicle-combobox-hint {
      margin: 0;
      color: #66746d;
      font-size: 13px;
      line-height: 1.4;
    }

    .vehicle-combobox-empty {
      padding: 12px 13px;
    }

    .optional-label {
      color: #6d7973;
      font-weight: 560;
    }

    .vehicle-catalog-fuel-status {
      display: flex;
      align-items: center;
      gap: 7px;
      margin: 2px 0 0;
      color: #4f685f;
      font-size: 13px;
      line-height: 1.4;
    }

    .vehicle-catalog-fuel-status::before {
      content: "";
      width: 7px;
      height: 7px;
      flex: 0 0 7px;
      border-radius: 50%;
      background: #65a28f;
    }

    .vehicle-catalog-fuel-status[hidden] {
      display: none !important;
    }

    .vehicle-description-assist {
      margin-top: 4px;
      border-top: 1px solid #e1e8e5;
      padding-top: 12px;
    }

    .vehicle-description-assist summary {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-height: 44px;
      color: #2f5f51;
      font-size: 14px;
      font-weight: 720;
      cursor: pointer;
      list-style: none;
    }

    .vehicle-description-assist summary::-webkit-details-marker {
      display: none;
    }

    .vehicle-description-assist summary::before {
      content: "+";
      display: grid;
      width: 24px;
      height: 24px;
      place-items: center;
      border: 1px solid #b8ccc4;
      border-radius: 50%;
      background: #f5f9f7;
      font-size: 18px;
      line-height: 1;
    }

    .vehicle-description-assist[open] summary::before {
      content: "\2212";
    }

    .vehicle-description-assist-body {
      display: grid;
      gap: 10px;
      padding: 8px 0 2px;
    }

    .vehicle-description-assist-actions {
      display: flex;
      align-items: stretch;
      gap: 9px;
    }

    .vehicle-description-assist-actions input {
      min-width: 0;
      flex: 1 1 auto;
    }

    .vehicle-description-assist-actions .btn {
      flex: 0 0 auto;
      min-height: 48px;
    }

    .vehicle-description-suggestion {
      display: grid;
      gap: 10px;
      padding: 12px 0 0;
      border-top: 1px solid #e1e8e5;
    }

    .vehicle-description-suggestion[hidden] {
      display: none !important;
    }

    .vehicle-description-suggestion dl {
      display: grid;
      grid-template-columns: minmax(90px, auto) 1fr;
      gap: 6px 12px;
      margin: 0;
      font-size: 14px;
    }

    .vehicle-description-suggestion dt {
      color: #66746d;
    }

    .vehicle-description-suggestion dd {
      margin: 0;
      color: #17221e;
      font-weight: 700;
    }

    .vehicle-description-suggestion-controls {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    @media (max-width: 899px) {
      .vehicle-combobox-list {
        max-height: min(320px, var(--vehicle-combobox-space, calc(100dvh - 136px)));
        box-shadow: 0 7px 18px rgba(22, 50, 41, .09);
      }

      .vehicle-description-assist-actions {
        display: grid;
      }

      .vehicle-description-assist-actions .btn {
        width: 100%;
      }

      .vehicle-description-suggestion-controls .btn {
        width: 100%;
      }
    }

    .assistant-required-summary {
      display: flex;
      align-items: flex-start;
      gap: 8px;
      min-width: 0;
      padding: 9px 12px;
      border: 1px solid #ead7a0;
      border-radius: 8px;
      background: #fffdf4;
      color: #675528;
      font-size: 13px;
      line-height: 1.4;
    }

    .assistant-required-summary[data-state="complete"] {
      border-color: #b8d8cc;
      background: #f1f8f5;
      color: #0b604c;
    }

    .assistant-required-summary[hidden] { display: none !important; }

    .assistant-required-summary .icon {
      flex: 0 0 auto;
      width: 17px;
      height: 17px;
      margin-top: 0;
    }

    .chapter-required-missing {
      box-shadow: none;
    }

    .field.chapter-required-missing :is(input, select, textarea),
    .contact-group.chapter-required-missing :is(input, select, textarea),
    :is(input, select, textarea).chapter-required-missing {
      border-color: #e8c46a !important;
      background-color: #fffdf4 !important;
      box-shadow: none;
    }

    .field.chapter-required-missing :is(input, select, textarea):focus,
    .contact-group.chapter-required-missing :is(input, select, textarea):focus,
    :is(input, select, textarea).chapter-required-missing:focus {
      border-color: rgba(15, 117, 92, .68) !important;
      background-color: #fffdf4 !important;
      box-shadow: 0 0 0 4px rgba(15, 117, 92, .11);
    }

    .mileage-control.chapter-required-missing .mileage-input-wrap {
      border-color: #e8c46a !important;
      background: #fffdf4 !important;
      box-shadow: none;
    }

    .mileage-control.chapter-required-missing .mileage-input-wrap:focus-within {
      border-color: rgba(15, 117, 92, .68) !important;
      background: #fffdf4 !important;
      box-shadow: 0 0 0 4px rgba(15, 117, 92, .11);
    }

    .mileage-control.chapter-required-missing .mileage-input-wrap input {
      background: transparent !important;
    }

    .mileage-validation-message {
      margin: 0;
      color: #80652a;
      font-size: 13px;
      font-weight: 650;
      line-height: 1.45;
      overflow-wrap: anywhere;
    }

    .assistant-field-error {
      display: block;
      width: 100%;
      margin: 7px 0 0;
      color: var(--danger-text);
      font-size: 13px;
      font-weight: 680;
      line-height: 1.4;
      overflow-wrap: anywhere;
    }

    .assistant-field-error[hidden] {
      display: none;
    }

    .assistant-field-error[data-kind="missing"] {
      color: #80652a;
    }

    .chapter-validation-invalid:is(.field, .contact-group, .vin-required-field) :is(input, select, textarea),
    .chapter-validation-invalid.mileage-control .mileage-input-wrap {
      border-color: #c43d3d !important;
      background: #fff5f5 !important;
    }

    .chapter-validation-invalid:is(.condition-options, .damage-type-grid) {
      outline: 2px solid #c43d3d;
      outline-offset: 3px;
    }

    .condition-options.chapter-validation-invalid {
      border-color: #c43d3d;
      background: #fff5f5;
    }

    .mileage-control.mileage-validation-invalid .mileage-input-wrap {
      border-color: #c43d3d !important;
      background: #fff5f5 !important;
      box-shadow: none;
    }

    .mileage-control.mileage-validation-invalid .mileage-input-wrap:focus-within {
      border-color: #a72f2f !important;
      background: #fff5f5 !important;
      box-shadow: 0 0 0 4px rgba(196, 61, 61, .12);
    }

    .mileage-control.mileage-validation-invalid .mileage-validation-message {
      color: #9c2f2f;
    }

    .condition-options.chapter-required-missing {
      border-color: #e8c46a;
      background: #fffdf4;
    }

    .condition-options.chapter-required-missing.chapter-validation-invalid {
      border-color: #c43d3d;
      background: #fff5f5;
    }

    .damage-type-grid.chapter-required-missing .choice-check {
      border-color: #e8c46a;
      background: #fffdf4;
      box-shadow: none;
    }

    .damage-type-grid.chapter-required-missing .choice-check:focus-within {
      border-color: rgba(15, 117, 92, .68);
      box-shadow: 0 0 0 4px rgba(15, 117, 92, .11);
    }

    .field.chapter-required-missing:not([data-required-indicator="controlled"]) > label,
    .mileage-control.chapter-required-missing > label {
      position: relative;
    }

    .field.chapter-required-missing:not([data-required-indicator="controlled"]) > label::after,
    .mileage-control.chapter-required-missing > label::after {
      content: "Pflicht";
      position: absolute;
      display: inline-flex;
      box-sizing: border-box;
      align-items: center;
      height: 16px;
      margin-left: 7px;
      padding: 0 5px;
      border: 1px solid #ead49a;
      border-radius: 999px;
      background: #fff8e6;
      color: #80652a;
      font-size: 10px;
      font-weight: 720;
      line-height: 14px;
    }

    html[lang="en"] .field.chapter-required-missing:not([data-required-indicator="controlled"]) > label::after,
    html[lang="en"] .mileage-control.chapter-required-missing > label::after {
      content: "Required";
    }

    .assistant-required-summary > span {
      min-width: 0;
      overflow-wrap: anywhere;
    }

    @media (max-width: 899px) {
      .assistant-required-summary {
        width: 100%;
        padding: 9px 11px;
      }
    }

    .compact-action {
      width: fit-content;
      min-height: 44px;
    }

    .condition-facts,
    .sale-questions {
      display: grid;
      gap: 16px;
      padding: 18px;
      border: 1px solid var(--line);
      border-radius: 12px;
      background: #f8faf9;
    }

    .condition-facts h4,
    .sale-questions h4 {
      margin: 0 0 4px;
      font-size: 18px;
    }

    .condition-facts-grid,
    .sale-questions-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
      min-width: 0;
      max-width: 100%;
    }

    /* Keep the controlled Pickerl month selector inside narrow iOS form cards. */
    #sellerView .condition-facts {
      min-width: 0;
      max-width: 100%;
    }

    #sellerView #inspectionValidUntilField,
    #sellerView #inspectionValidUntil {
      display: block;
      width: 100%;
      min-width: 0 !important;
      max-width: 100% !important;
      min-inline-size: 0 !important;
      max-inline-size: 100% !important;
      box-sizing: border-box;
    }

    #sellerView #leadForm[data-media-recovery-locked="true"] [data-media-recovery-locked-control="true"] {
      pointer-events: none;
      opacity: 0.72;
    }

    #sellerView #inspectionValidUntil {
      min-height: 50px;
      font-size: max(16px, 1rem);
      line-height: 1.4;
      white-space: normal;
    }

    #sellerView .inspection-month-hint {
      display: block;
      max-width: 100%;
      margin: 0;
      color: #5f6f7c;
      font-size: 13px;
      line-height: 1.45;
      overflow-wrap: anywhere;
    }

    #sellerView #inspectionValidUntilField[data-inspection-state="expired"] .inspection-month-hint,
    #sellerView #inspectionValidUntilField[data-inspection-state="invalid"] .inspection-month-hint {
      color: #8a5b00;
      font-weight: 720;
    }

    .sale-questions-grid > .field-span-full {
      grid-column: 1 / -1;
    }

    .condition-group-title {
      grid-column: 1 / -1;
      margin: 8px 0 -2px;
      color: #354452;
      font-size: 14px;
      font-weight: 820;
      letter-spacing: 0;
    }

    .conditional-fields {
      display: grid;
      gap: 12px;
      grid-column: 1 / -1;
      padding: 14px;
      border-radius: 10px;
      background: #fff8e8;
      border: 1px solid #ead39b;
    }

    .conditional-fields[hidden] { display: none !important; }

    .damage-type-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
    }

    .damage-type-grid .choice-check {
      min-height: 44px;
      margin-top: 0;
    }

    .required-photo-head {
      display: grid;
      gap: 4px;
      padding: 14px 16px;
      border: 1px solid rgba(18, 102, 79, .16);
      border-radius: 12px;
      background: #eef7f3;
      color: #075c48;
    }

    .required-photo-head span {
      color: var(--muted);
      font-size: 14px;
    }

    .required-photo-head[data-status="missing"],
    .required-photo-head[data-status="partial"] {
      border-color: #e8c46a;
      background: #fff8ed;
      color: #75460f;
    }

    .required-photo-head[data-status="invalid"] {
      border-color: #c43d3d;
      background: #fff5f5;
      color: #9c2f2f;
    }

    .photo-required-badge,
    .required-badge {
      display: inline-flex;
      box-sizing: border-box;
      align-items: center;
      min-height: 18px;
      margin-left: 7px;
      padding: 1px 6px;
      border: 1px solid #ead49a;
      border-radius: 999px;
      background: #fff8e6;
      color: #80652a;
      font-size: 11px;
      font-weight: 750;
      vertical-align: middle;
    }

    .required-badge[hidden] {
      display: none !important;
    }

    .required-badge[data-state="invalid"] {
      border-color: #e7aaaa;
      background: #fff5f5;
      color: #9c2f2f;
    }

    .photo-recommendations {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px 18px;
      margin: 0;
      padding: 14px 16px 14px 34px;
      border: 1px solid var(--line);
      border-radius: 12px;
      background: #fbfcfd;
      color: var(--muted);
      font-size: 14px;
      line-height: 1.4;
    }

    .photo-category-uploader {
      display: grid;
      gap: 16px;
      min-width: 0;
      max-width: 100%;
      padding: 14px;
      border: 1px solid transparent;
      border-radius: 12px;
      box-sizing: border-box;
    }

    .photo-category-uploader[data-required-state="missing"] {
      border-color: #e8c46a;
      background: #fffdf4;
    }

    .photo-category-uploader[data-required-state="invalid"] {
      border-color: #c43d3d;
      background: #fff5f5;
    }

    .vehicle-photo-error {
      margin: 0;
      color: #9c2f2f;
      font-size: 13px;
      font-weight: 650;
      line-height: 1.45;
      overflow-wrap: anywhere;
    }

    .vehicle-photo-error[hidden] {
      display: none;
    }

    .vehicle-photo-slots {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
    }

    .vehicle-photo-slot {
      min-width: 0;
      display: grid;
      grid-template-rows: auto 1fr auto;
      gap: 10px;
      padding: 12px;
      border: 1px solid var(--line);
      border-radius: 12px;
      background: #fff;
    }

    .vehicle-photo-slot.complete {
      border-color: #7eb8a5;
      background: #f2faf6;
    }

    .vehicle-photo-preview {
      aspect-ratio: 4 / 3;
      display: grid;
      place-items: center;
      overflow: hidden;
      border-radius: 9px;
      background: #edf2f1;
      color: #60716d;
    }

    .vehicle-photo-preview img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .vehicle-photo-slot-copy {
      min-width: 0;
      display: grid;
      gap: 3px;
    }

    .vehicle-photo-slot-copy strong,
    .vehicle-photo-slot-copy span {
      overflow-wrap: anywhere;
    }

    .vehicle-photo-slot-copy span {
      color: var(--muted);
      font-size: 12px;
    }

    .vehicle-photo-actions {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 6px;
    }

    .vehicle-photo-actions .btn {
      min-height: 42px;
      padding: 8px 10px;
      font-size: 13px;
    }

    .optional-photo-upload {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 14px;
      padding-top: 4px;
    }

    .photo-main-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }

    .photo-main-actions .btn {
      min-height: 48px;
    }

    dialog.seller-help-dialog {
      width: min(calc(100% - 32px), 620px);
      height: fit-content !important;
      min-height: fit-content !important;
      max-height: min(88dvh, 680px);
      overflow: visible;
      border-color: #d7e5df;
      border-radius: 14px;
    }

    .seller-help-dialog .seller-legal-dialog-shell {
      display: block;
      height: auto;
      max-height: none;
      overflow: visible;
    }

    .seller-help-dialog .seller-legal-dialog-content {
      display: grid;
      position: relative;
      min-height: 0;
      max-height: none;
      overflow: visible;
      padding: 26px 28px 28px;
    }

    .seller-help-close {
      position: absolute;
      top: 16px;
      right: 16px;
    }

    .seller-help-dialog-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      width: fit-content;
      color: #1c6b56;
      font-size: 14px;
      font-weight: 800;
    }

    .seller-help-dialog-eyebrow .icon {
      width: 18px;
      height: 18px;
    }

    .seller-help-list {
      display: grid;
      gap: 10px;
    }

    .seller-help-item {
      display: grid;
      grid-template-columns: 30px minmax(0, 1fr);
      gap: 10px;
      align-items: start;
      padding: 12px 14px;
      border: 1px solid #dbe7e2;
      border-radius: 10px;
      background: #f8fbfa;
    }

    .seller-help-item-number {
      display: inline-grid;
      width: 28px;
      height: 28px;
      place-items: center;
      border-radius: 50%;
      background: #dff1ea;
      color: #176550;
      font-size: 14px;
      font-weight: 850;
    }

    .seller-help-item strong,
    .seller-help-item p {
      margin: 0;
    }

    .seller-help-item strong {
      display: block;
      margin-bottom: 3px;
      font-size: 15px;
    }

    .seller-help-item p {
      color: var(--muted);
      font-size: 14px;
      line-height: 1.45;
    }

    .seller-help-dialog-actions {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }

    .seller-help-dialog-actions .btn {
      width: 100%;
      min-height: 50px;
    }

    .seller-submit-status {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: 9px 11px;
      align-items: center;
      border: 1px solid rgba(18, 102, 79, .18);
      border-radius: 10px;
      background: #f5faf8;
      color: var(--ink);
      padding: 12px 13px;
      scroll-margin-block: 100px;
    }

    .seller-submit-status[hidden] {
      display: none;
    }

    .seller-submit-spinner {
      width: 20px;
      height: 20px;
      border: 2px solid rgba(18, 102, 79, .18);
      border-top-color: var(--accent);
      border-radius: 999px;
    }

    .seller-submit-status[data-state="working"] .seller-submit-spinner {
      animation: ocrSpin .8s linear infinite;
    }

    .seller-submit-status[data-state="success"] .seller-submit-spinner {
      border-color: var(--accent);
      background: radial-gradient(circle at center, var(--accent) 0 36%, transparent 38%);
    }

    .seller-submit-status[data-state="attention"] {
      border-color: rgba(173, 109, 24, .24);
      background: #fff8ed;
    }

    .seller-submit-status[data-state="attention"] .seller-submit-spinner,
    .seller-submit-status[data-state="error"] .seller-submit-spinner {
      animation: none;
      border-top-color: currentColor;
    }

    .seller-submit-status[data-state="error"] {
      grid-template-columns: minmax(0, 1fr);
      border-color: rgba(180, 35, 42, .22);
      background: #fff4f4;
      color: #7a1b20;
    }

    .seller-submit-status[data-state="error"] .seller-submit-spinner,
    .seller-submit-status[data-state="error"] .seller-submit-progress {
      display: none;
    }

    .seller-submit-copy {
      display: grid;
      min-width: 0;
      gap: 2px;
    }

    .seller-submit-copy strong {
      font-size: 14px;
      line-height: 1.35;
    }

    .seller-submit-copy span {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.4;
    }

    .seller-submit-status[data-state="error"] .seller-submit-copy span {
      color: #7a1b20;
    }

    .seller-submit-progress {
      position: relative;
      grid-column: 1 / -1;
      width: 100%;
      height: 6px;
      overflow: hidden;
      border-radius: 999px;
      background: #d8e3e8;
    }

    .seller-submit-progress span {
      display: block;
      width: var(--submit-progress, 0%);
      height: 100%;
      border-radius: inherit;
      background: var(--accent);
      transition: width .2s ease;
    }

    .seller-submit-progress.is-indeterminate span {
      width: 42%;
      animation: ocrProgress 1.25s ease-in-out infinite;
    }

    .seller-submit-status[data-state="attention"] .seller-submit-progress span,
    .seller-submit-status[data-state="error"] .seller-submit-progress span {
      width: 100%;
      animation: none;
      background: currentColor;
      opacity: .42;
    }

    .optional-photo-upload div {
      display: grid;
      gap: 2px;
    }

    .optional-photo-upload span {
      color: var(--muted);
      font-size: 13px;
    }

    .optional-image-grid:empty { display: none; }

    .optional-image-grid .image-preview { position: relative; }

    .image-preview-label {
      position: absolute;
      left: 7px;
      right: 34px;
      bottom: 7px;
      padding: 4px 7px;
      overflow: hidden;
      border-radius: 6px;
      background: rgba(15, 23, 42, .78);
      color: #fff;
      font-size: 11px;
      line-height: 1.2;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .money-input-wrap {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 10px;
    }

    .money-input-wrap > span { font-weight: 800; }

    .expected-price-field { grid-column: 1 / -1; }

    .choice-check {
      display: flex;
      align-items: center;
      gap: 10px;
      min-height: 48px;
      margin-top: 8px;
      padding: 10px 12px;
      border: 1px solid rgba(18, 34, 48, .10);
      border-radius: 12px;
      background: #fff;
      cursor: pointer;
    }

    #sellerView .choice-check input[type="checkbox"] {
      width: 22px;
      min-height: 22px;
      margin: 0;
      padding: 0;
      box-shadow: none;
    }

    .choice-check span { font-weight: 700; }

    @media (max-width: 899px) {
      #sellerView .guided-assistant[data-phase="vehicle"].vehicle-fields-visible,
      #sellerView .vehicle-details-columns,
      #sellerView .condition-facts-grid,
      #sellerView .sale-questions-grid,
      #sellerView .vehicle-color-fields,
      #sellerView .power-fields {
        grid-template-columns: minmax(0, 1fr);
      }

      #sellerView .vehicle-details-column {
        display: contents;
      }

      #sellerView .vehicle-details-columns .assistant-step[data-step="2"] { order: 1; }
      #sellerView .vehicle-details-columns .assistant-step[data-step="3"] { order: 2; }
      #sellerView .vehicle-details-columns .assistant-step[data-step="4"] { order: 3; }
      #sellerView .vehicle-details-columns .assistant-step[data-step="5"] { order: 4; }
      #sellerView .vehicle-details-columns .assistant-step[data-step="6"] { order: 5; }

      #sellerView .damage-type-grid {
        grid-template-columns: minmax(0, 1fr);
      }

      #sellerView .guided-assistant[data-phase="vehicle"].vehicle-fields-visible > * {
        grid-column: 1;
      }

      #sellerView .vehicle-photo-slots {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      #sellerView .photo-recommendations {
        grid-template-columns: minmax(0, 1fr);
      }

      #sellerView .condition-facts,
      #sellerView .sale-questions {
        padding: 14px;
        border-radius: 14px;
      }

      #sellerView .optional-photo-upload {
        align-items: stretch;
        flex-direction: column;
      }

      #sellerView .optional-photo-upload .btn,
      #sellerView .photo-main-actions .btn,
      #sellerView .compact-action {
        width: 100%;
        min-height: 48px;
      }

      #sellerView .photo-main-actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
      }

      #sellerView .seller-submit-actions {
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch;
      }

      #sellerView .seller-submit-actions #submitLead {
        width: 100%;
        min-height: 52px;
        justify-self: stretch;
      }

      dialog.seller-help-dialog {
        width: min(calc(100% - 24px), 620px);
        max-height: calc(100dvh - 24px);
      }

      .seller-help-dialog .seller-legal-dialog-content {
        padding: 22px 20px;
        gap: 14px;
      }

      .seller-help-dialog-actions {
        grid-template-columns: minmax(0, 1fr);
      }
    }

    @media (max-width: 420px) {
      #sellerView .vehicle-photo-slots { grid-template-columns: minmax(0, 1fr); }
      #sellerView .vehicle-photo-slot { grid-template-columns: 88px minmax(0, 1fr); grid-template-rows: auto auto; }
      #sellerView .vehicle-photo-preview { grid-row: 1 / span 2; }
      #sellerView .vehicle-photo-actions { grid-column: 2; }
    }

    .seller-legal-footer {
      width: 100%;
      margin: 26px 0 34px;
      color: var(--muted);
    }

    .seller-legal-footer-inner {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 4px 18px;
      padding: 18px 20px 8px;
      border-top: 1px solid var(--line);
      font-size: 13px;
      line-height: 1.4;
    }

    .seller-legal-link {
      min-height: 44px;
      border: 0;
      padding: 11px 0;
      background: transparent;
      color: var(--muted);
      font: inherit;
      text-decoration: underline;
      text-underline-offset: 3px;
      cursor: pointer;
    }

    .seller-legal-link:hover,
    .seller-legal-link:focus-visible {
      color: var(--accent-strong);
    }

    .seller-legal-dialog {
      width: min(calc(100% - 32px), 720px);
      height: min(82dvh, 780px);
      max-height: min(82dvh, 780px);
      margin: auto;
      padding: 0;
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: 16px;
      background: var(--surface);
      color: var(--ink);
      box-shadow: var(--shadow);
    }

    .seller-legal-dialog::backdrop {
      background: rgba(23, 32, 42, .48);
    }

    .seller-legal-dialog-shell {
      display: grid;
      grid-template-rows: auto minmax(0, 1fr) auto;
      height: min(82dvh, 780px);
      max-height: min(82dvh, 780px);
      min-height: 0;
      overflow: hidden;
    }

    .seller-legal-dialog-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      padding: 18px 20px;
      border-bottom: 1px solid var(--line);
    }

    .seller-legal-dialog-head strong {
      font-size: 16px;
    }

    .seller-legal-dialog-close {
      display: inline-grid;
      width: 48px;
      height: 48px;
      flex: 0 0 auto;
      place-items: center;
      border: 1px solid var(--line);
      border-radius: 50%;
      background: var(--surface);
      color: var(--ink);
      cursor: pointer;
    }

    .seller-legal-dialog-close:hover,
    .seller-legal-dialog-close:focus-visible {
      border-color: #a9cfc3;
      color: var(--accent-strong);
      outline: none;
      box-shadow: var(--focus);
    }

    .seller-legal-dialog-content {
      display: grid;
      gap: 16px;
      min-height: 0;
      max-height: 100%;
      overflow-y: auto;
      overflow-x: hidden;
      overscroll-behavior: contain;
      -webkit-overflow-scrolling: touch;
      touch-action: pan-y;
      padding: 22px 20px 26px;
    }

    .seller-legal-dialog-content h2,
    .seller-legal-dialog-content h3,
    .seller-legal-dialog-content p,
    .seller-legal-dialog-content ul {
      margin: 0;
    }

    .seller-legal-dialog-content h2 {
      font-size: 24px;
      line-height: 1.18;
    }

    .seller-legal-dialog-content h3 {
      font-size: 16px;
    }

    .seller-legal-dialog-content p,
    .seller-legal-dialog-content li {
      color: var(--muted);
      line-height: 1.55;
    }

    .seller-legal-dialog-content ul {
      display: grid;
      gap: 7px;
      padding-left: 20px;
    }

    .seller-legal-note {
      padding: 12px 14px;
      border: 1px solid #d7e8e2;
      border-radius: 12px;
      background: #f1f8f5;
      color: #285b4d !important;
      font-size: 14px;
    }

    .seller-legal-dialog-content a {
      color: var(--accent-strong);
      font-weight: 700;
    }

    .seller-legal-dialog-actions {
      display: grid;
      gap: 10px;
      padding: 16px 20px max(18px, env(safe-area-inset-bottom, 0px));
      border-top: 1px solid var(--line);
      background: var(--surface);
    }

    .seller-legal-dialog-actions-primary {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }

    .seller-legal-dialog-actions .btn {
      width: 100%;
      min-height: 48px;
      justify-content: center;
    }

    .seller-legal-public-link {
      width: fit-content;
      justify-self: center;
      color: var(--accent-strong);
      font-size: 14px;
      font-weight: 750;
      line-height: 1.4;
      text-align: center;
      text-underline-offset: 3px;
    }

    .seller-legal-public-link:hover,
    .seller-legal-public-link:focus-visible {
      color: var(--accent);
    }

    @media (max-width: 520px) {
      .seller-legal-footer {
        margin-top: 20px;
      }

      .seller-legal-footer-inner {
        justify-content: flex-start;
        gap: 2px 16px;
        padding: 16px 18px 4px;
      }

      .seller-legal-dialog {
        width: min(calc(100% - 24px), 720px);
        height: min(86dvh, 780px);
        max-height: calc(100vh - 24px);
        max-height: calc(
          100dvh
          - max(12px, env(safe-area-inset-top, 0px))
          - max(12px, env(safe-area-inset-bottom, 0px))
        );
      }

      .seller-legal-dialog-shell {
        height: 100%;
        max-height: 100%;
      }

      .seller-legal-dialog-head {
        padding: 16px 18px;
      }

      .seller-legal-dialog-content {
        padding: 20px 18px 24px;
      }

      .seller-legal-dialog-actions {
        padding: 14px 18px max(16px, env(safe-area-inset-bottom, 0px));
      }

      .seller-legal-dialog-actions-primary {
        grid-template-columns: minmax(0, 1fr);
      }
    }

    .seller-header-menu-dialog {
      position: fixed;
      inset: 82px max(16px, calc((100vw - 1220px) / 2)) auto auto;
      width: min(360px, calc(100vw - 32px));
      max-width: none;
      max-height: calc(100dvh - 102px);
      margin: 0;
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: 12px;
      padding: 0;
      background: var(--surface);
      color: var(--ink);
      box-shadow: var(--shadow);
    }

    .seller-header-menu-dialog::backdrop {
      background: color-mix(in srgb, var(--overlay) 54%, transparent);
    }

    .seller-header-menu-sheet {
      display: grid;
      grid-template-rows: auto minmax(0, 1fr);
      max-height: calc(100dvh - 102px);
      min-height: 0;
      background: var(--surface);
    }

    .seller-header-menu-head {
      display: grid;
      grid-template-columns: 48px minmax(0, 1fr) 48px;
      align-items: center;
      gap: 8px;
      min-height: 64px;
      border-bottom: 1px solid var(--line);
      padding: 8px 10px;
    }

    .seller-header-menu-heading {
      display: grid;
      grid-column: 2;
      min-width: 0;
      gap: 2px;
      text-align: center;
    }

    .seller-header-menu-heading strong {
      overflow: hidden;
      color: var(--ink);
      font-size: 16px;
      line-height: 1.25;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .seller-header-menu-heading span {
      overflow: hidden;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.3;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .seller-header-menu-icon {
      display: grid;
      width: 48px;
      height: 48px;
      place-items: center;
      border: 1px solid transparent;
      border-radius: 50%;
      background: transparent;
      color: var(--ink);
      padding: 0;
    }

    #sellerHeaderMenuBack {
      grid-column: 1;
      grid-row: 1;
    }

    #sellerHeaderMenuClose {
      grid-column: 3;
      grid-row: 1;
    }

    .seller-header-menu-icon:hover {
      background: var(--control-hover);
    }

    .seller-header-menu-icon:focus-visible,
    .seller-header-menu-item:focus-visible {
      border-color: var(--accent);
      outline: 0;
      box-shadow: var(--focus);
    }

    .seller-header-menu-icon .icon {
      width: 20px;
      height: 20px;
    }

    .seller-header-menu-body {
      display: grid;
      align-content: start;
      min-height: 0;
      overflow-y: auto;
      overscroll-behavior: contain;
      padding: 8px;
      -webkit-overflow-scrolling: touch;
    }

    .seller-header-menu-item {
      display: grid;
      grid-template-columns: 24px minmax(0, 1fr) auto;
      align-items: center;
      gap: 12px;
      width: 100%;
      min-height: 52px;
      border: 1px solid transparent;
      border-radius: 8px;
      background: transparent;
      color: var(--ink);
      padding: 8px 10px;
      text-align: left;
    }

    .seller-header-menu-item:hover {
      background: var(--control-hover);
    }

    .seller-header-menu-item .icon {
      width: 20px;
      height: 20px;
      color: var(--muted);
    }

    .seller-header-menu-copy {
      display: grid;
      min-width: 0;
      gap: 2px;
    }

    .seller-header-menu-copy strong {
      color: var(--ink);
      font-size: 14px;
      line-height: 1.3;
    }

    .seller-header-menu-copy small {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.35;
    }

    .seller-header-menu-trailing {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      color: var(--muted);
      font-size: 12px;
      white-space: nowrap;
    }

    .seller-header-menu-trailing .icon {
      width: 17px;
      height: 17px;
    }

    .seller-header-menu-item[aria-checked="true"] {
      background: var(--accent-soft);
    }

    .seller-header-menu-item[aria-current="page"] {
      background: var(--accent-soft);
    }

    .seller-header-menu-item[aria-checked="true"] .seller-header-menu-copy strong,
    .seller-header-menu-item[aria-checked="true"] .seller-header-menu-trailing,
    .seller-header-menu-item[aria-checked="true"] .icon,
    .seller-header-menu-item[aria-current="page"] .seller-header-menu-copy strong,
    .seller-header-menu-item[aria-current="page"] .icon {
      color: var(--accent-strong);
    }

    .seller-header-menu-divider {
      height: 1px;
      margin: 8px 10px;
      border: 0;
      background: var(--line);
    }

    .seller-header-menu-item[data-seller-menu-action="logout"] {
      margin-top: 2px;
      color: var(--muted);
    }

    .seller-consent-settings {
      display: grid;
      gap: 12px;
      padding: 8px 2px;
    }

    .seller-consent-settings > p {
      margin: 0 8px 4px;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.45;
    }

    .seller-consent-setting {
      position: relative;
      display: grid;
      grid-template-columns: 24px minmax(0, 1fr) auto;
      align-items: center;
      gap: 12px;
      min-height: 68px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--surface);
      padding: 10px 12px;
    }

    .seller-consent-setting > .icon {
      width: 20px;
      height: 20px;
      color: var(--muted);
    }

    .seller-consent-setting-copy {
      display: grid;
      gap: 3px;
      min-width: 0;
    }

    .seller-consent-setting-copy strong {
      color: var(--ink);
      font-size: 14px;
      line-height: 1.3;
    }

    .seller-consent-setting-copy small {
      color: var(--muted);
      font-size: 12px;
      line-height: 1.4;
    }

    .seller-consent-always-on {
      color: var(--accent-strong);
      font-size: 12px;
      font-weight: 700;
      white-space: nowrap;
    }

    .seller-consent-settings-actions {
      display: grid;
      gap: 8px;
      padding: 2px 0;
    }

    .seller-consent-settings-actions .btn,
    .seller-consent-settings-actions .seller-header-menu-item {
      min-height: 48px;
    }

    .seller-consent-settings-notice {
      min-height: 20px;
      margin: 0 8px;
      color: var(--success-text);
      font-size: 12px;
      line-height: 1.4;
    }

    dialog.seller-consent-dialog {
      width: min(100% - 24px, 680px);
      max-width: 680px;
      max-height: calc(100dvh - max(24px, env(safe-area-inset-top)) - 16px);
      margin: auto auto max(12px, env(safe-area-inset-bottom));
      overflow: visible;
      border: 0;
      border-radius: 8px;
      background: transparent;
      color: var(--ink);
      padding: 0;
    }

    dialog.seller-consent-dialog::backdrop {
      background: rgba(10, 18, 22, .42);
      backdrop-filter: blur(2px);
    }

    .seller-consent-panel {
      display: grid;
      gap: 16px;
      overflow-y: auto;
      max-height: inherit;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--surface);
      box-shadow: 0 18px 46px rgba(13, 27, 33, .2);
      padding: 20px;
      padding-bottom: max(20px, env(safe-area-inset-bottom));
    }

    .seller-consent-panel h2,
    .seller-consent-panel p {
      margin: 0;
    }

    .seller-consent-heading {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 48px;
      align-items: start;
      gap: 10px;
    }

    .seller-consent-panel h2 {
      color: var(--ink);
      font-size: 21px;
      line-height: 1.25;
    }

    .seller-consent-close {
      display: grid;
      width: 48px;
      height: 48px;
      place-items: center;
      border: 1px solid transparent;
      border-radius: 50%;
      background: transparent;
      color: var(--muted);
      padding: 0;
    }

    .seller-consent-close:hover {
      background: var(--control-hover);
    }

    .seller-consent-close .icon {
      width: 20px;
      height: 20px;
    }

    .seller-consent-panel p {
      color: var(--muted);
      font-size: 14px;
      line-height: 1.5;
    }

    .seller-consent-choices {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
    }

    .seller-consent-choice {
      min-height: 48px;
      border: 1px solid var(--line-strong);
      border-radius: 8px;
      background: var(--surface);
      color: var(--ink);
      padding: 10px 14px;
      font: inherit;
      font-weight: 700;
    }

    .seller-consent-choice:hover {
      border-color: var(--accent);
      background: var(--control-hover);
    }

    .seller-consent-choice:focus-visible,
    .seller-consent-close:focus-visible,
    .seller-consent-privacy-link:focus-visible {
      outline: 0;
      box-shadow: var(--focus);
    }

    .seller-consent-privacy-link {
      justify-self: start;
      min-height: 48px;
      border: 0;
      background: transparent;
      color: var(--accent-strong);
      padding: 8px 2px;
      font: inherit;
      font-weight: 700;
      text-decoration: underline;
      text-underline-offset: 3px;
    }

    @media (max-width: 560px) {
      dialog.seller-consent-dialog {
        width: 100%;
        max-width: none;
        margin: auto 0 0;
        max-height: calc(100dvh - max(12px, env(safe-area-inset-top)));
      }

      .seller-consent-panel {
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
        border-radius: 8px 8px 0 0;
        padding: 18px;
        padding-bottom: max(18px, env(safe-area-inset-bottom));
      }

      .seller-consent-choices {
        grid-template-columns: 1fr;
      }
    }

    html[data-theme="dark"] body {
      background:
        linear-gradient(180deg, var(--body-glow) 0%, rgba(16, 22, 25, 0) 290px),
        var(--bg);
      color: var(--ink);
    }

    html[data-theme="dark"] .topbar {
      background: var(--topbar-bg);
      border-bottom-color: var(--line);
      box-shadow: none;
    }

    html[data-theme="dark"] :is(input, select, textarea) {
      border-color: var(--line-strong);
      background: var(--control-bg);
      color: var(--ink);
    }

    html[data-theme="dark"] :is(input, textarea)::placeholder {
      color: #7f918b;
    }

    html[data-theme="dark"] :is(label, .label) {
      color: var(--ink);
    }

    html[data-theme="dark"] :is(
      .screen-title,
      .lead-form,
      .quick-start,
      .guided-assistant,
      .assistant-step,
      .registration-assist,
      .registration-document-panel,
      .extracted-item,
      .drop-zone,
      .summary-card,
      .review-card,
      .access-card,
      .seller-login-card,
      .seller-profile-card,
      .seller-notification-settings,
      .seller-request-card,
      .seller-listing-editor,
      .seller-listing-section,
      .seller-listing-photo-card,
      .notification-hint,
      .vehicle-combobox-list,
      .vehicle-combobox-option,
      .seller-ai-assistant-shell,
      .seller-ai-question,
      .seller-ai-confirmation,
      .seller-legal-dialog-shell,
      .seller-consent-panel,
      .seller-consent-setting
    ) {
      border-color: var(--line);
      background: var(--surface);
      color: var(--ink);
    }

    html[data-theme="dark"] :is(
      .ocr-status,
      .seller-submit-status,
      .registration-trust-note,
      .seller-contact-account-status
    ) {
      border-color: var(--line);
      background: var(--surface-tint);
      color: var(--muted);
    }

    html[data-theme="dark"] :is(.message.ok, .assistant-required-summary[data-state="complete"]) {
      border-color: rgba(69, 185, 151, .42);
      background: var(--success-bg);
      color: var(--success-text);
    }

    html[data-theme="dark"] .message.info {
      background: var(--info-bg);
      color: var(--info-text);
    }

    html[data-theme="dark"] :is(
      .message.warn,
      .ocr-status[data-state="warn"],
      .seller-submit-status[data-state="attention"],
      .assistant-required-summary:not([data-state="complete"])
    ) {
      background: var(--warning-bg);
      color: var(--warning-text);
    }

    html[data-theme="dark"] :is(.message.bad, .seller-submit-status[data-state="error"]) {
      background: var(--danger-bg);
      color: var(--danger-text);
    }

    html[data-theme="dark"] .seller-submit-status[data-state="error"] .seller-submit-copy span {
      color: var(--danger-text);
    }

    html[data-theme="dark"] .field.chapter-required-missing :is(input, select, textarea),
    html[data-theme="dark"] .contact-group.chapter-required-missing :is(input, select, textarea),
    html[data-theme="dark"] :is(input, select, textarea).chapter-required-missing,
    html[data-theme="dark"] .mileage-control.chapter-required-missing .mileage-input-wrap,
    html[data-theme="dark"] .damage-type-grid.chapter-required-missing .choice-check {
      border-color: var(--required-border) !important;
      background: var(--required-bg) !important;
      color: var(--ink);
    }

    html[data-theme="dark"] .chapter-validation-invalid:is(.field, .contact-group, .vin-required-field) :is(input, select, textarea),
    html[data-theme="dark"] .chapter-validation-invalid.mileage-control .mileage-input-wrap {
      border-color: #e07474 !important;
      background: var(--danger-bg) !important;
    }

    html[data-theme="dark"] .required-badge[data-state="invalid"] {
      border-color: #a84f4f;
      background: var(--danger-bg);
      color: var(--danger-text);
    }

    html[data-theme="dark"] .condition-options.chapter-required-missing {
      border-color: var(--required-border);
      background: var(--required-bg);
    }

    html[data-theme="dark"] .condition-options.chapter-required-missing.chapter-validation-invalid {
      border-color: #c43d3d;
      background: var(--danger-bg);
    }

    html[data-theme="dark"] .power-required-field.chapter-required-missing {
      border-color: var(--required-border);
      background: var(--required-bg);
    }

    html[data-theme="dark"] .power-required-field.chapter-validation-invalid {
      border-color: #e07474;
      background: var(--danger-bg);
    }

    html[data-theme="dark"] .field.chapter-required-missing:not([data-required-indicator="controlled"]) > label::after,
    html[data-theme="dark"] .mileage-control.chapter-required-missing > label::after {
      border-color: var(--required-border);
      background: var(--required-bg);
      color: var(--required-text);
    }

    html[data-theme="dark"] .mileage-control.mileage-validation-invalid .mileage-input-wrap {
      border-color: #e07474 !important;
      background: var(--danger-bg) !important;
    }

    html[data-theme="dark"] .mileage-control.mileage-validation-invalid .mileage-validation-message {
      color: var(--danger-text);
    }

    html[data-theme="dark"] .vehicle-combobox-option {
      border-bottom-color: var(--line);
      background: var(--surface-raised);
      color: var(--ink);
    }

    html[data-theme="dark"] .vehicle-combobox-option:hover,
    html[data-theme="dark"] .vehicle-combobox-option.is-active,
    html[data-theme="dark"] .vehicle-combobox-option[aria-selected="true"] {
      background: var(--accent-soft);
      color: var(--accent-strong);
    }

    html[data-theme="dark"] .seller-legal-note {
      border-color: var(--line);
      background: var(--accent-soft);
      color: var(--accent-strong) !important;
    }

    html[data-theme="dark"] .brand-subtitle {
      color: var(--muted);
    }

    html[data-theme="dark"] #sellerView :is(
      .quick-start,
      .guided-assistant,
      .side-panel,
      .seller-offers-panel,
      .seller-login-benefits,
      .seller-access-state-card
    ) {
      border-color: var(--line);
      background: var(--surface);
      color: var(--ink);
      box-shadow: var(--shadow);
    }

    html[data-theme="dark"] #sellerView .seller-access-panel {
      border-color: transparent;
      background: transparent;
      box-shadow: none;
    }

    html[data-theme="dark"] #sellerView :is(
      .seller-login-benefit,
      .registration-drop,
      .vin-required-field,
      .vehicle-color-group,
      .condition-facts,
      .sale-questions,
      .access-option,
      .mileage-input-wrap,
      .choice-check,
      .photo-recommendations,
      .seller-help-item,
      .seller-profile-card,
      .seller-notification-settings,
      .seller-request-card,
      .seller-listing-edit,
      .seller-listing-section,
      .seller-listing-photo-card
    ) {
      border-color: var(--line);
      background: var(--surface-raised);
      color: var(--ink);
      box-shadow: none;
    }

    html[data-theme="dark"] #sellerView :is(
      .conditional-fields,
      .registration-document-hint,
      .review-field[data-state="check"]
    ) {
      border-color: var(--required-border);
      background: var(--warning-bg);
      color: var(--warning-text);
    }

    html[data-theme="dark"] #sellerView :is(
      .required-photo-head,
      .condition-option[aria-pressed="true"],
      .review-field[data-state="safe"],
      .review-field[data-state="confirmed"]
    ) {
      border-color: rgba(69, 185, 151, .42);
      background: var(--success-bg);
      color: var(--success-text);
    }

    html[data-theme="dark"] #sellerView :is(
      .intake-copy h2,
      .step-question h3,
      .seller-login-intro h2,
      .seller-login-section-heading h2,
      .seller-login-benefit strong,
      .seller-ai-entry-copy strong,
      .review-section-title,
      .condition-group-title,
      .side-content h2,
      .seller-home-side-summary h2,
      label,
      .field > span
    ) {
      color: var(--ink);
    }

    html[data-theme="dark"] #sellerView :is(
      .intake-copy p,
      .step-question p,
      .mini-note,
      .review-hint,
      .assistant-progress-row,
      .seller-ai-entry-copy,
      .seller-login-benefit p,
      .seller-login-section-heading p,
      .access-hero p,
      .seller-offers-panel p,
      .vehicle-color-group > div > p,
      .vin-required-field > div > p
    ) {
      color: var(--muted);
    }

    html[data-theme="dark"] #sellerView :is(
      .vehicle-combobox-hint,
      .optional-label,
      .process-list li
    ) {
      color: var(--muted);
    }

    html[data-theme="dark"] #sellerView .vehicle-description-assist summary {
      color: var(--accent-strong);
    }

    html[data-theme="dark"] #sellerView :is(
      input:not([type="checkbox"]):not([type="radio"]),
      select,
      textarea
    ) {
      border-color: var(--line-strong);
      background: var(--control-bg);
      color: var(--ink);
      box-shadow: none;
    }

    html[data-theme="dark"] #sellerView :is(
      input:not([type="checkbox"]):not([type="radio"]),
      textarea
    )::placeholder {
      color: #82958e;
      opacity: 1;
    }

    html[data-theme="dark"] #sellerView :is(
      input:not([type="checkbox"]):not([type="radio"]),
      select,
      textarea
    ):focus {
      border-color: var(--accent);
      background: var(--surface-raised);
      box-shadow: var(--focus);
    }

    html[data-theme="dark"] #sellerView .vehicle-combobox input:disabled {
      border-color: var(--line);
      background: var(--surface-2);
      color: var(--muted);
      opacity: .82;
    }

    html[data-theme="dark"] #sellerView :is(
      .field.chapter-required-missing,
      .contact-group.chapter-required-missing
    ) :is(input, select, textarea),
    html[data-theme="dark"] #sellerView :is(input, select, textarea).chapter-required-missing,
    html[data-theme="dark"] #sellerView .mileage-control.chapter-required-missing .mileage-input-wrap,
    html[data-theme="dark"] #sellerView .damage-type-grid.chapter-required-missing .choice-check {
      border-color: var(--required-border) !important;
      background: var(--required-bg) !important;
      color: var(--ink);
    }

    html[data-theme="dark"] #sellerView .chapter-validation-invalid:is(.field, .contact-group, .vin-required-field) :is(input, select, textarea),
    html[data-theme="dark"] #sellerView .chapter-validation-invalid.mileage-control .mileage-input-wrap {
      border-color: #e07474 !important;
      background: var(--danger-bg) !important;
    }

    html[data-theme="dark"] #sellerView .condition-options.chapter-required-missing {
      border-color: var(--required-border);
      background: var(--required-bg);
    }

    html[data-theme="dark"] #sellerView .condition-options.chapter-required-missing.chapter-validation-invalid {
      border-color: #c43d3d;
      background: var(--danger-bg);
    }

    html[data-theme="dark"] #sellerView :is(
      .btn.ghost,
      .btn.secondary,
      .unknown-btn,
      .condition-option
    ) {
      border-color: var(--line-strong);
      background: var(--control-bg);
      color: var(--ink);
      box-shadow: none;
    }

    html[data-theme="dark"] #sellerView :is(.btn.ghost, .btn.secondary, .unknown-btn):hover {
      border-color: var(--accent);
      background: var(--control-hover);
      color: var(--accent-strong);
    }

    html[data-theme="dark"] #sellerView :is(.btn.primary, .file-button) {
      border-color: #329b7d;
      background: #19765e;
      color: #ffffff;
      box-shadow: 0 8px 20px rgba(0, 0, 0, .22);
    }

    html[data-theme="dark"] #sellerView :is(.btn.primary, .file-button):hover {
      border-color: var(--accent);
      background: #21866b;
    }

    html[data-theme="dark"] #sellerView :is(.assistant-bar, .ocr-bar) {
      background: var(--surface-2);
    }

    html[data-theme="dark"] #sellerView .seller-ai-entry {
      border-top-color: var(--line);
      background: transparent;
    }

    html[data-theme="dark"] #sellerView .seller-ai-entry-icon {
      border: 1px solid var(--line);
      background: transparent;
      color: var(--accent-strong);
    }

    html[data-theme="dark"] #sellerView .seller-ai-entry-button {
      border-color: var(--line);
      background: transparent;
      color: var(--ink);
    }

    html[data-theme="dark"] #sellerView .seller-ai-entry-button:hover {
      border-color: var(--accent);
      background: var(--control-hover);
      color: var(--accent-strong);
    }

    html[data-theme="dark"] #sellerView .desktop-trust-row span,
    html[data-theme="dark"] #sellerView .access-badge {
      border-color: rgba(69, 185, 151, .32);
      background: var(--accent-soft);
      color: var(--accent-strong);
    }

    html[data-theme="dark"] #sellerView .vehicle-combobox-toggle {
      color: var(--muted);
    }

    html[data-theme="dark"] #sellerView .vehicle-combobox-toggle:hover,
    html[data-theme="dark"] #sellerView .vehicle-combobox-toggle:focus-visible {
      background: var(--control-hover);
      color: var(--accent-strong);
    }

    html[data-theme="dark"] #sellerView .vehicle-combobox-list {
      border-color: var(--line-strong);
      background: var(--surface-raised);
      box-shadow: 0 16px 34px rgba(0, 0, 0, .34);
    }

    html[data-theme="dark"] #sellerView .vehicle-combobox-group-label {
      border-bottom-color: var(--line);
      background: var(--surface-2);
      color: var(--muted);
    }

    html[data-theme="dark"] #sellerView .vehicle-combobox-option {
      border-bottom-color: var(--line);
      background: var(--surface-raised);
      color: var(--ink);
    }

    html[data-theme="dark"] #sellerView .vehicle-combobox-option:hover,
    html[data-theme="dark"] #sellerView .vehicle-combobox-option.is-active,
    html[data-theme="dark"] #sellerView .vehicle-combobox-option.is-current,
    html[data-theme="dark"] #sellerView .vehicle-combobox-option[aria-selected="true"] {
      background: var(--accent-soft);
      color: var(--accent-strong);
    }

    html[data-theme="dark"] #sellerView :is(
      .ocr-status,
      .registration-document-panel,
      .drop-zone,
      .registration-document-list li,
      .extracted-item,
      .summary-ai-note,
      .review-field
    ) {
      border-color: var(--line);
      background: var(--surface-tint);
      color: var(--ink);
    }

    html[data-theme="dark"] #sellerView .message.ok {
      background: var(--success-bg);
      color: var(--success-text);
    }

    html[data-theme="dark"] #sellerView .message.info {
      background: var(--info-bg);
      color: var(--info-text);
    }

    html[data-theme="dark"] #sellerView .message.warn {
      background: var(--warning-bg);
      color: var(--warning-text);
    }

    html[data-theme="dark"] #sellerView .message.bad {
      background: var(--danger-bg);
      color: var(--danger-text);
    }

    html[data-theme="dark"] #sellerView .seller-request-card > .badge {
      border: 1px solid var(--line-strong);
      background: var(--surface-tint);
      color: var(--muted);
    }

    html[data-theme="dark"] #sellerView .seller-request-card > .badge.admin_review {
      border-color: rgba(117, 166, 196, .38);
      background: var(--info-bg);
      color: var(--info-text);
    }

    html[data-theme="dark"] #sellerView .seller-request-card > :is(
      .badge.approved_for_dealers,
      .badge.offers_available,
      .badge.offer_accepted
    ) {
      border-color: rgba(69, 185, 151, .42);
      background: var(--success-bg);
      color: var(--success-text);
    }

    html[data-theme="dark"] #sellerView .seller-request-card > .badge.dealer_recheck_required {
      border-color: var(--required-border);
      background: var(--warning-bg);
      color: var(--warning-text);
    }

    html[data-theme="dark"] #sellerView .seller-request-card > :is(
      .badge.offer_declined_by_seller,
      .badge.removed_by_seller
    ) {
      border-color: rgba(220, 117, 123, .34);
      background: var(--danger-bg);
      color: var(--danger-text);
    }

    html[data-theme="dark"] #sellerView .seller-request-created-status,
    html[data-theme="dark"] #sellerView .seller-access-state-card[data-state="secured"] {
      border-color: rgba(69, 185, 151, .42);
      background: var(--success-bg);
      color: var(--success-text);
    }

    html[data-theme="dark"] #sellerView .seller-access-state-card:is(
      [data-state="action"],
      [data-state="verification_pending"]
    ) {
      border-color: var(--required-border);
      background: var(--warning-bg);
      color: var(--warning-text);
    }

    html[data-theme="dark"] #sellerView .seller-access-state-card[data-state="linking"] {
      border-color: rgba(117, 166, 196, .38);
      background: var(--info-bg);
      color: var(--info-text);
    }

    html[data-theme="dark"] #sellerView .seller-access-state-card[data-state="error"] {
      border-color: rgba(220, 117, 123, .34);
      background: var(--danger-bg);
      color: var(--danger-text);
    }

    /* Unified seller interface: quiet iOS-style hierarchy without changing form semantics. */
    #sellerView {
      color: var(--ink);
      font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
      line-height: 1.45;
    }

    #sellerView :is(.tool-panel, .side-panel, .quick-start, .guided-assistant) {
      border-color: var(--line);
      border-radius: var(--ios-group-radius);
      background: var(--surface);
      box-shadow: var(--ios-shadow-soft);
    }

    #sellerView .lead-form > :is(.quick-start, .guided-assistant) {
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }

    #sellerView :is(
      .vehicle-color-group,
      .vin-required-field,
      .power-required-field,
      .condition-facts,
      .sale-questions,
      .access-option,
      .seller-profile-card,
      .seller-notification-settings,
      .seller-request-card,
      .seller-listing-edit,
      .seller-listing-section,
      .seller-listing-photo-card,
      .seller-login-benefits,
      .seller-login-benefit-grid,
      .seller-login-cta,
      .seller-login-faq-item,
      .notification-hint,
      .message,
      .registration-drop,
      .photo-recommendations,
      .seller-submit-status,
      .ocr-status
    ) {
      border-radius: var(--ios-group-radius);
    }

    #sellerView .seller-notification-settings {
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }

    html[data-theme="dark"] #sellerView .seller-notification-settings {
      border-color: transparent;
      background: transparent;
    }

    #sellerView :is(
      .vehicle-color-group,
      .vin-required-field,
      .condition-facts,
      .sale-questions,
      .access-option,
      .seller-profile-card,
      .seller-request-card,
      .seller-listing-edit,
      .seller-listing-section,
      .seller-listing-photo-card
    ) {
      border-color: var(--line);
      background: var(--surface-raised);
      box-shadow: none;
    }

    #sellerView :is(.field, .contact-group) {
      gap: var(--ios-space-2);
    }

    #sellerView :is(label, .label, .field > span) {
      color: var(--ink);
      font-size: 13px;
      font-weight: 680;
      line-height: 1.3;
    }

    #sellerView :is(
      input:not([type="checkbox"]):not([type="radio"]):not(.hidden-input),
      select,
      textarea
    ) {
      min-height: var(--ios-control-height);
      border-color: var(--line-strong);
      border-radius: var(--ios-control-radius);
      background: var(--control-bg);
      color: var(--ink);
      padding: 11px 13px;
      box-shadow: none;
    }

    #sellerView :is(
      input:not([type="checkbox"]):not([type="radio"]):not(.hidden-input),
      select,
      textarea
    ):focus {
      border-color: var(--accent);
      background: var(--surface-raised);
      box-shadow: var(--focus);
    }

    #sellerView .mileage-input-wrap {
      min-height: 62px;
      border-color: var(--line-strong);
      border-radius: var(--ios-control-radius);
      background: var(--control-bg);
      box-shadow: none;
    }

    #sellerView .mileage-input-wrap input {
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      padding: 0;
    }

    #sellerView :is(.btn, .file-button, .unknown-btn) {
      min-height: 48px;
      border-radius: var(--ios-control-radius);
      box-shadow: none;
      font-size: 15px;
      font-weight: 720;
    }

    #sellerView :is(.btn.primary, .file-button) {
      border-color: var(--accent);
      background: var(--accent);
      color: #fff;
      box-shadow: 0 3px 10px rgba(18, 102, 79, .14);
    }

    #sellerView :is(.btn.ghost, .btn.secondary, .unknown-btn) {
      border-color: var(--line-strong);
      background: var(--control-bg);
      color: var(--ink);
    }

    #sellerView :is(.btn, .file-button, .unknown-btn, .condition-option):focus-visible {
      outline: 0;
      box-shadow: var(--focus);
    }

    #sellerView :is(.btn, .file-button, .unknown-btn):disabled {
      box-shadow: none;
      opacity: .5;
    }

    #sellerView .assistant-progress {
      gap: var(--ios-space-2);
    }

    #sellerView .assistant-progress-row {
      font-size: 12px;
      font-weight: 680;
    }

    #sellerView .assistant-bar {
      height: 5px;
      background: var(--surface-2);
    }

    #sellerView .step-question {
      gap: var(--ios-space-2);
    }

    #sellerView .step-question h3 {
      font-size: 21px;
      font-weight: 760;
      line-height: 1.22;
    }

    #sellerView :is(.mini-note, .step-question p, .vehicle-combobox-hint) {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.45;
    }

    #sellerView .condition-option {
      min-height: 54px;
      border-color: var(--line-strong);
      border-radius: var(--ios-group-radius);
      background: var(--control-bg);
      box-shadow: none;
      font-weight: 700;
    }

    #sellerView .condition-option[aria-pressed="true"] {
      border-color: var(--accent);
      background: var(--accent-soft);
      color: var(--accent-strong);
    }

    #sellerView .choice-check {
      min-height: 48px;
      margin-top: var(--ios-space-2);
      border-color: var(--line);
      border-radius: var(--ios-group-radius);
      background: var(--surface);
      padding: 10px 12px;
    }

    #sellerView .choice-check:has(input:checked) {
      border-color: rgba(18, 102, 79, .32);
      background: var(--accent-soft);
    }

    #sellerView .assistant-required-summary {
      border-radius: var(--ios-group-radius);
      box-shadow: none;
    }

    #sellerView :is(.message, .notification-hint, .seller-submit-status, .ocr-status) {
      box-shadow: none;
      font-size: 14px;
    }

    #sellerView .seller-offers-panel {
      gap: var(--ios-space-4);
    }

    #sellerView .seller-offers-head {
      align-items: flex-start;
    }

    #sellerView .seller-profile-card {
      gap: var(--ios-space-3);
      padding: var(--ios-space-4);
    }

    #sellerView .seller-request-list {
      gap: var(--ios-space-3);
    }

    #sellerView .seller-request-card {
      gap: var(--ios-space-3);
      padding: var(--ios-space-4);
    }

    #sellerView .seller-listing-fact {
      border-color: var(--ios-separator);
      border-radius: var(--ios-group-radius);
      background: var(--surface);
    }

    #sellerView .seller-listing-photo-card,
    #sellerView .image-preview {
      overflow: hidden;
      border-color: var(--line);
      border-radius: var(--ios-group-radius);
      background: var(--surface);
    }

    #sellerView .seller-listing-photo-actions .btn {
      min-height: 44px;
    }

    #sellerView .seller-profile-signout {
      border-top-color: var(--ios-separator);
    }

    .seller-global-status-bar {
      border-radius: var(--ios-group-radius);
      box-shadow: var(--ios-shadow-soft);
    }

    .seller-header-menu-dialog,
    .seller-legal-dialog,
    .seller-ai-assistant-shell {
      border-radius: var(--ios-group-radius);
    }

    .seller-header-menu-item {
      border-radius: var(--ios-group-radius);
    }

    @media (max-width: 899px) {
      :root {
        --radius: 8px;
      }

      .topbar-inner {
        grid-template-columns: minmax(132px, 150px) minmax(0, 1fr);
        gap: 8px;
        padding: max(6px, env(safe-area-inset-top)) 0 6px;
      }

      .brand-logo {
        width: 142px;
        height: 62px;
      }

      .seller-header-side {
        gap: 4px;
      }

      .seller-account-link {
        isolation: isolate;
        min-height: 44px;
        gap: 5px;
        padding: 0 9px;
        border-color: transparent;
        border-radius: 999px;
        background: transparent;
        box-shadow: none;
        font-size: 11px;
        font-weight: 780;
        line-height: 1;
      }

      .seller-account-link::before {
        content: "";
        position: absolute;
        inset: 4px 1px;
        z-index: 0;
        border: 1px solid rgba(18, 102, 79, .16);
        border-radius: 999px;
        background: var(--surface);
        box-shadow: 0 1px 2px rgba(15, 23, 42, .05);
        pointer-events: none;
      }

      .seller-account-link > *,
      .seller-account-link::after {
        position: relative;
        z-index: 1;
      }

      .seller-account-link > .icon:not(.seller-account-menu-chevron) {
        width: 16px;
        height: 16px;
      }

      .seller-account-link .seller-account-menu-chevron {
        width: 12px;
        height: 12px;
      }

      .seller-account-avatar {
        width: 22px;
        height: 22px;
        flex-basis: 22px;
        font-size: 9px;
      }

      .brand-subtitle {
        gap: 1px;
        font-size: 13px;
        line-height: 1.12;
      }

      #sellerView .tool-panel {
        padding: 14px;
      }

      #sellerView :is(.quick-start, .guided-assistant) {
        padding: 0;
      }

      #sellerView :is(.assistant-actions, .form-actions) {
        gap: var(--ios-space-2);
      }

      #sellerView :is(.assistant-actions, .form-actions) .btn {
        width: 100%;
      }

      #sellerView .seller-notification-settings {
        margin-inline: 0;
      }

      #sellerView .seller-notification-settings header {
        padding: 0 0 14px;
      }

      #sellerView :is(.seller-notification-toggle, .seller-notification-option) {
        padding-right: 0;
        padding-left: 0;
      }

      #sellerView .seller-offers-panel {
        padding: 18px max(18px, env(safe-area-inset-right, 0px)) 18px max(18px, env(safe-area-inset-left, 0px));
      }

      #sellerView .seller-request-card,
      #sellerView .seller-profile-card {
        padding: 14px;
      }

      .seller-global-status-bar {
        border-radius: 12px;
        box-shadow: 0 6px 18px rgba(23, 32, 42, .08);
      }
    }

    @media (max-width: 370px) {
      .topbar-inner {
        grid-template-columns: minmax(122px, 138px) minmax(0, 1fr);
      }

      .brand-logo {
        width: 132px;
        height: 58px;
      }

      .brand-subtitle {
        font-size: 12px;
      }

      #sellerView .seller-request-created-status {
        grid-template-columns: 20px minmax(0, 1fr);
        gap: 7px;
        padding: 10px 11px;
      }

      #sellerView .seller-request-created-status > .icon {
        width: 18px;
        height: 18px;
      }

      #sellerView .seller-request-created-copy {
        gap: 0;
      }

      #sellerView .seller-request-created-copy strong {
        font-size: 14px;
      }

      #sellerView .seller-request-created-copy p {
        display: none;
      }

      #sellerView .seller-access-state-card {
        position: relative;
        grid-template-columns: minmax(0, 1fr);
        gap: 4px;
        padding: 11px;
      }

      #sellerView .seller-access-state-icon {
        position: absolute;
        top: 11px;
        left: 11px;
        width: 26px;
        height: 26px;
      }

      #sellerView .seller-access-state-icon .icon {
        width: 16px;
        height: 16px;
      }

      #sellerView .seller-access-state-copy {
        gap: 4px;
      }

      #sellerView .seller-access-state-card .seller-request-title {
        min-height: 26px;
        padding-left: 34px;
      }

      #sellerView .seller-access-state-card h2 {
        font-size: 19px;
        line-height: 1.16;
      }

      #sellerView .seller-access-state-card p {
        font-size: 14px;
        line-height: 1.35;
      }

      #sellerView .seller-guest-access-details {
        gap: 6px;
        padding-top: 1px;
      }

      #sellerView .seller-guest-access-message {
        padding: 7px 8px;
        font-size: 13px;
      }

      #sellerView .seller-guest-access-details .seller-access-actions {
        gap: 4px;
      }

      #sellerView .seller-guest-access-details .seller-guest-resend {
        min-height: 44px;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .topbar,
      .topbar-inner,
      .brand-logo,
      .brand-subtitle,
      .seller-account-link,
      .seller-global-status-region,
      .seller-switch-control,
      .seller-switch-control::after,
      .seller-ai-progress-track span {
        transition: none;
      }

      .seller-global-status-region[data-type="loading"] .seller-global-status-icon .icon,
      .seller-progressive-skeleton,
      .seller-ai-spinner {
        animation: none;
      }
    }

    html[data-theme="dark"] :is(.seller-legal-dialog, .seller-header-menu-dialog)::backdrop {
      background: var(--overlay);
    }

    @media (max-width: 760px) {
      .seller-account-link {
        min-height: 44px;
      }

      .seller-header-menu-dialog {
        inset:
          var(--seller-topbar-height)
          0
          auto;
        width: 100%;
        height: auto;
        max-height: calc(
          100dvh
          - var(--seller-topbar-height)
          - env(safe-area-inset-bottom, 0px)
        );
        border-width: 0 0 1px;
        border-radius: 0 0 14px 14px;
        transform-origin: top center;
      }

      .seller-header-menu-sheet {
        max-height: inherit;
        padding-bottom: env(safe-area-inset-bottom, 0px);
      }

      .seller-header-menu-dialog::backdrop {
        background: var(--overlay);
      }

      .seller-header-menu-dialog[open]:not(.is-closing) {
        animation: seller-header-menu-slide-down 180ms cubic-bezier(.2, .78, .28, 1) both;
      }

      .seller-header-menu-dialog[open]:not(.is-closing)::backdrop {
        animation: seller-header-menu-backdrop-in 180ms ease-out both;
      }

      .seller-header-menu-dialog.is-closing {
        animation: seller-header-menu-slide-up 160ms ease-in both;
        pointer-events: none;
      }

      .seller-header-menu-dialog.is-closing::backdrop {
        animation: seller-header-menu-backdrop-out 160ms ease-in both;
      }

      .seller-header-menu-head {
        min-height: 68px;
        padding:
          9px
          max(12px, env(safe-area-inset-right, 0px))
          9px
          max(12px, env(safe-area-inset-left, 0px));
      }

      .seller-header-menu-body {
        max-height: 100%;
        padding:
          8px
          max(10px, env(safe-area-inset-right, 0px))
          12px
          max(10px, env(safe-area-inset-left, 0px));
      }

      .seller-header-menu-item {
        min-height: 52px;
        padding: 9px 12px;
      }

      @keyframes seller-header-menu-slide-down {
        from {
          opacity: 0;
          transform: translateY(-18px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      @keyframes seller-header-menu-slide-up {
        from {
          opacity: 1;
          transform: translateY(0);
        }
        to {
          opacity: 0;
          transform: translateY(-14px);
        }
      }

      @keyframes seller-header-menu-backdrop-in {
        from { opacity: 0; }
        to { opacity: 1; }
      }

      @keyframes seller-header-menu-backdrop-out {
        from { opacity: 1; }
        to { opacity: 0; }
      }
    }

    @media (max-width: 760px) and (prefers-reduced-motion: reduce) {
      .seller-header-menu-dialog[open],
      .seller-header-menu-dialog[open]::backdrop {
        animation: none !important;
      }
    }

    @media (max-width: 370px) {
      .topbar-inner {
        grid-template-columns: minmax(122px, 138px) minmax(0, 1fr);
      }

      .brand-logo {
        width: 132px;
        height: 58px;
      }

      .brand-subtitle {
        font-size: 12px;
      }

      .seller-account-link {
        min-height: 44px;
        padding: 0 9px;
      }
    }

    /*
      The fixed header owns one stable expanded-height spacer. Its measured live
      height controls overlays, while compacting never changes document flow.
    */
    .topbar[data-header-state="compact"] .topbar-inner {
      min-height: 58px;
      gap: 12px;
    }

    .topbar[data-header-state="compact"] .brand-logo {
      width: 160px;
      max-width: 160px;
      height: 54px;
    }

    .topbar[data-header-state="compact"] .brand-subtitle {
      gap: 4px;
      font-size: 15px;
    }

    .topbar[data-header-state="compact"] .seller-account-link {
      min-height: 32px;
    }

    @media (max-width: 900px) {
      :root {
        --app-header-height: calc(101px + max(10px, env(safe-area-inset-top, 0px)));
        --app-header-space: calc(101px + max(10px, env(safe-area-inset-top, 0px)));
      }

      .topbar[data-header-state="compact"] .topbar-inner {
        min-height: 0;
        grid-template-columns: minmax(112px, 132px) minmax(0, 1fr);
        gap: 6px;
        padding: max(4px, env(safe-area-inset-top, 0px)) 0 4px;
      }

      .topbar[data-header-state="compact"] .brand-logo {
        width: 120px;
        max-width: 120px;
        height: 44px;
      }

      .topbar[data-header-state="compact"] .seller-header-side {
        gap: 2px;
      }

      .topbar[data-header-state="compact"] .brand-subtitle {
        gap: 1px;
        font-size: 12px;
        line-height: 1.04;
      }

      .topbar[data-header-state="compact"] .seller-account-link {
        min-height: 40px;
        padding: 0 8px;
      }
    }

    @media (max-width: 899px) {
      :root {
        --app-header-height: calc(69px + max(6px, env(safe-area-inset-top, 0px)));
        --app-header-space: calc(69px + max(6px, env(safe-area-inset-top, 0px)));
      }
    }

    @media (max-width: 370px) {
      :root {
        --app-header-height: calc(65px + max(6px, env(safe-area-inset-top, 0px)));
        --app-header-space: calc(65px + max(6px, env(safe-area-inset-top, 0px)));
      }

      .topbar[data-header-state="compact"] .topbar-inner {
        grid-template-columns: minmax(104px, 122px) minmax(0, 1fr);
      }

      .topbar[data-header-state="compact"] .brand-logo {
        width: 108px;
        max-width: 108px;
        height: 42px;
      }

      .topbar[data-header-state="compact"] .brand-subtitle {
        font-size: 11px;
      }
    }

    @media (max-width: 899px), (hover: none) and (pointer: coarse) {
      :where(
        input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
        select,
        textarea,
        [role="combobox"],
        [contenteditable="true"]
      ) {
        max-width: 100%;
        font-size: 16px !important;
      }

      dialog.seller-offer-decline-dialog {
        width: calc(100vw - 24px);
        max-width: calc(100vw - 24px);
        max-height: calc(100vh - 24px);
        max-height: calc(
          100dvh
          - max(12px, env(safe-area-inset-top, 0px))
          - max(12px, env(safe-area-inset-bottom, 0px))
        );
      }

      dialog.seller-offer-decline-dialog .seller-offer-decline-shell {
        max-height: calc(100vh - 24px);
        max-height: calc(
          100dvh
          - max(12px, env(safe-area-inset-top, 0px))
          - max(12px, env(safe-area-inset-bottom, 0px))
        );
      }
    }

    /* Keep seller listing copy clear of rounded card and status edges. */
    #sellerView .seller-offers-panel {
      padding: clamp(20px, 2.4vw, 28px);
    }

    #sellerView .seller-request-card {
      padding: clamp(16px, 2vw, 20px);
    }

    #sellerView .seller-request-card > .badge {
      min-height: 34px;
      padding: 6px 14px;
      line-height: 1.3;
    }

    #sellerView .seller-request-card .mini-note {
      margin: 0;
      padding-inline: 2px;
    }

    #sellerView .seller-offer-summary {
      padding: 15px 18px;
    }

    #sellerView .seller-offers-panel .notification-hint,
    #sellerView .seller-offers-panel .message {
      padding: 14px 16px;
    }

    @media (max-width: 760px) {
      #sellerView .seller-offers-panel {
        padding:
          14px
          max(14px, env(safe-area-inset-right, 0px))
          14px
          max(14px, env(safe-area-inset-left, 0px));
      }

      #sellerView .seller-request-card {
        gap: 12px;
        padding: 14px;
      }

      #sellerView .seller-request-head {
        grid-template-columns: minmax(0, 1fr);
        gap: 6px;
      }

      #sellerView .btn.seller-detail-toggle {
        justify-self: start;
        width: auto;
        max-width: 100%;
      }

      #sellerView .seller-offer-summary {
        padding: 13px 14px;
      }

      #sellerView .seller-listing-detail,
      #sellerView .seller-listing-overview,
      #sellerView .seller-listing-group {
        gap: 10px;
      }

      #sellerView .seller-listing-fact {
        padding: 9px;
      }
    }

    @media (max-width: 360px) {
      #sellerView .seller-offers-panel {
        padding:
          12px
          max(12px, env(safe-area-inset-right, 0px))
          12px
          max(12px, env(safe-area-inset-left, 0px));
      }

      #sellerView .seller-request-card {
        padding: 12px;
      }

      #sellerView .seller-listing-facts {
        grid-template-columns: minmax(0, 1fr);
      }
    }

    /*
      Seller dark theme cascade guard. This block intentionally follows every
      responsive rule so mobile light-theme literals cannot leak into dark mode.
    */
    html[data-theme="dark"] body {
      background:
        linear-gradient(180deg, var(--body-glow) 0%, transparent 290px),
        var(--bg);
      color: var(--ink);
    }

    html[data-theme="dark"] :is(#sellerView, input, select, textarea, button, dialog) {
      color-scheme: dark;
    }

    html[data-theme="dark"] .topbar {
      border-bottom-color: var(--line-subtle);
      background: var(--topbar-bg);
      box-shadow: 0 1px 0 color-mix(in srgb, var(--line) 45%, transparent);
    }

    html[data-theme="dark"] :is(.brand-subtitle, .seller-header-menu-heading span) {
      color: var(--text-secondary);
    }

    html[data-theme="dark"] .seller-account-link,
    html[data-theme="dark"] .seller-account-link::before {
      border-color: var(--trust-border);
      background: var(--trust-bg);
      color: var(--trust-text);
      box-shadow: none;
    }

    @media (max-width: 899px) {
      html[data-theme="dark"] .seller-account-link {
        border-color: transparent;
        background: transparent;
      }
    }

    html[data-theme="dark"] .seller-account-menu-chevron {
      color: var(--text-secondary);
    }

    html[data-theme="dark"] #sellerView :is(
      .hero-motto,
      .mobile-compact-claim,
      .desktop-duration-note,
      .seller-login-eyebrow,
      .desktop-side-hero p,
      .seller-home-side-points li
    ) {
      color: var(--accent-strong);
    }

    html[data-theme="dark"] #sellerView :is(.mobile-trust-row span, .desktop-trust-row span) {
      border-color: var(--trust-border);
      background: var(--trust-bg);
      color: var(--trust-text);
    }

    html[data-theme="dark"] #sellerView :is(.mobile-trust-row .icon, .desktop-trust-row .icon) {
      color: var(--accent-strong);
    }

    html[data-theme="dark"] #sellerView :is(
      .tool-panel,
      .side-panel,
      .quick-start,
      .guided-assistant,
      .seller-access-panel,
      .seller-offers-panel,
      .seller-login-card,
      .seller-login-benefits
    ) {
      border-color: var(--line-subtle);
      background: var(--surface);
      color: var(--ink);
      box-shadow: var(--ios-shadow-soft);
    }

    html[data-theme="dark"] #sellerView :is(
      .seller-request-card,
      .seller-profile-card,
      .seller-listing-editor,
      .seller-listing-edit,
      .seller-listing-section,
      .seller-listing-photo-card,
      .access-option,
      .seller-login-benefit,
      .registration-document-panel,
      .drop-zone,
      .summary-card,
      .review-card,
      .seller-listing-fact,
      .image-preview,
      .info-box
    ) {
      border-color: var(--line);
      background: var(--surface-raised);
      color: var(--ink);
      box-shadow: none;
    }

    html[data-theme="dark"] #sellerView :is(
      .seller-listing-fact,
      .seller-listing-photo-card,
      .image-preview,
      .choice-check,
      .notification-hint,
      .review-field,
      .extracted-item,
      .registration-document-list li,
      .summary-ai-note
    ) {
      background: var(--surface-nested);
    }

    html[data-theme="dark"] #sellerView :is(
      h1, h2, h3, legend,
      .seller-request-title,
      .seller-section-title,
      .access-option-title,
      .seller-login-step-copy strong,
      .seller-login-faq-item summary,
      .seller-offer-recheck-copy strong
    ) {
      color: var(--heading);
    }

    html[data-theme="dark"] #sellerView :is(
      .lead-text,
      .mini-note,
      .review-hint,
      .seller-offers-panel p,
      .seller-login-intro p,
      .seller-login-step-copy span,
      .seller-login-benefit p,
      .seller-login-faq-item p,
      .process-list li,
      .seller-offer-validity-absolute,
      .seller-offer-recheck-copy p,
      .seller-legal-footer,
      .seller-legal-link
    ) {
      color: var(--text-secondary);
    }

    html[data-theme="dark"] #sellerView .seller-offer-summary {
      border-color: var(--offer-border);
      background: var(--offer-bg);
      color: var(--offer-secondary);
    }

    html[data-theme="dark"] #sellerView .seller-offer-summary-controls {
      border-top-color: var(--offer-border);
    }

    html[data-theme="dark"] #sellerView .seller-offer-summary > span {
      color: var(--offer-secondary);
    }

    html[data-theme="dark"] #sellerView :is(
      .seller-offer-summary > strong,
      .seller-offer-validity,
      .seller-offer-validity-remaining
    ) {
      color: var(--offer-value);
    }

    html[data-theme="dark"] #sellerView .seller-progressive-skeleton {
      background: linear-gradient(90deg, var(--skeleton-from) 25%, var(--skeleton-highlight) 50%, var(--skeleton-from) 75%);
    }

    html[data-theme="dark"] #sellerView .seller-progressive-error {
      color: var(--danger-text);
    }

    html[data-theme="dark"] #sellerView :is(
      input:not([type="checkbox"]):not([type="radio"]):not(.hidden-input),
      select,
      textarea,
      .mileage-input-wrap,
      .phone-country-trigger
    ) {
      border-color: var(--line-strong);
      background: var(--control-bg);
      color: var(--ink);
      box-shadow: none;
    }

    html[data-theme="dark"] #sellerView :is(input, textarea)::placeholder {
      color: var(--placeholder);
      opacity: 1;
    }

    html[data-theme="dark"] #sellerView :is(input, select, textarea):is(:disabled, [readonly]) {
      border-color: var(--line);
      background: var(--disabled-bg);
      color: var(--disabled-text);
      opacity: 1;
    }

    html[data-theme="dark"] #sellerView :is(input, select, textarea):focus-visible {
      border-color: var(--focus-color);
      outline: 2px solid var(--focus-color);
      outline-offset: 2px;
      background: var(--surface-raised);
      box-shadow: none;
    }

    html[data-theme="dark"] #sellerView :is(input[type="checkbox"], input[type="radio"]) {
      accent-color: var(--accent);
    }

    html[data-theme="dark"] #sellerView :is(.btn.primary, .file-button) {
      border-color: var(--primary-bg);
      background: var(--primary-bg);
      color: var(--primary-text);
      box-shadow: 0 8px 20px rgba(0, 0, 0, .24);
    }

    html[data-theme="dark"] #sellerView :is(.btn.primary, .file-button):is(:hover, :active) {
      border-color: var(--primary-hover);
      background: var(--primary-hover);
      color: var(--primary-text);
    }

    html[data-theme="dark"] #sellerView :is(
      .btn.ghost,
      .btn.secondary,
      .unknown-btn,
      .condition-option,
      .seller-consent-choice
    ) {
      border-color: var(--line-strong);
      background: var(--secondary-bg);
      color: var(--ink);
      box-shadow: none;
    }

    html[data-theme="dark"] #sellerView :is(
      .btn.ghost,
      .btn.secondary,
      .unknown-btn,
      .condition-option,
      .seller-consent-choice
    ):is(:hover, :active) {
      border-color: var(--accent);
      background: var(--secondary-hover);
      color: var(--accent-strong);
    }

    html[data-theme="dark"] :is(
      #sellerView .btn,
      #sellerView .file-button,
      #sellerView .unknown-btn,
      #sellerView .condition-option,
      .seller-header-menu-item,
      .seller-header-menu-icon,
      .seller-account-link,
      .seller-global-status-action,
      .seller-global-status-control
    ):focus-visible {
      outline: 2px solid var(--focus-color);
      outline-offset: 2px;
      box-shadow: none;
    }

    html[data-theme="dark"] #sellerView :is(.btn, .file-button, .unknown-btn):disabled {
      border-color: var(--line);
      background: var(--disabled-bg);
      color: var(--disabled-text);
      opacity: .72;
    }

    html[data-theme="dark"] #sellerView :is(a:not(.btn), .seller-legal-link, .seller-consent-privacy-link) {
      color: var(--link);
    }

    html[data-theme="dark"] :is(
      .seller-header-menu-dialog,
      .seller-header-menu-sheet,
      .seller-legal-dialog,
      .seller-legal-dialog-shell,
      .seller-legal-dialog-actions,
      .seller-consent-panel,
      dialog.seller-offer-decline-dialog,
      .seller-offer-decline-shell,
      dialog.phone-country-dialog,
      .phone-country-dialog-shell
    ) {
      border-color: var(--line);
      background: var(--surface-overlay);
      color: var(--ink);
    }

    html[data-theme="dark"] :is(
      .seller-header-menu-heading strong,
      .seller-header-menu-copy strong,
      .seller-legal-dialog-head strong,
      .seller-legal-dialog-content h2,
      .seller-legal-dialog-content h3,
      .seller-consent-panel h2,
      .seller-offer-decline-shell h3,
      .phone-country-dialog-head h2
    ) {
      color: var(--heading);
    }

    html[data-theme="dark"] :is(
      .seller-header-menu-copy small,
      .seller-header-menu-trailing,
      .seller-legal-dialog-content p,
      .seller-legal-dialog-content li,
      .seller-consent-panel p,
      .seller-offer-decline-shell p,
      .phone-country-results-status
    ) {
      color: var(--text-secondary);
    }

    html[data-theme="dark"] :is(
      .seller-header-menu-dialog,
      .seller-legal-dialog,
      .seller-consent-dialog,
      .seller-offer-decline-dialog,
      .phone-country-dialog
    )::backdrop {
      background: var(--backdrop-bg);
    }

    html[data-theme="dark"] :is(.seller-header-menu-item, .seller-header-menu-icon):hover {
      background: var(--secondary-hover);
    }

    html[data-theme="dark"] :is(
      .seller-header-menu-item[aria-checked="true"],
      .seller-header-menu-item[aria-current="page"]
    ) {
      background: var(--accent-soft);
      color: var(--accent-strong);
    }

    html[data-theme="dark"] .seller-global-status-region:is([data-type="loading"], [data-type="info"]) .seller-global-status-bar {
      --seller-status-bg: var(--info-bg);
      --seller-status-border: var(--info-border);
      --seller-status-ink: var(--info-text);
    }

    html[data-theme="dark"] .seller-global-status-region[data-type="success"] .seller-global-status-bar {
      --seller-status-bg: var(--success-bg);
      --seller-status-border: var(--success-border);
      --seller-status-ink: var(--success-text);
    }

    html[data-theme="dark"] .seller-global-status-region[data-type="warning"] .seller-global-status-bar {
      --seller-status-bg: var(--warning-bg);
      --seller-status-border: var(--warning-border);
      --seller-status-ink: var(--warning-text);
    }

    html[data-theme="dark"] .seller-global-status-region[data-type="error"] .seller-global-status-bar {
      --seller-status-bg: var(--danger-bg);
      --seller-status-border: var(--danger-border);
      --seller-status-ink: var(--danger-text);
    }

    html[data-theme="dark"] .seller-global-status-control:hover {
      background: color-mix(in srgb, currentColor 14%, transparent);
    }

    html[data-theme="dark"] #sellerView :is(.message.ok, .seller-request-created-status) {
      border-color: var(--success-border);
      background: var(--success-bg);
      color: var(--success-text);
    }

    html[data-theme="dark"] #sellerView :is(.message.info, .seller-access-state-card[data-state="linking"]) {
      border-color: var(--info-border);
      background: var(--info-bg);
      color: var(--info-text);
    }

    html[data-theme="dark"] #sellerView :is(
      .message.warn,
      .seller-access-state-card[data-state="action"],
      .seller-access-state-card[data-state="verification_pending"]
    ) {
      border-color: var(--warning-border);
      background: var(--warning-bg);
      color: var(--warning-text);
    }

    html[data-theme="dark"] #sellerView :is(.message.bad, .seller-access-state-card[data-state="error"]) {
      border-color: var(--danger-border);
      background: var(--danger-bg);
      color: var(--danger-text);
    }

    html[data-theme="dark"] #sellerView .seller-access-state-card[data-state="secured"] {
      border-color: var(--success-border);
      background: var(--success-bg);
      color: var(--success-text);
    }

    html[data-theme="dark"] #sellerView :is(.vehicle-photo, .seller-login-cta) {
      background: var(--information-gradient);
      color: var(--on-gradient);
    }

    html[data-theme="dark"] #sellerView :is(
      .vehicle-photo strong,
      .seller-login-cta h2
    ) {
      color: var(--on-gradient);
    }

    html[data-theme="dark"] #sellerView .seller-login-cta p {
      color: var(--on-gradient-muted);
    }

    html[data-theme="dark"] #sellerView .seller-login-cta .btn {
      border-color: var(--accent);
      background: var(--primary-bg);
      color: var(--primary-text);
    }

    html[data-theme="dark"] #sellerView .seller-login-cta .btn:is(:hover, :active) {
      border-color: var(--accent-strong);
      background: var(--primary-hover);
      color: var(--primary-text);
    }