: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: 12px;
      /* Etappe 4 (2026-10): gemeinsame Designsprache mit WagenGebot Pro */
      --radius-control: 10px;
      --radius-card: 12px;
      --radius-section: 16px;
      --radius-pill: 999px;
      --shadow-card: 0 1px 2px rgba(23, 32, 42, .04), 0 6px 18px rgba(23, 32, 42, .05);
      --shadow-raised: 0 12px 32px rgba(24, 39, 52, .10);
      --motion-fast: 160ms;
      --motion-base: 240ms;
      --ease: cubic-bezier(.2, .7, .2, 1);
      --chip-success-bg: var(--success-bg);
      --chip-success-border: var(--success-border);
      --chip-success-text: var(--success-text);
      --chip-info-bg: var(--info-bg);
      --chip-info-border: var(--info-border);
      --chip-info-text: var(--info-text);
      --chip-warning-bg: var(--warning-bg);
      --chip-warning-border: var(--warning-border);
      --chip-warning-text: var(--warning-text);
      --chip-danger-bg: var(--danger-bg);
      --chip-danger-border: var(--danger-border);
      --chip-danger-text: var(--danger-text);
      --chip-neutral-bg: var(--surface-2);
      --chip-neutral-border: var(--line);
      --chip-neutral-text: var(--text-secondary);
      --dot-success: #1f8a68;
      --dot-info: #2457c5;
      --dot-warning: #b96b12;
      --dot-danger: #b4232a;
      --dot-neutral: #8a9a94;
      --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: 12px;
      --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;
      --brand-navy: #151922;
      --brand-heading: #151922;
      --brand-blue: #2166F3;
      --brand-blue-soft: #eaf0fd;
      --brand-dot: rgba(33, 102, 243, .16);
      --brand-green: #21B879;
    }

    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);
      --shadow-card: 0 1px 2px rgba(0, 0, 0, .18), 0 6px 18px rgba(0, 0, 0, .28);
      --shadow-raised: 0 12px 32px rgba(0, 0, 0, .36);
      --dot-success: #5fd3ad;
      --dot-info: #7da7ff;
      --dot-warning: #e8b560;
      --dot-danger: #f18a90;
      --dot-neutral: #91a39d;
      --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;
      --brand-navy: #171f2b;
      --brand-heading: #f4f7fa;
      --brand-blue: #7aa7ff;
      --brand-blue-soft: #121b2b;
      --brand-dot: rgba(141, 178, 255, .12);
      --brand-green: #43d49b;
    }

    * {
      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-region[data-email-verification="true"] .seller-global-status-action {
      white-space: normal;
      min-width: 0;
      height: auto;
      padding: 8px 12px;
      box-sizing: border-box;
      overflow-wrap: anywhere;
    }

    .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;
      }

      /* Mit Aktion (z. B. „Fotos neu auswählen“) darf der Hinweistext vier Zeilen haben,
         damit er auch auf 320–390 px breiten Geräten nicht abgeschnitten wird. */
      .seller-global-status-region[data-has-action="true"] .seller-global-status-copy span {
        -webkit-line-clamp: 4;
      }
    }

    @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[aria-pressed="true"] {
      border-color: var(--accent);
      background: #f1faf6;
      color: var(--accent-strong);
    }

    /* Hover nur mit echter Maus: auf Touch-Geräten bleibt :hover nach dem Tippen kleben (iOS) und sieht wie eine Auswahl aus. */
    @media (hover: hover) and (pointer: fine) {
      .condition-option:hover {
        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;
    }

    #openExistingSellerGuestRequest[aria-busy="true"] {
      cursor: progress;
    }

    .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-message:empty {
      display: none;
    }

    .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;
    }

    #sellerSwitchToAccountLogin {
      width: 100%;
      max-width: 100%;
      min-width: 0;
      box-sizing: border-box;
      height: auto;
      min-height: 44px;
      padding: 12px 14px;
      white-space: normal;
      overflow-wrap: anywhere;
      line-height: 1.4;
      text-align: center;
    }

    .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 {
      background: var(--secondary-hover);
      color: var(--accent-strong);
    }

    .password-visibility-toggle:focus-visible {
      background: var(--secondary-hover);
      color: var(--accent-strong);
      outline: 2px solid var(--focus-color);
      outline-offset: 2px;
    }

    .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 .btn {
      width: 100%;
      max-width: 100%;
      min-width: 0;
      min-height: 44px;
      height: auto;
      box-sizing: border-box;
      white-space: normal;
      overflow-wrap: anywhere;
      padding: 12px 16px;
    }

    dialog.seller-account-action-dialog form,
    dialog.seller-account-action-dialog .grid > * {
      min-width: 0;
      max-width: 100%;
    }

    .seller-access-panel .toolbar {
      min-width: 0;
      flex-wrap: wrap;
    }

    #postSubmitAccessPanel,
    #postSubmitAccessPanel .access-hero {
      grid-template-columns: minmax(0, 1fr);
    }

    #postSubmitAccessPanel .notification-hint > span {
      min-width: 0;
      overflow-wrap: anywhere;
    }

    #postSubmitAccessPanel .btn {
      min-width: 0;
      max-width: 100%;
      min-height: 44px;
      height: auto;
      white-space: normal;
      overflow-wrap: anywhere;
      box-sizing: border-box;
    }

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

    dialog.seller-guest-write-dialog {
      width: min(30rem, calc(100vw - 1.5rem));
      max-width: calc(100vw - 1.5rem);
      box-sizing: border-box;
    }

    .seller-guest-write-dialog form,
    .seller-guest-write-dialog input,
    .seller-guest-write-dialog .btn {
      min-width: 0;
      max-width: 100%;
      box-sizing: border-box;
      overflow-wrap: anywhere;
    }

    .seller-guest-write-dialog input { width: 100%; font-size: 1rem; }
    .seller-guest-write-dialog .seller-offer-decline-shell {
      grid-template-columns: minmax(0, 1fr);
    }
    .seller-guest-write-dialog .seller-offer-decline-shell > * {
      min-width: 0;
      max-width: 100%;
      overflow-wrap: anywhere;
    }
    .seller-guest-write-dialog .btn {
      min-height: 44px;
      height: auto;
      padding-block: 10px;
      white-space: normal;
      overflow-wrap: anywhere;
    }

    .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;
    }

    #sellerPushLabel,
    #sellerPushStatus,
    #sellerPushPermissionHelp {
      min-width: 0;
      overflow-wrap: anywhere;
    }

    .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;
    }

    .seller-new-offers {
      display: grid;
      gap: 10px;
      width: 100%;
      min-width: 0;
      box-sizing: border-box;
      padding: 14px 16px;
      border: 1px solid color-mix(in srgb, var(--info-border) 70%, transparent);
      border-radius: 10px;
      background: color-mix(in srgb, var(--info-bg) 55%, var(--surface-raised));
    }

    .seller-new-offers .seller-new-offers-context {
      display: flex;
      align-items: flex-start;
      gap: 8px;
      min-width: 0;
      margin: 0;
      color: var(--ink);
      font-size: 14px;
      font-weight: 700;
      line-height: 1.4;
      overflow-wrap: anywhere;
    }

    .seller-new-offers-context .icon {
      margin-top: 1px;
      color: var(--muted);
    }

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

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

    .seller-new-offers .seller-new-offers-help {
      max-width: 68ch;
      margin: 0;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.45;
    }

    .seller-new-offers-note {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: 10px;
      align-items: start;
      min-width: 0;
      padding: 12px 14px;
      border: 1px solid var(--success-border);
      border-radius: var(--radius);
      background: var(--success-bg);
      color: var(--success-text);
      font-size: 14px;
      line-height: 1.4;
    }

    .seller-new-offers-note[data-tone="info"] {
      border-color: var(--info-border);
      background: var(--info-bg);
      color: var(--info-text);
    }

    .seller-new-offers-note .icon {
      margin-top: 1px;
    }

    .seller-new-offers-note-copy {
      display: grid;
      gap: 2px;
      min-width: 0;
      overflow-wrap: anywhere;
    }

    .seller-new-offers-note-copy strong {
      display: block;
      font-weight: 800;
    }

    .seller-new-offers-dialog-hint {
      padding: 10px 12px;
      border: 1px solid var(--info-border);
      border-radius: var(--radius);
      background: var(--info-bg);
      color: var(--info-text);
      font-size: 14px;
      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-stage.is-zoomed .vehicle-photo-viewer-image {
      cursor: grab;
    }

    .vehicle-photo-viewer-stage.is-panning .vehicle-photo-viewer-image {
      cursor: grabbing;
    }

    .vehicle-photo-viewer-zoom-hint {
      display: none;
      color: #bdc9cf;
      font-size: 11px;
      line-height: 1.3;
    }

    @media (hover: hover) and (pointer: fine) {
      .vehicle-photo-viewer-zoom-hint:not([hidden]) {
        display: block;
      }
    }

    .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-new-offers {
        padding: 14px;
      }

      #sellerView .seller-new-offers-actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
      }

      #sellerView .seller-new-offers-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;
    }

    /* Ortsvorschlag zur PLZ: Statuszeile bleibt als Live-Region im Baum, im Leerlauf ohne Platzbedarf. */
    .pickup-city-lookup {
      display: grid;
      gap: 8px;
      min-width: 0;
      max-width: 100%;
    }

    .pickup-city-lookup[data-state="idle"] {
      position: absolute;
      width: 1px;
      height: 1px;
      margin: -1px;
      overflow: hidden;
      clip: rect(0 0 0 0);
      clip-path: inset(50%);
      white-space: nowrap;
    }

    .pickup-city-lookup:focus {
      outline: none;
    }

    .pickup-city-lookup:focus-visible {
      border-radius: 6px;
      box-shadow: var(--focus);
    }

    .pickup-city-lookup-status {
      display: flex;
      align-items: flex-start;
      gap: 7px;
      min-width: 0;
      margin: 0;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.45;
      overflow-wrap: anywhere;
    }

    .pickup-city-lookup-status:not(:empty)::before {
      content: "";
      margin-top: 6px;
      width: 7px;
      height: 7px;
      flex: 0 0 7px;
      border-radius: 50%;
      background: var(--line-strong);
    }

    .pickup-city-lookup[data-state="applied"] .pickup-city-lookup-status::before {
      background: var(--accent);
    }

    .pickup-city-lookup[data-state="failed"] .pickup-city-lookup-status::before {
      background: var(--amber);
    }

    .pickup-city-lookup-status strong {
      color: var(--ink);
      font-weight: 650;
    }

    .pickup-city-lookup-choices {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      min-width: 0;
      max-width: 100%;
    }

    .pickup-city-lookup-choices[hidden] {
      display: none !important;
    }

    .pickup-city-choice {
      min-width: 0;
      max-width: 100%;
      min-height: 44px;
      padding: 9px 14px;
      border: 1px solid var(--line-strong);
      border-radius: 999px;
      background: var(--control-bg);
      color: var(--ink);
      font: inherit;
      font-size: 15px;
      font-weight: 600;
      line-height: 1.25;
      text-align: left;
      overflow-wrap: anywhere;
      cursor: pointer;
    }

    .pickup-city-choice:hover {
      border-color: var(--accent);
      background: var(--control-hover);
    }

    .pickup-city-choice:focus-visible {
      outline: none;
      border-color: var(--accent);
      box-shadow: var(--focus);
    }

    .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);
      }
    }

    /* 320 px: "Geschäftsbedingungen" ist bei 24 px breiter als die Inhaltsspalte und schob die Grid-Spalte
       in den rechten Innenabstand. Fluide kleinere Größe statt hyphens: auto (trennt Überschriften zu früh). */
    @media (max-width: 359.98px) {
      .seller-legal-dialog-content h2 {
        font-size: clamp(20px, 6.5vw, 24px);
      }
    }

    .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);
      }
    }

    /*
      Verkäufer-Startseite (#sellerView.seller-home-active): Hero in .quick-start, Abschnitte in
      #sellerLoginTrustContent und Handy-Aktionsleiste. Außerhalb der Startseite bleiben alle
      Elemente mit .seller-landing-only verborgen und die Erfassung sieht aus wie bisher.
    */
    .seller-landing-only,
    .seller-landing-sticky {
      display: none;
    }

    html.seller-landing-active .topbar .brand-subtitle {
      display: none;
    }

    #sellerView.seller-home-active {
      --landing-pad: 32px;
      --landing-card-pad: 32px;
    }

    #sellerView.seller-home-active .screen-title,
    #sellerView.seller-home-active .seller-side-stack,
    #sellerView.seller-home-active .quick-start > .intake-copy,
    #sellerView.seller-home-active .start-assistant-actions > .desktop-duration-note,
    #sellerView.seller-home-active .start-assistant-actions > .mini-note,
    #sellerView.seller-home-active .seller-ai-entry-icon,
    #sellerView.seller-home-active .seller-ai-entry-copy {
      display: none;
    }

    #sellerView.seller-home-active .seller-grid {
      grid-template-columns: minmax(0, 1fr);
    }

    #sellerView.seller-home-active .seller-grid > .tool-panel {
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      padding: 0;
    }

    #sellerView.seller-home-active .tool-panel > .lead-form {
      background: transparent;
    }

    #sellerView.seller-home-active .lead-form > .quick-start {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      grid-template-areas:
        "copy"
        "actions"
        "visual";
      gap: 28px;
      align-items: start;
      padding: 40px var(--landing-pad) 36px;
      border: 1px solid var(--line);
      border-radius: 16px;
      background: var(--surface);
      box-shadow: var(--ios-shadow-soft);
    }

    #sellerView.seller-home-active .seller-landing-hero-copy {
      grid-area: copy;
      display: grid;
      min-width: 0;
      justify-items: start;
    }

    #sellerView.seller-home-active .seller-landing-kicker {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin: 0 0 16px;
      color: var(--blue);
      font-size: 15px;
      font-weight: 800;
      line-height: 1.3;
    }

    .seller-landing-kicker .icon {
      width: 18px;
      height: 18px;
    }

    #sellerView.seller-home-active .seller-landing-title {
      max-width: none;
      margin: 0;
      color: var(--brand-heading);
      font-size: clamp(32px, 4.4vw, 52px);
      font-weight: 850;
      line-height: 1.08;
      letter-spacing: -.02em;
      text-wrap: balance;
    }

    #sellerView.seller-home-active .seller-landing-title span {
      display: block;
    }

    #sellerView.seller-home-active .seller-landing-title .seller-landing-title-accent {
      color: var(--brand-blue);
    }

    #sellerView.seller-home-active .seller-landing-lead {
      max-width: 34em;
      margin: 20px 0 0;
      color: var(--muted);
      font-size: clamp(17px, 1.5vw, 19px);
      line-height: 1.55;
    }

    #sellerView.seller-home-active .quick-start > .start-assistant-actions {
      grid-area: actions;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-start;
      gap: 16px;
      min-width: 0;
    }

    #sellerView.seller-home-active .start-assistant-actions > .seller-ai-entry {
      display: contents;
    }

    #sellerView.seller-home-active #startAssistant,
    #sellerView.seller-home-active #openSellerAiAssistant {
      flex: 0 1 auto;
      width: auto;
      min-width: 0;
      min-height: 54px;
      padding: 0 24px;
      border-radius: 12px;
      font-size: 16px;
      font-weight: 800;
      line-height: 1.2;
      white-space: normal;
      text-align: center;
    }

    #sellerView.seller-home-active #startAssistant {
      box-shadow: 0 1px 2px rgba(21, 25, 34, .06), 0 2px 8px rgba(21, 25, 34, .08);
    }

    #sellerView.seller-home-active #openSellerAiAssistant {
      border-color: var(--line-strong);
      background: var(--surface);
      color: var(--brand-heading);
      box-shadow: none;
    }

    #sellerView.seller-home-active #startAssistant:focus-visible,
    #sellerView.seller-home-active #openSellerAiAssistant:focus-visible {
      outline: 3px solid var(--brand-blue);
      outline-offset: 3px;
    }

    #sellerView.seller-home-active #openSellerAiAssistant:hover {
      border-color: var(--brand-heading);
    }

    #sellerView.seller-home-active #openSellerAiAssistant .icon {
      color: var(--brand-blue);
    }

    #sellerView.seller-home-active .seller-landing-checks {
      display: flex;
      flex: 1 0 100%;
      flex-wrap: wrap;
      gap: 8px 24px;
      margin: 4px 0 0;
      padding: 0;
      list-style: none;
      color: var(--ink);
      font-size: 15px;
      line-height: 1.4;
    }

    #sellerView.seller-home-active .seller-landing-checks li {
      display: inline-flex;
      align-items: center;
      gap: 8px;
    }

    #sellerView.seller-home-active .seller-landing-checks .icon {
      width: 18px;
      height: 18px;
      color: var(--accent);
    }

    #sellerView.seller-home-active #openExistingSellerGuestRequest {
      flex: 0 0 auto;
      width: auto;
      min-height: 44px;
      padding: 0;
      border: 0;
      background: transparent;
      box-shadow: none;
      color: var(--blue);
      font-size: 15px;
      font-weight: 700;
      text-decoration: underline;
      text-decoration-thickness: 1px;
      text-underline-offset: 3px;
    }

    #sellerView.seller-home-active #openExistingSellerGuestRequest:hover {
      text-decoration-thickness: 2px;
    }

    #sellerView.seller-home-active .seller-landing-visual {
      grid-area: visual;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 16px;
      min-width: 0;
      margin: 0;
      padding: 40px 16px 28px;
      border-radius: 16px;
      background-color: var(--brand-blue-soft);
      background-image: radial-gradient(var(--brand-dot) 1.2px, transparent 1.6px);
      background-size: 16px 16px;
    }

    .seller-landing-device {
      position: relative;
      display: block;
      width: 100%;
      max-width: 300px;
    }

    .seller-landing-example-tag {
      position: absolute;
      top: -14px;
      left: 50%;
      z-index: 2;
      padding: 4px 16px;
      border-radius: 999px;
      background: var(--brand-heading);
      color: var(--surface);
      font-size: 12px;
      font-weight: 850;
      letter-spacing: .08em;
      text-transform: uppercase;
      white-space: nowrap;
      transform: translateX(-50%);
    }

    .seller-landing-phone {
      display: block;
      padding: 10px;
      border: 1px solid #2a313b;
      border-radius: 44px;
      background: #0f1319;
      box-shadow: 0 32px 64px -24px rgba(21, 25, 34, .28), 0 8px 16px -8px rgba(21, 25, 34, .12);
    }

    .seller-landing-screen {
      display: block;
      overflow: hidden;
      padding: 12px 14px 16px;
      border-radius: 34px;
      background: var(--bg);
      color: var(--ink);
      font-size: 13px;
      line-height: 1.4;
    }

    .seller-landing-status {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 24px;
      padding: 0 10px;
      color: var(--brand-heading);
      font-size: 12px;
      font-weight: 700;
    }

    .seller-landing-island {
      position: absolute;
      top: 2px;
      left: 50%;
      width: 76px;
      height: 20px;
      border-radius: 999px;
      background: #0f1319;
      transform: translateX(-50%);
    }

    .seller-landing-battery {
      width: 22px;
      height: 11px;
      padding: 1px;
      border: 1.5px solid currentColor;
      border-radius: 3px;
    }

    .seller-landing-battery::before {
      content: "";
      display: block;
      width: 70%;
      height: 100%;
      border-radius: 1px;
      background: currentColor;
    }

    .seller-landing-app-head {
      display: flex;
      align-items: center;
      gap: 8px;
      margin: 16px 4px 12px;
      color: var(--brand-heading);
      font-size: 16px;
      font-weight: 800;
    }

    /* Offizielles Zeichen (PNG-Ausschnitt aus dem Kopfzeilenlogo), hell/dunkel wie .brand-logo. */
    .seller-landing-mark {
      display: block;
      flex: 0 0 auto;
      height: auto;
      object-fit: contain;
    }

    .seller-landing-mark-night {
      display: none;
    }

    html[data-theme="dark"] .seller-landing-mark-light {
      display: none;
    }

    html[data-theme="dark"] .seller-landing-mark-night {
      display: block;
    }

    .seller-landing-app-head .seller-landing-mark {
      width: 26px;
    }

    .seller-landing-card {
      display: block;
      padding: 12px;
      border: 1px solid var(--line);
      border-radius: 12px;
      background: var(--surface);
    }

    .seller-landing-vehicle {
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .seller-landing-vehicle-icon {
      display: grid;
      width: 40px;
      height: 40px;
      flex: 0 0 auto;
      place-items: center;
      border-radius: 12px;
      background: var(--brand-blue-soft);
      color: var(--brand-blue);
    }

    .seller-landing-vehicle-copy strong {
      display: block;
      color: var(--brand-heading);
      font-size: 14px;
    }

    .seller-landing-vehicle-copy span {
      display: block;
      color: var(--muted);
      font-size: 12px;
    }

    .seller-landing-pill {
      display: inline-block;
      margin-top: 10px;
      padding: 2px 8px;
      border-radius: 999px;
      background: var(--accent-soft);
      color: var(--accent-strong);
      font-size: 11px;
      font-weight: 700;
    }

    .seller-landing-offer {
      display: block;
      margin-top: 12px;
      padding-top: 12px;
      border-top: 1px solid var(--line);
    }

    .seller-landing-offer-label {
      display: block;
      color: var(--muted);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .06em;
      text-transform: uppercase;
    }

    .seller-landing-offer-amount {
      display: block;
      margin-top: 2px;
      color: var(--brand-heading);
      font-size: 28px;
      font-weight: 850;
      line-height: 1.1;
      font-variant-numeric: tabular-nums;
      white-space: nowrap;
    }

    .seller-landing-offer-validity {
      display: flex;
      align-items: flex-start;
      gap: 8px;
      margin-top: 8px;
    }

    .seller-landing-offer-validity .icon {
      width: 16px;
      height: 16px;
      margin-top: 1px;
      color: var(--brand-blue);
    }

    .seller-landing-offer-validity strong {
      display: block;
      color: var(--brand-heading);
      font-size: 13px;
    }

    .seller-landing-offer-validity small {
      display: block;
      color: var(--muted);
      font-size: 11px;
    }

    .seller-landing-offer-accept {
      display: flex;
      min-height: 44px;
      align-items: center;
      justify-content: center;
      margin-top: 12px;
      border-radius: 12px;
      background: var(--primary-bg);
      color: var(--primary-text);
      font-size: 13px;
      font-weight: 700;
    }

    .seller-landing-offer-actions {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: 8px;
      margin-top: 8px;
    }

    .seller-landing-offer-actions span {
      display: flex;
      min-height: 44px;
      align-items: center;
      justify-content: center;
      padding: 4px 8px;
      border: 1px solid var(--line-strong);
      border-radius: 12px;
      background: var(--surface);
      color: var(--brand-heading);
      font-size: 11px;
      font-weight: 700;
      line-height: 1.25;
      text-align: center;
    }

    .seller-landing-offer-watch {
      display: flex;
      align-items: flex-start;
      gap: 8px;
      margin-top: 10px;
      color: var(--muted);
      font-size: 11px;
    }

    .seller-landing-offer-watch .icon {
      width: 14px;
      height: 14px;
      margin-top: 1px;
      color: var(--brand-blue);
    }

    .seller-landing-note {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-top: 12px;
      padding: 8px 12px;
      border-radius: 12px;
      background: var(--accent-soft);
      color: var(--accent-strong);
      font-size: 11px;
      font-weight: 600;
    }

    .seller-landing-note .icon {
      width: 14px;
      height: 14px;
    }

    #sellerView.seller-home-active .seller-landing-visual figcaption {
      max-width: 300px;
      color: var(--ink);
      font-size: 13px;
      line-height: 1.45;
      text-align: center;
    }

    #sellerView.seller-home-active .seller-login-trust {
      gap: 16px;
      margin-top: 16px;
    }

    #sellerView.seller-home-active .seller-landing-section {
      min-width: 0;
    }

    .seller-landing-eyebrow {
      display: block;
      color: var(--blue);
      font-size: 13px;
      font-weight: 800;
      letter-spacing: .08em;
      line-height: 1.3;
      text-transform: uppercase;
    }

    #sellerView.seller-home-active .seller-landing-section h2 {
      color: var(--brand-heading);
      font-size: clamp(26px, 3vw, 36px);
      font-weight: 850;
      line-height: 1.15;
      letter-spacing: -.02em;
      text-wrap: balance;
    }

    #sellerView.seller-home-active .seller-landing-section-head {
      display: grid;
      max-width: 720px;
      gap: 8px;
      margin-bottom: 32px;
    }

    #sellerView.seller-home-active .seller-landing-section-head p {
      margin-top: 4px;
      color: var(--muted);
      font-size: 17px;
      line-height: 1.55;
    }

    #sellerView.seller-home-active .seller-landing-steps,
    #sellerView.seller-home-active .seller-landing-about {
      padding: 40px var(--landing-pad);
    }

    .seller-landing-timeline {
      display: grid;
      gap: 28px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .seller-landing-step {
      position: relative;
      display: grid;
      min-width: 0;
      align-content: start;
      gap: 6px;
      padding-left: 72px;
    }

    .seller-landing-step-icon {
      position: absolute;
      top: 0;
      left: 0;
      display: grid;
      width: 56px;
      height: 56px;
      place-items: center;
      border-radius: 50%;
      background: var(--brand-heading);
      color: var(--surface);
    }

    .seller-landing-step-icon .icon {
      width: 24px;
      height: 24px;
    }

    .seller-landing-step:not(:last-child)::after {
      content: "";
      position: absolute;
      top: 64px;
      bottom: -20px;
      left: 27px;
      border-left: 2px dashed var(--line-strong);
    }

    .seller-landing-step-number {
      color: var(--blue);
      font-size: 13px;
      font-weight: 800;
      letter-spacing: .06em;
      text-transform: uppercase;
    }

    #sellerView.seller-home-active .seller-landing-step h3 {
      color: var(--brand-heading);
      font-size: 20px;
      font-weight: 800;
      line-height: 1.25;
    }

    #sellerView.seller-home-active .seller-landing-step > p:not(.seller-landing-fine) {
      color: var(--muted);
      line-height: 1.55;
    }

    #sellerView.seller-home-active .seller-landing-fine {
      display: flex;
      align-items: flex-start;
      gap: 8px;
      margin-top: 10px;
      padding: 12px 16px;
      border: 1px solid var(--line);
      border-radius: 12px;
      background: var(--surface);
      color: var(--ink);
      font-size: 14px;
      line-height: 1.5;
    }

    .seller-landing-fine .icon {
      width: 18px;
      height: 18px;
      margin-top: 1px;
      color: var(--brand-blue);
    }

    #sellerView.seller-home-active .seller-login-trust > .seller-landing-pay {
      display: grid;
      gap: 28px;
      padding: 40px var(--landing-card-pad);
      border-radius: 16px;
      background: var(--brand-navy);
      color: #e6ebf0;
    }

    #sellerView.seller-home-active .seller-landing-pay .seller-landing-eyebrow {
      color: #8db2ff;
    }

    #sellerView.seller-home-active .seller-landing-pay h2 {
      margin-top: 8px;
      color: #f4f7fa;
    }

    #sellerView.seller-home-active .seller-landing-pay-answer {
      margin-top: 8px;
      color: var(--brand-green);
      font-size: clamp(36px, 4.5vw, 52px);
      font-weight: 850;
      line-height: 1.1;
      letter-spacing: -.02em;
    }

    #sellerView.seller-home-active .seller-landing-pay-copy p:last-child {
      max-width: 36em;
      margin-top: 14px;
      color: #aeb8c4;
      font-size: 17px;
      line-height: 1.55;
    }

    .seller-landing-pay-split {
      display: grid;
      gap: 16px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .seller-landing-pay-tile {
      display: flex;
      min-width: 0;
      flex-direction: column;
      gap: 8px;
      padding: 22px;
      border: 1px solid rgba(255, 255, 255, .14);
      border-radius: 12px;
      background: rgba(255, 255, 255, .04);
    }

    .seller-landing-pay-who {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: #aeb8c4;
      font-size: 14px;
      font-weight: 650;
    }

    .seller-landing-pay-who .icon {
      width: 18px;
      height: 18px;
    }

    #sellerView.seller-home-active .seller-landing-pay-amount {
      color: #f4f7fa;
      font-size: 40px;
      font-weight: 850;
      line-height: 1.1;
    }

    #sellerView.seller-home-active .seller-landing-pay-amount.is-zero {
      color: var(--brand-green);
    }

    #sellerView.seller-home-active .seller-landing-pay-amount.is-text {
      padding-block: 6px;
      font-size: 24px;
      line-height: 1.25;
    }

    #sellerView.seller-home-active .seller-landing-pay-tile p {
      color: #e6ebf0;
      font-size: 15px;
      line-height: 1.5;
    }

    #sellerView.seller-home-active .seller-login-trust > .seller-landing-privacy,
    #sellerView.seller-home-active .seller-login-trust > .seller-login-faq {
      padding: 40px var(--landing-card-pad);
      border: 1px solid var(--line);
      border-radius: 16px;
      background: var(--surface);
      box-shadow: var(--ios-shadow-soft);
    }

    .seller-landing-privacy-grid {
      display: grid;
      gap: 16px;
    }

    .seller-landing-privacy-card {
      min-width: 0;
      padding: 24px;
      border: 1px solid var(--line);
      border-radius: 16px;
      background: var(--surface-nested);
    }

    .seller-landing-privacy-head {
      display: flex;
      align-items: center;
      gap: 16px;
      margin-bottom: 8px;
      padding-bottom: 16px;
      border-bottom: 1px solid var(--line);
    }

    .seller-landing-privacy-icon {
      display: grid;
      width: 48px;
      height: 48px;
      flex: 0 0 auto;
      place-items: center;
      border-radius: 12px;
    }

    .seller-landing-privacy-icon .icon {
      width: 24px;
      height: 24px;
    }

    .seller-landing-privacy-card.is-shared .seller-landing-privacy-icon {
      background: var(--accent-soft);
      color: var(--accent);
    }

    .seller-landing-privacy-card.is-protected .seller-landing-privacy-icon {
      background: var(--brand-heading);
      color: var(--surface);
    }

    #sellerView.seller-home-active .seller-landing-privacy-head h3 {
      color: var(--brand-heading);
      font-size: 20px;
      font-weight: 800;
      line-height: 1.25;
    }

    #sellerView.seller-home-active .seller-landing-privacy-head p {
      color: var(--muted);
      font-size: 14px;
    }

    .seller-landing-privacy-list {
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .seller-landing-privacy-list li {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      padding-block: 14px;
    }

    .seller-landing-privacy-list li + li {
      border-top: 1px solid var(--line);
    }

    .seller-landing-privacy-list .icon {
      width: 20px;
      height: 20px;
      margin-top: 2px;
    }

    .seller-landing-privacy-card.is-shared .seller-landing-privacy-list .icon {
      color: var(--accent);
    }

    .seller-landing-privacy-card.is-protected .seller-landing-privacy-list .icon {
      color: var(--brand-heading);
    }

    .seller-landing-privacy-list strong {
      display: block;
      color: var(--brand-heading);
      font-weight: 750;
      line-height: 1.35;
    }

    .seller-landing-privacy-list li > span > span {
      display: block;
      margin-top: 2px;
      color: var(--muted);
      font-size: 15px;
      line-height: 1.5;
    }

    #sellerView.seller-home-active .seller-landing-privacy-foot {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      margin-top: 20px;
      padding: 16px 20px;
      border-radius: 16px;
      background: var(--brand-blue-soft);
      color: var(--ink);
      line-height: 1.5;
    }

    .seller-landing-privacy-foot .icon {
      width: 20px;
      height: 20px;
      margin-top: 2px;
      color: var(--brand-blue);
    }

    #sellerView.seller-home-active .seller-landing-about {
      display: grid;
      gap: 32px;
    }

    .seller-landing-about-copy {
      display: grid;
      min-width: 0;
      justify-items: start;
      gap: 8px;
    }

    #sellerView.seller-home-active .seller-landing-about-copy > p {
      max-width: 36em;
      margin-top: 8px;
      color: var(--muted);
      font-size: 17px;
      line-height: 1.55;
    }

    #sellerView.seller-home-active .seller-landing-text-link {
      display: inline-flex;
      min-height: 44px;
      align-items: center;
      gap: 8px;
      padding: 0;
      border: 0;
      background: none;
      color: var(--blue);
      font: inherit;
      font-weight: 700;
      text-align: left;
      text-decoration: underline;
      text-decoration-thickness: 1px;
      text-underline-offset: 3px;
      cursor: pointer;
    }

    #sellerView.seller-home-active .seller-landing-text-link:hover {
      text-decoration-thickness: 2px;
    }

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

    .seller-landing-company {
      min-width: 0;
      padding: 28px;
      border: 1px solid var(--line);
      border-radius: 16px;
      background: var(--surface);
      box-shadow: var(--ios-shadow-soft);
    }

    .seller-landing-company-top {
      display: flex;
      align-items: center;
      gap: 16px;
      padding-bottom: 20px;
      border-bottom: 1px solid var(--line);
    }

    .seller-landing-company-top .seller-landing-mark {
      width: 64px;
    }

    #sellerView.seller-home-active .seller-landing-company-top strong {
      display: block;
      color: var(--brand-heading);
      font-size: 20px;
      font-weight: 850;
    }

    .seller-landing-company-top small {
      color: var(--muted);
      font-size: 14px;
    }

    .seller-landing-facts {
      margin: 0;
    }

    .seller-landing-facts > div {
      padding-block: 16px;
    }

    .seller-landing-facts > div + div {
      border-top: 1px solid var(--line);
    }

    .seller-landing-facts dt {
      display: flex;
      align-items: center;
      gap: 10px;
      color: var(--muted);
      font-size: 13px;
      font-weight: 650;
    }

    .seller-landing-facts dt .icon {
      width: 18px;
      height: 18px;
      color: var(--brand-blue);
    }

    .seller-landing-facts dd {
      margin: 4px 0 0 28px;
      color: var(--brand-heading);
      font-weight: 650;
      line-height: 1.45;
    }

    #sellerView.seller-home-active .seller-login-faq .seller-login-section-heading {
      align-content: start;
      justify-items: start;
      gap: 8px;
    }

    #sellerView.seller-home-active .seller-login-faq .seller-login-section-heading p {
      color: var(--muted);
      font-size: 17px;
      line-height: 1.55;
    }

    #sellerView.seller-home-active .seller-login-trust > .seller-login-cta {
      display: grid;
      align-items: center;
      gap: 28px;
      padding: 44px var(--landing-card-pad);
      border-radius: 16px;
      background: var(--brand-navy);
      color: #e6ebf0;
    }

    #sellerView.seller-home-active .seller-login-trust > .seller-login-cta .seller-login-cta-copy {
      gap: 12px;
    }

    #sellerView.seller-home-active .seller-login-trust > .seller-login-cta h2 {
      color: #f4f7fa;
      font-size: clamp(26px, 3vw, 36px);
      font-weight: 850;
      line-height: 1.15;
      letter-spacing: -.02em;
    }

    #sellerView.seller-home-active .seller-login-trust > .seller-login-cta p {
      color: #aeb8c4;
      font-size: 17px;
      line-height: 1.5;
    }

    #sellerView.seller-home-active .seller-login-trust > .seller-login-cta .seller-landing-cta-note {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 14px;
    }

    .seller-landing-cta-note .icon {
      width: 18px;
      height: 18px;
      color: var(--brand-green);
    }

    .seller-landing-cta-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 16px;
    }

    #sellerView.seller-home-active .seller-login-trust > .seller-login-cta .btn {
      flex: 0 1 auto;
      min-height: 54px;
      padding: 0 24px;
      border-radius: 12px;
      font-size: 16px;
      font-weight: 800;
      white-space: normal;
      text-align: center;
    }

    #sellerView.seller-home-active .seller-login-trust > .seller-login-cta .btn.primary {
      border-color: var(--brand-green);
      background: var(--brand-green);
      color: #06170f;
    }

    #sellerView.seller-home-active .seller-login-trust > .seller-login-cta .btn.primary:is(:hover, :active) {
      border-color: #43d49b;
      background: #43d49b;
      color: #06170f;
    }

    #sellerView.seller-home-active .seller-login-trust > .seller-login-cta .btn.ghost {
      border-color: rgba(255, 255, 255, .32);
      background: transparent;
      color: #f4f7fa;
    }

    #sellerView.seller-home-active .seller-login-trust > .seller-login-cta .btn.ghost:is(:hover, :active) {
      border-color: #f4f7fa;
      background: rgba(255, 255, 255, .06);
      color: #f4f7fa;
    }

    #sellerView.seller-home-active .seller-login-trust > .seller-login-cta .btn.ghost .icon {
      color: #8db2ff;
    }

    #sellerView.seller-home-active .seller-login-trust > .seller-login-cta .btn:focus-visible,
    #sellerView.seller-home-active .seller-landing-text-link:focus-visible,
    #sellerView.seller-home-active #openExistingSellerGuestRequest:focus-visible {
      outline: 3px solid var(--brand-blue);
      outline-offset: 3px;
    }

    @media (min-width: 560px) {
      .seller-landing-pay-split {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      }
    }

    @media (min-width: 860px) {
      .seller-landing-timeline {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 32px;
      }

      .seller-landing-step {
        padding-top: 80px;
        padding-left: 0;
      }

      .seller-landing-step:not(:last-child)::after {
        top: 27px;
        right: -16px;
        bottom: auto;
        left: 72px;
        border-top: 2px dashed var(--line-strong);
        border-left: 0;
      }

      .seller-landing-privacy-grid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 24px;
      }

      .seller-landing-privacy-card {
        padding: 28px;
      }
    }

    @media (min-width: 900px) {
      #sellerView.seller-home-active .seller-login-trust > .seller-landing-pay {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
        align-items: center;
        gap: 56px;
        padding-block: 56px;
      }

      #sellerView.seller-home-active .seller-landing-about {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        align-items: center;
        gap: 56px;
      }

      #sellerView.seller-home-active .seller-login-trust > .seller-login-faq {
        grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
        gap: 56px;
      }

      #sellerView.seller-home-active .seller-login-trust > .seller-login-cta {
        grid-template-columns: minmax(0, 1.2fr) auto;
        gap: 56px;
        padding-block: 56px;
      }
    }

    @media (min-width: 1024px) {
      #sellerView.seller-home-active {
        --landing-pad: 56px;
        --landing-card-pad: 56px;
      }

      #sellerView.seller-home-active .lead-form > .quick-start {
        grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
        grid-template-areas:
          "copy visual"
          "actions visual";
        grid-template-rows: auto 1fr;
        column-gap: 56px;
        row-gap: 32px;
        padding: 56px var(--landing-pad) 60px;
      }

      #sellerView.seller-home-active .seller-landing-hero-copy {
        align-self: end;
        padding-top: 24px;
      }

      #sellerView.seller-home-active .quick-start > .start-assistant-actions {
        align-self: start;
      }

      #sellerView.seller-home-active .seller-landing-visual {
        align-self: stretch;
        justify-content: center;
        padding: 56px 40px 40px;
      }

      #sellerView.seller-home-active .seller-landing-steps,
      #sellerView.seller-home-active .seller-landing-about {
        padding-block: 64px;
      }

      #sellerView.seller-home-active .seller-login-trust > :is(.seller-landing-privacy, .seller-login-faq) {
        padding-block: 64px;
      }
    }

    @media (max-width: 899px) {
      #sellerView.seller-home-active .seller-landing-sticky {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 18;
        display: grid;
        gap: 6px;
        padding: 12px max(16px, env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
        border-top: 1px solid var(--line);
        background: var(--surface);
        box-shadow: 0 -8px 24px -16px rgba(21, 25, 34, .35);
        visibility: hidden;
        transform: translateY(110%);
        transition: transform .25s ease, visibility 0s linear .25s;
      }

      #sellerView.seller-home-active .seller-landing-sticky.is-visible {
        visibility: visible;
        transform: none;
        transition: transform .25s ease;
      }

      #sellerView.seller-home-active .seller-landing-sticky .btn {
        width: 100%;
        min-height: 52px;
        border-radius: 12px;
        font-size: 16px;
        font-weight: 800;
      }

      #sellerView.seller-home-active .seller-landing-sticky small {
        display: block;
        color: var(--muted);
        font-size: 13px;
        line-height: 1.3;
        text-align: center;
      }

      body.seller-assistant-active #sellerView .seller-landing-sticky,
      body.seller-ai-dialog-open #sellerView .seller-landing-sticky,
      body.seller-modal-dialog-open #sellerView .seller-landing-sticky,
      body:has(dialog[open]) #sellerView .seller-landing-sticky {
        display: none;
      }
    }

    @media (max-width: 767px) {
      #sellerView.seller-home-active .seller-landing-visual {
        padding: 32px 12px 24px;
      }

      .seller-landing-device {
        max-width: 288px;
      }
    }

    @media (max-width: 640px) {
      #sellerView.seller-home-active {
        --landing-pad: 6px;
        --landing-card-pad: 18px;
      }

      #sellerView.seller-home-active .lead-form > .quick-start {
        gap: 24px;
        padding: 14px var(--landing-pad) 8px;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
      }

      #sellerView.seller-home-active .seller-landing-steps,
      #sellerView.seller-home-active .seller-landing-about {
        padding-block: 32px;
      }

      #sellerView.seller-home-active .seller-login-trust > :is(.seller-landing-pay, .seller-landing-privacy, .seller-login-faq, .seller-login-cta) {
        padding-block: 32px;
      }

      .seller-landing-privacy-card,
      .seller-landing-company {
        padding: 18px;
      }

      .seller-landing-pay-tile {
        padding: 16px;
      }
    }

    @media (max-width: 559px) {
      #sellerView.seller-home-active #startAssistant,
      #sellerView.seller-home-active #openSellerAiAssistant,
      #sellerView.seller-home-active .seller-login-trust > .seller-login-cta .btn {
        flex: 1 0 100%;
        width: 100%;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      #sellerView.seller-home-active .seller-landing-sticky,
      #sellerView.seller-home-active .seller-landing-sticky.is-visible {
        transition: none;
      }
    }

    /*
      Erfassungsformular: ruhige Gliederung. Nur Gestaltung innerhalb von #leadForm, damit Konto-
      und Listing-Editor ihre bisherigen Pflichtstile behalten. Schritte 2 bis 6 liegen im statischen
      #vehicleDetailsColumns und bilden mit Schritt 1 ein gemeinsames Zwei-Spalten-Raster in
      DOM-Reihenfolge (= Tab-Reihenfolge). Offene Pflichtfelder zeigen bis zum ersten Weiter-Versuch
      nur einen dezenten Stern; Fehler (aria-invalid, .chapter-validation-invalid) bleiben rot.
      !important nur dort, wo die älteren Pflicht- und Fehlerregeln es selbst verwenden. Nur Tokens,
      damit der Dunkelmodus ohne eigene Regeln folgt; der Block steht bewusst vor dem Dark-Cascade-Guard.
    */
    #sellerView #leadForm .guided-assistant > .assistant-progress {
      order: -1;
      gap: 8px;
    }

    #sellerView #leadForm .assistant-progress-row {
      align-items: baseline;
    }

    #sellerView #leadForm #assistantStepTitle {
      order: -1;
      color: var(--brand-heading);
      font-size: 14px;
      font-weight: 700;
    }

    #sellerView #leadForm #assistantStepLabel {
      color: var(--muted);
      font-size: 13px;
      font-weight: 600;
      font-variant-numeric: tabular-nums;
    }

    #sellerView #leadForm .assistant-bar {
      position: relative;
      height: 6px;
      background: var(--surface-2);
    }

    #sellerView #leadForm .assistant-bar::before,
    #sellerView #leadForm .assistant-bar::after {
      content: "";
      position: absolute;
      z-index: 1;
      top: 0;
      bottom: 0;
      width: 4px;
      background: var(--surface);
    }

    #sellerView #leadForm .assistant-bar::before { left: calc(33.333% - 2px); }
    #sellerView #leadForm .assistant-bar::after { left: calc(66.666% - 2px); }

    #sellerView #leadForm .assistant-required-legend {
      justify-self: end;
      margin: 0;
      color: var(--muted);
      font-size: 12px;
      font-weight: 600;
      line-height: 1.3;
    }

    /* Kein :has() in dieser Liste: Browser ohne :has() verwerfen sonst die ganze Regel und zeigen
       wieder die gelben Etiketten. Der Schadensarten-Stern folgt als eigene Regel. */
    #sellerView #leadForm .assistant-required-legend::before,
    #sellerView #leadForm .field.chapter-required-missing:not([data-required-indicator="controlled"]) > label::after,
    #sellerView #leadForm .mileage-control.chapter-required-missing > label::after,
    #sellerView #leadForm :is(.required-badge, .photo-required-badge):not([data-state="invalid"])::before {
      content: "*";
      content: "*" / "";
      position: static;
      display: inline;
      height: auto;
      margin: 0 0 0 3px;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: none;
      color: var(--brand-blue);
      font-size: 15px;
      font-weight: 700;
      line-height: 1;
    }

    #sellerView #leadForm .field:has(> .damage-type-grid.chapter-required-missing) > label::after {
      content: "*";
      content: "*" / "";
      position: static;
      display: inline;
      height: auto;
      margin: 0 0 0 3px;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: none;
      color: var(--brand-blue);
      font-size: 15px;
      font-weight: 700;
      line-height: 1;
    }

    #sellerView #leadForm .assistant-required-legend::before {
      margin: 0 3px 0 0;
    }

    #sellerView #leadForm .guided-assistant[data-phase="vehicle"]:not(.vehicle-fields-visible) .assistant-required-legend {
      display: none;
    }

    /* Ohne offene Pflichtangabe gibt es keinen Stern; der Platz bleibt, damit nichts springt. */
    #sellerView #leadForm .guided-assistant:has(> #assistantRequiredSummary[data-state="complete"]) .assistant-required-legend {
      visibility: hidden;
    }

    /* Fahrzeugdaten: ein Raster in DOM-Reihenfolge statt zweier ungleich hoher Spalten. */
    #sellerView #leadForm .guided-assistant:not([data-phase="vehicle"]) #vehicleDetailsColumns,
    #sellerView #leadForm .guided-assistant:not(.vehicle-fields-visible) #vehicleDetailsColumns {
      display: none;
    }

    #sellerView #leadForm #vehicleDetailsColumns {
      display: grid;
      grid-column: 1 / -1;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 16px 20px;
      align-items: start;
      min-width: 0;
    }

    #sellerView #leadForm #vehicleDetailsColumns > .assistant-step.active,
    #sellerView #leadForm #vehicleDetailsColumns > .assistant-step.active > .field-grid {
      display: contents;
    }

    #sellerView #leadForm #vehicleDetailsColumns > .assistant-step > :is(
      .assistant-group-title,
      .vehicle-description-assist,
      .vin-required-field,
      .vehicle-color-group,
      .power-required-field,
      .technical-optional-fields
    ) {
      grid-column: 1 / -1;
    }

    #sellerView #leadForm #vehicleDetailsColumns .field.field-span-full {
      grid-column: auto;
    }

    #sellerView #leadForm .guided-assistant[data-phase="vehicle"].vehicle-fields-visible .assistant-step[data-step="1"] {
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: start;
      gap: 16px 20px;
    }

    #sellerView #leadForm .assistant-step[data-step="1"] > :not(.compact-action) { grid-column: 1 / -1; }
    #sellerView #leadForm .assistant-step[data-step="1"] > .step-question { grid-column: 1; grid-row: 1; }
    #sellerView #leadForm .assistant-step[data-step="1"] > .compact-action { grid-column: 2; grid-row: 1; align-self: center; }

    /* Gruppen: Überschrift und Haarlinie statt verschachtelter Karten. */
    #sellerView #leadForm .assistant-group-title,
    #sellerView #leadForm :is(.vin-required-field, .vehicle-color-group, .power-required-field) h4,
    #sellerView #leadForm .condition-group-title {
      margin: 0;
      color: var(--brand-heading);
      font-size: 16px;
      font-weight: 700;
      line-height: 1.3;
      letter-spacing: 0;
    }

    #sellerView #leadForm .assistant-step[data-step="1"] > .assistant-group-title {
      margin-top: 8px;
    }

    #sellerView #leadForm #vehicleDetailsColumns .assistant-group-title,
    #sellerView #leadForm .condition-group-title,
    #sellerView #leadForm #vehicleDetailsColumns .technical-optional-fields {
      margin-top: 8px;
      padding-top: 24px;
      border-top: 1px solid var(--line);
    }

    #sellerView #leadForm :is(.vin-required-field, .vehicle-color-group, .power-required-field) {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 16px 20px;
      margin-top: 8px;
      padding: 24px 0 0;
      border: 0;
      border-top: 1px solid var(--line);
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }

    #sellerView #leadForm :is(.vin-required-field, .vehicle-color-group, .power-required-field) > div:first-child,
    #sellerView #leadForm .power-required-field > .power-required-message,
    #sellerView #leadForm :is(.vehicle-color-fields, .power-fields) {
      grid-column: 1 / -1;
    }

    #sellerView #leadForm :is(.vehicle-color-fields, .power-fields, .technical-optional-fields .field-grid) {
      gap: 16px 20px;
    }

    #sellerView #leadForm :is(.vin-required-field, .vehicle-color-group, .power-required-field) > div:first-child p {
      margin: 4px 0 0;
    }

    #sellerView #leadForm .technical-optional-fields {
      display: grid;
      gap: 16px;
    }

    #sellerView #leadForm #vehicleDetailsColumns .vehicle-description-assist {
      margin-top: 0;
      padding-top: 0;
      border-top: 0;
    }

    #sellerView #leadForm .power-calculation-status:empty {
      display: none;
    }

    #sellerView #leadForm :is(.condition-facts, .sale-questions) {
      display: grid;
      gap: 16px;
      margin-top: 8px;
      padding: 24px 0 0;
      border: 0;
      border-top: 1px solid var(--line);
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }

    #sellerView #leadForm .condition-facts h4 {
      margin: 0;
      color: var(--brand-heading);
      font-size: 18px;
      font-weight: 700;
      line-height: 1.3;
    }

    #sellerView #leadForm :is(.condition-facts, .sale-questions) > div:first-child .mini-note {
      margin: 4px 0 0;
    }

    #sellerView #leadForm :is(.condition-facts-grid, .sale-questions-grid) {
      gap: 16px 20px;
    }

    #sellerView #leadForm .condition-facts-grid > .condition-group-title:first-child {
      margin-top: 0;
      padding-top: 0;
      border-top: 0;
    }

    /* Die Schrittüberschrift "Verkauf klären" genügt; die gleichlautende h4 bleibt für aria-labelledby. */
    #sellerView #leadForm .sale-questions {
      margin-top: 0;
      padding-top: 0;
      border-top: 0;
    }

    #sellerView #leadForm #saleQuestionsTitle {
      position: absolute;
      width: 1px;
      height: 1px;
      margin: -1px;
      overflow: hidden;
      clip: rect(0 0 0 0);
      clip-path: inset(50%);
      white-space: nowrap;
    }

    #sellerView #leadForm .sale-questions .contact-location-fields {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 16px 20px;
    }

    /* Zustand, Fotos und Verkauf als eigene Abschnitte des zweiten Kapitels. */
    #sellerView #leadForm .guided-assistant[data-phase="condition"] .assistant-step:is([data-step="8"], [data-step="10"]).active {
      margin-top: 8px;
      padding-top: 24px;
      border-top: 1px solid var(--line);
    }

    /* Einheitliche Feldhöhen und Abstände. */
    #sellerView #leadForm .field {
      align-content: start;
      gap: 8px;
    }

    #sellerView #leadForm :is(input:not([type="checkbox"]):not([type="radio"]):not(.hidden-input), select) {
      min-height: 50px;
    }

    #sellerView #leadForm .mileage-control {
      gap: 8px;
    }

    #sellerView #leadForm .mileage-input-wrap {
      min-height: 50px;
      padding: 0 14px 0 13px;
    }

    #sellerView #leadForm .mileage-input-wrap #mileage {
      min-height: 48px;
      padding: 0;
      font-size: 16px;
      font-weight: 400;
    }

    #sellerView #leadForm .mileage-unit {
      padding-left: 10px;
      color: var(--muted);
      font-size: 15px;
      font-weight: 600;
    }

    #sellerView #leadForm .money-input-wrap {
      position: relative;
      display: block;
    }

    #sellerView #leadForm .money-input-wrap input {
      width: 100%;
      padding-right: 40px;
    }

    #sellerView #leadForm .money-input-wrap > span {
      position: absolute;
      top: 50%;
      right: 14px;
      transform: translateY(-50%);
      color: var(--muted);
      font-weight: 600;
      pointer-events: none;
    }

    #sellerView #leadForm :is(.vehicle-combobox-hint, .mini-note, .power-calculation-status, .inspection-month-hint) {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.45;
    }

    #sellerView #leadForm :is(.optional-label, .field-optional) {
      color: var(--muted);
      font-weight: 500;
    }

    /* Ruhige Pflichtkennzeichnung: neutrales Feld mit Stern statt gelber Fläche und Etikett.
       Kein :has() in dieser Liste (Browser ohne :has() verwerfen sonst die ganze Regel und zeigen
       wieder gelbe Felder); die Laufleistung mit :has() folgt als eigene Regel. */
    #sellerView #leadForm .field.chapter-required-missing:not(.chapter-validation-invalid) :is(input, select, textarea):not([aria-invalid="true"]),
    #sellerView #leadForm .contact-group.chapter-required-missing:not(.chapter-validation-invalid) :is(input, select, textarea):not([aria-invalid="true"]),
    #sellerView #leadForm .damage-type-grid.chapter-required-missing:not(.chapter-validation-invalid) .choice-check {
      border-color: var(--line-strong) !important;
      background: var(--control-bg) !important;
    }

    #sellerView #leadForm .mileage-control.chapter-required-missing:not(.chapter-validation-invalid):not(.mileage-validation-invalid):not(:has(input[aria-invalid="true"])) .mileage-input-wrap {
      border-color: var(--line-strong) !important;
      background: var(--control-bg) !important;
    }

    #sellerView #leadForm .field.chapter-required-missing:not(.chapter-validation-invalid) :is(input, select, textarea):not([aria-invalid="true"]):focus,
    #sellerView #leadForm .contact-group.chapter-required-missing:not(.chapter-validation-invalid) :is(input, select, textarea):not([aria-invalid="true"]):focus {
      border-color: var(--accent) !important;
      box-shadow: var(--focus);
    }

    #sellerView #leadForm .mileage-control.chapter-required-missing:not(.chapter-validation-invalid):not(.mileage-validation-invalid):not(:has(input[aria-invalid="true"])) .mileage-input-wrap:focus-within {
      border-color: var(--accent) !important;
      box-shadow: var(--focus);
    }

    #sellerView #leadForm .damage-type-grid.chapter-required-missing:not(.chapter-validation-invalid) .choice-check:focus-within {
      border-color: var(--accent) !important;
      box-shadow: var(--focus);
    }

    /* Oder-Paare (Jahr/Datum, kW/PS, PLZ/Ort) tragen nur einen Stern bzw. den Gruppenstern. */
    #sellerView #leadForm .power-fields .field.chapter-required-missing:not([data-required-indicator="controlled"]) > label::after {
      content: none;
    }

    #sellerView #leadForm .field:has(> #firstRegistration) > label::after,
    #sellerView #leadForm .field:has(> #pickupCity) > label::after {
      content: none;
    }

    #sellerView #leadForm :is(.required-badge, .photo-required-badge):not([data-state="invalid"]) {
      min-height: 0;
      margin-left: 0;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: none;
      font-size: 0;
      vertical-align: baseline;
    }

    /* Vor dem Etikett steht bereits ein Leerzeichen im Text. */
    #sellerView #leadForm :is(.required-badge, .photo-required-badge):not([data-state="invalid"])::before {
      margin-left: 0;
    }

    /* Gruppensterne verschwinden wie die Feldsterne, sobald die Gruppe vollständig ist. */
    #sellerView #leadForm .power-required-field:not(.chapter-required-missing) .required-badge::before {
      content: none;
    }

    #sellerView #leadForm .assistant-step[data-step="7"]:not(:has(> .condition-options.chapter-required-missing)) #overallConditionTitle .required-badge::before,
    #sellerView #leadForm .assistant-step[data-step="8"]:not(:has(#dropZone.chapter-required-missing)) .photo-required-badge::before {
      content: none;
    }

    /* Fehler bleiben deutlich: roter Rahmen mit Ring, neutraler Hintergrund, Meldung mit Symbol. */
    #sellerView #leadForm :is(input, select, textarea)[aria-invalid="true"]:not(.mileage-input-wrap input):not(#inspectionValidUntil),
    #sellerView #leadForm .chapter-validation-invalid:is(.field, .contact-group, .vin-required-field) :is(input, select, textarea) {
      border-color: var(--danger) !important;
      background: var(--control-bg) !important;
      box-shadow: 0 0 0 1px var(--danger);
    }

    #sellerView #leadForm .mileage-control:is(.mileage-validation-invalid, .chapter-validation-invalid, :has(input[aria-invalid="true"])) .mileage-input-wrap {
      border-color: var(--danger) !important;
      background: var(--control-bg) !important;
      box-shadow: 0 0 0 1px var(--danger);
    }

    #sellerView #leadForm :is(input, select, textarea)[aria-invalid="true"]:not(.mileage-input-wrap input):focus {
      box-shadow: 0 0 0 1px var(--danger), 0 0 0 5px color-mix(in srgb, var(--danger) 22%, transparent);
    }

    #sellerView #leadForm .mileage-control:is(.mileage-validation-invalid, .chapter-validation-invalid, :has(input[aria-invalid="true"])) .mileage-input-wrap:focus-within {
      box-shadow: 0 0 0 1px var(--danger), 0 0 0 5px color-mix(in srgb, var(--danger) 22%, transparent);
    }

    #sellerView #leadForm .mileage-input-wrap input,
    #sellerView #leadForm .mileage-input-wrap input:focus {
      border: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
    }

    #sellerView #leadForm .damage-type-grid.chapter-validation-invalid {
      outline: 0;
    }

    #sellerView #leadForm .damage-type-grid.chapter-validation-invalid .choice-check {
      border-color: var(--danger) !important;
      background: var(--control-bg) !important;
    }

    #sellerView #leadForm .assistant-field-error,
    #sellerView #leadForm .assistant-field-error[data-kind="missing"] {
      display: flex;
      gap: 6px;
      align-items: flex-start;
      margin: 0;
      color: var(--danger-text);
      font-size: 13px;
      font-weight: 600;
      line-height: 1.4;
    }

    #sellerView #leadForm .assistant-field-error[hidden] {
      display: none;
    }

    #sellerView #leadForm .assistant-field-error::before,
    #sellerView #leadForm #inspectionValidUntilField.chapter-validation-invalid .inspection-month-hint:not(:empty)::before {
      content: "!";
      content: "!" / "";
      display: inline-grid;
      flex: 0 0 16px;
      place-items: center;
      width: 16px;
      height: 16px;
      margin-top: 1px;
      border-radius: 50%;
      background: var(--danger);
      color: var(--surface);
      font-size: 11px;
      font-weight: 800;
      line-height: 1;
    }

    #sellerView #leadForm :is(.mileage-control.mileage-validation-invalid, .mileage-control.chapter-validation-invalid, .mileage-control:has(input[aria-invalid="true"])) .mileage-validation-message::before,
    #sellerView #leadForm .power-required-field:is(.chapter-validation-invalid, :has(input[aria-invalid="true"])) .power-required-message::before {
      content: "!";
      content: "!" / "";
      display: inline-grid;
      flex: 0 0 16px;
      place-items: center;
      width: 16px;
      height: 16px;
      margin-top: 1px;
      border-radius: 50%;
      background: var(--danger);
      color: var(--surface);
      font-size: 11px;
      font-weight: 800;
      line-height: 1;
    }

    /* Kilometerstand, Motorleistung und Pickerl-Monat haben eine eigene Feldmeldung: keine Doppelmeldung. */
    #sellerView #leadForm .mileage-control > .assistant-field-error,
    #sellerView #leadForm .power-fields .field > .assistant-field-error,
    #sellerView #leadForm #inspectionValidUntilField:is([data-inspection-state="invalid"], [data-inspection-state="expired"]) > .assistant-field-error {
      display: none;
    }

    #sellerView #leadForm :is(.mileage-validation-message, .power-required-message, .condition-required-message) {
      color: var(--muted);
      font-weight: 500;
    }

    /* Der E-Mail-Hinweis steht schon vor dem ersten Versuch da: bis dahin ruhig, danach rot. */
    #sellerView #leadForm #sellerContactEmailField:has(#sellerEmail:not([aria-invalid="true"])) #sellerEmailRequirementMessage[data-kind="missing"] {
      color: var(--muted);
      font-weight: 500;
    }

    #sellerView #leadForm #sellerContactEmailField:has(#sellerEmail:not([aria-invalid="true"])) #sellerEmailRequirementMessage[data-kind="missing"]::before {
      content: none;
    }

    #sellerView #leadForm #inspectionValidUntilField.chapter-validation-invalid .inspection-month-hint:not(:empty) {
      display: flex;
      gap: 6px;
      align-items: flex-start;
      color: var(--danger-text);
      font-weight: 600;
    }

    #sellerView #leadForm :is(.mileage-control.mileage-validation-invalid, .mileage-control.chapter-validation-invalid, .mileage-control:has(input[aria-invalid="true"])) .mileage-validation-message,
    #sellerView #leadForm .power-required-field:is(.chapter-validation-invalid, :has(input[aria-invalid="true"])) .power-required-message {
      display: flex;
      gap: 6px;
      align-items: flex-start;
      color: var(--danger-text);
      font-weight: 600;
    }

    #sellerView #leadForm #inspectionValidUntilField.chapter-validation-invalid #inspectionValidUntil {
      border-color: var(--danger) !important;
      background: var(--control-bg) !important;
      box-shadow: 0 0 0 1px var(--danger);
    }

    /* Allgemeinzustand: gestrichelt offen, rot nach Fehlversuch, ohne Sprung beim Auswählen. */
    #sellerView #leadForm .condition-options {
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      gap: 8px;
      padding: 12px;
      border: 1px solid transparent;
      border-radius: 12px;
      background: transparent;
      outline: 0;
    }

    #sellerView #leadForm .condition-options.chapter-required-missing {
      border: 1px dashed var(--line-strong);
      background: var(--surface-nested);
    }

    #sellerView #leadForm .condition-options.chapter-validation-invalid {
      border: 1px solid var(--danger);
      background: var(--danger-bg);
    }

    #sellerView #leadForm .condition-options > :is(.condition-required-message, .assistant-field-error) {
      grid-column: 1 / -1;
    }

    #sellerView #leadForm .condition-option {
      min-height: 50px;
    }

    /* Bedingte Zusatzfragen: ruhiger Einschub statt gelbem Kasten. */
    #sellerView #leadForm .conditional-fields {
      gap: 16px;
      padding: 16px;
      border: 1px solid var(--line);
      border-left: 3px solid var(--brand-blue);
      border-radius: 12px;
      background: var(--surface-nested);
    }

    /* Fotos */
    #sellerView #leadForm .required-photo-head,
    #sellerView #leadForm .required-photo-head:is([data-status="missing"], [data-status="partial"]) {
      padding: 12px 16px;
      border: 1px solid var(--line);
      border-radius: 12px;
      background: var(--surface-nested);
      color: var(--brand-heading);
    }

    #sellerView #leadForm .required-photo-head[data-status="ready"] {
      border-color: var(--success-border);
      background: var(--success-bg);
      color: var(--success-text);
    }

    #sellerView #leadForm .required-photo-head[data-status="invalid"] {
      border-color: var(--danger);
      background: var(--danger-bg);
      color: var(--danger-text);
    }

    #sellerView #leadForm .photo-category-uploader,
    #sellerView #leadForm .photo-category-uploader[data-required-state="missing"] {
      padding: 16px;
      border: 1px dashed var(--line-strong);
      background: var(--surface);
    }

    #sellerView #leadForm .photo-category-uploader[data-required-state="ready"] {
      border-style: solid;
      border-color: var(--line);
    }

    #sellerView #leadForm .photo-category-uploader[data-required-state="invalid"] {
      border: 1px solid var(--danger);
      background: var(--danger-bg);
    }

    #sellerView #leadForm #dropZone[aria-invalid="true"] {
      border: 1px solid var(--danger);
    }

    #sellerView #leadForm .photo-recommendations {
      padding: 0 0 0 18px;
      border: 0;
      background: transparent;
    }

    /* Hinweiszeile unter dem Kapitel */
    #sellerView #leadForm .assistant-required-summary {
      padding: 10px 12px;
      border: 1px solid var(--line);
      border-radius: 10px;
      background: var(--surface-nested);
      color: var(--ink);
    }

    #sellerView #leadForm .assistant-required-summary .icon {
      color: var(--brand-blue);
    }

    #sellerView #leadForm .assistant-required-summary[data-state="complete"] {
      border-color: var(--success-border);
      background: var(--success-bg);
      color: var(--success-text);
    }

    #sellerView #leadForm .assistant-required-summary[data-state="complete"] .icon {
      color: currentColor;
    }

    /* Kontakt: Login-Hinweis als ruhiges Banner, Einloggen als zweitrangige Aktion. */
    #sellerView #leadForm .seller-contact-auth-choice {
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      padding: 14px 16px;
      border: 1px solid var(--line);
      border-radius: 12px;
      background: var(--surface-nested);
      box-shadow: none;
    }

    #sellerView #leadForm .seller-contact-auth-choice #sellerContactLogin {
      border-color: var(--line-strong);
      background: var(--control-bg);
      color: var(--ink);
      box-shadow: none;
    }

    #sellerView #leadForm .seller-contact-auth-choice #sellerContactLogin:is(:hover, :active) {
      border-color: var(--accent);
      color: var(--accent);
    }

    /* Aktionsleisten */
    #sellerView #leadForm .assistant-actions {
      padding-top: 16px;
      border-top: 1px solid var(--line);
    }

    #sellerView #leadForm .assistant-actions .btn {
      min-width: 136px;
      min-height: 48px;
    }

    /* Leere Leiste (Dokumentschritt ohne Zurück) ohne Trennlinie. */
    #sellerView #leadForm .assistant-actions:not(:has(> .btn:not([hidden]))) {
      padding-top: 0;
      border-top: 0;
    }

    /* Im Kontaktkapitel trennt die Absenden-Leiste; ihre Linie beginnt bündig mit dem Karteninhalt. */
    #sellerView #leadForm .guided-assistant[data-phase="contact"] .assistant-actions {
      padding-top: 0;
      border-top: 0;
    }

    #sellerView #leadForm > .seller-submit-actions {
      margin: 8px 18px 0;
      padding: 16px 0 18px;
    }

    @media (max-width: 899px) {
      #sellerView #leadForm #vehicleDetailsColumns,
      #sellerView #leadForm :is(.vin-required-field, .vehicle-color-group, .power-required-field),
      #sellerView #leadForm .sale-questions .contact-location-fields,
      #sellerView #leadForm .guided-assistant[data-phase="vehicle"].vehicle-fields-visible .assistant-step[data-step="1"],
      #sellerView #leadForm .condition-options,
      #sellerView #leadForm .seller-contact-auth-choice {
        grid-template-columns: minmax(0, 1fr);
      }

      #sellerView #leadForm .assistant-step[data-step="1"] > .compact-action {
        grid-column: 1;
        grid-row: auto;
      }

      #sellerView #leadForm .assistant-actions {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 12px;
      }

      #sellerView #leadForm .assistant-actions.no-back {
        grid-template-columns: minmax(0, 1fr);
      }

      #sellerView #leadForm .assistant-actions .btn {
        min-width: 0;
      }

      #sellerView #leadForm > .seller-submit-actions {
        margin: 8px 0 0;
        padding: 16px 0 0;
      }
    }

    /*
      Verkäuferkonto-Einstieg im Stil der Startseite: Login, Telefon-Login, Passwort vergessen
      und Zugang erstellen erscheinen als eine ruhige, zentrierte Karte mit kurzer Nutzenleiste.
      Nur CSS, gebunden an den sichtbaren Zustand von #postSubmitAccessPanel (data-context per JS).
      Alle anderen Zustände des Panels (Zugang nach dem Absenden, E-Mail-/Telefonbestätigung,
      Gastzugang, Angebotsannahme) behalten ihr bisheriges Layout. Ohne :has()-Unterstützung
      greift keine dieser Regeln und das bisherige Layout bleibt vollständig erhalten.
      Nur Tokens, damit hell und dunkel ohne eigene Farbwerte funktionieren.
    */
    .seller-access-brand,
    .seller-access-benefits {
      display: none;
    }

    html:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) .topbar .brand-subtitle,
    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) > .screen-title,
    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) .seller-side-stack > :not(.seller-access-benefits),
    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) #sellerEmailAccessPanel .access-badge,
    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) #postSubmitAccessPanel[data-context="password_reset"] #sellerPasswordResetPanel > .mini-note,
    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) #postSubmitAccessPanel > .toolbar:not(:has(> .btn:not([hidden]))) {
      display: none;
    }

    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) .seller-grid {
      grid-template-columns: minmax(0, 1fr);
      justify-items: center;
      gap: 24px;
    }

    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) .seller-grid > .tool-panel {
      width: min(100%, 520px);
      padding: 32px;
      border: 1px solid var(--line);
      border-radius: 16px;
      background: var(--surface);
      box-shadow: var(--ios-shadow-soft);
    }

    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) .seller-grid > .seller-side-stack {
      position: static;
      top: auto;
      width: min(100%, 600px);
    }

    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) .seller-side-stack > .seller-access-benefits {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 8px 24px;
      margin: 0;
      padding: 0;
      list-style: none;
      color: var(--muted);
      font-size: 14px;
      line-height: 1.4;
    }

    .seller-access-benefits li {
      display: inline-flex;
      align-items: center;
      gap: 8px;
    }

    .seller-access-benefits :is(.icon, svg) {
      width: 18px;
      height: 18px;
      flex: 0 0 auto;
      color: var(--accent);
    }

    /* Panel und Anmeldeblöcke flach: keine Karte in der Karte */
    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) #postSubmitAccessPanel {
      gap: 24px;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }

    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) #postSubmitAccessPanel .access-hero {
      gap: 16px;
    }

    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) #postSubmitAccessPanel .seller-access-brand {
      display: block;
      height: 40px;
    }

    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) #postSubmitAccessPanel .seller-access-brand img {
      width: auto;
      max-width: none;
      height: 40px;
    }

    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) #postSubmitAccessPanel .access-options {
      gap: 16px;
    }

    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) :is(#sellerEmailAccessPanel, #sellerPhoneAccessPanel, #sellerPasswordResetPanel) {
      gap: 16px;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }

    /* Blocküberschrift doppelt den Kartentitel: nur für Screenreader (aria-labelledby bleibt gültig) */
    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) :is(#sellerEmailAccessPanel, #sellerPhoneAccessPanel, #sellerPasswordResetPanel) > .access-option-heading {
      position: absolute;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      overflow: hidden;
      border: 0;
      clip-path: inset(50%);
      white-space: nowrap;
    }

    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) :is(#sellerPendingEmailCorrectionPanel, #sellerEmailVerificationPanel, #sellerRequestCreatedStatus, #sellerAccessStateCard:not([data-state="neutral"]), #sellerAccessMessage, .notification-hint) {
      border-radius: 12px;
    }

    /* Kopf: nur im neutralen Zustand als Überschrift; farbige Zustände bleiben Hinweiskarten */
    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) #sellerAccessStateCard[data-state="neutral"] {
      display: block;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }

    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) #sellerAccessStateCard[data-state="neutral"] .seller-access-state-icon {
      display: none;
    }

    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) #sellerAccessStateCard[data-state="neutral"] .seller-access-state-copy {
      display: grid;
      gap: 8px;
    }

    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) #sellerAccessStateCard[data-state="neutral"] #sellerAccessEyebrow {
      min-height: 0;
      padding: 0;
      color: var(--blue);
      font-size: 14px;
      font-weight: 800;
      line-height: 1.3;
    }

    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) #sellerAccessStateCard[data-state="neutral"] #sellerAccessTitle {
      color: var(--brand-heading);
      font-size: 28px;
      font-weight: 850;
      line-height: 1.15;
      letter-spacing: -.01em;
      text-wrap: balance;
    }

    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) #sellerAccessStateCard[data-state="neutral"] :is(#sellerAccessText, #sellerAccessSubtext) {
      color: var(--muted);
      font-size: 16px;
      line-height: 1.5;
    }

    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) #sellerAccessStateCard[data-state="neutral"] #sellerAccessSubtext {
      font-size: 14px;
    }

    /* Felder: einheitliche Höhe, Beschriftung und Hilfetexte */
    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) #postSubmitAccessPanel .field {
      gap: 8px;
    }

    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) #postSubmitAccessPanel .field > label {
      margin: 0;
      color: var(--ink);
      font-size: 14px;
      font-weight: 700;
      line-height: 1.3;
    }

    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) #postSubmitAccessPanel :is(input:not([type="checkbox"]):not([type="radio"]):not(.hidden-input), .phone-country-trigger) {
      min-height: 48px;
      border-radius: 12px;
    }

    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) #postSubmitAccessPanel .mini-note {
      font-size: 14px;
      line-height: 1.5;
    }

    /* Telefon: Knopf unter die Felder, 104 + 180 + 190 px passen nicht in die Karte */
    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) #postSubmitAccessPanel .phone-input-row {
      grid-template-columns: minmax(88px, 104px) minmax(0, 1fr);
      gap: 12px;
      align-items: end;
    }

    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) #postSubmitAccessPanel .phone-input-row > .phone-submit-field {
      grid-column: 1 / -1;
    }

    /* Aktionen (DOM-Reihenfolge bleibt): Einloggen, Telefon, dann eine Zeile mit zwei Textlinks */
    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) #sellerEmailAccessPanel .seller-access-actions {
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 12px 16px;
      align-items: center;
      margin-top: 8px;
    }

    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) :is(#secureAccessEmail, #requestSellerEmailLoginLink, #sellerLoginWithPhone) {
      grid-column: 1 / -1;
    }

    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) :is(#secureAccessEmail, #secureAccessPhone, #sellerPasswordResetSend) {
      min-height: 52px;
      border-radius: 12px;
      font-size: 16px;
      font-weight: 800;
    }

    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) :is(#sellerLoginWithPhone, #sellerPasswordResetBack) {
      min-height: 48px;
      border: 1px solid var(--line-strong);
      border-radius: 12px;
      background: var(--secondary-bg);
      color: var(--ink);
    }

    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) :is(#sellerLoginWithPhone, #sellerPasswordResetBack):is(:hover, :active) {
      border-color: var(--accent);
      background: var(--secondary-hover);
      color: var(--ink);
    }

    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) :is(#sellerLoginWithPhone, #sellerPasswordResetBack):disabled {
      border-color: var(--line);
      background: var(--disabled-bg);
      color: var(--disabled-text);
    }

    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) :is(#sellerPasswordReset, #sellerSwitchAccessMode) {
      min-height: 44px;
      padding: 0;
      border: 0;
      background: transparent;
      box-shadow: none;
      color: var(--link);
      font-size: 15px;
      font-weight: 700;
      text-decoration: underline;
      text-underline-offset: 3px;
      white-space: normal;
    }

    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) :is(#sellerPasswordReset, #sellerSwitchAccessMode):is(:hover, :active) {
      border-color: transparent;
      background: transparent;
      color: var(--link);
      text-decoration-thickness: 2px;
    }

    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) :is(#sellerPasswordReset, #sellerSwitchAccessMode):disabled {
      background: transparent;
      color: var(--disabled-text);
      text-decoration: none;
    }

    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) #sellerPasswordReset {
      justify-self: start;
      text-align: left;
    }

    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) #sellerSwitchAccessMode {
      justify-self: end;
      text-align: right;
    }

    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) #sellerPasswordReset[hidden] + #sellerSwitchAccessMode {
      grid-column: 1 / -1;
      justify-self: center;
      text-align: center;
    }

    /* Meldungen und Hinweise */
    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) #sellerAccessMessage {
      font-size: 15px;
    }

    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) #postSubmitAccessPanel .notification-hint {
      font-size: 14px;
    }

    /* Fußzeile der Karte: ruhige Textknöpfe mit sicheren Rändern auch bei großer Schrift. */
    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="create_account"])) #postSubmitAccessPanel > .toolbar {
      justify-content: space-between;
      gap: 8px 16px;
      padding-top: 16px;
      border-top: 1px solid var(--line);
    }

    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="create_account"])) #postSubmitAccessPanel > .toolbar .btn {
      flex: 0 1 auto;
      width: auto;
      min-width: 0;
      min-height: 44px;
      margin: 0;
      padding-inline: 12px;
      border-color: transparent;
      background: transparent;
      box-shadow: none;
      color: var(--link);
      font-size: 15px;
      font-weight: 700;
      white-space: normal;
    }

    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="create_account"])) #postSubmitAccessPanel > .toolbar .btn:is(:hover, :active) {
      border-color: transparent;
      background: var(--secondary-hover);
      color: var(--link);
    }

    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="create_account"])) #postSubmitAccessPanel > .toolbar .btn:disabled {
      background: transparent;
      color: var(--disabled-text);
    }

    /* Textknöpfe haben keinen Schatten mehr: sichtbarer Tastaturfokus als Kontur */
    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) :is(#sellerPasswordReset, #sellerSwitchAccessMode):focus-visible,
    #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="create_account"])) #postSubmitAccessPanel > .toolbar .btn:focus-visible {
      outline: 2px solid var(--focus-color);
      outline-offset: 2px;
      box-shadow: none;
    }

    @media (max-width: 640px) {
      #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) .seller-grid > .tool-panel {
        padding: 24px 20px;
      }

      #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) #sellerAccessStateCard[data-state="neutral"] #sellerAccessTitle {
        font-size: 24px;
      }

      #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) .seller-side-stack > .seller-access-benefits {
        flex-direction: column;
        align-items: flex-start;
        padding-inline: 20px;
      }
    }

    @media (max-width: 560px) {
      #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) #sellerEmailAccessPanel .seller-access-actions {
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
      }

      #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) :is(#sellerPasswordReset, #sellerSwitchAccessMode),
      #sellerView:has(#postSubmitAccessPanel:not([hidden]):is([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) #sellerPasswordReset[hidden] + #sellerSwitchAccessMode {
        grid-column: 1 / -1;
        justify-self: start;
        text-align: left;
      }
    }

    /*
      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 .seller-new-offers .seller-new-offers-context {
      color: var(--heading);
    }

    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"] dialog.seller-offer-decline-dialog .btn.primary {
      border-color: var(--primary-bg);
      background: var(--primary-bg);
      color: var(--primary-text);
    }

    html[data-theme="dark"] dialog.seller-offer-decline-dialog .btn.primary: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);
    }

    html[data-theme="dark"] #sellerView.seller-home-active .seller-login-trust > :is(.seller-landing-pay, .seller-login-cta) {
      border: 1px solid var(--line);
    }

    /* Fahrzeugkonto: Aktionen und echte Statusmeldungen statt Startseitenwerbung. */
    #sellerView:has(#sellerOffersPanel[data-view="vehicles"]:not([hidden])) .screen-title,
    #sellerView:has(#sellerOffersPanel[data-view="vehicles"]:not([hidden])) .seller-side-stack {
      display: none;
    }

    #sellerView:has(#sellerOffersPanel[data-view="vehicles"]:not([hidden])) .seller-grid {
      grid-template-columns: minmax(0, 1fr);
    }

    #sellerOffersPanel[data-view="vehicles"] .seller-offers-head {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px 12px;
    }

    #sellerOffersPanel[data-view="vehicles"] #sellerOffersNewVehicle {
      width: auto;
      max-width: 100%;
      min-width: 0;
      min-height: 44px;
      box-sizing: border-box;
      padding: 8px 12px;
      white-space: normal;
      overflow-wrap: anywhere;
    }

    #sellerOffersPanel[data-view="vehicles"] .seller-request-head {
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 8px;
    }

    #sellerOffersPanel[data-view="vehicles"] .btn.seller-detail-toggle {
      justify-self: end;
      width: auto;
      max-width: 100%;
      min-width: 0;
    }
    /* ==========================================================================
       Verkäuferportal Etappe 4 (2026-10) – Bereich A: Grundlagen
       Tokens (siehe :root), Kopfzeile/Menü, Statusbanner, Footer, Chips,
       Buttons/Felder, Dunkelmodus-Korrekturen und ruhige Bewegung.
       Steht bewusst nach allen Breakpoints und dem Dunkelmodus-Block.
       ========================================================================== */

    /* Kopfzeile: Menüknopf bleibt auf Touch-Geräten in jedem Zustand mindestens 44 px hoch. */
    @media (max-width: 900px) {
      #sellerAccountButton,
      .topbar[data-header-state="compact"] #sellerAccountButton {
        min-height: 44px;
      }

      .topbar .brand-subtitle {
        font-size: 14px;
      }

      #sellerAccountButton .seller-account-label-full,
      #sellerAccountButton::after {
        font-size: 14px;
      }
    }

    #sellerAccountButton .seller-account-label-full {
      font-size: 14px;
    }

    /* Avatar: Initialen in beiden Modi lesbar (F3, Dunkelmodus 1,72:1). */
    :is(.seller-account-avatar, .seller-profile-avatar) {
      color: var(--on-accent);
    }

    html[data-theme="dark"] :is(.seller-account-avatar, .seller-profile-avatar) {
      background: var(--accent);
      color: var(--on-accent);
    }

    /* Menü: Untertitel und Zusatzzeilen nicht kleiner als 14 px. */
    .seller-header-menu-dialog #sellerHeaderMenuSubtitle,
    .seller-header-menu-dialog .seller-header-menu-item small,
    .seller-header-menu-dialog .seller-header-menu-copy small,
    .seller-header-menu-dialog .seller-header-menu-trailing {
      font-size: 14px;
    }

    /* Globale Statusmeldung: überdeckt oben im Fahrzeugkonto keine Überschrift und keinen Knopf.
       Die Höhe der Meldung setzt renderSellerGlobalStatus als --seller-global-status-space. */
    html.status-visible main.shell:has(> #sellerView:not(.seller-home-active))::before {
      content: "";
      display: block;
      height: var(--seller-global-status-space, 0px);
    }

    .seller-global-status-bar {
      border-radius: var(--radius-card);
      box-shadow: var(--shadow-raised);
    }

    .seller-global-status-copy span {
      font-size: 14px;
    }

    @media (max-width: 899px) {
      .seller-global-status-copy span {
        font-size: 14px;
      }
    }

    /* Footer: ruhige Textlinks, 14 px, Tap-Ziel 44 × 44 px; auf dem Handy ein zweispaltiges Raster. */
    .seller-legal-footer-inner {
      font-size: 14px;
    }

    .seller-legal-link {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 44px;
      padding: 11px 4px;
      font-size: 14px;
      text-align: center;
    }

    @media (max-width: 520px) {
      .seller-legal-footer-inner {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0 12px;
        padding: 12px max(16px, env(safe-area-inset-right, 0px)) 4px max(16px, env(safe-area-inset-left, 0px));
      }

      .seller-legal-link {
        justify-self: start;
        justify-content: flex-start;
        padding-inline: 0;
        text-align: left;
      }
    }

    /* Status-Chips mit Punkt (Designsprache wie in Pro). Klassen und Statusschlüssel bleiben unverändert. */
    #sellerView .badge {
      --chip-bg: var(--chip-neutral-bg);
      --chip-border: var(--chip-neutral-border);
      --chip-ink: var(--chip-neutral-text);
      --chip-dot: var(--dot-neutral);
      display: inline-flex;
      width: fit-content;
      max-width: 100%;
      min-height: 28px;
      align-items: center;
      justify-self: start;
      align-self: start;
      gap: 7px;
      border: 1px solid var(--chip-border);
      border-radius: var(--radius-pill);
      background: var(--chip-bg);
      color: var(--chip-ink);
      padding: 3px 11px 3px 9px;
      font-size: 13px;
      font-weight: 750;
      line-height: 1.25;
      white-space: normal;
    }

    #sellerView .badge::before {
      content: "";
      width: 8px;
      height: 8px;
      flex: 0 0 8px;
      border-radius: 999px;
      background: var(--chip-dot);
    }

    html[data-theme] #sellerView :is(.seller-request-card > .badge, .badge) {
      border-color: var(--chip-border);
      background: var(--chip-bg);
      color: var(--chip-ink);
    }

    html[data-theme] #sellerView .seller-request-card > .badge {
      min-height: 28px;
      padding: 3px 11px 3px 9px;
      line-height: 1.25;
    }

    html[data-theme] #sellerView .seller-request-card > :is(.badge.approved_for_dealers, .badge.offers_available, .badge.offer_accepted),
    html[data-theme] #sellerView .badge:is(.approved_for_dealers, .offers_available, .offer_accepted, .offered) {
      --chip-bg: var(--chip-success-bg);
      --chip-border: var(--chip-success-border);
      --chip-ink: var(--chip-success-text);
      --chip-dot: var(--dot-success);
    }

    html[data-theme] #sellerView .seller-request-card > .badge.admin_review,
    html[data-theme] #sellerView .badge:is(.admin_review, .new) {
      --chip-bg: var(--chip-info-bg);
      --chip-border: var(--chip-info-border);
      --chip-ink: var(--chip-info-text);
      --chip-dot: var(--dot-info);
    }

    html[data-theme] #sellerView .seller-request-card > :is(.badge.increase_requested, .badge.dealer_recheck_required),
    html[data-theme] #sellerView .badge:is(.increase_requested, .dealer_recheck_required, .review) {
      --chip-bg: var(--chip-warning-bg);
      --chip-border: var(--chip-warning-border);
      --chip-ink: var(--chip-warning-text);
      --chip-dot: var(--dot-warning);
    }

    html[data-theme] #sellerView .seller-request-card > :is(.badge.offer_declined_by_seller, .badge.offers_expired, .badge.removed_by_seller),
    html[data-theme] #sellerView .badge:is(.offer_declined_by_seller, .offers_expired, .removed_by_seller, .closed) {
      --chip-bg: var(--chip-neutral-bg);
      --chip-border: var(--chip-neutral-border);
      --chip-ink: var(--chip-neutral-text);
      --chip-dot: var(--dot-neutral);
    }

    /* Angenommen: Häkchen statt Punkt. */
    #sellerView .badge.offer_accepted::before {
      content: "";
      width: 10px;
      height: 6px;
      flex-basis: 10px;
      margin: -3px 1px 0;
      border: solid var(--chip-dot);
      border-width: 0 0 2px 2px;
      border-radius: 0;
      background: none;
      transform: rotate(-45deg);
    }

    /* Profil-Chips (E-Mail-Login, Telefon): gleiche Chip-Sprache, in beiden Modi mit Fläche und Rand (F5). */
    #sellerView .mini-pill {
      gap: 7px;
      min-height: 28px;
      border: 1px solid var(--chip-success-border);
      border-radius: var(--radius-pill);
      background: var(--chip-success-bg);
      color: var(--chip-success-text);
      padding: 3px 11px 3px 9px;
      font-size: 13px;
      font-weight: 750;
      line-height: 1.25;
    }

    #sellerView .mini-pill::before {
      content: "";
      width: 8px;
      height: 8px;
      flex: 0 0 8px;
      border-radius: 999px;
      background: var(--dot-success);
    }

    #sellerView .mini-pill.phone-verification-pending {
      border-color: var(--chip-warning-border);
      background: var(--chip-warning-bg);
      color: var(--chip-warning-text);
    }

    #sellerView .mini-pill.phone-verification-pending::before {
      background: var(--dot-warning);
    }

    #sellerView .seller-notification-master-badge {
      font-size: 13px;
    }

    /* Pflicht-Etikett: auch im Dunkelmodus mindestens 4,5:1. */
    html[data-theme="dark"] :is(.required-badge, .photo-required-badge):not([data-state="invalid"]) {
      border-color: var(--required-border);
      background: var(--required-bg);
      color: var(--required-text);
    }

    /* Buttons und Felder: gemeinsame Radien und ruhige Fokus-Kontur. */
    .btn {
      border-radius: var(--radius-control);
    }

    input:where(:not([type="checkbox"], [type="radio"], [type="range"])),
    select,
    textarea {
      border-radius: var(--radius-control);
    }

    /* Kleintexte im Portal mindestens 14 px (Chips 13 px fett sind erlaubt). */
    body #sellerView :is(.mini-note, .seller-profile-meta, .seller-offer-validity-absolute) {
      font-size: 14px;
    }

    body #sellerView .seller-offer-summary > span {
      font-size: 14px;
    }

    /* Bewusst niedrige Spezifität: Nutzer- oder Barrierefreiheits-Schriftgrößen dürfen diese Mindestgröße überschreiben. */
    #sellerView :where(.seller-offers-panel) :where(small, .seller-notification-support),
    #sellerView :where(.seller-account-security, .seller-notification-settings) :where(small, p, .mini-note),
    #sellerView :where(#sellerPushStatus, #sellerPushPermissionHelp, #sellerEmailNotificationIntentDescription) {
      font-size: 14px;
    }

    #sellerView .seller-profile-meta > span:not(.mini-pill) {
      font-size: 14px;
    }

    /* Datenschutzhinweis im Profil: Text auf der Mint-Fläche mit vollem Kontrast. */
    #sellerView .seller-profile-privacy-body p {
      color: var(--trust-text);
    }

    /* KI-Dialog im Dunkelmodus (F4): keine weiße Fortschrittsspur, lesbarer Ausstieg. */
    html[data-theme="dark"] .seller-ai-progress-track {
      background: var(--line-subtle);
    }

    html[data-theme="dark"] .seller-ai-manual-exit {
      color: var(--link);
      text-decoration-color: color-mix(in srgb, var(--link) 45%, transparent);
    }

    .seller-ai-manual-exit {
      min-height: 44px;
      font-size: 14px;
    }

    /* Meine Fahrzeuge: die Liste ist keine eigene Karte (kein Rahmen um die Fahrzeugkarten),
       in hell und dunkel, auf Desktop und Handy gleich. Die Fahrzeugkarte bleibt die Rahmenebene. */
    html[data-theme] #sellerView .seller-offers-panel {
      border: 0;
      background: transparent;
      box-shadow: none;
    }

    @media (max-width: 760px) {
      html[data-theme] #sellerView .seller-offers-panel {
        padding-inline: 0;
      }
    }

    /* Ruhige Übergänge nur, wenn Bewegung erwünscht ist. */
    @media (prefers-reduced-motion: no-preference) {
      .btn,
      .seller-legal-link,
      .seller-header-menu-item,
      #sellerView .badge,
      #sellerView .mini-pill {
        transition:
          background-color var(--motion-fast) var(--ease),
          border-color var(--motion-fast) var(--ease),
          color var(--motion-fast) var(--ease),
          box-shadow var(--motion-fast) var(--ease);
      }

      html.status-visible main.shell:has(> #sellerView:not(.seller-home-active))::before {
        transition: height var(--motion-base) var(--ease);
      }
    }
    /* ==========================================================================
       Verkäuferportal Etappe 4 (2026-10) – Bereich E: Meine Fahrzeuge, Angebot, Annahme, Profil
       Grundsatz: ein Inhalt = ein Rahmen. Im Fahrzeugkonto liegen Überschrift und Knopf frei auf dem
       Seitenhintergrund, jede Fahrzeugkarte ist die einzige Rahmenebene, darin bleibt nur das
       Höchstangebot als hervorgehobene Box. Gilt hell und dunkel, Desktop und Handy.
       Steht bewusst nach Bereich A und nach allen Breakpoints.
       ========================================================================== */

    /* Fahrzeugkonto (Fahrzeuge und Profil): Seitenkarte und Liste ohne eigenen Rahmen. */
    html[data-theme] #sellerView:has(#sellerOffersPanel:not([hidden])) .seller-grid > .tool-panel {
      overflow: visible;
      border: 0;
      border-radius: 0;
      padding: 0;
      background: transparent;
      box-shadow: none;
    }

    html[data-theme] #sellerView:has(#sellerOffersPanel:not([hidden])) .seller-offers-panel {
      gap: 18px;
      overflow: visible;
      padding: 4px 0 0;
    }

    /* Profil: keine Startseitenwerbung (Vorteile-Leiste, Claim, „So funktioniert es“). */
    #sellerView:has(#sellerOffersPanel[data-view="profile"]:not([hidden])) .screen-title,
    #sellerView:has(#sellerOffersPanel[data-view="profile"]:not([hidden])) .seller-side-stack > .side-panel:not(.seller-profile-privacy-aside) {
      display: none;
    }

    #sellerView:has(#sellerOffersPanel[data-view="profile"]:not([hidden])) .seller-side-stack > .seller-profile-privacy-aside {
      border: 1px solid var(--trust-border);
      border-radius: var(--radius-section);
      background: var(--trust-bg);
      box-shadow: none;
    }

    /* Bereichskopf frei auf dem Seitenhintergrund. */
    #sellerView .seller-offers-panel > .seller-offers-head {
      align-items: center;
      gap: 12px 16px;
      padding: 0;
      border: 0;
      background: transparent;
    }

    #sellerView .seller-offers-panel > .seller-offers-head h2 {
      margin: 0;
      color: var(--heading);
      font-size: clamp(26px, 1.4vw + 18px, 30px);
      line-height: 1.12;
      letter-spacing: -.01em;
    }

    #sellerView .seller-offers-panel > .seller-offers-head p {
      margin: 6px 0 0;
      color: var(--text-secondary);
      font-size: 15px;
      line-height: 1.45;
    }

    #sellerOffersPanel #sellerOffersNewVehicle {
      gap: 8px;
      border-color: var(--line-strong);
      background: var(--surface);
      color: var(--ink);
      box-shadow: var(--shadow-card);
      padding: 10px 16px;
      font-weight: 750;
    }

    html[data-theme="dark"] #sellerOffersPanel #sellerOffersNewVehicle {
      background: var(--surface-raised);
      color: var(--heading);
    }

    #sellerView .seller-request-list,
    #sellerView .seller-vehicles-section {
      display: grid;
      gap: 14px;
      min-width: 0;
    }

    /* Fahrzeugkarte: die einzige Rahmenebene. */
    html[data-theme] #sellerView .seller-request-card {
      gap: 14px;
      border: 1px solid var(--line);
      border-radius: var(--radius-section);
      padding: 18px 20px 20px;
      background: var(--surface);
      box-shadow: var(--shadow-card);
    }

    html[data-theme="dark"] #sellerView .seller-request-card {
      background: var(--surface-raised);
    }

    /* Kartenkopf: Vorschaubild · „Marke Modell · Baujahr“ mit Eckdaten · Details. */
    #sellerOffersPanel .seller-request-card > .seller-request-head {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 14px;
      min-width: 0;
    }

    #sellerOffersPanel .seller-request-card > .seller-request-head:has(> .seller-request-media) {
      grid-template-columns: auto minmax(0, 1fr) auto;
    }

    #sellerView .seller-request-media {
      position: relative;
      display: grid;
      place-items: center;
      width: 88px;
      height: 66px;
      overflow: hidden;
      border-radius: var(--radius-control);
      background: var(--surface-nested);
      color: var(--muted);
    }

    #sellerView .seller-request-media .icon {
      width: 26px;
      height: 26px;
      color: var(--muted);
      opacity: .8;
    }

    #sellerView .seller-request-media img {
      position: absolute;
      inset: 0;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    #sellerView .seller-request-media[data-photo-state="loading"] {
      background: linear-gradient(90deg, var(--skeleton-from) 25%, var(--skeleton-highlight) 50%, var(--skeleton-from) 75%);
      background-size: 200% 100%;
    }

    #sellerView .seller-request-media[data-photo-state="loading"] .icon {
      opacity: .45;
    }

    #sellerOffersPanel .seller-request-card .seller-request-title {
      display: grid;
      gap: 3px;
      align-content: center;
      min-width: 0;
      font-weight: 400;
    }

    #sellerView .seller-request-name {
      color: var(--heading);
      font-size: 18px;
      font-weight: 800;
      line-height: 1.25;
      overflow-wrap: break-word;
      hyphens: auto;
    }

    #sellerView .seller-request-facts {
      color: var(--text-secondary);
      font-size: 14px;
      font-weight: 500;
      line-height: 1.4;
    }

    /* Details: kompakter Textknopf mit 44 px Trefferfläche. */
    html[data-theme] #sellerOffersPanel .seller-request-card .btn.seller-detail-toggle {
      align-self: center;
      justify-self: end;
      width: auto;
      min-width: 44px;
      min-height: 44px;
      gap: 4px;
      border-color: transparent;
      background: transparent;
      color: var(--link);
      box-shadow: none;
      padding: 8px 10px;
      font-weight: 750;
    }

    html[data-theme] #sellerOffersPanel .seller-request-card .btn.seller-detail-toggle:hover {
      background: var(--surface-nested);
    }

    html[data-theme] #sellerOffersPanel .seller-request-card .btn.seller-detail-toggle .icon {
      width: 18px;
      height: 18px;
    }

    /* Status-Chip unter dem Kopf; der leere Fülltext entfällt (nur Darstellung). */
    #sellerView .seller-request-card > p.mini-note:empty {
      display: none;
    }

    #sellerView .seller-request-card > .mini-note {
      color: var(--text-secondary);
      font-size: 14px;
      line-height: 1.5;
    }

    /* Höchstangebot: bleibt die hervorgehobene Box in der Karte. */
    #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: 4px;
      border-radius: var(--radius-card);
      padding: 16px 18px;
    }

    #sellerView .seller-offer-summary > span {
      color: var(--offer-secondary);
      font-size: 14px;
      font-weight: 750;
    }

    #sellerView .seller-offer-summary > strong {
      color: var(--offer-value);
      font-size: clamp(28px, 1vw + 22px, 32px);
      font-weight: 850;
      line-height: 1.1;
      letter-spacing: -.01em;
      font-variant-numeric: tabular-nums;
    }

    #sellerView .seller-offer-summary > .seller-offer-validity {
      margin-top: 4px;
    }

    #sellerView .seller-offer-summary-controls {
      margin-top: 10px;
    }

    @media (min-width: 761px) {
      #sellerView .seller-offer-summary-actions {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
      }

      #sellerView .seller-offer-summary-actions .btn {
        width: auto;
        flex: 0 1 auto;
      }
    }

    /* Angenommen (F6): Status-Chip statt deaktiviertem Knopf; der Knopf bleibt für die Logik im DOM. */
    #sellerView .seller-offer-summary[data-offer-state="accepted"] > span {
      display: inline-flex;
      width: fit-content;
      max-width: 100%;
      min-height: 28px;
      align-items: center;
      gap: 7px;
      margin-bottom: 4px;
      border: 1px solid var(--chip-success-border);
      border-radius: var(--radius-pill);
      padding: 3px 11px 3px 9px;
      background: var(--chip-success-bg);
      color: var(--chip-success-text);
      font-size: 13px;
      line-height: 1.25;
    }

    #sellerView .seller-offer-summary[data-offer-state="accepted"] > span::before {
      content: "";
      width: 10px;
      height: 6px;
      flex: 0 0 10px;
      margin: -3px 1px 0;
      border: solid var(--dot-success);
      border-width: 0 0 2px 2px;
      transform: rotate(-45deg);
    }

    #sellerView .seller-offer-summary[data-offer-state="accepted"] .seller-offer-summary-actions {
      display: none;
    }

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

    #sellerView .seller-offer-recheck-copy p {
      color: var(--offer-secondary);
      font-size: 14px;
      line-height: 1.5;
    }

    /* Weitere Hinweise in der Karte ohne zweiten Rahmen. */
    html[data-theme] #sellerView .seller-request-card :is(.seller-progressive-error, .seller-listing-empty-offer) {
      border: 0;
      background: transparent;
      padding-inline: 0;
    }

    /* Details: Fakten als zweispaltige Liste mit Haarlinien statt umrahmter Kacheln. */
    #sellerView .seller-listing-detail {
      gap: 18px;
      border-top: 1px solid var(--line-subtle);
      padding-top: 16px;
    }

    #sellerView .seller-listing-group h4,
    #sellerView .seller-listing-photo-head h4 {
      color: var(--heading);
      font-size: 16px;
    }

    #sellerView .seller-listing-facts {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0 28px;
    }

    html[data-theme] #sellerView .seller-listing-facts > .seller-listing-fact {
      grid-template-columns: minmax(0, 1fr);
      gap: 2px;
      border: 0;
      border-bottom: 1px solid var(--line-subtle);
      border-radius: 0;
      padding: 10px 0;
      background: transparent;
    }

    #sellerView .seller-listing-fact span {
      color: var(--text-secondary);
      font-size: 14px;
      font-weight: 600;
    }

    #sellerView .seller-listing-fact strong {
      color: var(--ink);
      font-size: 15px;
      font-weight: 700;
    }

    html[data-theme="dark"] #sellerView .seller-listing-fact strong {
      color: var(--heading);
    }

    @media (max-width: 360px) {
      #sellerView .seller-listing-facts {
        grid-template-columns: minmax(0, 1fr);
      }
    }

    /* Fotos (F7): Raster aus Bildern ohne eigene Kachelrahmen; Bearbeitung kompakt darunter. */
    #sellerView .seller-listing-photo-section {
      gap: 12px;
      border-top: 1px solid var(--line-subtle);
      padding-top: 16px;
    }

    #sellerView .seller-listing-photo-head p {
      margin: 2px 0 0;
      color: var(--text-secondary);
      font-size: 14px;
    }

    #sellerView .seller-listing-photo-grid {
      grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr));
      gap: 18px 14px;
    }

    html[data-theme] #sellerView .seller-listing-photo-grid > .seller-listing-photo-card {
      align-content: start;
      gap: 8px;
      overflow: visible;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }

    #sellerView .seller-listing-photo-preview {
      border-radius: var(--radius-control);
      background: var(--surface-nested);
    }

    #sellerView .seller-listing-photo-copy {
      gap: 1px;
      padding: 0;
    }

    #sellerView .seller-listing-photo-copy strong {
      color: var(--heading);
      font-size: 14px;
    }

    #sellerView .seller-listing-photo-copy span {
      color: var(--text-secondary);
      font-size: 14px;
      overflow-wrap: anywhere;
    }

    #sellerView .seller-listing-photo-category {
      padding: 0;
      font-size: 14px;
    }

    /* Sichtbare Beschriftung entfällt; das Auswahlfeld trägt „Kategorie für …“ als aria-label. */
    #sellerView .seller-listing-photo-category > span {
      display: none;
    }

    #sellerView .seller-listing-photo-category select {
      min-height: 44px;
      border-color: var(--line-strong);
      border-radius: var(--radius-control);
      background-color: var(--surface);
      color: var(--ink);
      padding: 8px 10px;
      font-size: 16px;
      text-overflow: ellipsis;
    }

    html[data-theme="dark"] #sellerView .seller-listing-photo-category select {
      background-color: var(--surface-nested);
      color: var(--heading);
    }

    #sellerView :is(.seller-listing-photo-order-actions, .seller-listing-photo-actions) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 6px;
      padding: 0;
    }

    #sellerView :is(.seller-listing-photo-order-actions, .seller-listing-photo-actions) .btn {
      width: 100%;
      min-width: 0;
      min-height: 44px;
      padding: 6px 8px;
      font-size: 14px;
    }

    @media (max-width: 760px) {
      #sellerView .seller-listing-photo-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px 10px;
      }

      #sellerView .seller-listing-photo-head .btn {
        width: 100%;
      }
    }

    @media (max-width: 340px) {
      #sellerView .seller-listing-photo-grid {
        grid-template-columns: minmax(0, 1fr);
      }
    }

    /* Bearbeiten: Formular ohne zweiten getönten Kasten in der Karte. */
    #sellerView .seller-listing-detail .seller-listing-detail {
      border-top: 0;
      padding-top: 0;
    }

    #sellerView .seller-listing-edit :is(.field > span, .seller-listing-edit-head p, .power-required-field p) {
      font-size: 14px;
    }

    html[data-theme] #sellerView .seller-listing-photo-empty {
      border: 1px dashed var(--line-strong);
      border-radius: var(--radius-control);
      padding: 16px;
      background: transparent;
      color: var(--text-secondary);
      font-size: 14px;
    }

    html[data-theme] #sellerView .seller-listing-edit {
      border: 0;
      border-radius: 0;
      padding: 0;
      background: transparent;
    }

    /* Fotohinweis: im Dunkelmodus keine helle Fläche (vorher 1,65:1). */
    html[data-theme] #sellerView .seller-listing-photo-warning {
      border: 0;
      border-radius: var(--radius-control);
      padding: 10px 12px;
      background: var(--warning-bg);
      color: var(--warning-text);
      font-size: 14px;
    }

    #sellerView .seller-listing-management-actions {
      border-top-color: var(--line-subtle);
      padding-top: 14px;
    }

    /* Leerzustand und Laden: ruhig, in Kartenform statt Spinner. */
    #sellerView .seller-vehicles-empty {
      display: grid;
      justify-items: center;
      gap: 12px;
      border: 1px dashed var(--line-strong);
      border-radius: var(--radius-section);
      padding: 32px 20px;
      background: var(--surface);
      text-align: center;
    }

    html[data-theme="dark"] #sellerView .seller-vehicles-empty {
      background: var(--surface-raised);
    }

    #sellerView .seller-vehicles-empty-icon {
      display: grid;
      width: 56px;
      height: 56px;
      place-items: center;
      border-radius: 999px;
      background: var(--accent-soft);
      color: var(--accent-strong);
    }

    #sellerView .seller-vehicles-empty-icon .icon {
      width: 26px;
      height: 26px;
    }

    #sellerView .seller-vehicles-empty .mini-note {
      max-width: 42ch;
      margin: 0;
      color: var(--text-secondary);
      font-size: 15px;
      line-height: 1.5;
    }

    #sellerView .seller-vehicles-empty .btn {
      gap: 8px;
      min-height: 44px;
    }

    #sellerView .seller-vehicle-skeletons {
      gap: 14px;
      padding: 0;
    }

    #sellerView .seller-vehicle-skeletons-label {
      color: var(--text-secondary);
      font-size: 14px;
    }

    #sellerView .seller-vehicle-skeleton {
      display: grid;
      grid-template-columns: 88px minmax(0, 1fr);
      align-items: center;
      gap: 14px;
      border: 1px solid var(--line);
      border-radius: var(--radius-section);
      padding: 18px 20px;
      background: var(--surface);
      box-shadow: var(--shadow-card);
    }

    html[data-theme="dark"] #sellerView .seller-vehicle-skeleton {
      background: var(--surface-raised);
    }

    #sellerView .seller-vehicle-skeleton .seller-vehicle-skeleton-media {
      width: 88px;
      height: 66px;
      border-radius: var(--radius-control);
    }

    #sellerView .seller-vehicle-skeleton-lines {
      display: grid;
      gap: 10px;
    }

    #sellerView .seller-vehicle-skeleton-lines .seller-progressive-skeleton:first-child {
      width: 58%;
      height: 16px;
    }

    #sellerView .seller-vehicle-skeleton-lines .seller-progressive-skeleton:last-child {
      width: 36%;
    }

    /* Profil: jede Sektion eine Karte direkt auf dem Seitenhintergrund, innen nur Haarlinien. */
    html[data-theme] #sellerView :is(.seller-profile-card, .seller-account-security, .seller-notification-settings) {
      border: 1px solid var(--line);
      border-radius: var(--radius-section);
      padding: 20px;
      background: var(--surface);
      box-shadow: var(--shadow-card);
    }

    html[data-theme="dark"] #sellerView :is(.seller-profile-card, .seller-account-security, .seller-notification-settings) {
      background: var(--surface-raised);
    }

    html[data-theme] #sellerView .seller-account-action-list {
      overflow: visible;
      border: 0;
      border-top: 1px solid var(--line-subtle);
      border-radius: 0;
      background: transparent;
    }

    html[data-theme] #sellerView .seller-account-method-summary {
      border-bottom-color: var(--line-subtle);
      padding-inline: 0;
      background: transparent;
    }

    html[data-theme] #sellerView .seller-account-action {
      border-bottom-color: var(--line-subtle);
      padding-inline: 0;
      background: transparent;
    }

    #sellerView .seller-account-action:is(:hover, :focus-visible) {
      color: var(--link);
    }

    #sellerView .seller-account-action small {
      font-size: 14px;
    }

    html[data-theme] #sellerView .seller-profile-privacy-mobile {
      border: 1px solid var(--trust-border);
      border-radius: var(--radius-section);
      background: var(--trust-bg);
      box-shadow: none;
    }

    @media (max-width: 760px) {
      html[data-theme] #sellerView:has(#sellerOffersPanel:not([hidden])) .seller-offers-panel {
        padding:
          2px
          max(6px, env(safe-area-inset-right, 0px))
          0
          max(6px, env(safe-area-inset-left, 0px));
      }

      #sellerOffersPanel #sellerOffersNewVehicle {
        width: 100%;
        justify-content: center;
      }

      html[data-theme] #sellerView .seller-request-card {
        gap: 12px;
        padding: 16px;
      }

      #sellerOffersPanel .seller-request-card > .seller-request-head {
        gap: 12px;
      }

      #sellerView .seller-request-media {
        width: 64px;
        height: 64px;
      }

      #sellerView .seller-request-name {
        font-size: 17px;
      }

      html[data-theme] #sellerOffersPanel .seller-request-card .btn.seller-detail-toggle {
        align-self: start;
        padding: 8px 6px;
      }

      #sellerView .seller-offer-summary {
        padding: 14px 16px;
      }

      #sellerView .seller-offer-summary-actions .btn {
        width: 100%;
      }

      #sellerView .seller-vehicle-skeleton {
        grid-template-columns: 64px minmax(0, 1fr);
        padding: 16px;
      }

      #sellerView .seller-vehicle-skeleton .seller-vehicle-skeleton-media {
        width: 64px;
        height: 64px;
      }

      html[data-theme] #sellerView :is(.seller-profile-card, .seller-account-security, .seller-notification-settings) {
        padding: 16px;
      }
    }

    /* Sehr schmale Handys (bis 374 px): „Details“ als Pfeil-Knopf (44 px, Beschriftung bleibt für
       Screenreader im aria-label), damit Marke und Modell nicht mitten im Wort umbrechen. */
    @media (max-width: 374px) {
      #sellerOffersPanel .seller-request-card > .seller-request-head:has(> .seller-request-media) {
        gap: 10px;
      }

      #sellerOffersPanel .seller-request-head:has(> .seller-request-media) .btn.seller-detail-toggle > span {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
      }

      html[data-theme] #sellerOffersPanel .seller-request-head:has(> .seller-request-media) .btn.seller-detail-toggle {
        width: 44px;
        padding: 0;
        justify-content: center;
      }

      #sellerView .seller-request-media {
        width: 56px;
        height: 56px;
      }

      #sellerView .seller-request-name {
        font-size: 16px;
      }
    }

    /* Annahme-Dialog: klare Überschrift mit hervorgehobenem Betrag, nur ein Rahmen (der Dialog). */
    dialog.seller-offer-decline-dialog {
      border-radius: var(--radius-section);
      box-shadow: var(--shadow-raised);
    }

    dialog.seller-account-action-dialog form.seller-offer-decline-shell {
      gap: 18px;
      border: 0;
      border-radius: 0;
      padding: 24px;
      padding-bottom: max(24px, env(safe-area-inset-bottom, 0px));
      background: transparent;
      color: var(--ink);
    }

    .seller-offer-decline-shell h3 {
      color: var(--heading);
      font-size: 21px;
      line-height: 1.3;
    }

    .seller-offer-decline-shell p {
      color: var(--text-secondary);
      font-size: 15px;
      line-height: 1.5;
    }

    .seller-offer-decline-shell > div:first-child {
      display: grid;
      gap: 6px;
    }

    .seller-offer-accept-amount {
      color: var(--offer-value);
      font-variant-numeric: tabular-nums;
      white-space: nowrap;
    }

    dialog.seller-account-action-dialog .seller-account-contact-note {
      gap: 4px;
      border: 0;
      border-radius: var(--radius-card);
      padding: 14px 16px;
      background: var(--trust-bg);
      color: var(--ink);
    }

    dialog.seller-account-action-dialog .seller-account-contact-note strong {
      color: var(--trust-text);
    }

    html[data-theme="dark"] dialog.seller-account-action-dialog .seller-account-contact-note {
      color: var(--heading);
    }

    .seller-offer-decline-shell .seller-account-confirmation {
      grid-template-columns: 24px minmax(0, 1fr);
      align-items: center;
      gap: 12px;
      min-height: 44px;
      cursor: pointer;
      font-size: 15px;
      font-weight: 650;
      line-height: 1.4;
    }

    .seller-offer-decline-shell .seller-account-confirmation input {
      width: 22px;
      height: 22px;
      margin: 0;
    }

    @media (min-width: 601px) {
      dialog.seller-account-action-dialog .seller-offer-decline-actions {
        justify-content: flex-end;
      }

      dialog.seller-account-action-dialog .seller-offer-decline-actions .btn {
        width: auto;
        flex: 0 1 auto;
      }
    }

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

      .seller-offer-decline-shell h3 {
        font-size: 20px;
      }

      /* Handy: Hauptaktion oben, Abbrechen darunter (nur Reihenfolge der Darstellung). */
      dialog.seller-account-action-dialog .seller-offer-decline-actions .btn[type="submit"] {
        order: -1;
      }
    }

    /* Sehr schmale Handys mit großer Schrift: Platz für lange Wörter in Dialogknöpfen. */
    @media (max-width: 360px) {
      dialog.seller-account-action-dialog form.seller-offer-decline-shell {
        padding-inline: 12px;
      }
    }

    /* Sparsame Bewegung nur, wenn erwünscht. */
    @media (prefers-reduced-motion: no-preference) {
      #sellerView .seller-request-media[data-photo-state="loading"] {
        animation: seller-progressive-pulse 1.35s ease-in-out infinite;
      }

      #sellerView .seller-request-card {
        transition: border-color var(--motion-fast) var(--ease), box-shadow var(--motion-fast) var(--ease);
      }

      #sellerView .seller-request-card:hover {
        border-color: var(--line-strong);
      }
    }
    /* ==========================================================================
       Verkäuferportal Etappe 4 (2026-10) – Bereich C: Fahrzeug erfassen
       Formularschritte, KI-Erfassung, Fotobereich, Zulassungsschein, Absende-Fortschritt.
       Grundsatz wie Bereich E: ein Inhalt = ein Rahmen. Die Formularkarte (.tool-panel) ist die
       einzige Rahmenebene. Hinweise, Statuszeilen und Listen darin sind Text mit Symbol, Punkt
       oder Haarlinie. Eigene Flächen behalten nur echte Hervorhebungen: Pflicht- und Fehlerzustände,
       die Auswahlkarten des Allgemeinzustands, der leere Foto-Ablagebereich und die Fotokacheln.
       Gilt hell und dunkel, Desktop und Handy. Steht bewusst nach Bereich A und E.
       ========================================================================== */

    /* Im Ablauf keine Startseitenwerbung: Vorteile-Leiste, Claim und „So funktioniert es“ nur auf der Startseite.
       Die Formularkarte steht dann allein und zentriert. */
    body.seller-assistant-active #sellerView:has(#guidedAssistant:not([hidden])) .screen-title,
    body.seller-assistant-active #sellerView:has(#guidedAssistant:not([hidden])) .seller-side-stack {
      display: none;
    }

    body.seller-assistant-active #sellerView:has(#guidedAssistant:not([hidden])) .seller-grid {
      grid-template-columns: minmax(0, 1fr);
      justify-items: center;
    }

    body.seller-assistant-active #sellerView:has(#guidedAssistant:not([hidden])) .seller-grid > .tool-panel {
      width: min(100%, 880px);
    }

    /* Der Assistent liegt ohne eigene Fläche und ohne Schatten in der Formularkarte (dunkel sonst zweite Ebene). */
    html[data-theme] #sellerView #leadForm #guidedAssistant,
    html[data-theme] #sellerView #leadForm #guidedAssistant > .assistant-step {
      background: transparent;
      box-shadow: none;
    }

    /* Schriftgrößen im Formular: Beschriftungen, Hinweise und Statuszeilen nicht unter 14 px. */
    #sellerView #leadForm #guidedAssistant :is(.field > label, .field label, .step-question > p, p.mini-note, .field-optional, .assistant-field-error, .vehicle-photo-error),
    #sellerView #leadForm #guidedAssistant :is(#assistantStepLabel, #assistantStepTitle, .assistant-required-legend, .assistant-required-summary span),
    #sellerView #leadForm #guidedAssistant :is([id$="Hint"], [id$="Message"], [id$="Requirement"], .contact-hint, #sellerContactStepIntro, #sellerCountryCodeLabel),
    #sellerView #leadForm #guidedAssistant :is(.mileage-control > label, .vin-required-field > div > p, .vehicle-color-group > div > p, .power-calculation-status, .registration-trust-note span),
    #sellerView #leadForm .seller-submit-hint .fineprint,
    dialog.seller-ai-assistant-dialog .seller-ai-registration-shortcut span {
      font-size: 14px;
    }

    /* Zulassungsschein, Schritt 0: Vertrauenshinweis als Textzeile mit Symbol statt Kasten. */
    html[data-theme] #sellerView #leadForm .registration-trust-note {
      padding: 4px 0 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      color: var(--text-secondary);
    }

    html[data-theme] #sellerView #leadForm .registration-trust-note > .icon {
      color: var(--accent);
    }

    html[data-theme] #sellerView #leadForm .registration-trust-note strong {
      color: var(--heading);
    }

    /* Hochgeladene Seiten: kein Kasten im Kasten – Liste mit Haarlinien, Hinweis als Zeile mit Randstrich. */
    html[data-theme] #sellerView #leadForm #registrationDocumentPanel {
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }

    html[data-theme] #sellerView #leadForm #registrationDocumentPanel .registration-document-list {
      gap: 0;
      border-top: 1px solid var(--line-subtle);
    }

    html[data-theme] #sellerView #leadForm #registrationDocumentPanel .registration-document-list > li {
      align-items: center;
      gap: 12px;
      padding: 10px 0;
      border: 0;
      border-bottom: 1px solid var(--line-subtle);
      border-radius: 0;
      background: transparent;
    }

    html[data-theme] #sellerView #leadForm #registrationDocumentPanel .registration-document-main span {
      color: var(--text-secondary);
      font-size: 14px;
    }

    html[data-theme] #sellerView #leadForm #registrationDocumentPanel .registration-document-action {
      min-width: 44px;
      min-height: 44px;
      padding: 0 8px;
      color: var(--link);
      font-size: 14px;
      font-weight: 750;
    }

    html[data-theme] #sellerView #leadForm #registrationDocumentPanel .registration-document-hint {
      padding: 2px 0 2px 12px;
      border: 0;
      border-left: 3px solid var(--warning-border);
      border-radius: 0;
      background: transparent;
      color: var(--text-secondary);
      font-size: 14px;
    }

    /* Kompakte Statuszeile „Zulassungsschein hinzugefügt“ ohne eigenen Rahmen. */
    html[data-theme] #sellerView #leadForm #registrationDocumentPanel.compact {
      padding: 2px 0;
    }

    html[data-theme] #sellerView #leadForm #registrationDocumentPanel .document-status-line {
      gap: 8px;
      color: var(--text-secondary);
      font-size: 14px;
    }

    html[data-theme] #sellerView #leadForm #registrationDocumentPanel .document-status-line :is(strong, span) {
      font-size: 14px;
    }

    html[data-theme] #sellerView #leadForm #registrationDocumentPanel .document-status-line strong {
      color: var(--heading);
    }

    html[data-theme] #sellerView #leadForm #registrationDocumentPanel .document-status-line .icon {
      color: var(--accent);
    }

    /* Bedingte Zusatzfragen: Einschub mit Randstrich statt eigenem Kasten. */
    html[data-theme] #sellerView #leadForm .conditional-fields {
      padding: 4px 0 4px 16px;
      border: 0;
      border-left: 3px solid var(--brand-blue);
      border-radius: 0;
      background: transparent;
    }

    /* Fotos: Status als Zeile mit Punkt statt Kasten. */
    html[data-theme] #sellerView #leadForm .required-photo-head {
      gap: 2px;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      color: var(--text-secondary);
    }

    html[data-theme] #sellerView #leadForm .required-photo-head #requiredPhotoProgress {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: var(--heading);
      font-size: 16px;
    }

    html[data-theme] #sellerView #leadForm .required-photo-head #requiredPhotoProgress::before {
      content: "";
      flex: 0 0 auto;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--dot-warning);
    }

    html[data-theme] #sellerView #leadForm .required-photo-head[data-status="ready"] #requiredPhotoProgress {
      color: var(--success-text);
    }

    html[data-theme] #sellerView #leadForm .required-photo-head[data-status="ready"] #requiredPhotoProgress::before {
      background: var(--dot-success);
    }

    html[data-theme] #sellerView #leadForm .required-photo-head[data-status="invalid"] #requiredPhotoProgress {
      color: var(--danger-text);
    }

    html[data-theme] #sellerView #leadForm .required-photo-head[data-status="invalid"] #requiredPhotoProgress::before {
      background: var(--dot-danger);
    }

    html[data-theme] #sellerView #leadForm .required-photo-head #requiredPhotoMissing {
      padding-left: 16px;
      font-size: 14px;
    }

    /* Ablagebereich ohne eigenen Kasten (offen und erfüllt): Statuszeile, Empfehlungen und Knopf liegen direkt
       in der Formularkarte, die Fotokacheln sind die einzigen Rahmen. Nur ein Fehler bekommt die rote Fläche;
       beim Ziehen einer Datei zeigt eine gestrichelte Kontur das Ziel. */
    html[data-theme] #sellerView #leadForm .photo-category-uploader:is([data-required-state="missing"], [data-required-state="ready"]):not([aria-invalid="true"]) {
      padding: 0;
      border-color: transparent;
      background: transparent;
      box-shadow: none;
    }

    html[data-theme] #sellerView #leadForm .photo-category-uploader.dragging:not([aria-invalid="true"]) {
      outline: 2px dashed var(--accent);
      outline-offset: 6px;
      background: transparent;
    }

    /* Allgemeinzustand: Auswahlkarten ohne umgebenden Kasten – offen wie erfüllt ruhig (Stern und Hinweiszeile
       zeigen die Pflicht, wie bei allen Feldern vor dem ersten Versuch). Erst nach einem Fehlversuch rot umrandet. */
    #sellerView #leadForm .condition-options:not(.chapter-validation-invalid),
    #sellerView #leadForm .condition-options.chapter-required-missing:not(.chapter-validation-invalid) {
      padding: 0;
      border-color: transparent;
      border-style: solid;
      background: transparent;
    }

    /* Fotokacheln: Beschriftung lesbar, Entfernen-Knopf mit 44 px Trefferfläche (sichtbarer Kreis 30 px). */
    html[data-theme] #sellerView #leadForm .image-preview {
      border-radius: var(--radius-card);
    }

    html[data-theme] #sellerView #leadForm .image-preview .image-preview-label {
      font-size: 13px;
      font-weight: 750;
    }

    html[data-theme] #sellerView #leadForm .image-preview > button[data-remove-image] {
      top: 0;
      right: 0;
      width: 44px;
      height: 44px;
      min-width: 44px;
      min-height: 44px;
      border: 0;
      border-radius: 50%;
      background: radial-gradient(circle at center, rgba(23, 32, 42, .82) 0 14px, rgba(255, 255, 255, .7) 14.5px 15.5px, transparent 16px);
      color: #fff;
      box-shadow: none;
    }

    html[data-theme] #sellerView #leadForm .image-preview > button[data-remove-image]:focus-visible {
      outline: 3px solid var(--focus-color);
      outline-offset: -4px;
    }

    /* Pflichtangaben-Zusammenfassung unter dem Kapitel: Zeile mit Symbol statt Kasten. */
    html[data-theme] #sellerView #leadForm .assistant-required-summary {
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      color: var(--text-secondary);
    }

    html[data-theme] #sellerView #leadForm .assistant-required-summary .icon {
      color: var(--info-text);
    }

    html[data-theme] #sellerView #leadForm .assistant-required-summary[data-state="complete"],
    html[data-theme] #sellerView #leadForm .assistant-required-summary[data-state="complete"] .icon {
      color: var(--success-text);
    }

    /* Kontaktdaten: „Bereits ein Konto?“ als Zeile mit Haarlinie statt grauer Box. */
    html[data-theme] #sellerView #leadForm .seller-contact-auth-choice {
      padding: 0 0 16px;
      border: 0;
      border-bottom: 1px solid var(--line-subtle);
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }

    html[data-theme] #sellerView #leadForm .seller-contact-auth-choice p {
      color: var(--text-secondary);
      font-size: 14px;
    }

    /* KI-Dialog: auf dem Desktop so hoch wie der Inhalt (keine leere Fläche unter dem Eingabefeld);
       der Verlauf scrollt erst, wenn die Höchsthöhe erreicht ist. Kleintexte mindestens 14 px. */
    @media (min-width: 900px) {
      dialog.seller-ai-assistant-dialog {
        height: fit-content;
      }
    }

    dialog.seller-ai-assistant-dialog :is(#sellerAiProgressText, #sellerAiComposerHint, .seller-ai-assistant-footer, .seller-ai-assistant-footer span) {
      font-size: 14px;
    }

    /* Absende-Fortschritt: bestimmter Fortschritt (z. B. „Foto 2 von 3“) als ruhige Leiste in der Statusmeldung.
       renderSellerGlobalStatus setzt data-progress und --seller-global-status-progress. */
    .seller-global-status-region[data-progress="determinate"] .seller-global-status-bar {
      position: relative;
      overflow: hidden;
    }

    .seller-global-status-region[data-progress="determinate"] .seller-global-status-bar::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: var(--seller-global-status-progress, 0%);
      height: 3px;
      border-radius: 0 3px 3px 0;
      background: var(--accent);
    }

    html[data-theme="dark"] .seller-global-status-region[data-progress="determinate"] .seller-global-status-bar::after {
      background: var(--dot-success);
    }

    /* Sparsame Bewegung nur, wenn erwünscht. Füllmodus „backwards“ statt „both“: Mit „both“ blieb nach dem
       Einblenden transform: matrix(1, 0, 0, 1, 0, 0) stehen – jeder Schritt war ein eigener Stacking-Context, und
       die offene Marken-Vorschlagsliste lag unter den folgenden Feldern (Fatihs iPhone-Befund 09.10.2026). */
    @media (prefers-reduced-motion: no-preference) {
      #sellerView #leadForm #guidedAssistant .assistant-step.active {
        animation: seller-capture-step-in var(--motion-base, 200ms) var(--ease, ease-out) backwards;
      }

      #sellerView #leadForm #guidedAssistant .assistant-bar span,
      .seller-global-status-region[data-progress="determinate"] .seller-global-status-bar::after {
        transition: width var(--motion-base, 200ms) var(--ease, ease-out);
      }

      @keyframes seller-capture-step-in {
        from { opacity: 0; transform: translateY(6px); }
        to { opacity: 1; transform: none; }
      }
    }

    /* ==========================================================================
       Verkäuferportal Etappe 4 (2026-10) – Bereich D: Zugang
       Anmelden, E-Mail-Link, Telefon/SMS, Passwort vergessen, E-Mail bestätigen und der Zugang
       nach dem Absenden. Grundsatz wie Bereich C und E: ein Inhalt = ein Rahmen. Die Zugangskarte
       (.tool-panel) ist die einzige Rahmenebene. Eigene Flächen behalten nur echte Hervorhebungen:
       die farbige Statuskarte (#sellerAccessStateCard), die SMS-Statusmeldung und Fehler-/
       Erfolgsmeldungen. Bestätigung „Fahrzeuganfrage erstellt“, Zugangsblöcke und der
       Benachrichtigungshinweis sind Text mit Symbol oder Haarlinie.
       Die Login-Kontexte (login, phone_login, password_reset, create_account) gestaltet bereits der
       Block „Verkäuferkonto-Einstieg“; hier kommen für sie nur Ergänzungen dazu. Alle übrigen
       Kontexte (nach dem Absenden, E-Mail-/Telefonbestätigung, Gastzugang, E-Mail-Link) erhalten
       dieselbe ruhige, zentrierte Karte. Ohne :has() bleibt das bisherige Layout erhalten.
       Nur Tokens, damit hell und dunkel stimmen. Steht bewusst nach Bereich A, E und C.
       ========================================================================== */

    /* Leerer Untertitel (z. B. Fehler beim reinen Login ohne Fahrzeuganfrage) nimmt keinen Platz ein. */
    #sellerAccessSubtext:empty {
      display: none;
    }

    /* Nach dem Absenden und bei Bestätigungen: keine Startseitenwerbung, eine zentrierte Karte. */
    #sellerView:has(#postSubmitAccessPanel:not([hidden]):not([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) > .screen-title,
    #sellerView:has(#postSubmitAccessPanel:not([hidden]):not([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) .seller-side-stack {
      display: none;
    }

    #sellerView:has(#postSubmitAccessPanel:not([hidden]):not([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) .seller-grid {
      grid-template-columns: minmax(0, 1fr);
      justify-items: center;
      gap: 24px;
    }

    html[data-theme] #sellerView:has(#postSubmitAccessPanel:not([hidden]):not([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) .seller-grid > .tool-panel {
      width: min(100%, 560px);
      padding: 32px;
      border: 1px solid var(--line);
      border-radius: var(--radius-section, 16px);
      background: var(--surface);
      box-shadow: var(--shadow-card, var(--ios-shadow-soft));
    }

    html[data-theme="dark"] #sellerView:has(#postSubmitAccessPanel:not([hidden]):not([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) .seller-grid > .tool-panel {
      border-color: var(--line-subtle);
      background: var(--surface-raised);
    }

    /* Panel selbst ohne zweiten Rahmen (mobil sonst Karte in der Karte). */
    html[data-theme] #sellerView #postSubmitAccessPanel:not([hidden]) {
      gap: 20px;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }

    /* „Fahrzeuganfrage erstellt“: Bestätigungszeile mit Häkchen statt grüner Box. */
    html[data-theme] #sellerView #postSubmitAccessPanel #sellerRequestCreatedStatus {
      grid-template-columns: 22px minmax(0, 1fr);
      gap: 10px;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      color: var(--ink);
    }

    html[data-theme] #sellerView #postSubmitAccessPanel #sellerRequestCreatedStatus > .icon,
    html[data-theme] #sellerView #postSubmitAccessPanel #sellerRequestCreatedStatus > svg {
      width: 22px;
      height: 22px;
      margin-top: 0;
      color: var(--dot-success, var(--accent));
    }

    html[data-theme] #sellerView #postSubmitAccessPanel #sellerRequestCreatedStatus strong {
      color: var(--heading);
      font-size: 16px;
    }

    html[data-theme] #sellerView #postSubmitAccessPanel #sellerRequestCreatedStatus p {
      margin: 2px 0 0;
      color: var(--text-secondary);
      font-size: 14px;
    }

    /* Statuskarte: die eine farbige Hervorhebung, Radius wie Karten. */
    html[data-theme] #sellerView #postSubmitAccessPanel #sellerAccessStateCard:not([data-state="neutral"]) {
      border-radius: var(--radius-card, 12px);
      box-shadow: none;
    }

    /* Zugangsblöcke nach dem Absenden flach, nur mit Haarlinie zur Statuskarte. */
    html[data-theme] #sellerView:has(#postSubmitAccessPanel:not([hidden]):not([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) #postSubmitAccessPanel .access-option {
      gap: 14px;
      padding: 20px 0 0;
      border: 0;
      border-top: 1px solid var(--line-subtle);
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }

    #sellerView:has(#postSubmitAccessPanel:not([hidden]):not([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) #postSubmitAccessPanel .access-option-title {
      color: var(--heading);
      font-size: 16px;
    }

    /* Bei nur einem Zugangsweg ist „Empfohlen“ ohne Aussage. */
    #sellerView:has(#postSubmitAccessPanel:not([hidden]):not([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) #sellerEmailAccessPanel .access-badge {
      display: none;
    }

    /* Schrift im Zugang nicht unter 14 px (Beschriftungen, Hinweise). */
    #sellerView #postSubmitAccessPanel:not([hidden]) :is(.field > label, .mini-note, #sellerEmailVerificationStatusText, .seller-guest-access-message) {
      font-size: 14px;
    }

    #sellerView:has(#postSubmitAccessPanel:not([hidden]):not([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) #postSubmitAccessPanel .field > label {
      color: var(--heading);
      font-weight: 750;
    }

    /* Textknöpfe mit voller Trefferfläche (44 px). */
    #sellerView:has(#postSubmitAccessPanel:not([hidden]):not([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) #postSubmitAccessPanel :is(#sellerSwitchAccessMode, #openSellerPendingEmailCorrection) {
      display: inline-flex;
      align-items: center;
      justify-self: start;
      min-height: 44px;
    }

    /* Benachrichtigungshinweis: Textzeile mit Glocke statt blauer Box (alle Kontexte). */
    html[data-theme] #sellerView #postSubmitAccessPanel .notification-hint {
      gap: 10px;
      align-items: flex-start;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      color: var(--text-secondary);
      font-size: 14px;
      line-height: 1.45;
    }

    html[data-theme] #sellerView #postSubmitAccessPanel .notification-hint :is(.icon, svg) {
      width: 18px;
      height: 18px;
      margin-top: 1px;
      color: var(--accent);
    }

    #sellerView #postSubmitAccessPanel .notification-hint[hidden] {
      display: none;
    }

    /* Meldungen im Zugang mit Kartenradius. */
    #sellerView #postSubmitAccessPanel #sellerAccessMessage {
      border-radius: var(--radius-card, 12px);
    }

    /* Telefon/SMS: Platz für die Statusmeldung erst, wenn der SMS-Ablauf begonnen hat.
       Sobald das Code-Feld sichtbar ist, bleibt die 68-px-Reservierung (kein Springen bei Statuswechseln). */
    #sellerPhoneAccessPanel:has(#sellerSmsCodePanel[hidden]) .seller-sms-status-slot:has(> #sellerSmsStatus[hidden]) {
      display: none;
    }

    /* SMS-Status mit Tokens statt fester Hellfarben (dunkel sonst weiße Fläche). */
    html[data-theme] #sellerView .seller-sms-status {
      border-color: var(--success-border);
      background: var(--success-bg);
      color: var(--success-text);
      font-size: 14px;
    }

    html[data-theme] #sellerView .seller-sms-status:is([data-state="invalid_code"], [data-state="expired_code"], [data-state="account_conflict"], [data-state="rate_limited"], [data-state="recaptcha_failed"], [data-state="network_error"], [data-state="session_changed"], [data-state="unknown_error"], [data-state="error"]) {
      border-color: var(--warning-border);
      background: var(--warning-bg);
      color: var(--warning-text);
    }

    html[data-theme] #sellerView .seller-sms-status-copy strong {
      color: inherit;
    }

    @media (max-width: 640px) {
      html[data-theme] #sellerView:has(#postSubmitAccessPanel:not([hidden]):not([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) .seller-grid > .tool-panel {
        padding: 24px 20px;
      }
    }

    @media (max-width: 374px) {
      html[data-theme] #sellerView:has(#postSubmitAccessPanel:not([hidden]):not([data-context="login"], [data-context="phone_login"], [data-context="password_reset"], [data-context="create_account"])) .seller-grid > .tool-panel {
        padding: 20px 16px;
      }
    }

    /* Sanftes Einblenden des Zugangs, nur wenn Bewegung erwünscht ist. */
    @media (prefers-reduced-motion: no-preference) {
      #sellerView #postSubmitAccessPanel:not([hidden]) #sellerAccessStateCard,
      #sellerView #postSubmitAccessPanel:not([hidden]) .seller-sms-status:not([hidden]) {
        animation: seller-access-fade-in var(--motion-base, 200ms) var(--ease, ease-out) backwards;
      }

      @keyframes seller-access-fade-in {
        from { opacity: 0; transform: translateY(4px); }
        to { opacity: 1; transform: none; }
      }
    }

    /* ==========================================================================
       Verkäuferportal Etappe 4 (2026-10) – Bereich B: Startseite (öffentlich)
       Hero, Ablauf, „Wer zahlt“, Deine Daten, Über uns, FAQ, Abschluss-CTA und Handy-Aktionsleiste.
       Grundsatz wie Bereich C, D und E: ein Inhalt = ein Rahmen. Abschnitte liegen frei auf dem
       Seitenhintergrund (auch der Hero auf dem Desktop, wie bisher schon auf dem Handy). Karten gibt
       es nur für echte Inhaltsgruppen: die zwei Karten „Sichtbar für geprüfte Händler“ / „Geschützt“
       und die Firmenkarte. „Wer zahlt“ und der Abschluss-CTA bleiben die dunklen Akzentflächen,
       darin ohne weitere Kästen (Haarlinie statt Kachelrahmen). Hinweis-Kästchen unter den
       Schritten und unter „Deine Daten“ werden Text mit Symbol. Die Beispiel-Handyansicht ist eine
       Abbildung (role="img") und bleibt als Gerät gestaltet; ihre Schrift steigt auf mindestens 13 px.
       Nur Gestaltung: Überschriften, JSON-LD, IDs, Anker und Texte bleiben unverändert.
       Nur Tokens, damit hell und dunkel stimmen. Steht bewusst nach Bereich A, E, C und D.
       ========================================================================== */

    /* Hero ohne eigene Karte – auf allen Breiten gleich, Abstände bleiben. */
    #sellerView.seller-home-active .lead-form > .quick-start {
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }

    /* Abschnitte „Deine Daten“ und FAQ ohne Abschnittskarte, gleiche Einrückung wie Ablauf und Über uns. */
    #sellerView.seller-home-active .seller-login-trust > .seller-landing-privacy,
    #sellerView.seller-home-active .seller-login-trust > .seller-login-faq {
      padding-inline: var(--landing-pad);
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }

    /* Ruhiger Rhythmus: freie Abschnitte nach einem freien Abschnitt durch eine Haarlinie getrennt. */
    #sellerView.seller-home-active .seller-login-trust > :is(.seller-landing-about, .seller-login-faq) {
      position: relative;
    }

    #sellerView.seller-home-active .seller-login-trust > :is(.seller-landing-about, .seller-login-faq)::before {
      content: "";
      position: absolute;
      top: 0;
      right: var(--landing-pad);
      left: var(--landing-pad);
      border-top: 1px solid var(--line);
    }

    /* Kleintexte der Startseite auf 14 px (Abschnittsetiketten, Schrittnummern, Bildunterschrift). */
    #sellerView.seller-home-active :is(.seller-landing-eyebrow, .seller-landing-step-number) {
      font-size: 14px;
    }

    #sellerView.seller-home-active .seller-landing-visual figcaption {
      font-size: 14px;
    }

    #sellerView.seller-home-active .seller-landing-facts dt {
      font-size: 14px;
    }

    #sellerView.seller-home-active .seller-landing-sticky small {
      font-size: 14px;
    }

    /* Ablauf: Zusatzhinweis als Textzeile mit Symbol statt umrahmtem Kästchen. */
    #sellerView.seller-home-active .seller-landing-fine {
      margin-top: 8px;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      color: var(--ink);
      font-size: 15px;
      font-weight: 500;
      line-height: 1.5;
    }

    #sellerView.seller-home-active .seller-landing-fine .icon {
      flex: 0 0 auto;
      margin-top: 2px;
    }

    /* „Wer zahlt“: dunkle Akzentfläche bleibt; die zwei Kacheln werden Spalten mit Haarlinie. */
    #sellerView.seller-home-active .seller-landing-pay-split {
      gap: 0;
    }

    #sellerView.seller-home-active .seller-landing-pay-tile {
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
    }

    #sellerView.seller-home-active .seller-landing-pay-tile + .seller-landing-pay-tile {
      margin-top: 20px;
      padding-top: 20px;
      border-top: 1px solid rgba(255, 255, 255, .16);
    }

    @media (min-width: 560px) {
      #sellerView.seller-home-active .seller-landing-pay-tile + .seller-landing-pay-tile {
        margin-top: 0;
        padding-top: 0;
        padding-left: 28px;
        border-top: 0;
        border-left: 1px solid rgba(255, 255, 255, .16);
      }

      #sellerView.seller-home-active .seller-landing-pay-tile:first-child {
        padding-right: 28px;
      }
    }

    /* Deine Daten und Über uns: Karten sind die einzige Rahmenebene, direkt auf dem Seitenhintergrund. */
    #sellerView.seller-home-active .seller-landing-privacy-card,
    #sellerView.seller-home-active .seller-landing-company {
      border: 1px solid var(--line);
      border-radius: var(--radius-section, 16px);
      background: var(--surface);
      box-shadow: var(--shadow-card);
    }

    html[data-theme="dark"] #sellerView.seller-home-active :is(.seller-landing-privacy-card, .seller-landing-company) {
      background: var(--surface-raised);
    }

    /* Schlusssatz unter den Karten: Textzeile mit Symbol statt blauer Box. */
    #sellerView.seller-home-active .seller-landing-privacy-foot {
      max-width: 52em;
      margin-top: 24px;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      color: var(--ink);
      font-size: 15px;
    }

    #sellerView.seller-home-active .seller-landing-privacy-foot .icon {
      flex: 0 0 auto;
    }

    /* FAQ: Fragen nur mit Haarlinien, ohne gerundete Unterkante. */
    #sellerView.seller-home-active .seller-login-faq-item {
      border-radius: 0;
    }

    #sellerView.seller-home-active .seller-login-faq-item summary:focus-visible {
      outline: 3px solid var(--brand-blue);
      outline-offset: 2px;
      border-radius: 8px;
    }

    /* Beispiel-Handyansicht (Abbildung): Schrift mindestens 13 px wie die Chips (vorher 11–12 px). */
    #sellerView.seller-home-active :is(
      .seller-landing-vehicle-copy span,
      .seller-landing-pill,
      .seller-landing-offer-label,
      .seller-landing-offer-validity small,
      .seller-landing-offer-actions span,
      .seller-landing-offer-watch,
      .seller-landing-note
    ) {
      font-size: 13px;
    }

    #sellerView.seller-home-active .seller-landing-offer-label {
      letter-spacing: .04em;
    }

    @media (max-width: 640px) {
      #sellerView.seller-home-active .seller-landing-privacy-card,
      #sellerView.seller-home-active .seller-landing-company {
        padding: 20px;
      }
    }

    /* Sparsame Bewegung, nur wenn erwünscht: FAQ-Antwort blendet weich ein, Plus wächst beim Zeigen. */
    @media (prefers-reduced-motion: no-preference) {
      #sellerView.seller-home-active .seller-login-faq-item summary::after {
        transition: transform var(--motion-fast, 160ms) var(--ease, ease-out);
      }

      #sellerView.seller-home-active .seller-login-faq-item summary:hover::after {
        transform: scale(1.15);
      }

      #sellerView.seller-home-active .seller-login-faq-item[open] > p {
        animation: seller-landing-faq-in var(--motion-base, 200ms) var(--ease, ease-out) backwards;
      }

      @keyframes seller-landing-faq-in {
        from { opacity: 0; transform: translateY(-4px); }
        to { opacity: 1; transform: none; }
      }
    }
    /* ==========================================================================
       Etappe 4 – Fehlerbehebung nach Prüfung (Fable): Box in Box, Lesbarkeit,
       Dunkelmodus, Touch-Zustände. Steht bewusst nach allen Bereich-Schichten.
       ========================================================================== */

    /* Höchstangebot: eigene, klar abgegrenzte Box in der Fahrzeugkarte. Fatihs „Box in Box ist störend“
       meinte die Treppe äußerer Rahmen (Bereich → Liste → Karte → Box), nicht diese Box. Ebenen:
       Seitenhintergrund → Fahrzeugkarte (eine Rahmenebene) → darin die gerahmte Höchstangebot-Box.
       Rahmen 1px in Akzentfarbe, leicht getönte Fläche, Radius wie Karten. */
    html[data-theme] #sellerView .seller-offer-summary {
      --offer-summary-border: color-mix(in srgb, var(--accent) 78%, var(--surface));
      --offer-summary-bg: color-mix(in srgb, var(--accent) 8%, var(--surface));
      border: 1px solid var(--offer-summary-border);
      border-radius: var(--radius-card);
      background: var(--offer-summary-bg);
      box-shadow: none;
    }

    /* Dunkel: Rahmen in Akzentgrün (≈ 5:1 zur Fläche), dunkelgrün getönte Fläche, heller Text. */
    html[data-theme="dark"] #sellerView .seller-offer-summary {
      --offer-summary-border: color-mix(in srgb, var(--accent) 75%, var(--offer-bg));
      --offer-summary-bg: var(--offer-bg);
      color: var(--offer-secondary);
    }

    /* Nebenaktionen im Höchstangebot: 44 px hoch. Rahmen, Flächen und Hover stehen seit Fatihs iPhone-Befund
       (09.10.2026: rahmenlose Textknöpfe nicht als Knöpfe erkennbar) in der letzten Schicht. */
    html[data-theme] #sellerView .seller-offer-summary-actions .btn.ghost {
      min-height: 44px;
    }

    html[data-theme] #sellerView .seller-offer-summary-actions .btn.ghost:focus-visible {
      outline: 2px solid var(--focus-color, var(--accent));
      outline-offset: 2px;
      box-shadow: none;
    }

    /* Desktop: Betrag und Gültigkeit/Countdown zusammen links (Countdown direkt neben dem Betrag),
       Aktionen rechts – statt Betrag links und Gültigkeit 900 px entfernt am rechten Rand. */
    @media (min-width: 761px) {
      html[data-theme] #sellerView .seller-offer-summary {
        grid-template-columns: max-content minmax(0, 1fr);
        column-gap: 24px;
        align-items: center;
      }

      html[data-theme] #sellerView .seller-offer-summary > span {
        grid-column: 1 / -1;
      }

      html[data-theme] #sellerView .seller-offer-summary > strong {
        grid-column: 1;
      }

      html[data-theme] #sellerView .seller-offer-summary > .seller-offer-validity {
        grid-column: 2;
        grid-row: auto;
        align-self: center;
        justify-self: start;
        margin-top: 0;
      }

      html[data-theme] #sellerView .seller-offer-summary > .seller-offer-summary-controls {
        grid-column: 1 / -1;
      }

      html[data-theme] #sellerView .seller-offer-summary-actions {
        justify-content: flex-end;
      }
    }

    /* Kontaktstatus bei angenommenem Angebot: Chip wie die übrigen Kartenköpfe. */
    html[data-theme] #sellerView .seller-request-card > .badge.contact_released {
      --chip-bg: var(--chip-success-bg);
      --chip-border: var(--chip-success-border);
      --chip-ink: var(--chip-success-text);
      --chip-dot: var(--dot-success);
    }

    html[data-theme] #sellerView .seller-request-card > .badge.contact_review {
      --chip-bg: var(--chip-info-bg);
      --chip-border: var(--chip-info-border);
      --chip-ink: var(--chip-info-text);
      --chip-dot: var(--dot-info);
    }

    /* Fahrzeugtitel: keine automatische Silbentrennung in Marken- und Modellnamen. */
    #sellerView .seller-request-name {
      hyphens: manual;
    }

    /* „Marke Modell“ bleibt als Block zusammen und bricht nur, wenn es allein keine Zeile mehr füllt
       (das Baujahr steht seit 09.10.2026 in der Eckdatenzeile, siehe letzte Schicht). */
    #sellerView .seller-request-name > .seller-request-name-main {
      display: inline-block;
      max-width: 100%;
      overflow-wrap: break-word;
    }

    /* Profil-Kontaktzeile: E-Mail, Telefon und Standort je in eigener Zeile – vorher liefen
       „***0001“ und „Standort nicht hinterlegt“ ohne sichtbaren Trenner ineinander. */
    html[data-theme] #sellerView .seller-profile-main > .seller-profile-meta:not(:has(.mini-pill)) {
      display: grid;
      justify-items: start;
      gap: 2px;
    }

    /* Benachrichtigungs-Status (bestätigt / wird aktiviert): Hinweiszeile mit Farbkante und Symbol
       statt Rahmen-Kasten in der Einstellungskarte. Warn- und Fehlerzustände mit Aktionen bleiben Kästen. */
    html[data-theme] #sellerView .seller-notification-intent-status:is([data-state="success"], [data-state="loading"]) {
      border: 0;
      border-left: 3px solid currentColor;
      border-radius: 0;
      padding: 4px 0 4px 12px;
      background: transparent;
      box-shadow: none;
    }

    html[data-theme] #sellerView .seller-notification-intent-status[data-state="success"] {
      border-left-color: var(--dot-success, var(--success-border));
    }

    /* Freitext-Fakten (Verkaufshinweise) über beide Spalten statt Wortbruch in 147 px. */
    html[data-theme] #sellerView .seller-listing-facts > .seller-listing-fact--wide {
      grid-column: 1 / -1;
    }

    #sellerView .seller-listing-fact strong {
      overflow-wrap: break-word;
      hyphens: auto;
    }

    /* Fotoverwaltung: Die Aktionen liegen seit Fatihs iPhone-Befund (09.10.2026) gerahmt im Kachelmenü „⋯“
       (siehe letzte Schicht); hier bleibt nur der gemeinsame Fokusring. */
    html[data-theme] #sellerView :is(.seller-listing-photo-order-actions, .seller-listing-photo-actions) .btn:focus-visible {
      outline: 2px solid var(--focus-color, var(--accent));
      outline-offset: 2px;
      box-shadow: none;
    }

    /* „Fahrzeugbezeichnung verstehen lassen“: Plus-Symbol im Dunkelmodus ohne helle Scheibe. */
    html[data-theme="dark"] #sellerView .vehicle-description-assist summary::before {
      border-color: var(--line);
      background: var(--surface-raised);
      color: var(--accent);
    }

    /* Annahme-/Ablehnungsdialog: deckende Fläche, die Karten dahinter scheinen nicht durch. */
    html[data-theme] dialog.seller-offer-decline-dialog {
      background-color: var(--surface);
    }

    /* Annahme-Dialog: Fokus der Checkbox als runder Fokusring statt eckigem Kasten. */
    html[data-theme] .seller-offer-decline-shell .seller-account-confirmation input[type="checkbox"] {
      width: 22px;
      height: 22px;
      min-height: 0;
      align-self: center;
    }

    html[data-theme] .seller-offer-decline-shell .seller-account-confirmation input:focus-visible {
      outline: 2px solid var(--accent);
      outline-offset: 2px;
      border-radius: 4px;
      box-shadow: none;
    }

    html[data-theme] .seller-offer-decline-shell .seller-account-confirmation input:focus:not(:focus-visible) {
      outline: 0;
      box-shadow: none;
    }

    /* Profil – Häufigkeit: das Radio übernimmt keine Feldhöhe, Fläche oder Innenschatten (kurzer Strich). */
    html[data-theme] #sellerView .seller-notification-frequency-option input[type="radio"] {
      appearance: auto;
      width: 20px;
      height: 20px;
      min-height: 0;
      border: 0;
      padding: 0;
      background: transparent;
      box-shadow: none;
      align-self: start;
    }

    /* Zustandswahl: auf Touch-Geräten bleibt :hover nach dem Tippen kleben und sieht wie eine Auswahl aus. */
    @media (hover: none), (pointer: coarse) {
      html[data-theme="dark"] #sellerView .condition-option:not([aria-pressed="true"]):hover {
        border-color: var(--line-strong);
        background: var(--secondary-bg);
        color: var(--ink);
      }
    }

    /* Kopfzeile: Beträge scheinen beim Scrollen nicht mehr durch. */
    html[data-theme="light"] .topbar {
      background: rgba(248, 250, 251, .96);
    }

    html[data-theme="dark"] .topbar {
      background: rgba(19, 27, 31, .96);
    }

    /* Eingeklappte Kopfzeile auf dem Handy: Motto mindestens 14 px. */
    @media (max-width: 900px) {
      .topbar[data-header-state] .brand-subtitle {
        font-size: 14px;
        line-height: 1.15;
      }
    }

    /* Leerzustand: nur ein „Fahrzeug erfassen“ (der Knopf in der Leerzustandskarte). */
    html[data-theme] #sellerOffersPanel:has(.seller-vehicles-empty [data-seller-empty-new-vehicle]) #sellerOffersNewVehicle {
      display: none;
    }

    /* ==========================================================================
       Händler-Hinweis auf der Startseite (Fatih 09.10.2026)
       Kopfzeile: Link „Für Händler“ links neben dem Menü – nur auf der öffentlichen Startseite ohne Anmeldung
       (Sichtbarkeit über hidden, syncSellerDealerHint). Handy dezent ohne Rahmen; ab 761 px (Fatih 10.10.2026) als
       ruhiger Rahmenknopf in Menü-Höhe. Zusätzlich die Box „Bist du Kfz-Händler?“ am Ende der Startseite (nach dem Abschluss-CTA, vor der
       Fußzeile); sie steht auch auf dem Handy dort, wo nach dem Verkäufer-CTA nichts mehr für Verkäufer folgt.
       Sekundäre Optik, nie Konkurrenz zum Verkäufer-CTA. Überschriften, JSON-LD und Messung bleiben unverändert
       (die Box hat keine Überschrift, sondern einen benannten Bereich). Hell und dunkel nur über Tokens.
       ========================================================================== */
    .seller-dealer-hint:not([hidden]) {
      display: inline-flex;
      flex: 0 0 auto;
      align-items: center;
      min-height: 44px;
      padding: 0 10px;
      /* Leichter als „Menü“ (Fable 09.10.2026): ohne sichtbaren Rahmen, 600 statt 650; Tippfläche bleibt 44 px. */
      border: 1px solid transparent;
      border-radius: 999px;
      background: transparent;
      color: var(--text-secondary);
      font-size: 14px;
      font-weight: 600;
      line-height: 1.2;
      text-decoration: none;
      white-space: nowrap;
    }

    .seller-dealer-hint:focus-visible {
      outline: 2px solid var(--focus-color);
      outline-offset: 2px;
    }

    @media (hover: hover) and (pointer: fine) {
      .seller-dealer-hint:hover {
        border-color: var(--line-strong);
        color: var(--ink);
      }
    }

    /* Tablet/Desktop (Fatih 10.10.2026): sichtbarer, aber sekundärer Knopf – neutraler Rahmen statt der
       Akzentfläche von „Menü“, Höhe über align-self an „Menü“ gekoppelt (34 px kompakt, 44 px sonst). */
    @media (min-width: 761px) {
      .seller-dealer-hint:not([hidden]) {
        align-self: stretch;
        min-height: 0;
        padding: 0 14px;
        border-color: var(--line-strong);
        border-radius: 12px;
        color: var(--ink);
      }

      .seller-dealer-hint:not([hidden]):hover {
        border-color: var(--ink);
      }
    }

    /* 761–899 px: „Menü“ ist dort eine 36-px-Pille in einer 44-px-Tippfläche (::before, inset 4px 1px).
       Der Händler-Knopf übernimmt dieselbe Form, damit er nicht größer wirkt als „Menü“ (Fable 10.10.2026). */
    @media (min-width: 761px) and (max-width: 899px) {
      .seller-dealer-hint:not([hidden]) {
        position: relative;
        isolation: isolate;
        border-color: transparent;
        border-radius: 999px;
      }

      .seller-dealer-hint:not([hidden])::before {
        content: "";
        position: absolute;
        inset: 4px 1px;
        z-index: -1;
        border: 1px solid var(--line-strong);
        border-radius: 999px;
        pointer-events: none;
      }

      .seller-dealer-hint:not([hidden]):hover {
        border-color: transparent;
      }

      .seller-dealer-hint:not([hidden]):hover::before {
        border-color: var(--ink);
      }
    }

    /* 360–389 px: Logo, Hinweis und Menü passen nur knapp nebeneinander (ohne Umbruch, ohne Überlauf). */
    @media (max-width: 389px) {
      .seller-dealer-hint:not([hidden]) {
        padding: 0 7px;
      }

      .seller-header-actions:has(.seller-dealer-hint:not([hidden])) {
        gap: 4px;
      }
    }

    #sellerView.seller-home-active .seller-dealer-teaser {
      display: grid;
      align-items: center;
      gap: 20px;
      margin-top: 8px;
      padding: 24px 20px;
      border: 1px solid var(--line);
      border-radius: var(--radius-section, 16px);
      background: var(--surface);
      box-shadow: none;
    }

    html[data-theme="dark"] #sellerView.seller-home-active .seller-dealer-teaser {
      background: var(--surface-raised);
    }

    #sellerView.seller-home-active .seller-dealer-teaser-copy {
      display: grid;
      gap: 8px;
      min-width: 0;
    }

    #sellerView.seller-home-active .seller-dealer-teaser-title {
      margin: 0;
      color: var(--heading);
      font-size: 20px;
      font-weight: 800;
      line-height: 1.25;
    }

    #sellerView.seller-home-active .seller-dealer-teaser-text {
      max-width: 62ch;
      margin: 0;
      color: var(--text-secondary);
      font-size: 16px;
      line-height: 1.5;
    }

    #sellerView.seller-home-active .seller-dealer-teaser-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin: 6px 0 0;
      padding: 0;
      list-style: none;
    }

    #sellerView.seller-home-active .seller-dealer-teaser-tags li {
      display: inline-flex;
      align-items: center;
      min-height: 32px;
      padding: 4px 12px;
      border-radius: 999px;
      background: var(--surface-2);
      color: var(--ink);
      font-size: 14px;
      font-weight: 600;
      line-height: 1.3;
    }

    html[data-theme="dark"] #sellerView.seller-home-active .seller-dealer-teaser-tags li {
      background: color-mix(in srgb, var(--ink) 9%, var(--surface-raised));
    }

    #sellerView.seller-home-active .seller-dealer-teaser-link {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      min-height: 44px;
      text-decoration: none;
    }

    @media (min-width: 761px) {
      #sellerView.seller-home-active .seller-dealer-teaser {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 32px;
        padding: 28px 32px;
      }
    }

    /* ==========================================================================
       Korrekturen nach Fatihs iPhone-Befunden (09.10.2026): Vorschlagslisten, Fokusrahmen,
       Aktionsknöpfe im Höchstangebot, Fahrzeugtitel und Fotoraster. Hell und dunkel,
       Desktop und Handy. Steht bewusst als letzte Schicht.
       ========================================================================== */

    /* Vorschlagslisten (Marke/Modell/Variante): Der Schritt mit der offenen Liste liegt über allen folgenden
       Schritten. Ursache des Durchscheinens war ein stehengebliebenes transform der Einblend-Animation
       (siehe Bereich C, Füllmodus „backwards“); diese Ebene sichert den Fall zusätzlich ab, solange ein
       Schritt gerade noch einblendet (dann ist er kurz ein eigener Stacking-Context).
       Ebene 10 genügt (folgende Schritte haben z-index auto) und liegt bewusst UNTER der fixierten Kopfzeile
       (.topbar 20, .seller-global-status-region 19, .seller-landing-sticky 18); mit 60 malte der Schritt beim
       Scrollen über Logo und Menü-Knopf. */
    #sellerView #leadForm #guidedAssistant .assistant-step:has(.vehicle-combobox.is-open) {
      position: relative;
      z-index: 10;
    }

    #sellerView .vehicle-combobox.is-open {
      z-index: 60;
    }

    /* Die Liste ist ein deckendes Popover: eigene Fläche, Rahmen und Schatten, Einträge ≥ 44 px, Schrift ≥ 14 px. */
    html[data-theme] #sellerView .vehicle-combobox-list {
      z-index: 70;
      border: 1px solid var(--line-strong);
      border-radius: var(--radius-control);
      background: var(--surface);
      box-shadow: var(--shadow-raised);
      isolation: isolate;
    }

    html[data-theme="dark"] #sellerView .vehicle-combobox-list {
      background: var(--surface-raised);
      box-shadow: 0 16px 34px rgba(0, 0, 0, .44);
    }

    html[data-theme] #sellerView .vehicle-combobox-list :is(.vehicle-combobox-option, .vehicle-combobox-group-label) {
      background-color: var(--surface);
    }

    html[data-theme="dark"] #sellerView .vehicle-combobox-list :is(.vehicle-combobox-option, .vehicle-combobox-group-label) {
      background-color: var(--surface-raised);
    }

    html[data-theme] #sellerView .vehicle-combobox-list .vehicle-combobox-group-label {
      color: var(--text-secondary);
      font-size: 14px;
    }

    html[data-theme] #sellerView .vehicle-combobox-list .vehicle-combobox-option {
      min-height: 48px;
    }

    html[data-theme] #sellerView .vehicle-combobox-list .vehicle-combobox-option:is(:hover, .is-active, .is-current, [aria-selected="true"]) {
      background-color: var(--accent-soft, var(--surface-2));
    }

    html[data-theme] #sellerView .vehicle-combobox-list :is(.vehicle-combobox-empty, .vehicle-combobox-hint) {
      font-size: 14px;
    }

    /* Scroll-Hinweis (Fable-Befund iPhone 09.10.2026): Solange unter dem sichtbaren Bereich weitere Einträge folgen
       (Klasse has-more-below, syncVehicleComboboxScrollHint), läuft der letzte sichtbare Eintrag in eine
       Verlaufskante aus. Die Kante klebt am unteren Listenrand, fängt keine Tipps ab und fehlt am Listenende. */
    html[data-theme] #sellerView .vehicle-combobox-list.has-more-below::after {
      content: "";
      position: sticky;
      z-index: 2;
      bottom: 0;
      display: block;
      height: 32px;
      margin-top: -32px;
      background: linear-gradient(to bottom, transparent, var(--surface) 85%);
      pointer-events: none;
    }

    html[data-theme="dark"] #sellerView .vehicle-combobox-list.has-more-below::after {
      background: linear-gradient(to bottom, transparent, var(--surface-raised) 85%);
    }

    /* Genau EIN Fokusindikator. Felder mit Einheit (km): der Rahmen um Feld und Einheit zeigt den Fokus,
       das innere Eingabefeld hat keinen eigenen Rahmen, keine Kontur und keinen Schatten. */
    html[data-theme] #sellerView .mileage-input-wrap input:is(:focus, :focus-visible) {
      border: 0;
      outline: none;
      background: transparent;
      box-shadow: none;
    }

    /* Einheitliche Fokussprache hell UND dunkel (Fable-Befund 09.10.2026: hell 4-px-Schein, dunkel 2-px-Linie):
       Rahmen in Fokusfarbe mit direkt anliegendem, deckendem 2-px-Ring – EIN Ring, kein Schein. Der Ring ist ein
       box-shadow ohne Unschärfe statt outline: Er folgt exakt der Rundung und schließt ohne 1-px-Naht an den Rahmen
       an (Fable-Befund iPhone: zwischen Rahmen und outline blieb eine helle Haarlinie). Die transparente outline
       bleibt für den Kontrastmodus (forced-colors) sichtbar. Gilt für das Feld mit Einheit (Hülle :focus-within),
       Eingabefelder, Auswahllisten und Comboboxen. Die Selektoren spiegeln die Pflicht-/Fehlerregeln des Formulars,
       damit deren Schein im Fokus sicher entfällt; Fehlerfelder bleiben rot. */
    html[data-theme] #sellerView .mileage-input-wrap:focus-within,
    html[data-theme] #sellerView #leadForm .mileage-control.chapter-required-missing:not(.chapter-validation-invalid):not(.mileage-validation-invalid):not(:has(input[aria-invalid="true"])) .mileage-input-wrap:focus-within {
      border-color: var(--focus-color);
      outline: 2px solid transparent;
      outline-offset: 0;
      box-shadow: 0 0 0 2px var(--focus-color);
    }

    html[data-theme] #sellerView #leadForm .mileage-control:is(.mileage-validation-invalid, .chapter-validation-invalid, :has(input[aria-invalid="true"])) .mileage-input-wrap:focus-within {
      outline: 2px solid transparent;
      outline-offset: 0;
      box-shadow: 0 0 0 2px var(--danger);
    }

    html[data-theme] #sellerView :is(input:not([type="checkbox"]):not([type="radio"]):not(.mileage-input-wrap input), select, textarea):focus-visible,
    html[data-theme] #sellerView #leadForm .field.chapter-required-missing:not(.chapter-validation-invalid) :is(input, select, textarea):not([aria-invalid="true"]):not(.mileage-input-wrap input):focus-visible,
    html[data-theme] #sellerView #leadForm .contact-group.chapter-required-missing:not(.chapter-validation-invalid) :is(input, select, textarea):not([aria-invalid="true"]):focus-visible {
      border-color: var(--focus-color);
      outline: 2px solid transparent;
      outline-offset: 0;
      box-shadow: 0 0 0 2px var(--focus-color);
    }

    html[data-theme] #sellerView #leadForm :is(input, select, textarea)[aria-invalid="true"]:not(.mileage-input-wrap input):focus-visible,
    html[data-theme] #sellerView #leadForm .chapter-validation-invalid:is(.field, .contact-group, .vin-required-field) :is(input, select, textarea):not(.mileage-input-wrap input):focus-visible {
      outline-color: transparent;
      box-shadow: 0 0 0 2px var(--danger);
    }

    /* Aktionsknöpfe im Höchstangebot: alle drei als echte Knöpfe (44 px, sichtbarer Rahmen), kompakter Abstand.
       Handy untereinander in voller Breite, Desktop nebeneinander. „Ablehnen“ mit gedämpfter Rot-Kennung, nie gefüllt. */
    html[data-theme] #sellerView .seller-offer-summary-actions {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      gap: 10px;
    }

    html[data-theme] #sellerView .seller-offer-summary-actions .btn {
      min-height: 44px;
      margin: 0;
    }

    html[data-theme] #sellerView .seller-offer-summary-actions .btn.ghost {
      border: 1px solid color-mix(in srgb, var(--accent) 62%, var(--surface));
      background: var(--surface);
      color: var(--accent-strong);
      box-shadow: none;
    }

    html[data-theme] #sellerView .seller-offer-summary-actions .btn.ghost[data-offer-action="decline"] {
      border-color: color-mix(in srgb, var(--danger) 58%, var(--surface));
      color: var(--danger);
    }

    @media (hover: hover) and (pointer: fine) {
      html[data-theme] #sellerView .seller-offer-summary-actions .btn.ghost:not(:disabled):hover {
        border-color: var(--accent);
        background: color-mix(in srgb, var(--accent) 10%, var(--surface));
        color: var(--accent-strong);
      }

      html[data-theme] #sellerView .seller-offer-summary-actions .btn.ghost[data-offer-action="decline"]:not(:disabled):hover {
        border-color: var(--danger);
        background: color-mix(in srgb, var(--danger) 8%, var(--surface));
        color: var(--danger);
      }
    }

    html[data-theme] #sellerView .seller-offer-summary-actions .btn.ghost:disabled {
      opacity: .6;
    }

    @media (min-width: 761px) {
      html[data-theme] #sellerView .seller-offer-summary-actions {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
      }

      html[data-theme] #sellerView .seller-offer-summary-actions .btn {
        width: auto;
        flex: 0 1 auto;
      }
    }

    /* Gleiche Knopfsprache in der Fahrzeugkarte: „Details/Schließen“ und „Entfernen“ sind gerahmte Knöpfe. */
    html[data-theme] #sellerOffersPanel .seller-request-card .btn.seller-detail-toggle {
      min-height: 44px;
      padding: 0 12px;
      border: 1px solid color-mix(in srgb, var(--accent) 50%, var(--surface));
      border-radius: var(--radius-control);
      background: transparent;
      color: var(--link);
    }

    /* Handy: „Details/Schließen“ als Symbolknopf 44 × 44 (aria-label nennt Aktion und Fahrzeug), damit
       „Marke Modell“ und die Eckdatenzeile neben dem Vorschaubild Platz haben. */
    @media (max-width: 760px) {
      html[data-theme] #sellerOffersPanel .seller-request-card .btn.seller-detail-toggle {
        width: 44px;
        min-width: 44px;
        height: 44px;
        padding: 0;
        justify-content: center;
      }

      html[data-theme] #sellerOffersPanel .seller-request-card .btn.seller-detail-toggle > span {
        display: none;
      }
    }

    html[data-theme] #sellerView .seller-listing-management-actions .btn.seller-listing-remove {
      border: 1px solid color-mix(in srgb, var(--danger) 58%, var(--surface));
      background: transparent;
      color: var(--danger);
      box-shadow: none;
    }

    @media (hover: hover) and (pointer: fine) {
      html[data-theme] #sellerView .seller-listing-management-actions .btn.seller-listing-remove:not(:disabled):hover {
        border-color: var(--danger);
        background: color-mix(in srgb, var(--danger) 8%, var(--surface));
      }
    }

    /* Fahrzeugtitel: nur „Marke Modell“; das Baujahr führt die Eckdatenzeile an und bleibt hervorgehoben. */
    #sellerView .seller-request-facts .seller-request-facts-year {
      color: var(--heading);
      font-weight: 700;
    }

    /* Fotoraster: Handy 3, Desktop 5 Spalten. Jede Kachel zeigt nur Bild und Kategorie; alles Weitere liegt im
       Kachelmenü „⋯“ (Symbolknopf 44 × 44 oben rechts im Bild). */
    html[data-theme] #sellerView .seller-listing-photo-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px 8px;
    }

    @media (min-width: 761px) {
      html[data-theme] #sellerView .seller-listing-photo-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 14px 12px;
      }
    }

    html[data-theme] #sellerView .seller-listing-photo-grid > .seller-listing-photo-card {
      position: relative;
      gap: 6px;
    }

    html[data-theme] #sellerView .seller-listing-photo-grid > .seller-listing-photo-card.is-menu-open {
      z-index: 30;
    }

    #sellerView .seller-listing-photo-media {
      position: relative;
      min-width: 0;
    }

    html[data-theme] #sellerView .seller-listing-photo-grid .seller-listing-photo-preview {
      position: relative;
      display: grid;
      place-items: center;
      aspect-ratio: 1 / 1;
      overflow: hidden;
      border: 1px solid var(--line-subtle);
      border-radius: var(--radius-control);
      background: var(--surface-2);
      color: var(--text-secondary);
    }

    @media (min-width: 761px) {
      html[data-theme] #sellerView .seller-listing-photo-grid .seller-listing-photo-preview {
        aspect-ratio: 4 / 3;
      }
    }

    html[data-theme] #sellerView .seller-listing-photo-grid .seller-listing-photo-preview > img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    #sellerView .seller-listing-photo-placeholder {
      display: grid;
      justify-items: center;
      gap: 2px;
      padding: 6px;
      color: var(--text-secondary);
      font-size: 14px;
      font-weight: 600;
      line-height: 1.2;
      text-align: center;
    }

    #sellerView .seller-listing-photo-placeholder .icon {
      width: 20px;
      height: 20px;
    }

    #sellerView .seller-listing-photo-preview[data-preview-state="photo"] .seller-listing-photo-placeholder .icon {
      opacity: .55;
    }

    html[data-theme] #sellerView .seller-listing-photo-grid .seller-listing-photo-preview:disabled {
      cursor: default;
    }

    html[data-theme] #sellerView .seller-listing-photo-grid .seller-listing-photo-preview:focus-visible {
      outline: 2px solid var(--focus-color);
      outline-offset: 2px;
    }

    /* Symbolknopf „⋯“: 44 px Trefferfläche, sichtbarer Kreis 32 px auf dem Bild. */
    #sellerView .seller-listing-photo-menu-toggle {
      position: absolute;
      z-index: 2;
      top: 0;
      right: 0;
      display: inline-grid;
      width: 44px;
      height: 44px;
      min-width: 44px;
      min-height: 44px;
      place-items: center;
      padding: 0;
      border: 0;
      border-radius: 50%;
      background: radial-gradient(circle at center, rgba(0, 0, 0, .55) 0 16px, rgba(255, 255, 255, .5) 16.5px 17.5px, transparent 18px);
      color: #fff;
      cursor: pointer;
    }

    #sellerView .seller-listing-photo-menu-toggle .icon {
      width: 18px;
      height: 18px;
    }

    #sellerView .seller-listing-photo-menu-toggle[aria-expanded="true"] {
      background: radial-gradient(circle at center, var(--primary-bg, #12664f) 0 16px, rgba(255, 255, 255, .7) 16.5px 17.5px, transparent 18px);
    }

    #sellerView .seller-listing-photo-menu-toggle:focus-visible {
      outline: 2px solid var(--focus-color);
      outline-offset: -3px;
    }

    /* Kachelbeschriftung: nur die Kategorie, höchstens zwei Zeilen; der Dateiname steht im Menü. */
    html[data-theme] #sellerView .seller-listing-photo-grid > .seller-listing-photo-card > .seller-listing-photo-copy > strong {
      display: -webkit-box;
      overflow: hidden;
      color: var(--heading);
      font-size: 14px;
      font-weight: 650;
      line-height: 1.25;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow-wrap: anywhere;
    }

    html[data-theme] #sellerOffersPanel .seller-listing-photo-grid > .seller-listing-photo-card > .seller-listing-photo-copy > span {
      display: none;
    }

    /* Kachelmenü: Popover unter der Kachel, an der Spalte ausgerichtet (Handy 3, Desktop 5 Spalten). */
    html[data-theme] #sellerView .seller-listing-photo-menu {
      position: absolute;
      z-index: 40;
      top: calc(100% + 6px);
      left: 0;
      display: grid;
      width: min(288px, calc(100vw - 48px));
      gap: 10px;
      padding: 10px 12px 12px;
      border: 1px solid var(--line-strong);
      border-radius: var(--radius-card);
      background: var(--surface);
      box-shadow: var(--shadow-raised);
      color: var(--ink);
    }

    html[data-theme="dark"] #sellerView .seller-listing-photo-menu {
      background: var(--surface-raised);
      box-shadow: 0 16px 34px rgba(0, 0, 0, .44);
    }

    html[data-theme] #sellerOffersPanel .seller-listing-photo-menu[hidden] {
      display: none;
    }

    @media (max-width: 760px) {
      html[data-theme] #sellerView .seller-listing-photo-grid > .seller-listing-photo-card:nth-child(3n + 2) > .seller-listing-photo-menu {
        left: 50%;
        transform: translateX(-50%);
      }

      html[data-theme] #sellerView .seller-listing-photo-grid > .seller-listing-photo-card:nth-child(3n) > .seller-listing-photo-menu {
        right: 0;
        left: auto;
      }
    }

    @media (min-width: 761px) {
      html[data-theme] #sellerView .seller-listing-photo-grid > .seller-listing-photo-card:nth-child(5n + 3) > .seller-listing-photo-menu {
        left: 50%;
        transform: translateX(-50%);
      }

      html[data-theme] #sellerView .seller-listing-photo-grid > .seller-listing-photo-card:is(:nth-child(5n + 4), :nth-child(5n)) > .seller-listing-photo-menu {
        right: 0;
        left: auto;
      }
    }

    #sellerView .seller-listing-photo-menu-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      min-width: 0;
    }

    #sellerView .seller-listing-photo-menu-head p {
      display: grid;
      min-width: 0;
      margin: 0;
    }

    #sellerView .seller-listing-photo-menu-head strong {
      color: var(--heading);
      font-size: 15px;
    }

    #sellerView .seller-listing-photo-menu-head span {
      overflow: hidden;
      color: var(--text-secondary);
      font-size: 14px;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    #sellerView .seller-listing-photo-menu-close {
      display: inline-grid;
      flex: 0 0 44px;
      width: 44px;
      height: 44px;
      margin: -6px -8px -6px 0;
      place-items: center;
      padding: 0;
      border: 0;
      border-radius: var(--radius-control);
      background: transparent;
      color: var(--text-secondary);
      cursor: pointer;
    }

    #sellerView .seller-listing-photo-menu-close:focus-visible {
      outline: 2px solid var(--focus-color);
      outline-offset: -2px;
    }

    html[data-theme] #sellerView .seller-listing-photo-menu .seller-listing-photo-category {
      display: grid;
      gap: 4px;
      padding: 0;
    }

    html[data-theme] #sellerView .seller-listing-photo-menu .seller-listing-photo-category > span {
      display: block;
      color: var(--text-secondary);
      font-size: 14px;
      font-weight: 650;
    }

    html[data-theme] #sellerView .seller-listing-photo-menu :is(.seller-listing-photo-order-actions, .seller-listing-photo-actions) {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
      padding: 0;
    }

    html[data-theme] #sellerView .seller-listing-photo-menu :is(.seller-listing-photo-order-actions, .seller-listing-photo-actions) .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      width: 100%;
      min-width: 0;
      min-height: 44px;
      padding: 6px 8px;
      border: 1px solid color-mix(in srgb, var(--accent) 50%, var(--surface));
      border-radius: var(--radius-control);
      background: transparent;
      color: var(--accent-strong);
      font-size: 14px;
      font-weight: 700;
      box-shadow: none;
    }

    html[data-theme] #sellerView .seller-listing-photo-menu .seller-listing-photo-actions .btn[data-listing-action="remove-photo"] {
      border-color: color-mix(in srgb, var(--danger) 58%, var(--surface));
      color: var(--danger);
    }

    html[data-theme] #sellerView .seller-listing-photo-menu :is(.seller-listing-photo-order-actions, .seller-listing-photo-actions) .btn:disabled {
      border-color: var(--line);
      color: var(--text-secondary);
      opacity: .7;
    }

    html[data-theme] #sellerView .seller-listing-photo-menu :is(.seller-listing-photo-order-actions, .seller-listing-photo-actions) .btn .icon {
      flex: 0 0 auto;
      width: 16px;
      height: 16px;
    }

    @media (hover: hover) and (pointer: fine) {
      html[data-theme] #sellerView .seller-listing-photo-menu :is(.seller-listing-photo-order-actions, .seller-listing-photo-actions) .btn:not(:disabled):hover {
        background: color-mix(in srgb, var(--accent) 10%, transparent);
      }

      html[data-theme] #sellerView .seller-listing-photo-menu .seller-listing-photo-actions .btn[data-listing-action="remove-photo"]:not(:disabled):hover {
        background: color-mix(in srgb, var(--danger) 8%, transparent);
      }
    }

    /* Platzhalter „Vorschau nicht verfügbar“ sitzt am unteren Kachelrand: Symbol und Text bleiben auch in der
       schmalen Handy-Kachel (3 Spalten, ca. 100 px) frei vom Knopf „⋯“ oben rechts. Desktop bleibt mittig. */
    @media (max-width: 760px) {
      html[data-theme] #sellerView .seller-listing-photo-grid .seller-listing-photo-preview[data-preview-state="unavailable"] {
        place-items: end center;
        padding: 0 0 6px;
      }

      html[data-theme] #sellerView .seller-listing-photo-preview[data-preview-state="unavailable"] .seller-listing-photo-placeholder {
        padding: 0 6px;
      }
    }

    /* Status-Chips („Höchstangebot verfügbar“, „Für Händler freigegeben“ …): Schrift mindestens 14 px. */
    html[data-theme] #sellerView .badge {
      font-size: 14px;
    }

    /* Fotomenü-Platzierung (Fable-Befund 09.10.2026: Menü lief unter den Viewport bzw. über den Kartenrand).
       Desktop: Popover; die Hülle .seller-listing-photo-menu-panel ist display: contents, „is-above“ klappt das Menü
       über die Kachel, wenn unten kein Platz ist (placeSellerListingPhotoMenu). Handy: echtes Bottom-Sheet. */
    #sellerView .seller-listing-photo-menu-panel {
      display: contents;
    }

    html[data-theme] #sellerView .seller-listing-photo-menu {
      scroll-margin-bottom: 16px;
    }

    @media (min-width: 761px) {
      html[data-theme] #sellerView .seller-listing-photo-grid > .seller-listing-photo-card > .seller-listing-photo-menu.is-above {
        top: auto;
        bottom: calc(100% + 6px);
      }
    }

    @media (max-width: 760px) {
      /* Das Menü-Element ist die abgedunkelte Fläche (Tipp darauf schließt), die Hülle ist das Blatt. */
      html[data-theme] #sellerView .seller-listing-photo-grid > .seller-listing-photo-card > .seller-listing-photo-menu:not([hidden]) {
        position: fixed;
        z-index: 90;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        width: auto;
        gap: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: rgba(8, 14, 17, .42);
        box-shadow: none;
        transform: none;
      }

      html[data-theme="dark"] #sellerView .seller-listing-photo-grid > .seller-listing-photo-card > .seller-listing-photo-menu:not([hidden]) {
        background: rgba(0, 0, 0, .58);
        box-shadow: none;
      }

      html[data-theme] #sellerView .seller-listing-photo-menu > .seller-listing-photo-menu-panel {
        display: grid;
        gap: 12px;
        max-height: 80vh;
        max-height: 80dvh;
        overflow-y: auto;
        overscroll-behavior: contain;
        padding: 14px 16px calc(16px + env(safe-area-inset-bottom, 0px));
        border-top: 1px solid var(--line-strong);
        border-radius: var(--radius-card) var(--radius-card) 0 0;
        background: var(--surface);
        box-shadow: 0 -12px 32px rgba(0, 0, 0, .22);
        color: var(--ink);
      }

      html[data-theme="dark"] #sellerView .seller-listing-photo-menu > .seller-listing-photo-menu-panel {
        background: var(--surface-raised);
        box-shadow: 0 -16px 34px rgba(0, 0, 0, .5);
      }

      /* Kachelbeschriftung auf dem Handy einzeilig mit „…“; voller Text im title und im aria-label der Vorschau. */
      html[data-theme] #sellerView .seller-listing-photo-grid > .seller-listing-photo-card > .seller-listing-photo-copy {
        min-width: 0;
      }

      html[data-theme] #sellerView .seller-listing-photo-grid > .seller-listing-photo-card > .seller-listing-photo-copy > strong {
        display: block;
        overflow: hidden;
        font-size: 14px;
        text-overflow: ellipsis;
        white-space: nowrap;
        -webkit-line-clamp: none;
      }
    }

    /* Kopfzeile deckend (Fable-Nebenbefund 09.10.2026: „€ 15.200“ schien bei .96 hinter Logo und Menü durch).
       Gleiche Farbtöne wie bisher, nur ohne Transparenz; der Weichzeichner bleibt wirkungslos, aber unschädlich. */
    html[data-theme="light"] .topbar {
      background: rgb(248, 250, 251);
    }

    html[data-theme="dark"] .topbar {
      background: rgb(19, 27, 31);
    }

    /* Handy (≤ 760 px, Fable 09.10.2026): Im angemeldeten Konto, im Formular und in den Fahrzeugdetails
       entfällt das Motto unter „Menü“ – die Kopfzeile ist wieder so hoch wie auf der Startseite (~75 px statt 94 px).
       Die Startseite blendet es ohnehin aus (html.seller-landing-active) und bleibt unverändert. */
    @media (max-width: 760px) {
      html:not(.seller-landing-active) .topbar[data-header-state] .brand-subtitle {
        display: none;
      }
    }

    /* ==========================================================================
       Präzisierte Verkäufer-AGB (9. Oktober 2026)
       AGB-Dialog: Kasten „Was ist neu“ direkt unter dem Stand – dezente Fläche ohne eigenen Rahmen (kein
       Box-in-Box im gerahmten Dialog). Konto-/Fahrzeugbereich: eine schließbare Hinweiszeile (Fläche ohne Rahmen,
       Schließen mit 44-px-Tippfläche). Hell und dunkel nur über Tokens.
       ========================================================================== */
    .seller-legal-news {
      display: grid;
      gap: 8px;
      padding: 14px 16px;
      border: 0;
      border-radius: 12px;
      background: var(--surface-2);
    }

    .seller-legal-dialog-content .seller-legal-news-title {
      color: var(--heading);
      font-size: 15px;
    }

    .seller-legal-dialog-content .seller-legal-news ul {
      gap: 4px;
    }

    .seller-legal-dialog-content .seller-legal-news li {
      font-size: 15px;
    }

    html[data-theme="dark"] .seller-legal-news {
      background: var(--surface-raised);
    }

    html[data-theme="dark"] .seller-legal-dialog-content .seller-legal-news-title {
      color: var(--heading);
    }

    .seller-terms-update-notice:not([hidden]) {
      display: flex;
      align-items: center;
      gap: 4px;
      min-width: 0;
      padding: 0 0 0 14px;
      border: 0;
      border-radius: 12px;
      background: var(--surface-2);
    }

    html[data-theme="dark"] .seller-terms-update-notice:not([hidden]) {
      background: var(--surface-raised);
    }

    .seller-offers-panel .seller-terms-update-text {
      flex: 1 1 auto;
      min-width: 0;
      margin: 0;
      padding: 11px 0;
      color: var(--text-secondary);
      font-size: 14px;
      line-height: 1.45;
    }

    .seller-terms-update-link {
      display: inline;
      min-height: 0;
      margin: 0;
      padding: 0;
      border: 0;
      background: none;
      color: var(--link);
      font: inherit;
      font-weight: 700;
      text-decoration: underline;
      text-underline-offset: 2px;
      cursor: pointer;
    }

    .seller-terms-update-close {
      display: inline-flex;
      flex: 0 0 44px;
      align-items: center;
      justify-content: center;
      width: 44px;
      height: 44px;
      margin: 0;
      padding: 0;
      border: 0;
      border-radius: 12px;
      background: transparent;
      color: var(--text-secondary);
      cursor: pointer;
    }

    .seller-terms-update-close .icon {
      width: 18px;
      height: 18px;
    }

    .seller-terms-update-link:focus-visible,
    .seller-terms-update-close:focus-visible {
      outline: 2px solid var(--focus-color);
      outline-offset: 2px;
    }

    @media (hover: hover) and (pointer: fine) {
      .seller-terms-update-close:hover {
        color: var(--ink);
      }
    }