@media screen {
  /* One decision at a time; the final payment action only appears at step three. */
  .checkout-progress { margin:0 0 24px; }
  .checkout-progress ol { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0;gap:12px; }
  .checkout-progress button { width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 10px;border:1px solid #e1e9f5;border-radius:15px;background:#fff;color:#708198;min-height:63px;font-size:12px; }
  .checkout-step-dot { width:30px;height:30px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#eef3fb;color:#637a9d;font-weight:700; }
  .checkout-progress button[aria-current=step] { color:#1d4ed8;background:#edf4ff;border-color:#bfd4f8;font-weight:700; }
  .checkout-progress button[aria-current=step] .checkout-step-dot { background:#2563eb;color:#fff;box-shadow:0 4px 12px #2563eb24; }
  .checkout-progress button.is-complete { color:#257969; }
  .checkout-progress button.is-complete .checkout-step-dot { background:#e5f5ef;color:#237a64; }
  .checkout-progress button:disabled { cursor:default; }
  #app .checkout-wizard-layout { gap:24px; }
  #app .checkout-wizard-panel { padding:27px; border:1px solid #e0e9f5;border-radius:22px;margin-bottom:0; }
  .checkout-stage-heading { margin-bottom:24px; }
  .checkout-stage-heading>span { color:#3970be;font-size:11px; }
  .checkout-stage-heading h2 { margin:5px 0 6px;font-size:21px;color:#213c60;scroll-margin-top:175px;outline:none; }
  .checkout-stage-heading p { margin:0;color:#6b7e98;font-size:12px; }
  .checkout-stage-actions { display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:25px;padding-top:20px;border-top:1px solid #e9eef7; }
  .checkout-stage-actions>.customer-button:first-child { min-width:185px;min-height:48px;box-shadow:0 6px 16px #2563eb1a; }
  .checkout-stage-actions>.customer-button>svg { transform:rotate(180deg);width:18px;height:18px; }
  .checkout-wizard-panel h3 { font-size:14px;color:#2d496c;margin:20px 0 10px; }
  .checkout-wizard-panel .customer-choice { border-radius:14px;background:#fff;min-height:75px; }
  .checkout-wizard-panel .customer-choice:has(input:checked) { border-color:#9cbff2;background:#f2f7ff;box-shadow:0 0 0 1px #c9ddfa; }
  .checkout-wizard-panel .customer-choice.disabled { background:#f8fafc;opacity:.58; }
  .checkout-wizard-layout .customer-checkout-review { padding:24px;border-radius:22px;background:#f7faff;border-color:#dfe9f8; }
  .checkout-wizard-layout .customer-checkout-review>h2 { font-size:17px!important;display:flex;align-items:center;gap:10px; }
  .checkout-wizard-layout .customer-checkout-submit { min-height:51px;border-radius:13px;font-size:14px; }
  .checkout-wizard-layout .customer-checkout-submit:disabled { box-shadow:none; }
  .checkout-review-block { padding:0 0 17px;margin-bottom:17px;border-bottom:1px solid #e6edf7; }
  .checkout-review-block header { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px; }
  .checkout-wizard-layout button.customer-link { border:0;background:transparent;padding:4px 0;font:inherit;font-size:12px;color:#2563eb;cursor:pointer; }
  body[data-page=checkout] .support-launcher { display:none!important; }
  .checkout-review-block h3 { margin:0; }
  .checkout-review-block p { margin:8px 0 3px;font-size:13px; }
  .checkout-review-block small { font-size:11px;color:#647c9a; }
  .checkout-review-block .customer-definition-list { padding:0;background:transparent; }
  .checkout-review-block .customer-definition-list>div { padding:6px 0; }
  .checkout-review-products { border-bottom:1px solid #e6edf7;padding-bottom:12px;margin-bottom:18px; }
  .checkout-order-note { margin:23px 0 20px;padding:14px;border:1px solid #e3eaf5;border-radius:13px; }
  .checkout-order-note summary { cursor:pointer;font-size:12px;color:#5c7597; }
  .checkout-order-note[open] summary { margin-bottom:12px; }
  .checkout-edit-cart { display:inline-block;margin-top:18px; }
  .checkout-first-total { display:flex;flex-direction:column;gap:8px; }
  .checkout-first-total>span { font-size:12px;color:#637c9d; }.checkout-first-total>strong { font-size:23px;color:#244a7c; }.checkout-first-total>strong small { font-size:11px; }.checkout-first-total>p { font-size:11px;color:#6b809b;line-height:2;margin:2px 0 12px; }
  .catalog-unavailable-divider { grid-column:1/-1;display:flex;align-items:center;gap:12px;margin:22px 0 3px;padding:16px 0 0;border-top:1px solid #dfe7f2;font-size:17px;color:#62758e; }
  .catalog-unavailable-divider small { font-size:11px;font-weight:400; }
  #app:not(.admin-view):not(.support-view) .product-card.is-unavailable .product-image img { filter:saturate(.4); }
  #app:not(.admin-view):not(.support-view) .product-card.is-unavailable .product-actions button { background:#f4f6f9;color:#6a7c95;border-color:#e8edf4;opacity:1; }
  #app:not(.admin-view):not(.support-view) .product-title { font-weight:600; }
  #app:not(.admin-view):not(.support-view) .section-link { font-weight:600; }

  /* The management home starts with actionable work, not a long report. */
  .admin-command-center { display:flex;justify-content:space-between;gap:25px;align-items:center;padding:27px 30px;margin-bottom:23px;border:1px solid #dce8fa;border-radius:23px;background:radial-gradient(ellipse at 0 50%,#dceaff 0,transparent 63%),#f7faff; }
  .admin-dashboard-eyebrow { color:#5278b1;font-size:11px; }
  .admin-command-center h1 { margin:5px 0 8px;font-size:26px;color:#193b6b;font-weight:700; }
  .admin-command-center p { margin:0 0 18px;color:#607898;font-size:12px; }
  .admin-command-center .admin-button { min-height:43px;border-radius:12px; }
  .admin-dashboard-mark { display:flex;align-items:center;flex-direction:column;gap:11px;min-width:130px;color:#3975cf; }
  .admin-dashboard-mark>svg { height:67px;width:67px;stroke-width:1.1;padding:13px;border-radius:23px;background:#fff;box-shadow:0 9px 25px #326ac616; }
  .admin-dashboard-mark>span { font-size:11px;color:#5275a2; }
  .admin-workflow { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:22px; }
  .admin-workflow-card { position:relative;display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:18px;border:1px solid #e0e8f4;border-radius:18px;background:#fff; }
  .admin-workflow-icon { grid-row:1;grid-column:1;display:grid;place-items:center;height:35px;width:35px;border-radius:11px;background:#f0f5ff;color:#3974d0; }
  .admin-workflow-card>strong { grid-row:1;grid-column:2;font-size:27px;font-weight:700;color:#315988;line-height:1.5; }
  .admin-workflow-card h2 { grid-column:1/-1;font-size:13px;margin:10px 0 2px; }
  .admin-workflow-card>small { grid-column:1/-1;font-size:10px;color:var(--admin-muted,#6b7f99); }
  .admin-workflow-arrow { position:absolute;bottom:19px;inset-inline-end:16px;color:#89a0be; }
  .admin-workflow-card.status-new .admin-workflow-icon { background:#fff4dc;color:#b47716; }
  .admin-workflow-card.status-shipped .admin-workflow-icon { background:#f0ebff;color:#855ac7; }
  .admin-workflow-card.status-completed .admin-workflow-icon { background:#e7f7f0;color:#25876c; }
  .admin-snapshot { display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:0;border:1px solid var(--admin-border,#e1eaf6);border-radius:18px;margin-bottom:24px;background:var(--admin-surface,#fff); }
  .admin-snapshot>div { padding:17px 21px;display:flex;flex-direction:column;align-items:flex-start;gap:4px; }
  .admin-snapshot>div+div { border-inline-start:1px solid var(--admin-border,#e8edf6); }
  .admin-snapshot>div>span { font-size:11px;color:var(--admin-muted,#647c9d); }
  .admin-snapshot strong { font-size:21px;color:var(--admin-text,#304f77); }
  .admin-snapshot small { font-size:10px;color:var(--admin-muted,#7287a4); }
  .admin-snapshot .admin-button { padding:2px 0;min-height:27px;font-size:10px; }
  .admin-fold>summary { display:flex;align-items:center;gap:12px;justify-content:space-between;padding:19px 22px;font-size:13px;list-style:none;color:var(--admin-text,#3a5478);font-weight:600;cursor:pointer; }
  .admin-fold>summary::-webkit-details-marker { display:none; }
  .admin-fold>summary:after { content:'+';font-size:19px;font-weight:400;color:#7a95bc; }
  .admin-fold[open]>summary:after { content:'−'; }
  .admin-fold>summary>span { margin-inline-start:auto;font-size:10px;color:var(--admin-muted,#7890ae);font-weight:400; }
  .admin-fold[open]>summary { border-bottom:1px solid var(--admin-border,#e7edf7); }
  .admin-nav-link.active { box-shadow:inset 0 0 0 1px #2563eb12; }
  html[data-theme-scope=admin][data-theme=dark] .admin-command-center { background:radial-gradient(ellipse at 0 50%,#254b7e66,transparent 70%),#17283f;border-color:#304a6a; }
  html[data-theme-scope=admin][data-theme=dark] .admin-command-center h1 { color:#edf5ff; }
  html[data-theme-scope=admin][data-theme=dark] .admin-command-center p,html[data-theme-scope=admin][data-theme=dark] .admin-dashboard-eyebrow { color:#a8c3e8; }
  html[data-theme-scope=admin][data-theme=dark] .admin-dashboard-mark>svg { background:#203a5b;color:#86b7ff; }
  html[data-theme-scope=admin][data-theme=dark] .admin-dashboard-mark>span { color:#b8cee9; }
  html[data-theme-scope=admin][data-theme=dark] .admin-workflow-card { background:#17283f;border-color:#304661; }
  html[data-theme-scope=admin][data-theme=dark] .admin-workflow-card>strong { color:#d5e8ff; }
  @media(hover:hover) and (prefers-reduced-motion:no-preference) { .admin-workflow-card { transition:transform .2s,border-color .2s,box-shadow .2s; }.admin-workflow-card:hover { transform:translateY(-4px);border-color:#9ebeee;box-shadow:0 9px 20px #2563eb10; } }
  @media(prefers-reduced-motion:no-preference) { .checkout-wizard-panel:not([hidden]) { animation:checkout-stage-enter .24s ease-out; } }
  @keyframes checkout-stage-enter { from { transform:translateY(7px);opacity:.8; } to { transform:translateY(0);opacity:1; } }
  @media(max-width:1100px) { .admin-workflow { grid-template-columns:repeat(2,minmax(0,1fr)); }.admin-workflow-card { padding:16px; }.admin-command-center { padding:23px; }.admin-command-center h1 { font-size:23px; }.admin-dashboard-mark { min-width:100px; }.admin-snapshot>div { padding:15px; } }
  @media(max-width:900px) { .checkout-wizard-layout .customer-checkout-review { position:static;margin-top:18px; }.checkout-stage-heading h2 { scroll-margin-top:145px; }.admin-dashboard-mark { display:none; } }
  @media(max-width:700px) {
    .checkout-progress ol { gap:6px; }.checkout-progress button { flex-direction:column;gap:7px;padding:10px 4px;font-size:10px;min-height:82px;border-radius:12px; }.checkout-step-dot { width:28px;height:28px; }
    #app .checkout-wizard-panel { padding:20px 16px;border-radius:18px; }.checkout-stage-heading h2 { font-size:19px; }.checkout-stage-heading p { font-size:11px; }.checkout-stage-heading { margin-bottom:20px; }
    .checkout-stage-actions { gap:10px; }.checkout-stage-actions>.customer-button:first-child { flex:1;min-width:150px; }.checkout-stage-actions>.customer-button.secondary { font-size:11px; }
    .checkout-wizard-panel .customer-form { gap:15px; }.checkout-review-block .customer-link { font-size:10px; }.checkout-wizard-layout .customer-checkout-review { padding:20px; }
    .admin-command-center { padding:22px 19px;border-radius:19px; }.admin-command-center h1 { font-size:21px; }.admin-command-center p { font-size:11px; }.admin-command-center .admin-button { font-size:11px; }
    .admin-workflow { gap:10px;margin-bottom:17px; }.admin-workflow-card { padding:15px 13px; }.admin-workflow-card>strong { font-size:25px; }.admin-workflow-card h2 { font-size:12px; }.admin-workflow-card>small { font-size:9px;padding-inline-end:12px; }
    .admin-snapshot { grid-template-columns:1fr 1fr; }.admin-snapshot>div:nth-child(2) { grid-row:2;grid-column:1/-1;border-inline-start:0;border-top:1px solid var(--admin-border,#e8edf6); }.admin-snapshot>div:nth-child(3) { grid-column:2;grid-row:1; }.admin-snapshot strong { font-size:20px; }
    .admin-fold>summary { padding:17px;font-size:12px; }
  }
  @media(prefers-reduced-motion:reduce) { .checkout-wizard-panel,.admin-workflow-card { animation:none!important;transition:none!important;transform:none!important; } }
}
