/**
 * ADR-033 — Mobile Experience Optimization (MXO)
 * Global Studio shell helpers. Scoped under .dash-shell / body.studio-mxo.
 * Desktop layouts above ~992px stay intact.
 */

:root {
  --mxo-tap: 48px;
  --mxo-safe-top: env(safe-area-inset-top, 0px);
  --mxo-safe-right: env(safe-area-inset-right, 0px);
  --mxo-safe-bottom: env(safe-area-inset-bottom, 0px);
  --mxo-safe-left: env(safe-area-inset-left, 0px);
  --mxo-bp-phone: 768px;
  --mxo-bp-tablet: 992px;
}

/* Drawer open only — never leave this on or the page cannot scroll */
body.studio-mxo.mxo-lock-scroll {
  overflow: hidden;
}

.dash-shell {
  --mxo-tap: 48px;
}

/* Keep document scrolling on phones (do not clip .dash-shell — overflow-x
   forces overflow-y to auto and can trap the page in an unscrollable shell). */
@media (max-width: 1180px) {
  html,
  body.studio-mxo {
    overflow-x: hidden;
    overflow-y: auto;
    height: auto;
    min-height: 100%;
    overscroll-behavior-y: auto;
  }

  body.studio-mxo.mxo-lock-scroll {
    overflow: hidden;
    height: 100%;
  }

  .dash-shell {
    max-width: 100%;
    overflow: visible;
  }

  .dash-shell .dash-sidebar {
    padding-top: max(0.75rem, var(--mxo-safe-top));
    padding-bottom: max(1rem, var(--mxo-safe-bottom));
    padding-left: max(0px, var(--mxo-safe-left));
  }

  .dash-shell .dash-topbar {
    padding-top: max(0.35rem, var(--mxo-safe-top));
    padding-left: max(0.5rem, var(--mxo-safe-left));
    padding-right: max(0.5rem, var(--mxo-safe-right));
    min-height: calc(var(--mxo-tap) + 0.5rem);
    box-sizing: border-box;
  }

  .dash-shell .dash-main {
    padding-bottom: max(1rem, var(--mxo-safe-bottom));
    min-width: 0;
    max-width: 100%;
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
  }

  .dash-shell .dash-nav-hamburger {
    min-width: var(--mxo-tap);
    min-height: var(--mxo-tap);
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  /* Thumb-first nav rows */
  .dash-shell .dash-menu .menu-item,
  .dash-shell .dash-menu a.menu-item,
  .dash-shell .dash-menu-group-toggle {
    min-height: var(--mxo-tap);
    align-items: center;
  }
}

/* —— Compact topbar “More” overflow —— */
.dash-shell .mxo-topbar-more {
  position: relative;
  display: none;
}

.dash-shell .mxo-topbar-more__btn {
  min-width: var(--mxo-tap);
  min-height: var(--mxo-tap);
  border: 0;
  background: transparent;
  color: inherit;
  font-size: 1.35rem;
  line-height: 1;
  cursor: pointer;
  border-radius: 10px;
}

.dash-shell .mxo-topbar-more__btn:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.dash-shell .mxo-topbar-more__menu {
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  min-width: 11rem;
  padding: 0.35rem;
  margin: 0;
  list-style: none;
  background: var(--dash-surface, #fff);
  color: var(--dash-text, #111);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);
  z-index: 80;
}

.dash-shell .mxo-topbar-more__menu[hidden] {
  display: none !important;
}

.dash-shell .mxo-topbar-more__menu a,
.dash-shell .mxo-topbar-more__menu button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  min-height: var(--mxo-tap);
  padding: 0.5rem 0.75rem;
  border: 0;
  background: transparent;
  color: inherit;
  text-decoration: none;
  font: inherit;
  text-align: left;
  border-radius: 8px;
  cursor: pointer;
}

.dash-shell .mxo-topbar-more__menu a:hover,
.dash-shell .mxo-topbar-more__menu button:hover {
  background: rgba(0, 0, 0, 0.05);
}

@media (max-width: 768px) {
  .dash-shell .mxo-topbar-more {
    display: inline-flex;
    align-items: center;
  }

  /* Collapse secondary topbar actions into More (keep hamburger, user, primary create when space) */
  .dash-shell .topbar-actions .topbar-notification:not(.topbar-deal-messages),
  .dash-shell .topbar-actions .topbar-create {
    display: none !important;
  }

  .dash-shell.mxo-more-has-create .topbar-actions .topbar-create {
    display: none !important;
  }

  .dash-shell .topbar-user-name {
    display: none !important;
  }

  /* Single-row topbar: hamburger · currency · actions */
  .dash-shell .dash-topbar,
  .dash-shell .dash-topbar.dash-topbar--fin {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 6px !important;
    row-gap: 0 !important;
    min-height: calc(52px + var(--mxo-safe-top));
    overflow: visible;
  }

  .dash-shell .dash-topbar-studio-title {
    display: none !important;
  }

  .dash-shell .dash-topbar .topbar-actions {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
  }

  .dash-shell .dash-topbar .topbar-user-trigger,
  .dash-shell .dash-topbar .topbar-deal-messages,
  .dash-shell .dash-topbar .mxo-topbar-more__btn {
    min-width: var(--mxo-tap);
    min-height: var(--mxo-tap);
  }

  .dash-shell .dash-main-content,
  .dash-shell #dash-main-content {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: visible;
    box-sizing: border-box;
  }

  /* Currency dropdown stays on-screen */
  .dash-shell .dash-topbar-currency-dropdown {
    left: auto !important;
    right: 0 !important;
    max-width: min(280px, calc(100vw - 24px));
  }
}

/* —— Cards → 1 col —— */
@media (max-width: 768px) {
  .dash-shell .cards,
  .dash-shell .card-grid,
  .dash-shell [data-mxo-cards],
  .dash-shell .dash-card-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.85rem;
  }

  .dash-shell table.mxo-table,
  .dash-shell .mxo-table-wrap table,
  .dash-shell [data-mxo-table] {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .dash-shell .mxo-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-inline: -0.25rem;
    padding-inline: 0.25rem;
  }

  /* Tap targets */
  .dash-shell button:not(.dash-nav-hamburger):not(.mxo-topbar-more__btn):not([data-mxo-allow-small]),
  .dash-shell .btn,
  .dash-shell a.btn,
  .dash-shell input[type="submit"],
  .dash-shell input[type="button"] {
    min-height: var(--mxo-tap);
  }

  .dash-shell input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]),
  .dash-shell select,
  .dash-shell textarea {
    min-height: var(--mxo-tap);
    font-size: 16px; /* avoid iOS zoom */
  }

  .dash-shell img {
    max-width: 100%;
    height: auto;
  }

  /* Fluid type — desktop sizes preserved above 992 via media scope */
  .dash-shell .dash-main h1 {
    font-size: clamp(1.35rem, 4.5vw, 1.75rem);
  }

  .dash-shell .dash-main h2 {
    font-size: clamp(1.15rem, 3.5vw, 1.4rem);
  }

  .dash-shell footer,
  .dash-shell .dash-footer,
  .dash-shell [data-mxo-footer] {
    display: block;
  }

  .dash-shell footer .footer-cols,
  .dash-shell [data-mxo-footer-cols] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}

