:root {
  color-scheme: light;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 14px;
  --ink: #1d1d1f;
  --muted: #65656d;
  --line: #e4e4e8;
  --canvas: #f5f5f7;
  --surface: #fff;
  --action: #b51d28;
  --action-hover: #9a1822;
  --action-soft: #fbeef0;
  --focus: #b51d28;
  --teal: var(--action);
  --navy: var(--canvas);
  --brand: var(--action);
  --jade: #24664d;
  --mobile-ink: var(--ink);
  --mobile-muted: var(--muted);
  --mobile-line: var(--line);
  --admin-ink: var(--ink);
  --admin-muted: var(--muted);
  --admin-line: var(--line);
  --admin-soft: var(--canvas);
  --admin-blue: var(--action);
  --admin-red: #ab2333;
  --admin-green: #24664d;
  --admin-amber: #805914;
}
* { letter-spacing: 0; scrollbar-color: #b5b5bd transparent; scrollbar-width: thin; }
::selection { background: #f3d9dd; color: #761720; }
body.platform-page, body.member-page { color: var(--ink); background: var(--canvas); line-height: 1.55; -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font-family: inherit; }
input, textarea { caret-color: var(--action); }
input::placeholder, textarea::placeholder { color: #6b6b74; opacity: 1; }
:is(button,a,input,select,textarea,summary):focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
.admin-workspace :focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
button { touch-action: manipulation; }
button:disabled { opacity: .5; }
[hidden] { display: none !important; }
a { text-underline-offset: 4px; }
button, a, input, select, textarea, [tabindex] { scroll-margin-block: 100px; }
button svg, a svg { flex-shrink: 0; }
svg { vertical-align: middle; }
.platform-page .shell { grid-template-columns: 232px minmax(0,1fr); }
.platform-page .sidebar { padding: 20px 12px; background: var(--canvas); border-right: 1px solid var(--line); }
.platform-page .brand { gap: 2px; padding: 0 0 20px; border-bottom: 1px solid var(--line); }
.platform-page .brand-logo { width: 148px; height: 72px; }
.platform-page .brand>span { font-size: 12px; color: var(--muted); }
.platform-page .navigation { gap: 3px; margin-top: 16px; }
.platform-page .navigation button { min-height: 42px; padding: 9px 13px; font-size: 13px; color: #505058; font-weight: 500; border-radius: 6px; }
.platform-page .navigation button:hover { background: #eaeaec; color: var(--ink); }
.platform-page .navigation button.active { color: var(--action); background: #f1e6e7; box-shadow: none; font-weight: 600; }
.platform-page .navigation button svg { width: 19px; height: 19px; }
.platform-page .admin-nav-group { padding: 10px 0 4px; }
.platform-page .admin-nav-group h2 { color: var(--muted); font-size: 11px; font-weight: 500; margin-bottom: 5px; }
.platform-page .sidebar-foot { margin-top: auto; padding: 18px 12px 0; border-top: 1px solid var(--line); }
.platform-page .sidebar-foot strong { font-size: 12px; color: var(--ink); }
.platform-page .sidebar-foot span { color: var(--muted); }
.platform-page .main-column { background: var(--surface); }
.platform-page .content, .member-page .main { animation: none; }
.platform-page .topbar { position: sticky; top: 0; z-index: 30; min-height: 68px; padding: 12px 36px; background: #fff; border-color: var(--line); }
.platform-page .topbar h1 { color: var(--ink); font-size: 14px; font-weight: 600; }
.platform-page .desktop-context { color: var(--muted); }
.platform-page .top-actions { align-items: center; gap: 6px; }
.platform-page .top-actions .button { min-width: 38px; min-height: 38px; }
.platform-page .content { max-width: 1280px; padding: 36px 40px 72px; }
.platform-page .section-head { margin-bottom: 26px; gap: 16px; }
.platform-page .section-head h2, .workspace-heading h2, .admin-workspace .admin-dashboard-header h2 { margin: 0; font-size: 28px; line-height: 1.3; font-weight: 650; }
.platform-page .section-head p, .workspace-heading p { color: var(--muted); }
.platform-page .button, .member-page .button { min-height: 40px; padding: 9px 15px; border-radius: 6px; font-size: 13px; font-weight: 550; line-height: 1.5; transition: background .16s, border-color .16s; }
.platform-page .button.primary, .member-page .button.primary { background: var(--action); color: #fff; border-color: var(--action); }
.platform-page .button.primary:hover, .member-page .button.primary:hover { background: var(--action-hover); border-color: var(--action-hover); }
.platform-page .button.secondary, .member-page .button:not(.primary) { color: var(--ink); background: #fff; border-color: #d1d1d6; }
.platform-page .button.secondary:hover, .member-page .button:not(.primary):hover { background: var(--canvas); border-color: #b5b5bd; }
.platform-page .icon-button { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; min-height: 40px; padding: 9px; border: 1px solid var(--line); border-radius: 6px; background: #fff; color: var(--muted); }
.platform-page .icon-button:hover { color: var(--action); background: var(--canvas); }
.platform-page .link, .member-stores-link { color: var(--action); }
.platform-page .link { display: inline-flex; align-items: center; gap: 5px; min-height: 40px; font-size: 13px; font-weight: 500; }
.platform-page .link svg { width: 16px; height: 16px; }
.platform-page .field input, .platform-page .field select, .platform-page .field textarea, .member-page .field input, .member-page .field select, .member-page .field textarea, .platform-page .search { min-height: 44px; padding: 10px 12px; border: 1px solid #c9c9d0; border-radius: 6px; background: #fff; color: var(--ink); font-size: 14px; box-shadow: none; }
.platform-page .field input:focus, .platform-page .field select:focus, .platform-page .field textarea:focus, .member-page .field input:focus, .member-page .field select:focus { border-color: var(--focus); outline: 2px solid var(--focus); outline-offset: 1px; }
.platform-page .field>span, .member-page .field>span { color: #45454c; font-size: 13px; font-weight: 500; }
.platform-page .field { gap: 8px; margin-bottom: 20px; }
.platform-page input:disabled, .platform-page select:disabled { background: var(--canvas); color: var(--muted); }
input[type=checkbox], input[type=radio] { accent-color: var(--action); }
.platform-page .panel { margin: 32px 0; background: transparent; border: 0; border-top: 1px solid var(--line); border-radius: 0; }
.platform-page .panel-head { padding: 22px 0 12px; border: 0; }
.platform-page .panel-head h3 { color: var(--ink); font-size: 18px; font-weight: 600; }
.platform-page .panel-body { padding: 8px 0 4px; }
.platform-page .form-grid { gap: 4px 24px; }
.platform-page .eye-form { border: 1px solid var(--line); background: #fafafc; padding: 20px 18px 0; border-radius: 8px; }
.platform-page .eye-form legend { color: var(--ink); font-weight: 600; }
.platform-page .notice, .member-page .warn { border: 1px solid #eadbc0; border-radius: 6px; background: #fff9ef; color: #725119; font-size: 13px; }
.platform-page .badge { padding: 3px 8px; border-radius: 4px; font-size: 12px; font-weight: 500; }
.platform-page .badge.green { color: #24664d; background: #edf6f0; }
.platform-page .badge.amber { color: #805914; background: #fcf4e5; }
.platform-page .badge.red { color: #ab2333; background: #fceef0; }
.platform-page .badge.blue { color: #125c9b; background: #eaf3ff; }
.platform-page th { background: var(--canvas); color: var(--muted); font-size: 12px; font-weight: 500; border-color: var(--line); padding: 13px 12px; }
.platform-page td { color: var(--ink); font-size: 13px; border-color: var(--line); padding: 18px 12px; }
.platform-page td small { color: var(--muted); }
.platform-page tbody tr:hover { background: #fafafc; }
.platform-page .metrics strong, .platform-page td, .order-stage-rail strong, .admin-overview strong { font-variant-numeric: tabular-nums; }
.platform-page .metrics strong { font-size: 26px; font-weight: 600; }
.platform-page .metrics>div, .platform-page .dashboard-metrics>button { background: transparent; }
.platform-page .dashboard-metrics>button:hover { background: var(--canvas); box-shadow: none; }
.platform-page .chain-context { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 16px 0; margin: 0 0 28px; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: transparent; }
.platform-page .chain-context .field { margin: 0; min-width: 200px; max-width: 420px; }
.platform-page .chain-context>strong { font-size: 14px; font-weight: 600; }
.workspace-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 28px; }
.workspace-heading p { margin: 8px 0 0; font-size: 13px; }
.store-launcher { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 32px; align-items: stretch; }
.store-launcher button { display: flex; align-items: center; gap: 16px; min-width: 0; text-align: left; padding: 20px; border-radius: 8px; }
.lens-order-launch { border: 0; color: #fff; background: var(--action); }
.lens-order-launch:hover { background: var(--action-hover); }
.store-launcher button>span:not(.launch-symbol) { flex: 1; min-width: 0; }
.store-launcher strong { display: block; font-size: 18px; font-weight: 600; }
.store-launcher small { display: block; margin-top: 5px; font-size: 13px; }
.lens-order-launch small { color: #fff; }
.launch-symbol { display: grid; place-items: center; width: 40px; height: 40px; flex: 0 0 40px; border: 1px solid #ffffff70; border-radius: 50%; }
.launch-symbol svg { width: 23px; height: 23px; }
.store-launcher button>svg { width: 20px; height: 20px; }
.trial-purchase-launch { border: 0; border-bottom: 1px solid var(--line); background: #fff; color: var(--ink); }
.trial-purchase-launch:hover { background: #fafafc; }
.trial-purchase-launch img { display: block; object-fit: contain; width: 100px; height: 88px; flex: 0 0 100px; }
.trial-purchase-launch small { color: var(--muted); }
.platform-page .apple-store-workspace .store-primary-actions { display: flex; flex-wrap: wrap; gap: 8px 20px; padding: 14px 0 22px; margin: 0; }
.platform-page .apple-store-workspace .store-primary-actions>.button { padding: 8px 0; border: 0; color: var(--action); background: transparent; font-size: 13px; }
.store-stages-section { margin: 8px 0 0; padding-top: 24px; border-top: 1px solid var(--line); }
.store-work-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 0 0 12px; }
.store-work-heading h3 { margin: 0; font-size: 18px; font-weight: 600; }
.order-stage-rail { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); background: var(--canvas); padding: 20px 0; margin-top: 10px; }
.order-stage-rail>button { display: grid; grid-template-columns: 22px auto; justify-content: center; align-content: center; align-items: center; gap: 4px 12px; min-height: 64px; padding: 0 12px; border: 0; border-right: 1px solid #dcdce2; background: transparent; color: var(--ink); }
.order-stage-rail>button:last-child { border-right: 0; }
.order-stage-rail>button:hover { color: var(--action); }
.order-stage-rail svg { color: var(--muted); width: 21px; height: 21px; }
.order-stage-rail strong { font-size: 24px; font-weight: 600; }
.order-stage-rail span { grid-column: 1 / -1; color: var(--muted); font-size: 12px; text-align: center; }
.store-work-columns { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(240px,.8fr); gap: 48px; margin-top: 34px; }
.platform-page .store-work-section { border: 0; margin: 0; padding: 0; }
.platform-page .store-work-heading>.button { border: 0; color: var(--action); font-size: 12px; padding: 6px 0; background: transparent; }
.platform-page .store-work-queue>button { padding: 20px 26px 20px 0; border-bottom-color: var(--line); }
.platform-page .store-work-title strong { color: var(--ink); font-size: 15px; font-weight: 600; }
.platform-page .store-work-meta { color: var(--muted); font-size: 12px; line-height: 1.8; }
.store-service-links { display: grid; }
.store-service-links>button { display: flex; align-items: center; gap: 12px; min-height: 64px; border: 0; border-bottom: 1px solid var(--line); background: transparent; color: var(--ink); text-align: left; font-size: 14px; padding: 12px 0; }
.store-service-links>button>svg { width: 20px; height: 20px; color: var(--action); }
.store-service-links>button>svg:last-child { margin-left: auto; color: var(--muted); width: 15px; }
.store-service-links>button:hover { color: var(--action); }
.platform-page .workspace-disclosure { border-color: var(--line); margin-top: 28px; }
.platform-page .workspace-disclosure>summary { color: var(--muted); font-size: 13px; min-height: 56px; }
.admin-workspace .admin-dashboard { max-width: none; }
.admin-workspace .admin-dashboard-header { margin-bottom: 28px; }
.admin-workspace .admin-dashboard-header p { margin: 8px 0 0; color: var(--muted); font-size: 13px; }
.admin-workspace .admin-overview { background: var(--canvas); padding: 22px 0; border: 0; }
.admin-workspace .admin-overview-item { grid-template-columns: 22px auto; justify-content: center; gap: 3px 12px; }
.admin-workspace .admin-overview-item>svg { grid-column: 1; grid-row: 1; }
.admin-workspace .admin-overview-item>strong { grid-column: 2; grid-row: 1; font-size: 28px; }
.admin-workspace .admin-overview-item>span { grid-column: 1 / -1; text-align: center; }
.admin-workspace .admin-dashboard-columns { gap: 48px; padding-top: 36px; }
.admin-workspace .admin-section-heading h3 { font-size: 18px; }
.admin-workspace .admin-task-symbol { background: var(--canvas); color: var(--muted); }
.admin-workspace .admin-task-symbol.has-tasks { background: #fff3df; color: #805914; }
.admin-workspace .admin-task-list>button { min-height: 86px; }
.admin-workspace .admin-task-caption strong { font-size: 14px; font-weight: 600; }
.admin-workspace .admin-task-list b { color: #805914; }
.admin-workspace .admin-text-button { color: var(--action); }
.admin-workspace .admin-quick-section { margin-top: 28px; padding-top: 28px; border-top: 1px solid var(--line); border-bottom: 0; }
.admin-workspace .admin-shortcuts { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0 28px; }
.admin-workspace .admin-shortcut { min-height: 80px; border-bottom: 1px solid var(--line); }
.admin-workspace .admin-shortcut>svg:first-child { color: var(--action); }
.admin-workspace .admin-order-queue>button { padding-block: 20px; }
.order-section-navigation { position: sticky; top: 68px; z-index: 20; display: flex; gap: 24px; padding: 0; border-bottom: 1px solid var(--line); background: #fff; overflow-x: auto; scrollbar-width: none; }
.order-section-navigation button { display: flex; align-items: center; gap: 7px; min-height: 56px; flex: 0 0 auto; border: 0; background: transparent; color: var(--muted); font-size: 13px; padding: 10px 0; }
.order-section-navigation button:hover, .order-section-navigation button:focus-visible { color: var(--action); }
.order-section-navigation svg { width: 17px; height: 17px; }
#order-form>.panel { scroll-margin-top: 142px; }
.order-optional-section { margin: 28px 0; border-block: 1px solid var(--line); }
.order-optional-section>summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 64px; padding-block: 16px; list-style: none; cursor: pointer; font-size: 16px; font-weight: 600; }
.order-optional-section>summary::-webkit-details-marker { display: none; }
.order-optional-section>summary svg { width: 18px; height: 18px; color: var(--muted); }
.order-optional-section[open]>summary svg { transform: rotate(180deg); }
.platform-page .order-optional-section>.panel { border: 0; margin: 0; }
.order-optional-section .panel-head { display: none; }
.order-optional-section .panel-body { padding-bottom: 18px; }
.platform-page .power-keypad { border: 0; background: #f5f5f7; color: var(--ink); box-shadow: 0 18px 70px #1d1d1f33; }
.platform-page .power-keypad-header button { background: #e5e5ea; color: var(--muted); }
.platform-page .power-keypad button[aria-pressed=true] { color: var(--action); background: var(--action-soft); border-color: var(--action); box-shadow: inset 0 0 0 1px var(--action); }
.platform-page .power-keypad .power-keypad-done { color: #fff; background: var(--action); }
.platform-page .power-keypad .power-keypad-done:active { background: var(--action-hover); }
.platform-page .power-keypad button:focus-visible { outline-color: var(--action); }
#order-form>.form-actions:last-child { position: sticky; bottom: 0; z-index: 18; background: #fff; padding: 16px 0; margin-bottom: 0; border-top: 1px solid var(--line); }
.platform-page .order-status-tabs button[aria-pressed=true] { color: var(--action); border-color: var(--action); }
.platform-page .pricing-tabs button.active, .platform-page .pricing-tabs button[aria-selected=true], .platform-page .store-management-tabs .active { color: var(--action); border-color: var(--action); }
.platform-page .trial-shop-packages label, .platform-page .trial-shop-tray, .platform-page .trial-shop-frame { border-radius: 8px; }
.platform-page .trial-shop-packages label:has(input:checked) { border-color: var(--action); box-shadow: inset 0 0 0 1px var(--action); background: #fff8f9; }
.platform-page .trial-shop-packages img { object-fit: contain; }
.platform-page .trial-shop-total dd { color: var(--ink); }
.platform-page .trial-shop-compare { border: 0; border-block: 1px solid var(--line); padding: 20px 0; background: transparent; }
.platform-page [data-transfer-upload] { border: 1px solid var(--line); border-radius: 6px; padding: 16px; background: var(--canvas); }
.platform-page .mobile-section-symbol { color: var(--action); }
.platform-page .mobile-function-menu { border: 0; border-radius: 8px; background: #fff; box-shadow: 0 16px 64px #1d1d1f26; }
.platform-page dialog::backdrop, .member-page dialog::backdrop { background: #1d1d1f50; }
.platform-page .mobile-function-grid [aria-current=page] { color: var(--action); background: var(--action-soft); }
.platform-page .mobile-function-grid button.active { color: var(--action); background: var(--action-soft); }
.platform-page .login-wrap { max-width: 420px; margin: 40px auto; padding: 0 16px; }
.platform-page .login-logo { margin-inline: auto; }
.platform-page .login-wrap h1 { font-size: 26px; font-weight: 650; }
.platform-page .login-wrap.store-login { padding-inline: 20px; }
.platform-page .store-login .wechat-identity-primary { margin: 24px 0; }
.platform-page .store-login .wechat-identity-primary h3 { margin: 0 0 12px; font-size: 16px; font-weight: 600; }
.platform-page .store-login .wechat-identity-primary [data-wechat-start] { width: 100%; min-height: 46px; }
.platform-page .store-login .wechat-identity-status { color: var(--muted); overflow-wrap: anywhere; }
.platform-page .store-login .wechat-identity-status:empty { display: none; }
.platform-page .store-login .store-login-methods { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin: 24px 0 20px; }
.platform-page .store-login-methods .button { width: 100%; min-height: 44px; }
.platform-page .store-login-methods .button[aria-pressed=true] { background: var(--action-soft); color: var(--action); border-color: var(--action); }
.platform-page .store-login .sms-row .field { margin-bottom: 0; }
.platform-page .wechat-bind-reminder { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; padding: 16px 0; margin-bottom: 24px; border-block: 1px solid var(--line); }
.platform-page .wechat-bind-reminder strong { font-size: 14px; font-weight: 600; }
.platform-page .wechat-bind-reminder .action-list { flex-wrap: wrap; gap: 8px; }
.platform-page [data-store-wechat-settings] .wechat-identity { margin: 0; }
.platform-page .login-wrap .tabs, .member-page .tabs { background: #eeeef0; border-radius: 7px; padding: 3px; gap: 3px; }
.platform-page .login-wrap .tabs button.active, .member-page .tabs button.active { background: #fff; color: var(--ink); border-radius: 5px; box-shadow: 0 1px 3px #1d1d1f16; }
.site-filing { color: var(--muted); background: var(--canvas); border-top: 1px solid var(--line); font-size: 11px; }
.site-filing a { color: var(--muted); }
#toast { background: #242426; color: #fff; border-radius: 8px; box-shadow: 0 8px 24px #1d1d1f20; }
.member-page .shell { display: block; max-width: 960px; background: #fff; }
.member-page .top { position: sticky; top: 0; z-index: 30; background: #fff; padding: 12px 32px; border-color: var(--line); }
.member-page .main { padding: 36px 40px 64px; }
.member-page .intro h1 { font-size: 28px; font-weight: 650; }
.member-page .intro p { color: var(--muted); font-size: 14px; }
.member-page .member-menu { display: flex; align-items: stretch; gap: 24px; border: 0; border-bottom: 1px solid var(--line); margin: 24px 0; }
.member-page .member-menu>button, .member-page .member-menu>a { display: flex; align-items: center; justify-content: center; gap: 7px; width: auto; min-width: 60px; min-height: 52px; padding: 10px 0; border: 0; border-bottom: 2px solid transparent; color: var(--muted); font-size: 14px; background: transparent; }
.member-page .member-menu>button>svg:last-child { display: none; }
.member-page .member-menu>[aria-current=page] { border-bottom-color: var(--action); color: var(--action); }
.member-page .member-menu>[aria-current=page]::before { display: none; }
.member-page .member-menu>[aria-current=page] svg { color: var(--action); }
.member-page .member-menu>button>svg { width: 19px; height: 19px; }
.member-service-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 28px; padding: 20px 0; background: var(--canvas); }
.member-service-summary>button { display: grid; grid-template-columns: 22px auto; align-items: center; justify-content: center; gap: 8px 10px; padding: 8px; border: 0; border-right: 1px solid #dcdce2; background: transparent; color: var(--ink); font-size: 13px; }
.member-service-summary>button:last-child { border: 0; }
.member-service-summary svg { width: 21px; height: 21px; color: var(--action); }
.member-service-summary strong, .member-service-summary>button>svg:last-child { grid-column: 1 / -1; justify-self: center; font-size: 22px; line-height: 1.3; }
.member-service-summary strong { font-variant-numeric: tabular-nums; font-weight: 600; }
.member-page .block { padding-block: 28px; border-color: var(--line); }
.member-page .block h2 { font-size: 18px; font-weight: 600; }
.member-page .block p, .member-page .small { color: var(--muted); }
.member-page .record { border: 0; border-bottom: 1px solid var(--line); border-radius: 0; padding: 20px 0; margin: 0; }
.member-page .record h3 { font-size: 16px; font-weight: 600; }
.member-page .price { color: var(--ink); }
.member-page .pill { color: #24664d; background: #edf6f0; }
.member-page #auth-form { max-width: 440px; margin-inline: auto; }
.member-page .main:has(#auth-form) { max-width: 520px; margin: 32px auto; }
.member-page .member-warranty { color: var(--ink); }
.member-page .member-warranty button, .member-page .member-warranty .w-button { min-height: 44px; border-radius: 6px; background: var(--action); color: #fff; font-size: 14px; font-weight: 550; }
.member-page .member-warranty button:hover, .member-page .member-warranty .w-button:hover { background: var(--action-hover); }
.member-page .member-warranty button.secondary, .member-page .member-warranty .w-file { border: 1px solid #d1d1d6; border-radius: 6px; background: #fff; color: var(--ink); font-size: 14px; }
.member-page .member-warranty button.secondary:hover { background: var(--canvas); }
.member-page .member-warranty input, .member-page .member-warranty select, .member-page .member-warranty textarea { color: var(--ink); border-color: #c9c9d0; border-radius: 6px; }
.member-page .member-warranty input:focus, .member-page .member-warranty select:focus, .member-page .member-warranty textarea:focus { outline-color: var(--focus); border-color: var(--focus); }
.member-page .member-warranty .w-hero { padding: 20px 0 0; }
.member-page .member-warranty .w-hero h1 { font-size: 21px; font-weight: 600; }
.member-page .member-warranty .w-hero>p, .member-page .member-warranty .w-subtle, .member-page .member-warranty .w-empty { color: var(--muted); }
.member-page .member-warranty .w-policy { gap: 0; border-block: 1px solid var(--line); padding: 18px 0; }
.member-page .member-warranty .w-policy>div { border: 0; border-right: 1px solid var(--line); border-radius: 0; padding: 0 16px; background: transparent; }
.member-page .member-warranty .w-policy>div:first-child { padding-left: 0; }
.member-page .member-warranty .w-policy>div:last-child { border-right: 0; }
.member-page .member-warranty .w-policy strong { color: var(--ink); font-size: 24px; font-weight: 600; font-variant-numeric: tabular-nums; }
.member-page .member-warranty .w-policy p { color: var(--muted); }
.member-page .member-warranty .w-card { border: 0; border-top: 1px solid var(--line); padding: 24px 0; margin: 24px 0; border-radius: 0; background: transparent; }
.member-page .member-warranty .w-card h2 { font-size: 18px; }
.member-page .member-warranty .w-help { border: 1px solid #cddff4; border-radius: 6px; color: #214e7d; background: #f2f7ff; }
.member-page .member-warranty .w-error { border: 1px solid #eccbd1; border-radius: 6px; color: #ab2333; background: #fceef0; }
.member-page .member-warranty .w-status { border-radius: 4px; }
.member-page .member-warranty .w-lens { border-radius: 8px; border-color: var(--line); }
.member-page .member-warranty .w-eye { border: 0; border-radius: 6px; color: var(--action); background: var(--action-soft); }
.member-page .member-warranty .w-store-confirmed { border: 0; border-block: 1px solid var(--line); padding: 14px 0; }
.member-page .member-warranty .w-store-confirmed p { color: var(--muted); }
.member-page .member-warranty .w-scanner { border: 0; border-radius: 8px; color: var(--ink); box-shadow: 0 16px 64px #1d1d1f26; }
.member-page .member-warranty .w-scanner::backdrop { background: #1d1d1f50; }
.member-page .member-warranty .w-notice { border-radius: 8px; background: #242426; }
.member-page .member-warranty .w-scan-scope>div>label { color: var(--ink); border-color: #d1d1d6; background: #fff; }
.member-page .member-warranty .w-scan-scope>div>label:has(input:checked) { color: var(--action); border-color: var(--action); background: var(--action-soft); }
.member-page .member-warranty .w-scan-scope>div>label>input, .member-page .member-warranty .w-camera-controls input { accent-color: var(--action); }
.member-page .member-warranty .w-scan-scope [data-scan-progress] { color: var(--muted); }
@media screen and (min-width:901px) {
  .platform-page .top-actions [data-logout] { color: var(--muted); }
  .platform-page .top-actions [data-logout] span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .platform-page .top-actions [data-logout] { width: 40px; padding: 10px; }
}
@media screen and (max-width:1100px) and (min-width:901px) {
  .platform-page .content { padding-inline: 28px; }
  .store-launcher { gap: 20px; }
  .store-launcher button { gap: 12px; padding: 16px; }
  .trial-purchase-launch img { width: 76px; flex-basis: 76px; }
  .store-work-columns { gap: 28px; }
  .admin-workspace .admin-shortcuts { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media screen and (max-width:900px) {
  body.platform-page, body.member-page { background: #fff; }
  .platform-page .shell { display: block; }
  .platform-page .sidebar { display: none; }
  .platform-page .content, .admin-workspace .content { padding: 26px 20px calc(100px + env(safe-area-inset-bottom)); }
  .platform-page .topbar, .platform-page:not(.admin-workspace) .topbar { min-height: 64px; padding: 8px 16px; }
  .platform-page .mobile-brand, .platform-page:not(.admin-workspace) .mobile-brand { flex-basis: 72px; }
  .platform-page .mobile-brand .brand-logo, .platform-page:not(.admin-workspace) .mobile-brand .brand-logo { width: 72px; height: 42px; }
  .platform-page .topbar h1, .platform-page:not(.admin-workspace) .topbar h1 { font-size: 14px; color: var(--muted); }
  .platform-page .top-actions .button { min-height: 44px; min-width: 44px; padding: 10px; }
  .platform-page .top-actions [data-logout] { display: inline-flex; }
  .platform-page .section-head h2, .workspace-heading h2, .admin-workspace .admin-dashboard-header h2 { font-size: 25px; }
  .workspace-heading { margin-bottom: 24px; }
  .workspace-heading p { font-size: 12px; }
  .store-launcher { grid-template-columns: minmax(0,1fr); gap: 10px; }
  .store-launcher button { min-height: 92px; padding: 18px; }
  .store-launcher strong { font-size: 17px; }
  .store-launcher small { font-size: 12px; }
  .store-launcher .trial-purchase-launch { min-height: 100px; padding: 10px 0; gap: 16px; border-radius: 0; }
  .trial-purchase-launch img { width: 90px; height: 80px; flex-basis: 90px; }
  .platform-page .apple-store-workspace .store-primary-actions { gap: 6px 18px; padding-block: 6px 14px; }
  .platform-page .apple-store-workspace .store-primary-actions>.button { min-height: 44px; font-size: 12px; }
  .store-stages-section { padding-top: 20px; }
  .store-work-heading h3, .admin-workspace .admin-section-heading h3 { font-size: 17px; }
  .store-work-heading { margin-bottom: 10px; }
  .order-stage-rail { padding: 16px 0; }
  .order-stage-rail>button { grid-template-columns: 18px auto; gap: 5px 7px; min-height: 58px; padding-inline: 6px; }
  .order-stage-rail strong { font-size: 22px; }
  .order-stage-rail svg { width: 18px; height: 18px; }
  .order-stage-rail span { font-size: 11px; }
  .store-work-columns { grid-template-columns: minmax(0,1fr); gap: 28px; margin-top: 28px; }
  .platform-page .store-work-queue>button { padding-block: 18px; }
  .platform-page .store-work-title { align-items: flex-start; gap: 10px; }
  .platform-page .store-work-title strong { font-size: 14px; }
  .platform-page .store-work-title .badge { flex-shrink: 0; }
  .platform-page .store-work-meta { font-size: 11px; }
  .store-service-links { grid-template-columns: minmax(0,1fr); }
  .store-service-links>button { min-height: 56px; font-size: 14px; }
  .platform-page .button, .member-page .button { min-height: 44px; font-size: 13px; }
  .platform-page .field input, .platform-page .field select, .platform-page .field textarea, .member-page .field input, .member-page .field select { font-size: 16px; min-height: 46px; }
  .platform-page .form-grid { gap: 0; }
  .platform-page .eye-form .form-grid { gap: 0 14px; }
  .platform-page .eye-form { padding: 18px 14px 0; }
  .platform-page .panel-head h3 { font-size: 17px; }
  .platform-page .panel { margin-block: 28px; }
  .platform-page .chain-context { align-items: stretch; gap: 10px; flex-direction: column; margin-bottom: 24px; padding-top: 0; }
  .platform-page .chain-context .field { min-width: 0; max-width: none; }
  .platform-page .mobile-bottom-navigation, .admin-workspace .mobile-bottom-navigation { display: flex; position: fixed; left: 0; right: 0; bottom: 0; width: 100%; z-index: 45; border-top: 1px solid var(--line); background: #fffffff5; padding: 4px 4px max(5px,env(safe-area-inset-bottom)); min-height: 68px; box-shadow: none; }
  .platform-page .mobile-bottom-navigation>button, .admin-workspace .mobile-bottom-navigation>button { flex: 1; min-width: 0; min-height: 58px; display: flex; flex-direction: column; justify-content: center; gap: 4px; padding: 7px 2px; border: 0; border-radius: 6px; background: transparent; color: var(--muted); font-size: 10px; font-weight: 500; }
  .platform-page .mobile-bottom-navigation>button svg, .admin-workspace .mobile-bottom-navigation>button svg { width: 22px; height: 22px; }
  .platform-page .mobile-bottom-navigation>button.active, .admin-workspace .mobile-bottom-navigation>button.active { color: var(--action); background: transparent; }
  .platform-page .mobile-bottom-navigation>button.active::before, .platform-page .mobile-bottom-navigation>button.active::after { display: none; }
  .platform-page .mobile-function-menu { max-height: calc(100dvh - 28px); padding: 22px 20px; width: min(600px,calc(100% - 24px)); }
  .platform-page .mobile-function-grid { gap: 0; }
  .platform-page .mobile-function-grid>button { min-height: 72px; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; color: var(--ink); background: #fff; }
  .platform-page .mobile-function-grid>button.active { color: var(--action); background: var(--action-soft); }
  .platform-page .mobile-reflow-table .mobile-data-row { border-color: var(--line); border-radius: 8px; padding: 16px; }
  .platform-page .mobile-table-symbol { color: var(--action); background: var(--canvas); border: 0; }
  .platform-page .metrics>div, .platform-page .dashboard-metrics>button { padding: 18px 12px; }
  .admin-workspace .admin-dashboard-columns { gap: 32px; padding-top: 28px; }
  .admin-workspace .admin-overview { grid-template-columns: repeat(4,minmax(0,1fr)); padding: 16px 0; }
  .admin-workspace .admin-overview-item { grid-template-columns: 18px auto; gap: 4px 6px; padding: 2px 6px; }
  .admin-workspace .admin-overview-item>strong { font-size: 23px; }
  .admin-workspace .admin-overview-item>svg { width: 18px; height: 18px; }
  .admin-workspace .admin-overview-item>span { font-size: 11px; }
  .admin-workspace .admin-shortcuts { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 18px; }
  .admin-workspace .admin-shortcut { gap: 10px; }
  .admin-workspace .admin-shortcut strong { font-size: 13px; }
  .order-section-navigation { top: 64px; gap: 0; justify-content: space-between; }
  .order-section-navigation button { min-height: 52px; padding: 8px 6px; gap: 5px; font-size: 11px; }
  .order-section-navigation svg { width: 15px; height: 15px; }
  #order-form>.panel { scroll-margin-top: 132px; }
  #order-form>.form-actions:last-child { bottom: calc(67px + env(safe-area-inset-bottom)); padding-block: 12px; }
  .platform-page .login-wrap { margin-top: 16px; padding: 0; }
  .platform-page .topbar:has(+.content .login-wrap) { position: static; }
  .site-filing { padding-bottom: calc(90px + env(safe-area-inset-bottom)); }
  .member-page .shell { min-height: 100dvh; }
  .member-page .top { min-height: 64px; padding: 4px 20px; }
  .member-page .member-brand { width: 100px; height: 54px; }
  .member-page .member-brand .logo { width: 100px; height: 100px; top: -20px; }
  .member-page .member-stores-link { color: var(--action); font-size: 12px; }
  .member-page .main { padding: 28px 20px calc(100px + env(safe-area-inset-bottom)); }
  .member-page .intro h1 { font-size: 25px; }
  .member-page .member-menu { position: fixed; left: 0; right: 0; bottom: 0; display: flex; justify-content: space-around; gap: 0; margin: 0; padding: 4px 4px max(5px,env(safe-area-inset-bottom)); border: 0; border-top: 1px solid var(--line); z-index: 45; background: #fff; }
  .member-page .member-menu>button, .member-page .member-menu>a { display: flex; flex: 1; min-width: 0; min-height: 58px; flex-direction: column; padding: 7px 2px; gap: 4px; border: 0; font-size: 10px; line-height: 1.5; }
  .member-page .member-menu>button>svg { width: 22px; height: 22px; }
  .member-page .member-menu>[aria-current=page] { border: 0; color: var(--action); background: transparent; }
  .member-service-summary { margin-top: 26px; padding-block: 16px; }
  .member-service-summary>button { gap: 8px 6px; font-size: 12px; }
  .member-page .block h2 { font-size: 17px; }
  .member-page .member-warranty input, .member-page .member-warranty select, .member-page .member-warranty textarea { font-size: 16px; }
  .member-page .main:has(#auth-form) { margin-top: 10px; }
}
@media screen and (max-width:360px) {
  .platform-page .content, .admin-workspace .content, .member-page .main { padding-inline: 16px; }
  .platform-page .topbar, .platform-page:not(.admin-workspace) .topbar { padding-inline: 12px; gap: 8px; }
  .platform-page .top-actions { gap: 2px; }
  .platform-page .topbar h1 { font-size: 13px; }
  .store-launcher strong { font-size: 16px; }
  .platform-page .apple-store-workspace .store-primary-actions { gap: 4px 12px; }
  .order-section-navigation button { padding-inline: 3px; font-size: 10px; }
  .order-section-navigation svg { width: 14px; height: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}
@media print {
  .order-section-navigation, .store-primary-actions, .store-launcher { display: none; }
}
.simple-assessment { max-width: 780px; }
.aftersale-amounts { margin: 20px 0; padding: 20px 0; border-block: 1px solid var(--line); max-width: 760px; }
.aftersale-amounts h3 { margin: 0 0 8px; font-size: 17px; line-height: 1.55; }
.aftersale-amount-context, .aftersale-amount-state { color: var(--muted); font-size: 13px; line-height: 1.65; }
.aftersale-amount-table { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: 13px; font-variant-numeric: tabular-nums; }
.platform-page .aftersale-amount-table { min-width: 0; }
.aftersale-amount-table caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.aftersale-amount-table th, .aftersale-amount-table td { padding: 12px 8px; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
.aftersale-amount-table th { font-weight: 500; text-align: left; }
.aftersale-amount-table td, .aftersale-amount-table thead th:not(:first-child) { text-align: right; }
.aftersale-amount-table small { color: var(--muted); font-weight: 400; }
.aftersale-amount-table .aftersale-amount-total th, .aftersale-amount-table .aftersale-amount-total td { font-weight: 650; }
.aftersale-amount-results { margin: 16px 0; font-size: 14px; font-variant-numeric: tabular-nums; }
.aftersale-amount-results>div { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,auto); gap: 16px; padding: 7px 0; }
.aftersale-amount-results dt { min-width: 0; color: var(--muted); overflow-wrap: anywhere; }
.aftersale-amount-results dd { min-width: 0; margin: 0; text-align: right; overflow-wrap: anywhere; }
.aftersale-amount-results>div:first-child dd { font-weight: 650; }
.aftersale-quote { margin-top: 28px; }
.order-charge-lines { max-width: 760px; }
.simple-assessment [hidden] { display: none !important; }
.assessment-steps { display: flex; border-bottom: 1px solid var(--line); margin: 20px 0 28px; gap: 8px; }
.assessment-steps button { flex: 1; min-width: 0; min-height: 48px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 7px; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent; color: var(--muted); padding: 9px 4px; }
.assessment-steps button[aria-current="step"] { border-bottom-color: var(--action); color: var(--action); font-weight: 600; }
.assessment-steps button span { font-variant-numeric: tabular-nums; }
.assessment-needs { max-width: 620px; }
.simple-assessment .section, .simple-assessment .block { margin-top: 0; padding-top: 0; }
.simple-assessment .panel { margin: 18px 0; }
.simple-assessment .panel-head { margin-bottom: 20px; }
.simple-assessment .question-grid { grid-template-columns: minmax(0,1fr); gap: 0; }
.simple-assessment .experience-question, .simple-assessment .question { background: none; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; margin: 0; padding: 22px 0 30px; }
.simple-assessment .question-number { display: none; }
.simple-assessment .experience-question.is-complete, .simple-assessment .question.is-complete { background: none; border-color: var(--line); }
.simple-assessment .experience-question>.answer-state, .simple-assessment .question>.answer-state { right: 0; bottom: 9px; }
.simple-assessment .field>span[data-task-title] { font-size: 15px; color: var(--ink); font-weight: 550; line-height: 1.6; }
.simple-assessment .field select { min-height: 48px; }
.assessment-safety { color: var(--admin-amber); line-height: 1.65; padding: 14px 0; border-block: 1px solid var(--line); margin: 0 0 18px; }
.assessment-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; border-top: 1px solid var(--line); padding-top: 20px; margin-top: 24px; }
.assessment-actions .button { min-height: 44px; }
.simple-assessment [data-journey-panel] h2, .simple-assessment [data-journey-panel] h3 { scroll-margin-top: 90px; }
@media (max-width: 600px) {
  .assessment-steps { margin-top: 12px; }
  .assessment-steps button { font-size: 13px; }
  .assessment-actions>.button { flex: 1 1 auto; }
  .assessment-actions>.text-link { flex-basis: 100%; text-align: center; }
}