/* My — account shell matching Studio / main chrome */

body.my-account-app #view-gate,
body.my-account-app #view-onboard {
  display: none !important;
}

body.my-account-app #view-app.active {
  display: block;
}

/* Site picker is studio-only */
body.my-account-app #site-pick,
body.my-account-app .my-stubs {
  display: none !important;
}

/* Account content uses the app sidebar — never show the in-page duplicate */
body.my-account-app .acct-side-nav,
body.my-account-app #acct-nav,
body.my-account-app .acct-wrap--my .acct-side-nav {
  display: none !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

body.my-account-app .acct-wrap,
body.my-account-app .acct-wrap--my {
  display: block !important;
}

body.my-account-app .acct-panels {
  padding: 0 !important;
  width: 100% !important;
  max-width: none !important;
}

/*
  Studio pill notch — mounted on .main (sibling of #page) so it never gets
  wiped when account panels re-render. Match Studio sticky + glass chrome.
*/
body.my-account-app #view-app .main > .pill-notch,
body.my-account-app #view-app .main > .topbar.pill-notch,
body.my-account-app #page > .pill-notch {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  position: sticky;
  top: calc(env(safe-area-inset-top, 0px) + 12px);
  left: auto;
  right: auto;
  z-index: 30;
  margin: calc(env(safe-area-inset-top, 0px) + 12px) auto var(--space-4, 16px);
  max-width: min(720px, calc(100% - 32px));
  width: 100%;
  height: var(--pill-notch-h, 48px);
  min-height: var(--pill-notch-h, 48px);
  transform: none;
}

body.my-account-app #view-app .page {
  padding-top: 0;
}

/* Company-only brand — no product suffix */
body.my-account-app .side-brand {
  font-weight: 600;
  letter-spacing: -0.02em;
}

body.my-account-app .side-brand em {
  display: none;
}

/* Meridian-style danger item in the account group */
body.my-account-app .side-nav-danger,
body.my-account-app .side-nav-danger svg.lucide {
  color: var(--color-danger, #ff453a) !important;
}

body.my-account-app .side-nav-danger.on {
  background: color-mix(in srgb, var(--color-danger, #ff453a) 12%, transparent);
  color: var(--color-danger, #ff453a) !important;
}

body.my-account-app .side-nav-danger:hover {
  background: color-mix(in srgb, var(--color-danger, #ff453a) 10%, transparent);
}

/* Active pill — same radius / weight as Studio */
body.my-account-app .side-nav button.on {
  border-radius: 10px;
  font-weight: 500;
}

body.my-account-app .acct-customize-mount .cust-inline {
  border-radius: 14px;
  border: 1px solid var(--color-separator);
  background: var(--color-bg-elevated);
  overflow: hidden;
}

body.my-account-app .acct-customize-mount .cust-head {
  padding: 0 0 12px;
  border-bottom: none;
}

body.my-account-app .acct-customize-mount .cust-body {
  max-height: none;
  overflow: visible;
}

body.my-account-app .live-chip .dot.live {
  background: var(--color-tint);
}