/* ASP_PROD_SHARED_MOBILE_NAV_WORK_PAGES_20260710 */
/* ASP_PROD_UNIFIED_PWA_VISUAL_CANON_ORDER_NAV_20260713 */
:root,
html[data-asp-surface="pwa"][data-asp-theme="light"],
html[data-asp-surface="pwa"] body[data-asp-theme="light"].asp-shared-mobile-nav-on {
  --asp-bg: #eef5fb;
  --asp-surface: #ffffff;
  --asp-surface-2: #f5f8fc;
  --asp-surface-3: #e8f0f8;
  --asp-text: #162033;
  --asp-text-muted: #68778a;
  --asp-border: #d3dde8;
  --asp-input-bg: #ffffff;
  --asp-accent: #167fa5;
  --asp-accent-soft: #dff3fa;
  --asp-secondary: #68778a;
  --asp-danger: #c84646;
  --asp-success: #27865f;
  --asp-warning: #a86112;
  --asp-info: #276f96;
  --asp-focus: #0e7490;
  --asp-shadow: 0 8px 24px rgba(35, 55, 80, 0.10);
  --asp-nav-bg: rgba(255,255,255,.96);
  --asp-backdrop: rgba(22, 32, 51, .32);
  --asp-user-background-overlay: linear-gradient(180deg, rgba(238,245,251,.30), rgba(238,245,251,.46));
  --pwa-surface-card: rgba(255,255,255,.66);
  --pwa-surface-panel: rgba(255,255,255,.54);
  --pwa-surface-field: rgba(255,255,255,.90);
  --pwa-surface-border: rgba(255,255,255,.72);
  --pwa-surface-shadow: 0 12px 30px rgba(15,23,42,.14);
  --pwa-backdrop-blur: 12px;
}
html[data-asp-surface="pwa"][data-asp-theme="dark"],
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on {
  --asp-bg: #0d1729;
  --asp-surface: #182338;
  --asp-surface-2: #202c40;
  --asp-surface-3: #28364c;
  --asp-text: #f2f6fb;
  --asp-text-muted: #9caac0;
  --asp-border: #35445b;
  --asp-input-bg: #202c40;
  --asp-accent: #249ac4;
  --asp-accent-soft: #153c50;
  --asp-secondary: #9caac0;
  --asp-danger: #ed7777;
  --asp-success: #58c895;
  --asp-warning: #f0b55a;
  --asp-info: #73c9e8;
  --asp-focus: #7dd3fc;
  --asp-shadow: 0 8px 24px rgba(0, 0, 0, 0.24);
  --asp-nav-bg: rgba(24,35,56,.96);
  --asp-backdrop: rgba(5, 12, 24, .58);
  --asp-user-background-overlay: linear-gradient(180deg, rgba(13,23,41,.40), rgba(13,23,41,.58));
  --pwa-surface-card: rgba(24,35,56,.72);
  --pwa-surface-panel: rgba(24,35,56,.60);
  --pwa-surface-field: rgba(32,44,64,.90);
  --pwa-surface-border: rgba(94,123,158,.54);
  --pwa-surface-shadow: 0 12px 32px rgba(0,0,0,.28);
  --pwa-backdrop-blur: 12px;
}
html[data-asp-surface="web-admin"],
html[data-asp-surface="web-admin"] body.asp-shared-mobile-nav-on,
body[data-asp-surface="web-admin"].asp-shared-mobile-nav-on {
  color-scheme: light;
  --asp-bg: #f5f6fb;
  --asp-surface: #ffffff;
  --asp-surface-2: #f7f8ff;
  --asp-surface-3: #f4f6ff;
  --asp-text: #1f2430;
  --asp-text-muted: #7d8496;
  --asp-border: #e6e9f3;
  --asp-input-bg: #ffffff;
  --asp-accent: #326dff;
  --asp-accent-soft: #e6eeff;
  --asp-secondary: #7d8496;
  --asp-danger: #e15555;
  --asp-success: #1f8b3b;
  --asp-warning: #a86112;
  --asp-info: #326dff;
  --asp-focus: #326dff;
  --asp-shadow: 0 8px 24px rgba(15,23,42,.07);
  --asp-nav-bg: rgba(255,255,255,.97);
  --asp-backdrop: rgba(31,36,48,.32);
  --asp-user-background-overlay: linear-gradient(180deg, rgba(245,246,251,.30), rgba(245,246,251,.46));
  --pwa-surface-card: rgba(255,255,255,.66);
  --pwa-surface-panel: rgba(255,255,255,.54);
  --pwa-surface-field: rgba(255,255,255,.90);
  --pwa-surface-border: rgba(255,255,255,.72);
  --pwa-surface-shadow: 0 8px 24px rgba(15,23,42,.07);
  --pwa-backdrop-blur: 12px;
}
html[data-asp-surface="web-admin"] #themeButton,
html[data-asp-surface="web-admin"] [data-asp-theme-toggle] {
  display: none;
}
html[data-asp-surface="web-admin"] .asp-shared-mobile-nav {
  display: none !important;
}
html[data-asp-surface="web-admin"] body.asp-shared-mobile-nav-on {
  padding-bottom: 0 !important;
}
html[data-asp-surface="web-admin"] body.asp-shared-mobile-nav-on .page {
  padding-bottom: revert-layer !important;
}
body.asp-shared-mobile-nav-on {
  background: var(--asp-bg);
  color: var(--asp-text);
  --bg: var(--asp-bg);
  --card: var(--asp-surface);
  --text: var(--asp-text);
  --muted: var(--asp-text-muted);
  --border: var(--asp-border);
  --accent: var(--asp-accent);
  --accent-soft: var(--asp-accent-soft);
  --secondary: var(--asp-secondary);
  --danger: var(--asp-danger);
  --success: var(--asp-success);
  --warning: var(--asp-warning);
  --info: var(--asp-info);
  --focus: var(--asp-focus);
  --ok: var(--asp-success);
  --warn: var(--asp-warning);
  --bad: var(--asp-danger);
  --shadow: var(--asp-shadow);
  --asp-card: var(--asp-surface);
  --asp-card-2: var(--asp-surface-2);
  --asp-muted: var(--asp-text-muted);
  --asp-line: var(--asp-border);
  min-height: 100vh;
  padding-bottom: calc(96px + env(safe-area-inset-bottom));
}
body.asp-shared-mobile-nav-on .page {
  background: transparent;
  color: var(--asp-text);
  padding-bottom: calc(132px + env(safe-area-inset-bottom)) !important;
}
body.asp-shared-mobile-nav-on,
body.asp-shared-mobile-nav-on .page,
body.asp-shared-mobile-nav-on h1,
body.asp-shared-mobile-nav-on h2,
body.asp-shared-mobile-nav-on h3,
body.asp-shared-mobile-nav-on .title,
body.asp-shared-mobile-nav-on .page-title,
body.asp-shared-mobile-nav-on .card-title,
body.asp-shared-mobile-nav-on .name,
body.asp-shared-mobile-nav-on .header-chip-value,
body.asp-shared-mobile-nav-on .admin-brand-title,
body.asp-shared-mobile-nav-on .admin-nav-item,
body.asp-shared-mobile-nav-on .status-chip,
body.asp-shared-mobile-nav-on .cat-h,
body.asp-shared-mobile-nav-on .history-toggle,
body.asp-shared-mobile-nav-on td,
body.asp-shared-mobile-nav-on th,
body.asp-shared-mobile-nav-on .sum,
body.asp-shared-mobile-nav-on .cart-name {
  color: var(--asp-text) !important;
}
body.asp-shared-mobile-nav-on .muted,
body.asp-shared-mobile-nav-on .note,
body.asp-shared-mobile-nav-on .meta,
body.asp-shared-mobile-nav-on .u,
body.asp-shared-mobile-nav-on label,
body.asp-shared-mobile-nav-on .page-kicker,
body.asp-shared-mobile-nav-on .page-subtitle,
body.asp-shared-mobile-nav-on .card-meta,
body.asp-shared-mobile-nav-on .status,
body.asp-shared-mobile-nav-on .stock-note,
body.asp-shared-mobile-nav-on .header-chip-label,
body.asp-shared-mobile-nav-on .history-meta,
body.asp-shared-mobile-nav-on .admin-brand-sub,
body.asp-shared-mobile-nav-on .page .dt,
body.asp-shared-mobile-nav-on .cart-cat,
body.asp-shared-mobile-nav-on .order-card-org,
body.asp-shared-mobile-nav-on .helper-list,
body.asp-shared-mobile-nav-on .field-label,
body.asp-shared-mobile-nav-on .header-chip-value small {
  color: var(--asp-text-muted) !important;
}
body.asp-shared-mobile-nav-on .card,
body.asp-shared-mobile-nav-on .cat,
body.asp-shared-mobile-nav-on .cat-h,
body.asp-shared-mobile-nav-on .item,
body.asp-shared-mobile-nav-on .cart-row,
body.asp-shared-mobile-nav-on .header-chip,
body.asp-shared-mobile-nav-on .order-card,
body.asp-shared-mobile-nav-on .status-note,
body.asp-shared-mobile-nav-on .state,
body.asp-shared-mobile-nav-on [id="accessCard"],
body.asp-shared-mobile-nav-on .top > .card,
body.asp-shared-mobile-nav-on .summary-card,
body.asp-shared-mobile-nav-on .history-card,
body.asp-shared-mobile-nav-on .quick-card,
body.asp-shared-mobile-nav-on .admin-sidebar,
body.asp-shared-mobile-nav-on table,
body.asp-shared-mobile-nav-on .order-workspace,
body.asp-shared-mobile-nav-on .catalog-panel-card,
body.asp-shared-mobile-nav-on .cart-panel,
body.asp-shared-mobile-nav-on .stock-overlay-notice,
body.asp-shared-mobile-nav-on .img-modal-inner,
body.asp-shared-mobile-nav-on .modal,
body.asp-shared-mobile-nav-on .modal-card,
body.asp-shared-mobile-nav-on .dialog,
body.asp-shared-mobile-nav-on #scenario-switch,
body.asp-shared-mobile-nav-on #mainTabsCard,
body.asp-shared-mobile-nav-on .page-content > .card,
body.asp-shared-mobile-nav-on .order-main > section,
body.asp-shared-mobile-nav-on .order-side > section {
  background: var(--asp-surface) !important;
  border-color: var(--asp-border) !important;
  box-shadow: var(--asp-shadow) !important;
}
body.asp-shared-mobile-nav-on .cat,
body.asp-shared-mobile-nav-on .cat-c,
body.asp-shared-mobile-nav-on .order-card,
body.asp-shared-mobile-nav-on .cart-panel .cart-row,
body.asp-shared-mobile-nav-on .badge.muted,
body.asp-shared-mobile-nav-on .badge.info,
body.asp-shared-mobile-nav-on .badge.warn,
body.asp-shared-mobile-nav-on .badge.ok,
body.asp-shared-mobile-nav-on .badge.error,
body.asp-shared-mobile-nav-on .table-wrap,
body.asp-shared-mobile-nav-on tbody tr,
body.asp-shared-mobile-nav-on .item.disabled,
body.asp-shared-mobile-nav-on .cat-c[data-open="1"],
body.asp-shared-mobile-nav-on #cats,
body.asp-shared-mobile-nav-on #cart {
  background: var(--asp-surface-2) !important;
  border-color: var(--asp-border) !important;
}
body.asp-shared-mobile-nav-on .cat-h,
body.asp-shared-mobile-nav-on .cart-head,
body.asp-shared-mobile-nav-on thead,
body.asp-shared-mobile-nav-on .page-header,
body.asp-shared-mobile-nav-on .head,
body.asp-shared-mobile-nav-on .catalog-panel-card .catalog-head,
body.asp-shared-mobile-nav-on .section-head,
body.asp-shared-mobile-nav-on .order-top,
body.asp-shared-mobile-nav-on .history-toggle,
body.asp-shared-mobile-nav-on .top {
  background: transparent !important;
}
body.asp-shared-mobile-nav-on .cat-h,
body.asp-shared-mobile-nav-on .scenario-tab,
body.asp-shared-mobile-nav-on .tab,
body.asp-shared-mobile-nav-on .admin-nav-item.active,
body.asp-shared-mobile-nav-on .status-chip,
body.asp-shared-mobile-nav-on .badge.info,
body.asp-shared-mobile-nav-on .badge.muted {
  background: var(--asp-surface-3) !important;
  border-color: var(--asp-border) !important;
}
body.asp-shared-mobile-nav-on .inp,
body.asp-shared-mobile-nav-on .sel,
body.asp-shared-mobile-nav-on .ta,
body.asp-shared-mobile-nav-on .search,
body.asp-shared-mobile-nav-on .qty,
body.asp-shared-mobile-nav-on .select,
body.asp-shared-mobile-nav-on .sel-qty,
body.asp-shared-mobile-nav-on input,
body.asp-shared-mobile-nav-on select,
body.asp-shared-mobile-nav-on textarea {
  background: var(--asp-input-bg) !important;
  color: var(--asp-text) !important;
  border: 1px solid var(--asp-border) !important;
  box-shadow: none !important;
}
body.asp-shared-mobile-nav-on input::placeholder,
body.asp-shared-mobile-nav-on textarea::placeholder,
body.asp-shared-mobile-nav-on .search::placeholder {
  color: var(--asp-text-muted) !important;
  opacity: 1;
}
body.asp-shared-mobile-nav-on select option {
  background: var(--asp-surface-2);
  color: var(--asp-text);
}
body.asp-shared-mobile-nav-on input:focus,
body.asp-shared-mobile-nav-on select:focus,
body.asp-shared-mobile-nav-on textarea:focus,
body.asp-shared-mobile-nav-on .search:focus,
body.asp-shared-mobile-nav-on .sel-qty:focus {
  outline: none;
  border-color: var(--asp-accent) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--asp-accent) 20%, transparent) !important;
}
body.asp-shared-mobile-nav-on input:disabled,
body.asp-shared-mobile-nav-on select:disabled,
body.asp-shared-mobile-nav-on textarea:disabled,
body.asp-shared-mobile-nav-on .item.disabled,
body.asp-shared-mobile-nav-on .send-btn[disabled],
body.asp-shared-mobile-nav-on .add-btn[disabled] {
  opacity: .72;
}
body.asp-shared-mobile-nav-on .btn,
body.asp-shared-mobile-nav-on .link-btn,
body.asp-shared-mobile-nav-on .mini-btn,
body.asp-shared-mobile-nav-on .scenario-tab,
body.asp-shared-mobile-nav-on .ghost-link,
body.asp-shared-mobile-nav-on .action-link,
body.asp-shared-mobile-nav-on .admin-nav-item,
body.asp-shared-mobile-nav-on .tab {
  background: var(--asp-surface-2) !important;
  color: var(--asp-text) !important;
  border-color: var(--asp-border) !important;
}
body.asp-shared-mobile-nav-on .send-btn,
body.asp-shared-mobile-nav-on .add-btn,
body.asp-shared-mobile-nav-on .btn.primary,
body.asp-shared-mobile-nav-on .scenario-tab.is-current,
body.asp-shared-mobile-nav-on .tab.active,
body.asp-shared-mobile-nav-on .scenario-tabs .btn.active,
body.asp-shared-mobile-nav-on .scenario-tabs .btn.primary,
body.asp-shared-mobile-nav-on .app-mobile-nav__link.is-active,
body.asp-shared-mobile-nav-on .admin-nav-item.active {
  background: var(--asp-accent-soft) !important;
  color: var(--asp-accent) !important;
  border-color: color-mix(in srgb, var(--asp-accent) 45%, var(--asp-border)) !important;
}
body.asp-shared-mobile-nav-on .send-btn,
body.asp-shared-mobile-nav-on .add-btn,
body.asp-shared-mobile-nav-on .btn.primary {
  background: var(--asp-accent) !important;
  color: #fff !important;
  border-color: var(--asp-accent) !important;
}
body.asp-shared-mobile-nav-on .rm,
body.asp-shared-mobile-nav-on .btn.danger,
body.asp-shared-mobile-nav-on .danger,
body.asp-shared-mobile-nav-on .badge.error,
body.asp-shared-mobile-nav-on .error {
  color: var(--asp-danger) !important;
  border-color: color-mix(in srgb, var(--asp-danger) 40%, var(--asp-border)) !important;
}
body.asp-shared-mobile-nav-on .error,
body.asp-shared-mobile-nav-on .badge.error,
body.asp-shared-mobile-nav-on .rm {
  background: color-mix(in srgb, var(--asp-danger) 12%, var(--asp-surface-2)) !important;
}
body.asp-shared-mobile-nav-on .badge.ok,
body.asp-shared-mobile-nav-on .ok,
body.asp-shared-mobile-nav-on .success,
body.asp-shared-mobile-nav-on .status-ok {
  color: var(--asp-success) !important;
  border-color: color-mix(in srgb, var(--asp-success) 35%, var(--asp-border)) !important;
  background: color-mix(in srgb, var(--asp-success) 12%, var(--asp-surface-2)) !important;
}
body.asp-shared-mobile-nav-on .img-modal,
body.asp-shared-mobile-nav-on .modal-backdrop {
  background: var(--asp-backdrop) !important;
}
body.asp-shared-mobile-nav-on .img-modal-inner,
body.asp-shared-mobile-nav-on .img-modal img,
body.asp-shared-mobile-nav-on .close-btn {
  background: var(--asp-surface) !important;
  color: var(--asp-text) !important;
  border-color: var(--asp-border) !important;
}
body.asp-shared-mobile-nav-on .item.selected::before {
  background: var(--asp-accent) !important;
}
body.asp-shared-mobile-nav-on .app-mobile-nav,
body.asp-shared-mobile-nav-on .asp-shared-mobile-nav {
  background: var(--asp-nav-bg) !important;
  border-top: 1px solid var(--asp-border) !important;
  box-shadow: 0 -8px 22px rgba(0,0,0,.08);
  backdrop-filter: blur(14px);
}
body.asp-shared-mobile-nav-on .app-mobile-nav__link,
body.asp-shared-mobile-nav-on .asp-shared-mobile-nav__link {
  color: var(--asp-text-muted) !important;
}
body.asp-shared-mobile-nav-on .app-mobile-nav__icon,
body.asp-shared-mobile-nav-on .asp-shared-mobile-nav__icon {
  background: var(--asp-surface-2) !important;
  color: var(--asp-text-muted) !important;
}
body.asp-shared-mobile-nav-on .app-mobile-nav__link.is-active .app-mobile-nav__icon,
body.asp-shared-mobile-nav-on .asp-shared-mobile-nav__link.is-active .asp-shared-mobile-nav__icon {
  background: var(--asp-accent-soft) !important;
  color: var(--asp-accent) !important;
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order {
  background: var(--asp-bg);
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .page,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow {
  background: var(--asp-bg) !important;
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .top > .card,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .card,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .catalog,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cart,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .catalog-card,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cart-card,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .catalog-list,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cart-list,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #cart,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .sum {
  background: var(--asp-surface) !important;
  border-color: var(--asp-border) !important;
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .catalog-head,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cat,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cart-row,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #cart > div,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cart-list > div {
  background: var(--asp-surface-2) !important;
  border-color: var(--asp-border) !important;
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cat-h,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order details.cat[open] summary.cat-h,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cart-head {
  background: var(--asp-surface-3) !important;
  color: var(--asp-text) !important;
  border-color: var(--asp-border) !important;
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cat-c,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cat-c[data-open="1"],
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .item {
  background: var(--asp-surface) !important;
  border-color: var(--asp-border) !important;
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .item:nth-child(2n),
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .item.disabled {
  background: var(--asp-surface-2) !important;
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .name,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .title,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order label {
  color: var(--asp-text) !important;
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .meta,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .u,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .stock-note,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .sum,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .note,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .dt {
  color: var(--asp-text-muted) !important;
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .search,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .qty,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .sel-qty,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .inp,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .sel,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .ta {
  background: var(--asp-input-bg) !important;
  color: var(--asp-text) !important;
  border-color: var(--asp-border) !important;
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .search::placeholder,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .inp::placeholder,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .ta::placeholder {
  color: var(--asp-text-muted) !important;
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .search:focus,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .qty:focus,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .sel-qty:focus,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .inp:focus,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .sel:focus,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .ta:focus {
  border-color: var(--asp-accent) !important;
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #send,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .btn.primary {
  background: var(--asp-accent) !important;
  color: #fff !important;
  border-color: var(--asp-accent) !important;
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order {
  background: var(--asp-bg);
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .page,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow {
  background: var(--asp-bg) !important;
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .top > .card,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .card,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .catalog,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cart,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .catalog-card,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cart-card,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .catalog-list,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cart-list,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #cart,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .sum {
  background: var(--asp-surface) !important;
  border-color: var(--asp-border) !important;
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .catalog-head,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cat,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cart-row,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #cart > div,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cart-list > div {
  background: var(--asp-surface-2) !important;
  border-color: var(--asp-border) !important;
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cat-h,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order details.cat[open] summary.cat-h,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cart-head {
  background: var(--asp-surface-3) !important;
  color: var(--asp-text) !important;
  border-color: var(--asp-border) !important;
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cat-c,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .cat-c[data-open="1"],
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .item {
  background: var(--asp-surface) !important;
  border-color: var(--asp-border) !important;
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .item:nth-child(2n),
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .item.disabled {
  background: var(--asp-surface-2) !important;
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .name,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .title,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order label {
  color: var(--asp-text) !important;
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .meta,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .u,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .stock-note,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .sum,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .note,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .dt {
  color: var(--asp-text-muted) !important;
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .search,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .qty,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .sel-qty,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .inp,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .sel,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .ta {
  background: var(--asp-input-bg) !important;
  color: var(--asp-text) !important;
  border-color: var(--asp-border) !important;
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .search::placeholder,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .inp::placeholder,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .ta::placeholder {
  color: var(--asp-text-muted) !important;
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .search:focus,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .qty:focus,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .sel-qty:focus,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .inp:focus,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .sel:focus,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .ta:focus {
  border-color: var(--asp-accent) !important;
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #send,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .btn.primary {
  background: var(--asp-accent) !important;
  color: #fff !important;
  border-color: var(--asp-accent) !important;
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns {
  background: var(--asp-bg);
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .catalog-group {
  background: var(--asp-surface-2) !important;
  border-color: var(--asp-border) !important;
  box-shadow: var(--asp-shadow) !important;
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .catalog-group summary,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .catalog-group[open] summary {
  background: var(--asp-surface-3) !important;
  color: var(--asp-text) !important;
  border-color: var(--asp-border) !important;
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .catalog-group summary::after,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .catalog-group-count {
  color: var(--asp-text-muted) !important;
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .group-items {
  background: var(--asp-surface) !important;
  color: var(--asp-text) !important;
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .item-row,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .item-row.selected,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .item-row.inactive {
  background: var(--asp-surface) !important;
  color: var(--asp-text) !important;
  border-color: var(--asp-border) !important;
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .item-row + .item-row {
  border-top: 1px solid var(--asp-border) !important;
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .item-meta,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .calc-note,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .catalog-group-count,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .qty-grid small {
  color: var(--asp-text-muted) !important;
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns {
  background: var(--asp-bg);
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .catalog-group {
  background: var(--asp-surface) !important;
  border-color: var(--asp-border) !important;
  box-shadow: var(--asp-shadow) !important;
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .catalog-group summary,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .catalog-group[open] summary {
  background: var(--asp-surface-3) !important;
  color: var(--asp-text) !important;
  border-color: var(--asp-border) !important;
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .catalog-group summary::after,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .catalog-group-count {
  color: var(--asp-text-muted) !important;
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .group-items,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .item-row,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .item-row.selected,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .item-row.inactive {
  background: var(--asp-surface) !important;
  color: var(--asp-text) !important;
  border-color: var(--asp-border) !important;
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .item-meta,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .calc-note,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .catalog-group-count,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .qty-grid small {
  color: var(--asp-text-muted) !important;
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .card.cart-panel,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .cart-list,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .totals {
  background: var(--asp-surface) !important;
  border-color: var(--asp-border) !important;
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .cart-empty {
  background: var(--asp-surface-2) !important;
  color: var(--asp-text-muted) !important;
  border-color: var(--asp-border) !important;
  background-image: none !important;
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .total-box {
  background: var(--asp-surface-2) !important;
  color: var(--asp-text) !important;
  border-color: var(--asp-border) !important;
  background-image: none !important;
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .total-box b,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .cart-title,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .cart-name,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .item-title,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .catalog-group-head > span:first-child,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .meta-chip,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .return-reason-select {
  color: var(--asp-text) !important;
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .total-box span,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .cart-meta,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .qty-label,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .catalog-group-count,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .calc-note {
  color: var(--asp-text-muted) !important;
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .meta-chip,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .thumb,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .return-reason-select,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .cart-row,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .item-row,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .item-row.selected,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .item-row.inactive {
  border-color: var(--asp-border) !important;
  background-image: none !important;
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .meta-chip,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .thumb,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .return-reason-select {
  background: var(--asp-surface-2) !important;
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--returns .page {
  padding-bottom: calc(168px + env(safe-area-inset-bottom)) !important;
}

html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .page,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .top {
  background: var(--asp-bg) !important;
  background-image: none !important;
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(1),
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(2),
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) {
  background: var(--asp-surface) !important;
  border-color: var(--asp-border) !important;
  background-image: none !important;
  box-shadow: var(--asp-shadow) !important;
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(1) .catalog-head,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) .cart-head {
  background: var(--asp-surface-3) !important;
  border-color: var(--asp-border) !important;
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(1) #cats,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(1) .cat,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(2) .ff,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) #cart,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) .cart-list,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) .sum {
  background: var(--asp-surface-2) !important;
  border-color: var(--asp-border) !important;
  background-image: none !important;
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) #cart > .note,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) .cart-list > .note {
  background: var(--asp-surface-2) !important;
  color: var(--asp-text-muted) !important;
  border-color: var(--asp-border) !important;
  background-image: none !important;
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) .sum,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) .cart-head,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(1) .catalog-head,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(2) .note,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(2) label,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) .title,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(2) .title {
  color: var(--asp-text) !important;
}

html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .page,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order .top {
  background: var(--asp-bg) !important;
  background-image: none !important;
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(1),
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(2),
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) {
  background: var(--asp-surface) !important;
  border-color: var(--asp-border) !important;
  background-image: none !important;
  box-shadow: var(--asp-shadow) !important;
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(1) .catalog-head,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) .cart-head {
  background: var(--asp-surface-3) !important;
  border-color: var(--asp-border) !important;
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(1) #cats,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(1) .cat,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(2) .ff,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) #cart,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) .cart-list,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) .sum {
  background: var(--asp-surface-2) !important;
  border-color: var(--asp-border) !important;
  background-image: none !important;
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) #cart > .note,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) .cart-list > .note {
  background: var(--asp-surface-2) !important;
  color: var(--asp-text-muted) !important;
  border-color: var(--asp-border) !important;
  background-image: none !important;
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) .sum,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) .cart-head,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(1) .catalog-head,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(2) .note,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(2) label,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(3) .title,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-shared-mobile-page--order #product-flow > .card:nth-of-type(2) .title {
  color: var(--asp-text) !important;
}
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order #scenario-switch,
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--parts #mainTabsCard,
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--parts-list #mainTabsCard { display:none !important; }
html[data-asp-surface="pwa"] .asp-shared-mobile-nav {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  padding: 8px 8px calc(8px + env(safe-area-inset-bottom));
}
html[data-asp-surface="pwa"] .asp-shared-mobile-nav__inner {
  max-width: 720px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 6px;
}
html[data-asp-surface="pwa"] .asp-shared-mobile-nav__link {
  position: relative;
  min-height: 58px;
  border-radius: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 8px 4px;
  text-decoration: none;
  font-size: 11px;
  font-weight: 700;
  font-family: inherit;
  line-height: 1.05;
  border: 0;
  background: transparent;
  color: var(--asp-text-muted);
  cursor: pointer;
}
html[data-asp-surface="pwa"] .asp-shared-mobile-nav__icon { font-size: 18px; line-height: 1; }
html[data-asp-surface="pwa"] .asp-shared-mobile-nav__link.is-active {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--asp-accent) 30%, var(--asp-border));
}
html[data-asp-surface="pwa"] .asp-shared-mobile-nav__badge {
  position: absolute;
  top: 5px;
  right: 14px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 999px;
  background: var(--asp-accent);
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  line-height: 16px;
  text-align: center;
  display: none;
}
html[data-asp-surface="pwa"] .asp-shared-mobile-nav__badge[data-count]:not([data-count=""]):not([data-count="0"]) { display: inline-block; }

body.asp-shared-mobile-nav-on.asp-has-user-background {
  background-color: var(--asp-bg) !important;
  background-image: var(--asp-user-background-overlay), var(--asp-user-background-image) !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}
body.asp-shared-mobile-nav-on.asp-has-user-background .page,
body.asp-shared-mobile-nav-on.asp-has-user-background #product-flow,
body.asp-shared-mobile-nav-on.asp-has-user-background .top,
body.asp-shared-mobile-nav-on.asp-has-user-background .shell,
body.asp-shared-mobile-nav-on.asp-has-user-background .asp-mobile-shell {
  background: transparent !important;
  background-image: none !important;
}
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-has-user-background .card,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-has-user-background .cat,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-has-user-background .cat-h,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-has-user-background .item,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-has-user-background .cart-row,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-has-user-background .order-card,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-has-user-background .catalog-group,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-has-user-background .group-items,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-has-user-background .asp-mobile-card,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-has-user-background .hero,
body[data-asp-theme="light"].asp-shared-mobile-nav-on.asp-has-user-background .state {
  background: color-mix(in srgb, var(--asp-surface) 94%, transparent) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-has-user-background .card,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-has-user-background .cat,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-has-user-background .cat-h,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-has-user-background .item,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-has-user-background .cart-row,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-has-user-background .order-card,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-has-user-background .catalog-group,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-has-user-background .group-items,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-has-user-background .asp-mobile-card,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-has-user-background .hero,
html[data-asp-surface="pwa"] body[data-asp-theme="dark"].asp-shared-mobile-nav-on.asp-has-user-background .state {
  background: color-mix(in srgb, var(--asp-surface) 91%, transparent) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* ASP_PROD_ORDER_BACKGROUND_READY_SURFACES_20260715 */
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .top > .card,
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background #product-flow > .card{
  background:var(--pwa-surface-card) !important;
  border-color:var(--pwa-surface-border) !important;
  box-shadow:var(--pwa-surface-shadow) !important;
  opacity:1 !important;
}
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .catalog-head,
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .cart-head,
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .cat,
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .cat-h,
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .cat-c,
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .item,
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .cart-row,
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background #cart,
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .cart-list,
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .sum{
  background:var(--pwa-surface-panel) !important;
  border-color:var(--pwa-surface-border) !important;
  opacity:1 !important;
}
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .search,
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .inp,
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .sel,
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .ta,
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .qty,
body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .sel-qty{
  background:var(--pwa-surface-field) !important;
  border-color:var(--pwa-surface-border) !important;
  color:var(--asp-text) !important;
  opacity:1 !important;
}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .top > .card,
  body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background #product-flow > .card,
  body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .cat,
  body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .cat-h,
  body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .item,
  body.asp-shared-mobile-nav-on.asp-shared-mobile-page--order.asp-has-user-background .cart-row{
    backdrop-filter:blur(var(--pwa-backdrop-blur));
    -webkit-backdrop-filter:blur(var(--pwa-backdrop-blur));
  }
}
/* /ASP_PROD_ORDER_BACKGROUND_READY_SURFACES_20260715 */

/* ASP_PROD_UNIFIED_UI_PALETTE_AND_ORDER_ICONS_20260716 */
/* Canonical compact palette: page/surface/primary/neutral/text/border/status/focus. */
body.asp-shared-mobile-nav-on {
  --asp-page-background: var(--asp-bg);
  --asp-card-surface: var(--asp-surface);
  --asp-primary: var(--asp-accent);
  --asp-neutral: var(--asp-secondary);
  --asp-muted-text: var(--asp-text-muted);
  --asp-ui-border: var(--asp-border);
}

body.asp-shared-mobile-nav-on .asp-mobile-card,
body.asp-shared-mobile-nav-on .asp-mobile-action,
body.asp-shared-mobile-nav-on .asp-mobile-chip,
body.asp-shared-mobile-nav-on .asp-mobile-empty,
body.asp-shared-mobile-nav-on .item-card,
body.asp-shared-mobile-nav-on .cart-item-mobile,
body.asp-shared-mobile-nav-on .empty-state,
body.asp-shared-mobile-nav-on .document-card,
body.asp-shared-mobile-nav-on .catalog-toolbar,
body.asp-shared-mobile-nav-on .cart-panel {
  background: var(--asp-surface) !important;
  color: var(--asp-text) !important;
  border-color: var(--asp-border) !important;
  box-shadow: var(--asp-shadow) !important;
  background-image: none !important;
}

body.asp-shared-mobile-nav-on .asp-mobile-action,
body.asp-shared-mobile-nav-on .asp-mobile-chip,
body.asp-shared-mobile-nav-on .item-card,
body.asp-shared-mobile-nav-on .cart-item-mobile,
body.asp-shared-mobile-nav-on .empty-state {
  background: var(--asp-surface-2) !important;
  box-shadow: none !important;
}

body.asp-shared-mobile-nav-on .badge.inventory,
body.asp-shared-mobile-nav-on .badge.info,
body.asp-shared-mobile-nav-on .status.info,
body.asp-shared-mobile-nav-on .status-note.info {
  background: color-mix(in srgb, var(--asp-info) 12%, var(--asp-surface-2)) !important;
  color: var(--asp-info) !important;
  border-color: color-mix(in srgb, var(--asp-info) 38%, var(--asp-border)) !important;
}

body.asp-shared-mobile-nav-on .badge.warn,
body.asp-shared-mobile-nav-on .status.warning,
body.asp-shared-mobile-nav-on .status-note.warn {
  background: color-mix(in srgb, var(--asp-warning) 13%, var(--asp-surface-2)) !important;
  color: var(--asp-warning) !important;
  border-color: color-mix(in srgb, var(--asp-warning) 40%, var(--asp-border)) !important;
}

body.asp-shared-mobile-nav-on .status.success,
body.asp-shared-mobile-nav-on .status-note.success,
body.asp-shared-mobile-nav-on .badge.active {
  background: color-mix(in srgb, var(--asp-success) 12%, var(--asp-surface-2)) !important;
  color: var(--asp-success) !important;
  border-color: color-mix(in srgb, var(--asp-success) 38%, var(--asp-border)) !important;
}

body.asp-shared-mobile-nav-on .status-note.error,
body.asp-shared-mobile-nav-on .badge.oos {
  background: color-mix(in srgb, var(--asp-danger) 12%, var(--asp-surface-2)) !important;
  color: var(--asp-danger) !important;
  border-color: color-mix(in srgb, var(--asp-danger) 38%, var(--asp-border)) !important;
}

body.asp-shared-mobile-nav-on .badge.inactive,
body.asp-shared-mobile-nav-on .btn.secondary,
body.asp-shared-mobile-nav-on .btn.ghost {
  background: var(--asp-surface-2) !important;
  color: var(--asp-text) !important;
  border-color: var(--asp-border) !important;
}

body.asp-shared-mobile-nav-on .item-row.selected,
body.asp-shared-mobile-nav-on .cart-row.selected {
  background: var(--asp-accent-soft) !important;
  border-color: color-mix(in srgb, var(--asp-accent) 52%, var(--asp-border)) !important;
  box-shadow: inset 3px 0 0 var(--asp-accent) !important;
}

body.asp-shared-mobile-nav-on :where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid var(--asp-focus) !important;
  outline-offset: 2px !important;
}

body.asp-shared-mobile-nav-on :where(button, .btn, .action-link, .ghost-link, .asp-mobile-action) {
  min-height: 44px;
}

body.asp-shared-mobile-nav-on :where(button, .btn, .action-link, .ghost-link, .asp-mobile-action):disabled,
body.asp-shared-mobile-nav-on :where(button, .btn, .action-link, .ghost-link, .asp-mobile-action)[aria-disabled="true"],
body.asp-shared-mobile-nav-on :where(button, .btn, .action-link, .ghost-link, .asp-mobile-action)[aria-busy="true"] {
  opacity: .58;
  cursor: not-allowed;
  box-shadow: none !important;
}

body.asp-shared-mobile-nav-on .cart-remove,
body.asp-shared-mobile-nav-on .close-btn,
body.asp-shared-mobile-nav-on .qty-btn,
body.asp-shared-mobile-nav-on .photo-trigger {
  min-width: 44px;
  min-height: 44px;
}

body.asp-shared-mobile-nav-on .cart-row {
  grid-template-columns: minmax(0, 1fr) 72px 72px 44px;
}

body.asp-shared-mobile-nav-on.mode-return .cart-row.has-return-reason,
body.asp-shared-mobile-nav-on .mode-return .cart-row.has-return-reason {
  grid-template-columns: minmax(0, 1fr) 72px 72px minmax(150px, 180px) 44px;
}

body.asp-shared-mobile-nav-on .asp-order-action {
  --asp-order-action-color: var(--asp-accent);
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 20px;
  align-items: center;
  justify-content: stretch !important;
  gap: 12px;
  min-height: 68px;
  padding: 10px 12px !important;
  text-align: left;
  border: 1px solid color-mix(in srgb, var(--asp-order-action-color) 34%, var(--asp-border)) !important;
  border-left-width: 4px !important;
  background: var(--asp-surface-2) !important;
  color: var(--asp-text) !important;
  box-shadow: none !important;
}

body.asp-shared-mobile-nav-on .asp-order-action--goods { --asp-order-action-color: var(--asp-accent); }
body.asp-shared-mobile-nav-on .asp-order-action--returns { --asp-order-action-color: var(--asp-warning); }
body.asp-shared-mobile-nav-on .asp-order-action--parts { --asp-order-action-color: var(--asp-info); }
body.asp-shared-mobile-nav-on .asp-order-action--parts-admin { --asp-order-action-color: var(--asp-secondary); }
body.asp-shared-mobile-nav-on .asp-order-action--inventory { --asp-order-action-color: var(--asp-success); }
body.asp-shared-mobile-nav-on .asp-order-action--stock,
body.asp-shared-mobile-nav-on .asp-order-action--retry { --asp-order-action-color: var(--asp-info); }
body.asp-shared-mobile-nav-on .asp-order-action--open { --asp-order-action-color: var(--asp-accent); }
body.asp-shared-mobile-nav-on .asp-order-action--back { --asp-order-action-color: var(--asp-secondary); }

body.asp-shared-mobile-nav-on .asp-order-action__icon {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  color: var(--asp-order-action-color) !important;
  background: color-mix(in srgb, var(--asp-order-action-color) 13%, var(--asp-surface)) !important;
  border: 1px solid color-mix(in srgb, var(--asp-order-action-color) 30%, var(--asp-border));
  margin: 0 !important;
}

body.asp-shared-mobile-nav-on .asp-order-action__icon svg {
  width: 24px;
  height: 24px;
  display: block;
}

body.asp-shared-mobile-nav-on .asp-order-action__copy {
  min-width: 0;
  display: grid !important;
  gap: 3px;
  margin: 0 !important;
  color: var(--asp-text) !important;
}

body.asp-shared-mobile-nav-on .asp-order-action__label {
  color: var(--asp-text) !important;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

body.asp-shared-mobile-nav-on .asp-order-action__hint {
  color: var(--asp-text-muted) !important;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
}

body.asp-shared-mobile-nav-on .asp-order-action__chevron {
  color: var(--asp-order-action-color) !important;
  font-size: 24px;
  font-weight: 800;
  line-height: 1;
  text-align: center;
  margin: 0 !important;
}

@media (max-width: 720px) {
  body.asp-shared-mobile-nav-on .cart-row {
    grid-template-columns: minmax(0, 1fr) 64px 64px 44px;
  }
  body.asp-shared-mobile-nav-on.mode-return .cart-row.has-return-reason,
  body.asp-shared-mobile-nav-on .mode-return .cart-row.has-return-reason {
    grid-template-columns: minmax(0, 1fr) 64px 64px minmax(0, 1fr) 44px;
  }
}

@media (max-width: 390px) {
  body.asp-shared-mobile-nav-on .asp-order-action {
    grid-template-columns: 44px minmax(0, 1fr) 16px;
    gap: 9px;
    padding-inline: 10px !important;
  }
}
/* /ASP_PROD_UNIFIED_UI_PALETTE_AND_ORDER_ICONS_20260716 */

/* Auto mobile Fleet styles */
html:has(body.asp-auto-page),
body.asp-auto-page {
  width: 100%;
  max-width: 100%;
  margin: 0;
  overflow-x: hidden;
  overscroll-behavior-x: none;
}

body.asp-auto-page,
body.asp-auto-page *,
body.asp-auto-page *::before,
body.asp-auto-page *::after { box-sizing: border-box; }

@supports (overflow: clip) {
  html:has(body.asp-auto-page),
  body.asp-auto-page { overflow-x: clip; }
}

body.asp-auto-page [hidden] { display: none !important; }

.asp-auto-sr-only,
.asp-auto-skip:not(:focus) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.asp-auto-skip:focus {
  position: fixed;
  top: 8px;
  left: 8px;
  z-index: 10001;
  min-height: 44px;
  padding: 10px 14px;
  border-radius: 12px;
  background: var(--asp-accent);
  color: #fff;
  font-weight: 800;
}

.asp-auto-shell {
  width: min(100%, 1120px);
  min-width: 0;
  margin: 0 auto;
  padding: 0 clamp(8px, 3vw, 20px) calc(112px + env(safe-area-inset-bottom));
}

.asp-auto-header {
  position: sticky;
  top: 0;
  z-index: 40;
  min-width: 0;
  min-height: 60px;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  margin: 0 calc(clamp(8px, 3vw, 20px) * -1) 10px;
  padding: calc(6px + env(safe-area-inset-top)) clamp(8px, 3vw, 20px) 6px;
  background: color-mix(in srgb, var(--asp-bg) 92%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--asp-border) 82%, transparent);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.asp-auto-header__title { min-width: 0; }
.asp-auto-header__title h1 {
  margin: 0;
  color: var(--asp-text) !important;
  font-size: 20px;
  font-weight: 850;
  line-height: 1.12;
  overflow-wrap: anywhere;
}
.asp-auto-header__title p {
  margin: 2px 0 0;
  color: var(--asp-text-muted);
  font-size: 12px;
  line-height: 1.2;
}
.asp-auto-header__actions { display: flex; align-items: center; gap: 4px; }

.asp-auto-icon-button,
.asp-auto-back-button,
.asp-auto-reset,
.asp-auto-primary-action {
  min-height: 44px;
  border: 1px solid var(--asp-border);
  border-radius: 13px;
  background: var(--asp-surface);
  color: var(--asp-text);
  font: inherit;
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
  touch-action: manipulation;
}

.asp-auto-icon-button {
  width: 44px;
  min-width: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-size: 22px;
  line-height: 1;
}

.asp-auto-icon-button:hover,
.asp-auto-back-button:hover,
.asp-auto-reset:hover { border-color: var(--asp-accent); color: var(--asp-accent); }

.asp-auto-icon-button:focus-visible,
.asp-auto-back-button:focus-visible,
.asp-auto-reset:focus-visible,
.asp-auto-primary-action:focus-visible,
.asp-auto-tab:focus-visible,
.asp-auto-chip:focus-visible,
.asp-auto-entity-card:focus-visible,
.asp-auto-search input:focus-visible,
.asp-auto-search button:focus-visible,
.asp-auto-diagnostics summary:focus-visible {
  outline: 3px solid var(--asp-focus);
  outline-offset: 2px;
}

.asp-auto-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
  margin: 10px 0 12px;
}

.asp-auto-summary-card {
  min-width: 0;
  min-height: 78px;
  padding: 11px 12px;
  border: 1px solid var(--asp-border);
  border-radius: 15px;
  background: var(--asp-surface);
  box-shadow: var(--asp-shadow);
}
.asp-auto-summary-card strong {
  display: block;
  color: var(--asp-text);
  font-size: clamp(22px, 7vw, 28px);
  font-weight: 850;
  line-height: 1;
  overflow-wrap: anywhere;
}
.asp-auto-summary-card span {
  display: block;
  margin-top: 7px;
  color: var(--asp-text-muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.asp-auto-tabs-viewport,
.asp-auto-chips-viewport {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.asp-auto-tabs-viewport::-webkit-scrollbar,
.asp-auto-chips-viewport::-webkit-scrollbar { display: none; }

.asp-auto-tabs {
  width: max-content;
  min-width: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 6px;
  padding: 2px 0 5px;
}
.asp-auto-tab {
  min-width: max-content;
  min-height: 44px;
  flex: 0 0 auto;
  padding: 9px 13px;
  border: 1px solid var(--asp-border);
  border-radius: 12px;
  background: var(--asp-surface);
  color: var(--asp-text-muted);
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  cursor: pointer;
  touch-action: manipulation;
}
.asp-auto-tab[aria-current="page"] {
  border-color: var(--asp-accent);
  background: var(--asp-accent);
  color: #fff;
  box-shadow: 0 6px 16px color-mix(in srgb, var(--asp-accent) 24%, transparent);
}

.asp-auto-filter-panel {
  min-width: 0;
  margin: 8px 0 12px;
}
.asp-auto-search-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  gap: 8px;
  min-width: 0;
}
.asp-auto-search {
  min-width: 0;
  min-height: 44px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) 44px;
  align-items: center;
  border: 1px solid var(--asp-border);
  border-radius: 13px;
  background: var(--asp-input-bg);
  color: var(--asp-text);
  overflow: hidden;
}
.asp-auto-search:focus-within {
  border-color: var(--asp-accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--asp-focus) 24%, transparent);
}
.asp-auto-search__icon {
  padding-left: 10px;
  color: var(--asp-text-muted);
  font-size: 19px;
}
.asp-auto-search input {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 9px 8px;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--asp-text) !important;
  font: inherit;
}
.asp-auto-search input::placeholder { color: var(--asp-text-muted); opacity: .9; }
.asp-auto-search button {
  width: 44px;
  min-width: 44px;
  min-height: 44px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--asp-text-muted);
  font: inherit;
  font-size: 22px;
  cursor: pointer;
}
.asp-auto-reset { padding: 8px 12px; }
.asp-auto-filter-meta {
  min-height: 25px;
  display: flex;
  align-items: center;
  padding: 5px 2px 2px;
  color: var(--asp-text-muted);
  font-size: 12px;
  font-weight: 700;
}
.asp-auto-chips { width: max-content; min-width: 100%; display: flex; flex-wrap: nowrap; gap: 7px; padding: 2px 0 4px; }
.asp-auto-chip {
  min-width: max-content;
  min-height: 44px;
  flex: 0 0 auto;
  padding: 8px 13px;
  border: 1px solid var(--asp-border);
  border-radius: 999px;
  background: var(--asp-surface-2);
  color: var(--asp-text);
  font: inherit;
  font-size: 13px;
  font-weight: 750;
  cursor: pointer;
}
.asp-auto-chip[aria-pressed="true"] {
  border-color: var(--asp-accent);
  background: var(--asp-accent-soft);
  color: var(--asp-accent);
}

.asp-auto-content { min-width: 0; scroll-margin-top: 74px; }
.asp-auto-card-list { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 9px; }
.asp-auto-entity-card {
  width: 100%;
  min-width: 0;
  min-height: 112px;
  display: block;
  padding: 13px;
  border: 1px solid var(--asp-border);
  border-radius: 16px;
  background: var(--asp-surface);
  color: var(--asp-text);
  box-shadow: var(--asp-shadow);
  text-decoration: none;
  overflow: hidden;
  overflow-wrap: anywhere;
  word-break: normal;
  transition: border-color .14s ease, transform .14s ease;
}
.asp-auto-entity-card:hover { border-color: color-mix(in srgb, var(--asp-accent) 62%, var(--asp-border)); }
.asp-auto-entity-card:active { transform: translateY(1px); }
.asp-auto-entity-card__top {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 9px;
}
.asp-auto-entity-card__top > strong,
.asp-auto-entity-card__title { min-width: 0; }
.asp-auto-entity-card__title strong,
.asp-auto-employee-card__body > strong,
.asp-auto-compact-card .asp-auto-entity-card__top > strong {
  display: block;
  color: var(--asp-text);
  font-size: 16px;
  font-weight: 850;
  line-height: 1.25;
  overflow-wrap: anywhere;
}
.asp-auto-entity-card__title span,
.asp-auto-employee-card__body > span {
  display: block;
  margin-top: 3px;
  color: var(--asp-text-muted);
  font-size: 13px;
  line-height: 1.28;
  overflow-wrap: anywhere;
}
.asp-auto-entity-card__meta {
  min-width: 0;
  display: grid;
  gap: 3px;
  margin-top: 9px;
  color: var(--asp-text-muted);
  font-size: 13px;
  line-height: 1.3;
}
.asp-auto-entity-card__meta span { min-width: 0; overflow-wrap: anywhere; }
.asp-auto-entity-card__warning { color: var(--asp-warning); }
.asp-auto-status {
  max-width: 46%;
  min-height: 26px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 9px;
  border: 1px solid var(--asp-border);
  border-radius: 999px;
  background: var(--asp-surface-2);
  color: var(--asp-text-muted);
  font-size: 11px;
  font-weight: 850;
  line-height: 1.15;
  text-align: center;
  overflow-wrap: anywhere;
}
.asp-auto-status--success { border-color: color-mix(in srgb, var(--asp-success) 42%, var(--asp-border)); background: color-mix(in srgb, var(--asp-success) 12%, var(--asp-surface)); color: var(--asp-success); }
.asp-auto-status--warning { border-color: color-mix(in srgb, var(--asp-warning) 42%, var(--asp-border)); background: color-mix(in srgb, var(--asp-warning) 12%, var(--asp-surface)); color: var(--asp-warning); }
.asp-auto-status--danger { border-color: color-mix(in srgb, var(--asp-danger) 42%, var(--asp-border)); background: color-mix(in srgb, var(--asp-danger) 12%, var(--asp-surface)); color: var(--asp-danger); }

.asp-auto-employee-card {
  min-height: 126px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: start;
  gap: 10px;
}
.asp-auto-avatar {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: linear-gradient(145deg, var(--asp-accent), color-mix(in srgb, var(--asp-accent) 68%, #164e63));
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .02em;
}
.asp-auto-employee-card__body { min-width: 0; }
.asp-auto-employee-card > .asp-auto-status { max-width: 112px; }
.asp-auto-compact-card { min-height: 104px; }

.asp-auto-state {
  min-width: 0;
  padding: 24px 16px;
  border: 1px solid var(--asp-border);
  border-radius: 16px;
  background: var(--asp-surface);
  color: var(--asp-text);
  text-align: center;
  box-shadow: var(--asp-shadow);
}
.asp-auto-state__icon {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--asp-accent-soft);
  color: var(--asp-accent);
  font-size: 20px;
  font-weight: 900;
}
.asp-auto-state h2 { margin: 10px 0 4px; color: var(--asp-text) !important; font-size: 17px; line-height: 1.25; overflow-wrap: anywhere; }
.asp-auto-state p { max-width: 520px; margin: 0 auto; color: var(--asp-text-muted); font-size: 13px; line-height: 1.45; overflow-wrap: anywhere; }
.asp-auto-state--error .asp-auto-state__icon { background: color-mix(in srgb, var(--asp-danger) 13%, var(--asp-surface)); color: var(--asp-danger); }
.asp-auto-primary-action {
  width: fit-content;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 14px;
  padding: 9px 15px;
  border-color: var(--asp-accent);
  background: var(--asp-accent);
  color: #fff;
}

.asp-auto-skeleton {
  min-height: 112px;
  border-color: transparent;
  background: linear-gradient(90deg, var(--asp-surface) 15%, var(--asp-surface-2) 45%, var(--asp-surface) 75%);
  background-size: 220% 100%;
  animation: asp-auto-pulse 1.25s linear infinite;
}
@keyframes asp-auto-pulse { to { background-position: -220% 0; } }

.asp-auto-detail-open .asp-auto-summary,
.asp-auto-detail-open .asp-auto-tabs-viewport { display: none; }
.asp-auto-detail-header {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  margin: 6px 0 12px;
}
.asp-auto-back-button { display: inline-flex; align-items: center; gap: 5px; padding: 8px 12px; }
.asp-auto-back-button span { font-size: 21px; line-height: 1; }
.asp-auto-detail-header h2 { margin: 1px 0 0; color: var(--asp-text) !important; font-size: 20px; line-height: 1.2; overflow-wrap: anywhere; }
.asp-auto-detail-header p { margin: 3px 0 0; color: var(--asp-text-muted); font-size: 13px; line-height: 1.3; overflow-wrap: anywhere; }
.asp-auto-detail-section {
  min-width: 0;
  margin: 0 0 10px;
  padding: 13px;
  border: 1px solid var(--asp-border);
  border-radius: 16px;
  background: var(--asp-surface);
  box-shadow: var(--asp-shadow);
  overflow: hidden;
}
.asp-auto-section-heading { min-width: 0; display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin-bottom: 10px; }
.asp-auto-section-heading h3 { margin: 0; color: var(--asp-text) !important; font-size: 16px; line-height: 1.25; overflow-wrap: anywhere; }
.asp-auto-section-heading > span { flex: 0 0 auto; color: var(--asp-text-muted); font-size: 12px; font-weight: 750; }
.asp-auto-detail-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1px;
  margin: 0;
  padding: 1px;
  border-radius: 12px;
  background: var(--asp-border);
  overflow: hidden;
}
.asp-auto-detail-field { min-width: 0; padding: 9px 11px; background: var(--asp-surface-2); }
.asp-auto-detail-field dt { margin: 0 0 2px; color: var(--asp-text-muted); font-size: 11px; font-weight: 700; line-height: 1.25; }
.asp-auto-detail-field dd { margin: 0; color: var(--asp-text); font-size: 13px; font-weight: 750; line-height: 1.35; white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word; }
.asp-auto-check-grid,
.asp-auto-photo-grid { min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.asp-auto-check,
.asp-auto-photo { min-width: 0; padding: 9px; border: 1px solid var(--asp-border); border-radius: 11px; background: var(--asp-surface-2); overflow-wrap: anywhere; }
.asp-auto-check strong,
.asp-auto-photo strong { display: block; color: var(--asp-text); font-size: 12px; line-height: 1.25; }
.asp-auto-check span,
.asp-auto-photo small { display: block; margin-top: 4px; color: var(--asp-text-muted); font-size: 11px; font-weight: 700; line-height: 1.25; }
.asp-auto-photo { min-height: 82px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.asp-auto-photo > span { margin-bottom: 4px; color: var(--asp-accent); font-size: 18px; }
.asp-auto-history { min-width: 0; display: grid; gap: 7px; }
.asp-auto-history article { min-width: 0; padding: 9px 11px; border-left: 3px solid var(--asp-accent); border-radius: 9px; background: var(--asp-surface-2); overflow-wrap: anywhere; }
.asp-auto-history strong { display: block; color: var(--asp-text); font-size: 13px; }
.asp-auto-history span { display: block; margin-top: 2px; color: var(--asp-text-muted); font-size: 12px; line-height: 1.3; }

.asp-auto-unavailable-card { max-width: 680px; margin: 12px auto; }
.asp-auto-diagnostics {
  max-width: 680px;
  margin: 10px auto 0;
  border: 1px solid var(--asp-border);
  border-radius: 14px;
  background: var(--asp-surface);
  color: var(--asp-text);
  overflow: hidden;
}
.asp-auto-diagnostics summary { min-height: 44px; display: flex; align-items: center; padding: 10px 13px; color: var(--asp-text-muted); font-weight: 800; cursor: pointer; }
.asp-auto-diagnostics p { margin: 0; padding: 0 13px 13px; color: var(--asp-text-muted); font-size: 13px; line-height: 1.45; }

.asp-auto-pwa-panel { display: grid; gap: 10px; }
.asp-auto-pwa-panel__head { min-width: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.asp-auto-pwa-panel__head h2 { margin: 0; font-size: 19px; line-height: 1.2; }
.asp-auto-pwa-panel__head p { margin: 3px 0 0; color: var(--asp-text-muted); font-size: 13px; }
.asp-auto-pwa-actions { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; }
.asp-auto-pwa-vehicle { min-height: 104px; }

#appShell.asp-app-auto-active .hero {
  position: sticky;
  top: 0;
  z-index: 35;
  padding: 10px 12px;
  border-radius: 15px;
  background: color-mix(in srgb, var(--asp-surface) 94%, transparent) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
#appShell.asp-app-auto-active .hero .eyebrow,
#appShell.asp-app-auto-active .hero #heroMeta,
#appShell.asp-app-auto-active .hero > div:last-child { display: none !important; }
#appShell.asp-app-auto-active .hero h1 { font-size: 20px; line-height: 1.15; }
#appShell.asp-app-auto-active .stack { margin-top: 10px; }

@media (max-width: 359px) {
  .asp-auto-shell { padding-inline: 8px; }
  .asp-auto-header { margin-inline: -8px; padding-inline: 8px; }
  .asp-auto-summary-card { padding: 9px 10px; }
  .asp-auto-summary-card span { font-size: 11px; }
  .asp-auto-employee-card { grid-template-columns: 42px minmax(0, 1fr); }
  .asp-auto-employee-card > .asp-auto-status { grid-column: 2; justify-self: start; max-width: 100%; }
  .asp-auto-section-heading { align-items: flex-start; flex-direction: column; }
}

@media (min-width: 768px) {
  .asp-auto-shell { padding-top: 10px; }
  .asp-auto-header { top: 10px; margin-inline: 0; padding: 7px; border: 1px solid var(--asp-border); border-radius: 17px; }
  .asp-auto-header__title h1 { font-size: 22px; }
  .asp-auto-summary { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
  .asp-auto-summary-card { min-height: 88px; padding: 13px 14px; }
  .asp-auto-summary-card strong { font-size: 28px; }
  .asp-auto-card-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
  .asp-auto-detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .asp-auto-check-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .asp-auto-photo-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .asp-auto-pwa-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1024px) {
  .asp-auto-shell { padding-inline: 20px; }
  .asp-auto-header__title p { display: block; }
  .asp-auto-check-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .asp-auto-photo-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (prefers-reduced-motion: reduce) {
  .asp-auto-skeleton { animation: none; }
  .asp-auto-entity-card { transition: none; }
}
/* End Auto mobile Fleet styles */

/* Fleet handover durable-saga UI. The server contract decides whether actions render. */
.asp-handover-disabled {
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid var(--asp-border);
  border-radius: 12px;
  background: var(--asp-surface-2);
  color: var(--asp-text-muted);
  font-size: 13px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.asp-handover-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.asp-handover-actions > button,
.asp-handover-actions > a {
  min-height: 44px;
  margin: 0;
}
.asp-handover-dialog {
  width: min(720px, calc(100vw - 16px));
  max-width: 100%;
  max-height: min(880px, calc(100dvh - 16px));
  margin: auto;
  padding: 0;
  border: 1px solid var(--asp-border);
  border-radius: 20px;
  background: var(--asp-surface);
  color: var(--asp-text);
  box-shadow: 0 24px 72px rgba(2, 20, 32, .34);
  overflow: hidden;
}
.asp-handover-dialog::backdrop { background: rgba(2, 20, 32, .62); backdrop-filter: blur(3px); }
.asp-handover-dialog__form {
  max-width: 100%;
  max-height: min(880px, calc(100dvh - 16px));
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
}
.asp-handover-dialog__header,
.asp-handover-dialog__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px;
  background: var(--asp-surface);
}
.asp-handover-dialog__header { border-bottom: 1px solid var(--asp-border); }
.asp-handover-dialog__footer { border-top: 1px solid var(--asp-border); }
.asp-handover-dialog__header h2 { min-width: 0; margin: 0; font-size: 18px; overflow-wrap: anywhere; }
.asp-handover-dialog__body {
  min-width: 0;
  display: grid;
  gap: 12px;
  padding: 12px;
  overflow: auto;
  overscroll-behavior: contain;
}
.asp-handover-form-grid { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
.asp-handover-field { min-width: 0; display: grid; gap: 5px; }
.asp-handover-field > span { color: var(--asp-text-muted); font-size: 12px; font-weight: 800; }
.asp-handover-field input,
.asp-handover-field select,
.asp-handover-field textarea {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 10px 11px;
  border: 1px solid var(--asp-border);
  border-radius: 11px;
  background: var(--asp-surface-2);
  color: var(--asp-text);
  font: inherit;
}
.asp-handover-field textarea { min-height: 78px; resize: vertical; }
.asp-handover-field input:focus-visible,
.asp-handover-field select:focus-visible,
.asp-handover-field textarea:focus-visible { outline: 3px solid color-mix(in srgb, var(--asp-accent) 30%, transparent); outline-offset: 1px; }
.asp-handover-checks { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; }
.asp-handover-checks label {
  min-width: 0;
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 8px 10px;
  border: 1px solid var(--asp-border);
  border-radius: 10px;
  background: var(--asp-surface-2);
  color: var(--asp-text);
  font-size: 13px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}
.asp-handover-checks input { width: 20px; height: 20px; flex: 0 0 auto; accent-color: var(--asp-accent); }
.asp-handover-proposal-list { min-width: 0; display: grid; gap: 9px; }
.asp-handover-proposal {
  min-width: 0;
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--asp-border);
  border-radius: 15px;
  background: var(--asp-surface-2);
  overflow: hidden;
}
.asp-handover-proposal__head { min-width: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.asp-handover-proposal__head > div { min-width: 0; }
.asp-handover-proposal__head strong,
.asp-handover-proposal__head span { display: block; overflow-wrap: anywhere; }
.asp-handover-proposal__head strong { color: var(--asp-text); font-size: 15px; }
.asp-handover-proposal__head span { margin-top: 2px; color: var(--asp-text-muted); font-size: 12px; }
.asp-handover-proposal__meta { min-width: 0; display: grid; gap: 4px; color: var(--asp-text-muted); font-size: 13px; line-height: 1.35; }
.asp-handover-proposal__meta span { overflow-wrap: anywhere; }
.asp-handover-proposal details { min-width: 0; border-top: 1px solid var(--asp-border); padding-top: 8px; }
.asp-handover-proposal summary { min-height: 44px; display: flex; align-items: center; color: var(--asp-accent); font-size: 13px; font-weight: 850; cursor: pointer; }
.asp-handover-proposal__detail { min-width: 0; display: grid; gap: 8px; }
.asp-handover-proposal__detail dl { min-width: 0; margin: 0; display: grid; gap: 1px; border-radius: 10px; background: var(--asp-border); overflow: hidden; }
.asp-handover-proposal__detail dl > div { min-width: 0; padding: 8px 9px; background: var(--asp-surface); }
.asp-handover-proposal__detail dt { color: var(--asp-text-muted); font-size: 11px; }
.asp-handover-proposal__detail dd { margin: 2px 0 0; color: var(--asp-text); font-size: 13px; white-space: pre-wrap; overflow-wrap: anywhere; }
.asp-handover-driver-facts { min-width: 0; display: grid; gap: 12px; border-top: 1px solid var(--asp-border); padding-top: 10px; }
.asp-handover-driver-facts__note,
.asp-handover-cross-org {
  min-width: 0;
  padding: 9px 10px;
  border-radius: 10px;
  background: color-mix(in srgb, var(--asp-accent) 10%, var(--asp-surface));
  color: var(--asp-text);
  font-size: 12px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.asp-handover-fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.asp-handover-fieldset legend { width: 100%; margin: 0 0 7px; padding: 0; color: var(--asp-text); font-size: 13px; font-weight: 850; line-height: 1.35; overflow-wrap: anywhere; }
.asp-handover-warnings {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 9px 10px;
  border: 1px solid color-mix(in srgb, #d97706 45%, var(--asp-border));
  border-radius: 10px;
  background: color-mix(in srgb, #f59e0b 11%, var(--asp-surface));
  color: var(--asp-text);
  font-size: 12px;
  line-height: 1.35;
}
.asp-handover-warnings span { min-width: 0; overflow-wrap: anywhere; }
.asp-handover-reject { min-width: 0; display: grid; gap: 7px; }
.asp-handover-reject textarea { width: 100%; min-width: 0; min-height: 72px; padding: 10px; border: 1px solid var(--asp-border); border-radius: 10px; background: var(--asp-surface); color: var(--asp-text); font: inherit; }

@media (min-width: 560px) {
  .asp-handover-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .asp-handover-field--wide { grid-column: 1 / -1; }
  .asp-handover-checks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .asp-handover-proposal__detail dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 359px) {
  .asp-handover-dialog { width: calc(100vw - 8px); max-height: calc(100dvh - 8px); border-radius: 15px; }
  .asp-handover-dialog__form { max-height: calc(100dvh - 8px); }
  .asp-handover-dialog__header,
  .asp-handover-dialog__body,
  .asp-handover-dialog__footer { padding-inline: 9px; }
  .asp-handover-dialog__footer { align-items: stretch; flex-direction: column-reverse; }
  .asp-handover-dialog__footer > button { width: 100%; }
  .asp-handover-proposal__head { flex-direction: column; }
  .asp-handover-proposal__head .asp-auto-status { max-width: 100%; }
}