/* Sticky bar keyboard / visualViewport padding hook */
.dash-shell .mxo-sticky-bar,
body.studio-mxo .mxo-sticky-bar {
  padding-bottom: max(0.5rem, var(--mxo-safe-bottom));
  padding-bottom: max(0.5rem, calc(var(--mxo-safe-bottom) + var(--mxo-vv-offset, 0px)));
}

/* Viewport keyboard class set by mobile.js */
body.studio-mxo.mxo-keyboard-open .mxo-sticky-bar {
  transition: padding-bottom 0.15s ease;
}

/* ═══════════════════════════════════════════════════════════
   ADR-033 Phase 5 — P2 surfaces (PM · Content Builder · Hub)
   Phone-complete pass — no workflow redesign
   ═══════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  /* —— Product Manager —— */
  .dash-main[data-active-menu="product-manager"] .pmx-fields,
  .dash-main[data-active-menu="product-manager-new"] .pmx-fields,
  .dash-main[data-active-menu="product-manager"] .pmx-product,
  .dash-main[data-active-menu="product-manager"] .pmx-funnel,
  .dash-main[data-active-menu="product-manager"] .pmx-exp,
  .dash-main[data-active-menu="product-manager"] .pmx-meta,
  .dash-main[data-active-menu="product-manager"] .pmx-stats {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px;
  }

  .dash-main[data-active-menu="product-manager"] .pmx-page,
  .dash-main[data-active-menu="product-manager-new"] .pmx-page,
  .dash-main[data-active-menu="product-manager"] .pmd,
  .dash-main[data-active-menu="product-manager"] .pmx {
    max-width: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }

  .dash-main[data-active-menu="product-manager"] .pmd-kpis,
  .dash-main[data-active-menu="product-manager"] .pmd-analytics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .dash-main[data-active-menu="product-manager"] .pmd-hero,
  .dash-main[data-active-menu="product-manager"] .pmx-hero,
  .dash-main[data-active-menu="product-manager"] .pmx-block__head {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .dash-main[data-active-menu="product-manager"] .pmd-hero__actions,
  .dash-main[data-active-menu="product-manager"] .pmx-actions,
  .dash-main[data-active-menu="product-manager"] .pmx-exp__actions,
  .dash-main[data-active-menu="product-manager"] .pmx-conn__item,
  .dash-main[data-active-menu="product-manager"] .pm-list__row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  .dash-main[data-active-menu="product-manager"] .pmd-hero__actions > *,
  .dash-main[data-active-menu="product-manager"] .pmx-actions > *,
  .dash-main[data-active-menu="product-manager"] .pmx-exp__actions > *,
  .dash-main[data-active-menu="product-manager"] .pmx-btn,
  .dash-main[data-active-menu="product-manager-new"] .pmx-btn,
  .dash-main[data-active-menu="product-manager"] .pmd-btn {
    flex: 1 1 100% !important;
    min-height: var(--mxo-tap) !important;
    justify-content: center;
    box-sizing: border-box;
  }

  .dash-main[data-active-menu="product-manager"] .pmx-stepper {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    gap: 8px !important;
    padding-bottom: 6px;
    max-width: 100%;
  }

  .dash-main[data-active-menu="product-manager"] .pmx-stepper > * {
    flex: 0 0 auto;
    min-width: min(160px, 70vw);
  }

  .dash-main[data-active-menu="product-manager"] .pmx-conn__item-main {
    width: 100%;
  }

  .dash-main[data-active-menu="product-manager"] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .dash-main[data-active-menu="product-manager"] select,
  .dash-main[data-active-menu="product-manager"] textarea,
  .dash-main[data-active-menu="product-manager-new"] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .dash-main[data-active-menu="product-manager-new"] select,
  .dash-main[data-active-menu="product-manager-new"] textarea {
    min-height: var(--mxo-tap);
    font-size: 16px;
    max-width: 100%;
  }

  /* —— Content Builder —— */
  .dash-main[data-active-menu="content-builder"] .lw-shell,
  .dash-main[data-active-menu="content-builder"] .cbs-layout,
  .dash-main[data-active-menu="content-builder"] .cb-workspace,
  .dash-main[data-active-menu="content-builder"] .ec-layout {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  /* Fulfillment nav → horizontal story/chip rail */
  .dash-main[data-active-menu="content-builder"] .lw-nav {
    position: static !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 6px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    padding: 10px !important;
    max-width: 100%;
  }

  .dash-main[data-active-menu="content-builder"] .lw-nav__label {
    display: none !important;
  }

  .dash-main[data-active-menu="content-builder"] .lw-nav__link {
    flex: 0 0 auto !important;
    min-height: var(--mxo-tap) !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 10px 14px !important;
    white-space: nowrap;
    scroll-snap-align: start;
  }

  .dash-main[data-active-menu="content-builder"] .lw-nav__preview {
    display: none !important;
  }

  .dash-main[data-active-menu="content-builder"] .lw-context {
    position: static !important;
    order: 3;
  }

  .dash-main[data-active-menu="content-builder"] .lw-center {
    order: 2;
    min-width: 0;
  }

  .dash-main[data-active-menu="content-builder"] .lw-topbar {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }

  .dash-main[data-active-menu="content-builder"] .lw-topbar__actions,
  .dash-main[data-active-menu="content-builder"] .cb-exp__actions,
  .dash-main[data-active-menu="content-builder"] .cb-list__head-actions,
  .dash-main[data-active-menu="content-builder"] .cb-fmap__row-actions,
  .dash-main[data-active-menu="content-builder"] .lw-module__actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  .dash-main[data-active-menu="content-builder"] .lw-topbar__actions > *,
  .dash-main[data-active-menu="content-builder"] .cb-exp__actions > *,
  .dash-main[data-active-menu="content-builder"] .cb-list__head-actions > *,
  .dash-main[data-active-menu="content-builder"] .cbs-btn,
  .dash-main[data-active-menu="content-builder"] .cb-fmap__row-actions .cbs-btn {
    flex: 1 1 auto;
    min-height: var(--mxo-tap);
    justify-content: center;
  }

  .dash-main[data-active-menu="content-builder"] .cb-exp__grid,
  .dash-main[data-active-menu="content-builder"] .cb-composer__grid,
  .dash-main[data-active-menu="content-builder"] .cbs-info-grid,
  .dash-main[data-active-menu="content-builder"] .cbs-row,
  .dash-main[data-active-menu="content-builder"] .cbw-templates,
  .dash-main[data-active-menu="content-builder"] .cbw-experiences,
  .dash-main[data-active-menu="content-builder"] .cbw-stats,
  .dash-main[data-active-menu="content-builder"] .lw-stat-row,
  .dash-main[data-active-menu="content-builder"] .lw-hero {
    grid-template-columns: 1fr !important;
  }

  .dash-main[data-active-menu="content-builder"] .lw-stat-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .dash-main[data-active-menu="content-builder"] .cb-fmap__row-main,
  .dash-main[data-active-menu="content-builder"] .cb-fmap__delivery,
  .dash-main[data-active-menu="content-builder"] .cb-fmap-launch {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .dash-main[data-active-menu="content-builder"] .cb-fmap__delivery-select {
    max-width: 100% !important;
    width: 100%;
    min-height: var(--mxo-tap);
    font-size: 16px;
  }

  .dash-main[data-active-menu="content-builder"] .cbw-filters,
  .dash-main[data-active-menu="content-builder"] .cbw-chip {
    min-height: 44px;
  }

  .dash-main[data-active-menu="content-builder"] .cbw-filters {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    gap: 6px !important;
  }

  .dash-main[data-active-menu="content-builder"] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .dash-main[data-active-menu="content-builder"] select,
  .dash-main[data-active-menu="content-builder"] textarea {
    min-height: var(--mxo-tap);
    font-size: 16px;
    max-width: 100%;
  }

  /* —— Commerce Hub —— */
  .dash-main[data-active-menu="commerce-manager"] .chub-ops__kpis,
  .dash-main[data-active-menu="commerce-manager"] .chub-ops__product-grid,
  .dash-main[data-active-menu="commerce-manager"] .chub-ops__stat-grid,
  .dash-main[data-active-menu="commerce-manager"] .chub-ops__triptych {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .dash-main[data-active-menu="commerce-manager"] .chub-ops__hero {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .dash-main[data-active-menu="commerce-manager"] .chub-ops__tabs,
  .dash-main[data-active-menu="commerce-manager"] [role="tablist"] {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    gap: 6px !important;
    padding-bottom: 4px;
    max-width: 100%;
  }

  .dash-main[data-active-menu="commerce-manager"] .chub-ops__tabs a {
    flex: 0 0 auto;
    min-height: var(--mxo-tap);
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
  }

  .dash-main[data-active-menu="commerce-manager"] .chub-ops__journey {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
  }

  .dash-main[data-active-menu="commerce-manager"] .chub-ops__card-actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
  }

  .dash-main[data-active-menu="commerce-manager"] .chub-ops__btn {
    width: 100%;
    min-height: var(--mxo-tap);
    box-sizing: border-box;
  }

  .dash-main[data-active-menu="commerce-manager"] .chub-ops__table-wrap,
  .dash-main[data-active-menu="commerce-manager"] table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* —— Business Builder shell mount —— */
  .dash-main[data-active-menu="business-builder-v2"],
  .dash-main[data-active-menu="business-builder-v2"] .bbv2-mount,
  .dash-main[data-active-menu="business-builder-v2"] #bbv2-root {
    max-width: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    /* Keep fixed FAB/sheet viewport-anchored */
    overflow: visible !important;
  }

  /* Seller dashboard mission / KPI grids */
  .dash-main[data-active-menu="dashboard"] .dmc-grid,
  .dash-main[data-active-menu="dashboard"] .dash-kpi-grid,
  .dash-main[data-active-menu="dashboard"] .mission-grid {
    grid-template-columns: 1fr !important;
  }

  /* Buyer workspace */
  .dash-main .bdv2-btn {
    min-height: var(--mxo-tap);
  }

  .dash-main .bdv2 [class*="grid"],
  .dash-main .bdv2-grid {
    grid-template-columns: 1fr !important;
  }

  /* Learning workspace player / curriculum */
  .dash-main .lw-shell,
  .dash-main .learning-workspace {
    max-width: 100%;
  }

  .dash-main .lw-layout,
  .dash-main .lw-player-layout {
    display: flex;
    flex-direction: column;
  }
}

/* ═══════════════════════════════════════════════════════════
   ADR-033 — Complete phone pass (375 / 390 / 414)
   Shell + Mission Control + classic seller dashboard
   ═══════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  /* Mission Control home */
  .dash-main .dmc--v2 {
    gap: 16px !important;
    margin: 0 0 24px !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box;
  }

  .dash-main .dmc-hello h1 {
    font-size: clamp(1.35rem, 5.5vw, 1.55rem) !important;
    letter-spacing: -0.03em;
  }

  .dash-main .dmc-hello p {
    font-size: 13px !important;
    line-height: 1.45;
  }

  .dash-main .dmc-trust__grid,
  .dash-main .dmc-kpis,
  .dash-main .dmc-create,
  .dash-main .dmc-prd-grid,
  .dash-main .dmc-biz-grid,
  .dash-main .dmc-rail,
  .dash-main .dmc-rail--ws {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  /* Keep KPI / create as 2-up when space allows */
  .dash-main .dmc-kpis,
  .dash-main .dmc-create {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .dash-main .dmc-card,
  .dash-main .dmc-kpi,
  .dash-main .dmc-status {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .dash-main .dmc-card--create,
  .dash-main .dmc-card--biz,
  .dash-main .dmc-card--create-biz {
    min-height: 0 !important;
  }

  .dash-main .dmc-card,
  .dash-main a.dmc-card {
    min-height: var(--mxo-tap);
  }

  .dash-main .dmc-card__link,
  .dash-main .dmc-zone__head a,
  .dash-main .dmc-ask-abi a,
  .dash-main .dmc-mission a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }

  /* Journey strip: horizontal snap scroll, no page overflow */
  .dash-main .dmc-journey,
  .dash-main .dmc-journey ol,
  .dash-main .dmc-journey ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    padding-bottom: 6px;
    margin-inline: 0;
    max-width: 100%;
  }

  .dash-main .dmc-journey li {
    flex: 0 0 auto;
    min-width: 72px;
    scroll-snap-align: start;
  }

  .dash-main .dmc-hero,
  .dash-main .dmc-mission,
  .dash-main .dmc-coach__grid,
  .dash-main .dmc-bottom,
  .dash-main .dmc-ops-band {
    grid-template-columns: 1fr !important;
  }

  .dash-main .dmc-robot {
    max-width: 140px;
    margin: 0 auto;
  }

  /* Classic / finance dashboard blocks */
  .dash-main[data-active-menu="dashboard"] .stats-row,
  .dash-main[data-active-menu="dashboard"] .chart-row,
  .dash-main[data-active-menu="dashboard"] .seller-stats,
  .dash-main[data-active-menu="dashboard"] .seller-wallet-grid,
  .dash-main[data-active-menu="dashboard"] .exec-os__grid,
  .dash-main .seller-stats,
  .dash-main .seller-wallet-grid,
  .dash-main .seller-paid-offers,
  .dash-main .dash-marketplace-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .dash-main .seller-offer-card,
  .dash-main .seller-stat,
  .dash-main .stat-card,
  .dash-main .chart-card {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .dash-main .seller-stat a,
  .dash-main .seller-stat button,
  .dash-main .card-link {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }

  /* Charts / canvases */
  .dash-main canvas,
  .dash-main .chart-card canvas {
    max-width: 100% !important;
    height: auto !important;
  }

  /* Module heroes / action rows across Studio */
  .dash-main .dash-module-hero__actions,
  .dash-main .ds-actions,
  .dash-main .ds-kpi-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  .dash-main .dash-module-hero__actions > *,
  .dash-main .ds-actions > * {
    flex: 1 1 100% !important;
    min-width: 0 !important;
    justify-content: center;
  }

  .dash-main .ds-kpi-row {
    flex-direction: column;
  }

  .dash-main .ds-stat,
  .dash-main .ds-card,
  .dash-main .ds-hero {
    max-width: 100%;
  }
}

@media (max-width: 390px) {
  .dash-main .dmc-kpis,
  .dash-main .dmc-create,
  .dash-main .dmc-trust__grid,
  .dash-main[data-active-menu="product-manager"] .pmd-kpis,
  .dash-main[data-active-menu="product-manager"] .pmd-analytics,
  .dash-main[data-active-menu="content-builder"] .lw-stat-row {
    grid-template-columns: 1fr !important;
  }

  .dash-shell .dash-topbar .dash-topbar-currency-code {
    display: none;
  }
}

/* Auth / login (P3 light pass — pages outside .dash-shell) */
body.auth-standalone-page .auth-standalone-shell,
body.al-login-body .al-login-wrap {
  padding-left: max(14px, env(safe-area-inset-left, 0px));
  padding-right: max(14px, env(safe-area-inset-right, 0px));
  padding-bottom: max(16px, env(safe-area-inset-bottom, 0px));
}

body.al-login-body .al-login-wrap {
  max-width: 440px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  body.auth-standalone-page .auth-standalone-shell {
    max-width: 100%;
  }

  body.auth-standalone-page input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  body.al-login-body .al-login-input {
    min-height: 48px;
    font-size: 16px;
  }

  body.auth-standalone-page button[type="submit"],
  body.al-login-body .al-login-submit {
    min-height: 48px;
  }
}