/* Shared account workspace. Public storefront and admin keep their own layout. */
body.storefront-ui.page-dash {
  --workspace-ink: #22344e;
  --workspace-muted: #65738a;
  --workspace-line: #e0e5ed;
  background: #f6f7fa;
}
body.storefront-ui.page-dash .sa-dash { gap: 24px; }
body.storefront-ui.page-dash .sa-dash__nav {
  padding: 10px;
  border-color: var(--workspace-line);
  border-radius: 18px;
  box-shadow: 0 8px 24px #22344e04;
}
body.storefront-ui.page-dash .sa-dash__h {
  color: #758197;
  font-size: 10px;
  letter-spacing: .07em;
  margin-top: 18px;
}
body.storefront-ui.page-dash .sa-dash__a {
  border: 1px solid transparent;
  color: #536079!important;
  padding: 10px;
  border-radius: 10px;
  gap: 10px;
  transition: background .15s ease, color .15s ease;
}
body.storefront-ui.page-dash .sa-dash__a i { color: #8190a5; }
body.storefront-ui.page-dash .sa-dash__a:hover { background: #f4f6fa; color: #22344e!important; }
body.storefront-ui.page-dash .sa-dash__a.is-on {
  background: #edf2f9;
  border-color: #e3eaf4;
  color: #223d62!important;
  box-shadow: inset 3px 0 #d3ae52;
}
body.storefront-ui.page-dash .sa-dash__a.is-on i { color: #3e5f8a; }
body.storefront-ui.page-dash .sa-dash__a--out { border-top-color: #e8ecf2; margin-top: 12px; border-radius: 0 0 10px 10px; }
body.storefront-ui.page-dash :is(.sa-dash__a,.dash-menu>summary,.dash-filters>summary,.table-responsive):focus-visible {
  outline: 3px solid #7393c0;
  outline-offset: 2px;
}
body.storefront-ui.page-dash .sa-dash__main { color: var(--workspace-ink); }
body.storefront-ui.page-dash .sa-dash__main .card { box-shadow: 0 4px 18px #22344e03; }
body.storefront-ui.page-dash .sa-dash__main .table { --bs-table-hover-bg: #f7f9fc; }
body.storefront-ui.page-dash .sa-dash__main .table th { white-space: nowrap; font-size: 11px; letter-spacing: .015em; }
body.storefront-ui.page-dash .sa-dash__main .table td { font-size: 13px; }
body.storefront-ui.page-dash .sa-dash__main .modal-title { color: #22344e; }
body.storefront-ui.page-dash .sa-dash__main .modal-header .btn-close { filter: none; }
body.storefront-ui.page-dash .sa-dash__main .modal-header .btn-close {
  box-sizing: border-box;
  width: 44px;
  height: 44px;
  padding: 0;
  background-size: 14px;
}
@media (min-width: 993px) {
  body.storefront-ui.page-dash .sa-dash__nav {
    top: 18px;
    max-height: calc(100dvh - 36px);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #d8dfe9 transparent;
  }
}
@media (max-width: 992px) {
  body.storefront-ui.page-dash .sa-dash { gap: 16px; }
  body.storefront-ui.page-dash .sa-dash__nav { padding: 0; border-radius: 13px; }
  body.storefront-ui.page-dash .dash-menu>summary { min-height: 50px; color: #314760; }
  body.storefront-ui.page-dash .dash-menu-links { padding: 0 10px 10px; }
}
@media (prefers-reduced-motion: reduce) {
  body.storefront-ui.page-dash .sa-dash__a { transition: none; }
}