.account-access {
  min-height: 100vh;
  background:
    radial-gradient(circle at 50% -10%, rgba(244, 129, 32, .10), transparent 34rem),
    #f7f7f8;
}

.account-shell {
  width: min(1160px, calc(100% - 32px));
  margin: 0 auto;
  padding: clamp(48px, 8vw, 92px) 0 72px;
}

.account-card {
  width: min(560px, 100%);
  margin: 0 auto;
  padding: clamp(26px, 5vw, 42px);
  border: 1px solid #dedfe2;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 20px 60px rgba(23, 23, 23, .08);
  box-sizing: border-box;
}

.account-card--wide { width: min(640px, 100%); }
.account-card--loading { display: none; min-height: 310px; }
.account-access.is-enhanced .account-card--loading { display: block; }

.account-card__head { margin-bottom: 28px; }
.account-card__head h1 { max-width: 17ch; margin: 8px 0 12px; }
.account-card__head p:last-child { max-width: 55ch; margin-bottom: 0; color: #5f6368; }
.account-card__head--center { text-align: center; }
.account-card__head--center h1 { margin-inline: auto; }

.account-mode-switch {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  margin: 0 0 28px;
  padding: 4px;
  border: 1px solid #e1e2e5;
  border-radius: 14px;
  background: #f3f4f6;
}

.account-mode-switch a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 16px;
  border: 1px solid transparent;
  border-radius: 10px;
  color: #5f6368;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease;
}

.account-mode-switch a:hover { color: #202124; background: rgba(255, 255, 255, .72); }

.account-mode-switch a[aria-current="page"] {
  border-color: #dedfe2;
  background: #fff;
  color: #202124;
  box-shadow: 0 1px 3px rgba(32, 33, 36, .10);
}

.account-mode-switch a:focus-visible {
  outline: 3px solid #9d360e;
  outline-offset: 2px;
}

.onboarding-button--block { width: 100%; justify-content: center; }

.account-google {
  position: relative;
  display: grid;
  justify-items: center;
  min-height: 44px;
}

.account-google[hidden],
.account-auth-divider[hidden] { display: none; }

.account-google__button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(400px, 100%);
  min-height: 44px;
}

/*
 * GIS renders its FedCM button in the host document and injects the button
 * stylesheet inline. Mailcore intentionally disallows inline styles in CSP,
 * so keep the generated Google control usable without relaxing that policy.
 * These selectors are contained inside the GIS mount point and mirror the
 * standard 40px outline button; Google still owns the markup and click flow.
 */
.account-google__button > .S9gUrf-YoZ4jf,
.account-google__button > .S9gUrf-YoZ4jf > div {
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 0;
}

.account-google__button .nsm7Bb-HzV7m-LgbsSe {
  position: relative;
  display: flex;
  align-items: center;
  width: 100% !important;
  max-width: 100% !important;
  height: 40px;
  padding: 0 12px;
  overflow: hidden;
  border: 1px solid #dadce0;
  border-radius: 4px;
  outline: none;
  background: #fff;
  color: #3c4043;
  cursor: pointer;
  font-family: "Google Sans", Arial, sans-serif;
  font-size: 14px;
  letter-spacing: .25px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}

.account-google__button .nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb {
  position: relative;
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}

.account-google__button .nsm7Bb-HzV7m-LgbsSe-Bz112c {
  flex: 0 0 18px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin-right: 8px;
}

.account-google__button svg.LgbsSe-Bz112c {
  width: 18px;
  max-width: 18px;
  height: 18px;
}

.account-google__button .nsm7Bb-HzV7m-LgbsSe-BPrWId {
  flex-grow: 1;
  overflow: hidden;
  font-family: "Google Sans", Arial, sans-serif;
  font-weight: 500;
  text-overflow: ellipsis;
}

.account-google__button .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
  position: absolute;
  inset: 0;
  transition: background-color 180ms ease;
}

.account-google__button .L6cTce { display: none; }

.account-google__button .nsm7Bb-HzV7m-LgbsSe:hover,
.account-google__button .nsm7Bb-HzV7m-LgbsSe:focus {
  border-color: #d2e3fc;
  box-shadow: none;
}

.account-google__button .nsm7Bb-HzV7m-LgbsSe:focus-visible {
  border-color: transparent;
  outline: 2px solid #00639b;
  outline-offset: -2px;
}

.account-google__button .nsm7Bb-HzV7m-LgbsSe:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
  background: rgba(66, 133, 244, .08);
}

.account-google[aria-busy="true"] .account-google__button:empty::before {
  width: 100%;
  height: 42px;
  border: 1px solid #d8dade;
  border-radius: 4px;
  background: linear-gradient(90deg, #f5f6f7 25%, #fff 50%, #f5f6f7 75%);
  background-size: 200% 100%;
  content: "";
  animation: account-google-loading 1.2s ease-in-out infinite;
}

.account-google.is-busy .account-google__button {
  opacity: .64;
  pointer-events: none;
}

.account-google.needs-reload .account-google__button {
  opacity: .48;
  pointer-events: none;
}

.account-google__error {
  width: min(400px, 100%);
  margin: 8px 0 0;
  font-size: 13px;
  line-height: 1.45;
  text-align: center;
}

.account-google__status {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.account-google__error {
  padding: 10px 12px;
  border: 1px solid #f1c7c3;
  border-radius: 10px;
  background: #fff5f4;
  color: #8c1d18;
  box-sizing: border-box;
}

.account-google__error:focus-visible {
  outline: 3px solid #9d360e;
  outline-offset: 2px;
}

.account-google__retry {
  min-height: 44px;
  margin-top: 4px;
}

.account-auth-divider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 22px 0;
  color: #6d7278;
  font-size: 13px;
  line-height: 1.4;
  text-align: center;
}

.account-auth-divider::before,
.account-auth-divider::after {
  height: 1px;
  background: #e3e4e7;
  content: "";
  flex: 1 1 auto;
}

@keyframes account-google-loading {
  from { background-position: 100% 0; }
  to { background-position: -100% 0; }
}

.account-legal {
  margin: 24px 0 0;
  color: #6d7278;
  font-size: 13px;
  line-height: 1.55;
}

.account-legal a { color: #25282c; text-underline-offset: 3px; }

.account-mode-prompt {
  margin: 20px 0 0;
  color: #5f6368;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
}

.account-mode-prompt a {
  color: #8f460d;
  font-weight: 700;
  text-underline-offset: 3px;
}

.account-mode-prompt a:focus-visible {
  outline: 3px solid #9d360e;
  outline-offset: 3px;
  border-radius: 3px;
}

.account-code-input {
  font: 700 clamp(24px, 6vw, 32px)/1.2 ui-monospace, SFMono-Regular, Consolas, monospace;
  letter-spacing: .22em;
  text-align: center;
}

.account-secondary-action {
  display: block;
  min-height: 44px;
  margin: 12px auto 0;
}

.account-profile-line {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin: -8px 0 20px;
  padding: 12px 0;
  border-bottom: 1px solid #ececee;
  color: #60656b;
  font-size: 14px;
}

.account-profile-line strong { color: #202124; text-align: right; }

.account-organizations {
  display: grid;
  gap: 10px;
  margin-bottom: 24px;
}

.account-organization {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 68px;
  padding: 12px 14px;
  border: 1px solid #dedfe2;
  border-radius: 13px;
  background: #fff;
  color: #202124;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color 180ms ease, background-color 180ms ease;
}

.account-organization:hover { border-color: #f48120; background: #fffaf5; }
.account-organization:focus-visible { outline: 3px solid #9d360e; outline-offset: 2px; }
.account-organization[aria-current="true"] { border-color: #f48120; background: #fff7ef; }
.account-organization > span:nth-child(2) { min-width: 0; }
.account-organization strong, .account-organization small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-organization small { margin-top: 2px; color: #6b7076; }
.account-organization__mark { width: 34px; height: 34px; border-radius: 9px; background: linear-gradient(135deg, #f48120, #faad3f); }
.account-organization__action { color: #9a4e0f; font-size: 13px; font-weight: 700; }

.account-organization-form {
  padding-top: 22px;
  border-top: 1px solid #ececee;
}

.account-card--first-organization .account-organization-form {
  padding-top: 0;
  border-top: 0;
}

.account-card__footer {
  display: flex;
  justify-content: center;
  margin: 20px 0 -12px;
}

.account-success-icon {
  display: grid;
  place-items: center;
  width: 62px;
  height: 62px;
  margin: 0 auto 18px;
  border-radius: 50%;
  background: #edf8ef;
  color: #25743b;
}

.account-success-icon svg { width: 32px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }

.account-summary {
  margin: 0 0 22px;
  border: 1px solid #e2e3e5;
  border-radius: 13px;
  overflow: hidden;
}

.account-summary div { display: flex; justify-content: space-between; gap: 18px; padding: 12px 14px; }
.account-summary div + div { border-top: 1px solid #ececee; }
.account-summary dt { color: #686d73; }
.account-summary dd { margin: 0; font-weight: 700; text-align: right; }

.account-assurance {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  width: min(640px, 100%);
  margin: 24px auto 0;
  color: #5f646a;
}

.account-assurance > div { display: flex; gap: 10px; align-items: flex-start; padding: 0 8px; }
.account-assurance svg { flex: 0 0 22px; width: 22px; fill: none; stroke: #f48120; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.account-assurance strong, .account-assurance small { display: block; }
.account-assurance strong { margin-bottom: 2px; color: #36393d; font-size: 13px; }
.account-assurance small { font-size: 12px; line-height: 1.45; }
.account-access.has-account-workspace .account-assurance { display: none; }

/* Authenticated account workspace */
.account-workspace {
  min-width: 0;
}

.account-workspace__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 24px;
}

.account-workspace__header h1 {
  max-width: none;
  margin: 8px 0 10px;
  font-size: clamp(2rem, 5vw, 3.35rem);
  letter-spacing: -.055em;
}

.account-workspace__header p:last-child {
  max-width: 62ch;
  margin: 0;
  color: #5f6368;
}

.account-workspace__account {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding-top: 4px;
  color: #63676d;
  font-size: 13px;
}

.account-workspace__account > span {
  max-width: 230px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-workspace__account .text-action {
  min-height: 44px;
  padding-inline: 8px;
}

.account-workspace__organization {
  display: grid;
  grid-template-columns: minmax(280px, 460px) auto;
  align-items: center;
  justify-content: start;
  gap: 14px 20px;
  margin-bottom: 20px;
  padding: 18px 20px;
  border: 1px solid #dedfe2;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 28px rgba(23, 23, 23, .045);
}

.account-workspace__organization-select {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px 12px;
  min-width: 0;
}

.account-workspace__organization-select label {
  grid-column: 1 / -1;
  color: #34373b;
  font-size: 13px;
  font-weight: 700;
}

.account-workspace__organization-select select {
  min-width: 0;
  min-height: 46px;
  cursor: pointer;
}

.account-current-organization {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 50px;
}

.account-current-organization__icon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: #fff0e4;
  color: #9a430c;
}

.account-current-organization__icon svg {
  width: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.account-current-organization__copy {
  min-width: 0;
}

.account-current-organization__copy small,
.account-current-organization__copy strong {
  display: block;
}

.account-current-organization__copy small {
  margin-bottom: 1px;
  color: #6b7076;
  font-size: 12px;
  line-height: 1.25;
}

.account-current-organization__copy strong {
  overflow: hidden;
  color: #202124;
  font-size: 16px;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-workspace--first-setup .account-workspace__organization {
  border-color: #edcfb7;
  background: #fffaf5;
}

.account-role-badge,
.account-count,
.account-domain__status,
.account-inventory__status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 3px 9px;
  border-radius: 999px;
  background: #f1f2f3;
  color: #555a60;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.2;
  white-space: nowrap;
}

.account-role-badge {
  align-self: center;
}

.account-create-organization {
  align-self: center;
}

.account-create-organization summary {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding-inline: 12px;
  border-radius: 9px;
  color: #89400c;
  font-size: 14px;
  font-weight: 750;
  cursor: pointer;
  list-style: none;
}

.account-create-organization summary::-webkit-details-marker { display: none; }
.account-create-organization summary::before { margin-inline-end: 7px; content: "+"; font-size: 20px; font-weight: 500; }
.account-create-organization summary:hover { background: #fff5ea; }
.account-create-organization summary:focus-visible { outline: 3px solid #9d360e; outline-offset: 2px; }

.account-create-organization[open] {
  grid-column: 1 / -1;
  width: min(620px, 100%);
  padding-top: 14px;
  border-top: 1px solid #ececee;
}

.account-create-organization[open] summary { margin-bottom: 12px; }

.account-create-organization__form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 12px;
}

.account-create-organization__form .onboarding-field { margin: 0; }
.account-create-organization__form .onboarding-form__error { grid-column: 1 / -1; }
.account-create-organization__form .onboarding-button { min-width: 132px; }
.account-workspace__error { grid-column: 1 / -1; margin: 0; }

.account-product-choice {
  margin-bottom: 20px;
  padding: clamp(20px, 4vw, 30px);
  border: 1px solid #dedfe2;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(23, 23, 23, .05);
}

.account-product-choice__heading {
  max-width: 720px;
  margin-bottom: 22px;
}

.account-product-choice__heading h2 {
  margin: 7px 0 8px;
  color: #202124;
  font-size: clamp(1.45rem, 3vw, 1.9rem);
  letter-spacing: -.035em;
}

.account-product-choice__heading > p:last-child {
  margin: 0;
  color: #64686e;
  font-size: 14px;
  line-height: 1.55;
}

.account-product-choice__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.account-product-card {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  align-items: start;
  gap: 14px;
  width: 100%;
  min-height: 142px;
  padding: 18px;
  border: 1px solid #dedfe2;
  border-radius: 16px;
  appearance: none;
  background: #fff;
  color: #27292d;
  cursor: pointer;
  font: inherit;
  text-align: left;
  text-decoration: none;
  transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

.account-product-card:hover {
  border-color: #e59a5e;
  background: #fffaf5;
  box-shadow: 0 8px 24px rgba(82, 43, 15, .07);
}

.account-product-card:focus-visible {
  outline: 3px solid #9d360e;
  outline-offset: 3px;
}

.account-product-card[aria-expanded="true"] {
  border-color: #f0b27d;
  background: #fff8f1;
  box-shadow: inset 0 0 0 1px rgba(244, 129, 32, .12);
}

.account-product-card__icon {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 12px;
  background: #fff1e2;
  color: #a64c0e;
}

.account-product-card__icon svg {
  width: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.account-product-card__body {
  min-width: 0;
}

.account-product-card__body strong,
.account-product-card__body small,
.account-product-card__action {
  display: block;
}

.account-product-card__body strong {
  margin-top: 1px;
  color: #202124;
  font-size: 16px;
  line-height: 1.35;
}

.account-product-card__body small {
  margin-top: 5px;
  color: #656a70;
  font-size: 13px;
  line-height: 1.5;
}

.account-product-card__action {
  margin-top: 15px;
  color: #91420d;
  font-size: 13px;
  font-weight: 750;
}

.account-product-card__arrow {
  width: 19px;
  margin-top: 13px;
  fill: none;
  stroke: #a64c0e;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.account-mail-product-panel {
  display: grid;
  gap: 14px;
}

.account-mail-product-panel[hidden] {
  display: none;
}

.account-mail-product-panel__header {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 18px 20px;
  border: 1px solid #e2dcd6;
  border-radius: 16px;
  background: #fffaf5;
}

.account-mail-product-panel__header h2 {
  margin: 5px 0 4px;
  color: #202124;
  font-size: 1.25rem;
  letter-spacing: -.025em;
}

.account-mail-product-panel__header p:last-child {
  margin: 0;
  color: #666a70;
  font-size: 13px;
  line-height: 1.5;
}

.account-workspace__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  align-items: start;
  gap: 20px;
}

.account-portfolio,
.account-products {
  min-width: 0;
  border: 1px solid #dedfe2;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(23, 23, 23, .05);
}

.account-portfolio { padding: clamp(20px, 4vw, 30px); }
.account-products { padding: 20px; }

.account-section-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 22px;
}

.account-section-heading h2,
.account-products h2 {
  margin: 0 0 6px;
  color: #202124;
  font-size: 1.2rem;
  letter-spacing: -.025em;
}

.account-section-heading p {
  max-width: 58ch;
  margin: 0;
  color: #676b70;
  font-size: 14px;
  line-height: 1.55;
}

.account-count {
  min-width: 30px;
  background: #fff2e4;
  color: #84400d;
}

.account-domain-form {
  margin-bottom: 24px;
  padding: 18px;
  border: 1px solid #e6e0da;
  border-radius: 15px;
  background: #fffbf7;
}

.account-domain-form .onboarding-field { margin: 0; }

.account-domain-form__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  gap: 10px;
}

.account-domain-form__row .onboarding-button { min-width: 128px; }
.account-domain-form__permission { margin: 10px 0 0; color: #76532f; font-size: 13px; line-height: 1.5; }

.account-domains-loading {
  display: grid;
  gap: 12px;
}

.account-domains-loading[hidden] { display: none; }

.account-domains-loading > span:not(.visually-hidden) {
  height: 132px;
  border: 1px solid #ececef;
  border-radius: 16px;
  background: linear-gradient(90deg, #f5f5f6 25%, #fbfbfc 50%, #f5f5f6 75%);
  background-size: 200% 100%;
  animation: account-domain-loading 1.25s ease-in-out infinite;
}

@keyframes account-domain-loading {
  from { background-position: 100% 0; }
  to { background-position: -100% 0; }
}

.account-domains-error {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.account-domains-error[hidden] { display: none; }

.account-domains-empty {
  padding: 38px 20px;
  border: 1px dashed #d7d8db;
  border-radius: 16px;
  color: #656a70;
  text-align: center;
}

.account-domains-empty[hidden] { display: none; }
.account-domains-empty svg { width: 34px; fill: none; stroke: #b46220; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.account-domains-empty h3 { margin: 12px 0 6px; color: #303337; font-size: 1rem; }
.account-domains-empty p { margin: 0; font-size: 14px; }

.account-domains {
  display: grid;
  gap: 14px;
}

.account-domain {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #dedfe2;
  border-radius: 16px;
  background: #fff;
}

.account-domain__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  padding: 16px 18px;
}

.account-domain__identity {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
}

.account-domain__identity > span:last-child { min-width: 0; }

.account-domain__identity h3 {
  margin: 0;
  overflow: hidden;
  color: #25272a;
  font-size: 1rem;
  letter-spacing: -.015em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-domain__identity small { display: block; margin-top: 3px; color: #6a6e74; font-size: 12px; }

.account-domain__icon,
.account-product__icon {
  display: grid;
  place-items: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: #fff1e2;
  color: #a64c0e;
}

.account-domain__icon svg,
.account-product__icon svg {
  width: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.account-domain__status { background: #fff0dc; color: #884109; }
.account-domain[data-domain-state="active"] .account-domain__status { background: #eaf6ed; color: #236d37; }
.account-domain[data-domain-state="warning"] .account-domain__status { background: #fff3d8; color: #79550d; }
.account-domain[data-domain-state="muted"] .account-domain__status { background: #f0f1f2; color: #62666b; }
.account-domain__resume { min-height: 42px; padding-inline: 14px; }
.account-domain__resume[hidden] { display: none; }

.account-domain__inventory {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid #ececee;
  background: #fafafa;
}

.account-domain__inventory > section {
  min-width: 0;
  padding: 15px 18px;
}

.account-domain__inventory > section + section { border-inline-start: 1px solid #e5e6e8; }

.account-inventory__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 9px;
}

.account-inventory__heading h4 { margin: 0; color: #45494e; font-size: 13px; }
.account-inventory__heading > span { color: #777b80; font-size: 12px; font-weight: 700; }

.account-inventory {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.account-inventory li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 8px 0;
}

.account-inventory li > span:first-child { min-width: 0; }
.account-inventory strong,
.account-inventory small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-inventory strong { color: #303337; font-size: 13px; }
.account-inventory small { margin-top: 2px; color: #777b80; font-size: 11px; }
.account-inventory__status { flex: none; min-height: 24px; padding-inline: 7px; font-size: 10px; }
.account-inventory__status[data-state="active"] { background: #eaf6ed; color: #236d37; }
.account-inventory__status[data-state="pending"] { background: #fff0dc; color: #884109; }
.account-inventory__empty { margin: 0; color: #7b7f84; font-size: 12px; }
.account-inventory__empty[hidden] { display: none; }

.account-domain__management {
  border-top: 1px solid #e7e8ea;
  background: #f5f6f7;
  color: #686d72;
  font-size: 12px;
  line-height: 1.45;
}

.account-domain__management[data-available="true"] { background: #fff; }

.account-domain__management-state {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  padding: 11px 18px;
}

.account-domain__management-state > span { flex: 1 1 220px; }

.account-domain__management[data-available="true"] .account-domain__management-state {
  background: #eff7f1;
  color: #356a43;
}

.account-domain__management-state svg {
  flex: 0 0 17px;
  width: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.account-resource-refresh {
  flex: none;
  margin-inline-start: auto;
  padding-inline: 4px;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.account-resource-refresh[hidden] { display: none; }

.account-domain__limits {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  padding: 11px 18px;
  border-top: 1px solid #e7e8ea;
  background: #fafafa;
  color: #676b70;
}

.account-domain__limits[hidden] { display: none; }
.account-domain__limits strong { color: #2d3034; }

.account-domain__management-forms {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding: 16px 18px 18px;
  border-top: 1px solid #e7e8ea;
}

.account-domain__management-forms[hidden] { display: none; }

.account-resource-form {
  min-width: 0;
  padding: 15px;
  border: 1px solid #e1e2e4;
  border-radius: 13px;
  background: #fff;
}

.account-resource-form__head { margin-bottom: 13px; }
.account-resource-form__head h4 { margin: 0; color: #303337; font-size: 14px; }
.account-resource-form__head p { margin: 3px 0 0; color: #74787d; font-size: 11px; line-height: 1.45; }
.account-resource-form__fields { display: grid; gap: 10px; }
.account-resource-form .onboarding-field { margin: 0; }
.account-resource-form .onboarding-field label { font-size: 12px; }
.account-resource-form .onboarding-input { min-height: 44px; font-size: 14px; }
.account-resource-form .onboarding-button { width: 100%; min-height: 44px; margin-top: 12px; }

.account-address-field {
  display: grid;
  grid-template-columns: minmax(90px, .8fr) minmax(120px, 1.2fr);
  align-items: center;
}

.account-address-field .onboarding-input { position: relative; z-index: 1; border-radius: 9px 0 0 9px; }
.account-address-field > span {
  display: flex;
  align-items: center;
  min-width: 0;
  min-height: 44px;
  margin-inline-start: -1px;
  padding: 0 10px;
  overflow: hidden;
  border: 1px solid #cfd1d4;
  border-radius: 0 9px 9px 0;
  background: #f4f5f6;
  color: #666a70;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}

.account-resource-error { margin: 0 18px 18px; }

.account-inventory__operation {
  display: block;
  margin-top: 4px;
  color: #8a4a16;
  font-size: 10px;
  white-space: normal;
}

.account-inventory__operation[data-operation-state="dead"] { color: #9a2822; }
.account-inventory__operation[data-operation-state="done"] { color: #337044; }

.account-inventory__actions {
  display: flex;
  flex-wrap: wrap;
  grid-column: 1 / -1;
  justify-content: flex-start;
  gap: 4px;
}

.account-inventory__action {
  min-height: 36px;
  padding: 4px 8px;
  border: 1px solid #d7d9dc;
  border-radius: 8px;
  background: #fff;
  color: #70401c;
  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
}

.account-inventory__action:hover { border-color: #f48120; background: #fff8f1; }
.account-inventory__action:focus-visible { outline: 3px solid #9d360e; outline-offset: 2px; }
.account-inventory__action:disabled { cursor: not-allowed; opacity: .55; }
.account-inventory__action--danger { color: #962e25; }

.account-inventory__inline-form {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 7px;
  width: 100%;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #e5e6e8;
}

.account-inventory__inline-form label,
.account-inventory__inline-form .onboarding-form__error { grid-column: 1 / -1; }
.account-inventory__inline-form label { color: #53575c; font-size: 11px; font-weight: 700; }
.account-inventory__inline-form .onboarding-input { min-height: 40px; font-size: 12px; }
.account-inventory__inline-form .onboarding-button { min-height: 40px; padding-inline: 10px; }

.account-purpose-badge {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  margin-top: 4px;
  padding: 2px 7px;
  border-radius: 999px;
  background: #e9eef5;
  color: #4c5f76;
  font-size: 9px;
  font-weight: 750;
}

.account-secret-dialog {
  width: min(560px, calc(100% - 24px));
  max-width: none;
  padding: 0;
  border: 0;
  border-radius: 19px;
  background: transparent;
  color: #26282b;
  box-shadow: 0 28px 90px rgba(20, 20, 20, .28);
}

.account-secret-dialog::backdrop { background: rgba(25, 25, 27, .58); backdrop-filter: blur(3px); }

.account-secret-dialog__surface {
  padding: clamp(22px, 5vw, 34px);
  border: 1px solid #d9dadd;
  border-radius: 19px;
  background: #fff;
}

.account-secret-dialog__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.account-secret-dialog__head h2 { margin: 6px 0 0; font-size: clamp(1.45rem, 5vw, 2rem); letter-spacing: -.04em; }
.account-secret-dialog__surface > p { color: #63676d; line-height: 1.55; }
.account-secret-dialog__surface > label:not(.account-confirm-check) { display: block; margin: 18px 0 7px; color: #373a3e; font-size: 13px; font-weight: 750; }

.account-icon-button {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: #f3f4f5;
  color: #565a60;
  cursor: pointer;
}

.account-icon-button:hover { background: #e9eaec; }
.account-icon-button:focus-visible { outline: 3px solid #9d360e; outline-offset: 2px; }
.account-icon-button svg { width: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }

.account-secret-dialog__copy {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}

.account-secret-dialog__copy input { font: 700 15px/1.3 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .04em; }
.account-secret-dialog__copy-state { min-height: 20px; margin: 7px 0 0; font-size: 12px; }
.account-secret-dialog__copy-state[data-copied="true"] { color: #27703d; }

.account-confirm-check {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  margin-top: 14px;
  color: #3b3e42;
  font-size: 13px;
  font-weight: 650;
  cursor: pointer;
}

.account-confirm-check input { width: 20px; height: 20px; accent-color: #a54b0e; }
.account-confirm-check input:focus-visible { outline: 3px solid #9d360e; outline-offset: 2px; }

.account-secret-dialog__actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 20px;
}

.account-products {
  display: grid;
  gap: 10px;
}

.account-products h2 { margin-bottom: 6px; }

.account-product {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  min-height: 62px;
  padding: 11px;
  border: 1px solid #e2e3e5;
  border-radius: 13px;
  color: #27292d;
  text-decoration: none;
  transition: border-color 180ms ease, background-color 180ms ease;
}

.account-product--current { border-color: #f0c9a9; background: #fffaf5; }
a.account-product { cursor: pointer; }
a.account-product:hover { border-color: #f48120; background: #fffaf5; }
a.account-product:focus-visible { outline: 3px solid #9d360e; outline-offset: 2px; }
.account-product strong,
.account-product small { display: block; }
.account-product strong { font-size: 13px; }
.account-product small { margin-top: 2px; color: #6e7277; font-size: 11px; line-height: 1.4; }
.account-product__icon { width: 36px; height: 36px; flex-basis: 36px; }
.account-product__arrow { width: 18px; fill: none; stroke: #a64c0e; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

@media (max-width: 640px) {
  .account-shell { width: min(100% - 24px, 560px); padding-top: 28px; }
  .account-card { padding: 24px 20px; border-radius: 18px; }
  .account-assurance { grid-template-columns: 1fr; width: min(480px, 100%); }
  .account-organization { grid-template-columns: 34px minmax(0, 1fr); }
  .account-organization__action { grid-column: 2; }
  .account-profile-line { display: block; }
  .account-profile-line strong { display: block; margin-top: 4px; text-align: left; }

  .account-workspace__header { display: block; }
  .account-workspace__grid { grid-template-columns: 1fr; }
  .account-workspace__account { justify-content: space-between; margin-top: 16px; }
  .account-workspace__organization { grid-template-columns: 1fr; padding: 16px; }
  .account-create-organization { justify-self: start; }
  .account-create-organization[open] { grid-column: 1; }
  .account-create-organization__form { grid-template-columns: 1fr; }
  .account-create-organization__form .onboarding-button { width: 100%; }
  .account-product-choice { padding: 20px; }
  .account-product-choice__grid { grid-template-columns: 1fr; }
  .account-product-card { min-height: 0; }
  .account-mail-product-panel__header { padding: 16px; }
  .account-domain-form__row { grid-template-columns: 1fr; }
  .account-domain-form__row .onboarding-button { width: 100%; }
  .account-domain__header { grid-template-columns: minmax(0, 1fr) auto; }
  .account-domain__resume { grid-column: 1 / -1; width: 100%; }
  .account-domain__inventory { grid-template-columns: 1fr; }
  .account-domain__inventory > section + section { border-block-start: 1px solid #e5e6e8; border-inline-start: 0; }
  .account-domain__management-forms { grid-template-columns: 1fr; padding-inline: 14px; }
  .account-domain__limits { display: grid; gap: 5px; }
  .account-inventory li { align-items: flex-start; }
  .account-inventory__actions { width: 100%; justify-content: flex-start; }
  .account-inventory__inline-form { grid-template-columns: 1fr; }
  .account-inventory__inline-form .onboarding-button { width: 100%; }
  .account-secret-dialog__copy { grid-template-columns: 1fr; }
  .account-secret-dialog__copy .onboarding-button { width: 100%; }
  .account-secret-dialog__actions { display: grid; grid-template-columns: 1fr; }
  .account-secret-dialog__actions .onboarding-button { width: 100%; }
  .account-products { grid-template-columns: 1fr; }
  .account-products h2 { grid-column: 1; }
}

@media (min-width: 641px) and (max-width: 900px) {
  .account-workspace__header { display: block; }
  .account-workspace__account { justify-content: space-between; margin-top: 16px; }
  .account-workspace__organization { grid-template-columns: minmax(0, 1fr) auto; }
  .account-workspace__grid { grid-template-columns: 1fr; }
  .account-products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .account-products h2 { grid-column: 1 / -1; }
}

@media (max-width: 480px) {
  .account-products { grid-template-columns: 1fr; }
  .account-products h2 { grid-column: 1; }
  .account-workspace__organization-select { grid-template-columns: 1fr; }
  .account-role-badge { justify-self: start; }
  .account-current-organization { grid-template-columns: 38px minmax(0, 1fr); }
  .account-current-organization .account-role-badge { grid-column: 2; }
}

@media (prefers-reduced-motion: reduce) {
  .account-organization { transition: none; }
  .account-mode-switch a { transition: none; }
  .account-google[aria-busy="true"] .account-google__button:empty::before { animation: none; }
  .account-product { transition: none; }
  .account-product-card { transition: none; }
  .account-domains-loading > span:not(.visually-hidden) { animation: none; }
}

/* --------------------------------------------------------------------------
   Mailcore Account Dashboard v2

   This layer deliberately overrides the first account release without
   changing the shared onboarding primitives. Guest access stays an auth
   surface; only a confirmed workspace turns the existing header into an app
   rail. The rail contains real controls from the document, never decorative
   pseudo-navigation.
   -------------------------------------------------------------------------- */

:root {
  --account-v2-canvas: #f5f5f5;
  --account-v2-surface: #fff;
  --account-v2-surface-subtle: #fafafa;
  --account-v2-line: #e4e4e6;
  --account-v2-line-strong: #d4d4d8;
  --account-v2-text: #202022;
  --account-v2-muted: #626268;
  --account-v2-brand: #f48120;
  --account-v2-brand-strong: #9a430c;
  --account-v2-brand-tint: #fff3e8;
  --account-v2-focus: #8f3f08;
  --account-v2-radius: 12px;
  --account-v2-sidebar: 256px;
  --account-v2-topbar: 58px;
}

.account-access {
  background: var(--account-v2-canvas);
}

.account-access :where(a, button, input, select, summary):focus-visible {
  outline: 2px solid var(--account-v2-focus);
  outline-offset: 2px;
}

/* Guest access: a focused auth card paired with a quiet product-assurance
   scene. The scene is decoration only; the two real assurance statements stay
   in the reading order. */
body.account-access:not(.has-account-workspace) .account-card {
  border-color: var(--account-v2-line);
  border-radius: 20px;
  box-shadow: 0 18px 55px rgba(24, 24, 27, .075);
}

body.account-access:not(.has-account-workspace) .account-mode-switch {
  margin-bottom: 24px;
  border-color: var(--account-v2-line);
  background: #f1f1f3;
}

body.account-access:not(.has-account-workspace) .account-card__head {
  margin-bottom: 24px;
}

body.account-access:not(.has-account-workspace) .account-card__head h1 {
  max-width: 15ch;
  font-size: clamp(2rem, 4vw, 2.65rem);
  letter-spacing: -.05em;
}

body.account-access:not(.has-account-workspace) .account-google__button,
body.account-access:not(.has-account-workspace) .account-google__error {
  width: 100%;
}

body.account-access:not(.has-account-workspace) .account-legal {
  color: #68686e;
}

@keyframes account-v2-mail-float {
  from { transform: translate3d(0, 4px, 0) rotate(-.4deg); }
  to { transform: translate3d(0, -7px, 0) rotate(.4deg); }
}

@media (min-width: 961px) {
  body.account-access:not(.has-account-workspace) .account-shell {
    display: grid;
    grid-template-columns: minmax(420px, 500px) minmax(360px, 1fr);
    align-items: center;
    gap: clamp(32px, 5vw, 72px);
    width: min(1120px, calc(100% - 48px));
    min-height: calc(100dvh - 72px);
    padding: 36px 0 48px;
  }

  body.account-access:not(.has-account-workspace) .account-card,
  body.account-access:not(.has-account-workspace) noscript {
    grid-column: 1;
    width: 100%;
    margin: 0;
  }

  body.account-access:not(.has-account-workspace) .account-card {
    padding: clamp(30px, 4vw, 40px);
  }

  body.account-access:not(.has-account-workspace) .account-assurance {
    position: relative;
    display: flex;
    grid-column: 2;
    grid-row: 1;
    flex-direction: column;
    justify-content: flex-end;
    gap: 12px;
    width: 100%;
    min-height: 560px;
    margin: 0;
    padding: 28px;
    overflow: hidden;
    border: 1px solid rgba(123, 52, 12, .18);
    border-radius: 24px;
    background:
      radial-gradient(circle at 1px 1px, rgba(255, 255, 255, .18) 1px, transparent 1.25px) 0 0 / 22px 22px,
      linear-gradient(145deg, #ec7134 0%, #d65324 58%, #a83b18 100%);
    color: #fff;
    box-shadow: 0 24px 70px rgba(126, 51, 15, .20);
    box-sizing: border-box;
  }

  body.account-access:not(.has-account-workspace) .account-assurance::before {
    position: absolute;
    inset: 28px 22px 184px;
    background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 340' fill='none'%3E%3Cg transform='translate(36 126) rotate(-11 96 61)'%3E%3Crect x='4' y='4' width='188' height='114' rx='22' fill='white' fill-opacity='.12' stroke='white' stroke-opacity='.72' stroke-width='3'/%3E%3Cpath d='M18 30l80 56 80-56' stroke='white' stroke-opacity='.82' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cg transform='translate(238 38) rotate(8 126 78)'%3E%3Crect x='5' y='5' width='246' height='146' rx='26' fill='white' fill-opacity='.18' stroke='white' stroke-opacity='.88' stroke-width='4'/%3E%3Cpath d='M25 40l104 72 102-72' stroke='white' stroke-opacity='.92' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cg transform='translate(350 210) rotate(-5 72 47)'%3E%3Crect x='3' y='3' width='142' height='88' rx='18' fill='white' fill-opacity='.1' stroke='white' stroke-opacity='.62' stroke-width='3'/%3E%3Cpath d='M15 24l60 43 58-43' stroke='white' stroke-opacity='.72' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
    content: "";
    pointer-events: none;
    animation: account-v2-mail-float 7s ease-in-out infinite alternate;
  }

  body.account-access:not(.has-account-workspace) .account-assurance > div {
    position: relative;
    z-index: 1;
    gap: 12px;
    padding: 15px 16px;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 14px;
    background: rgba(65, 20, 4, .18);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
    backdrop-filter: blur(10px);
  }

  body.account-access:not(.has-account-workspace) .account-assurance svg {
    width: 24px;
    color: #fff;
    stroke: currentColor;
  }

  body.account-access:not(.has-account-workspace) .account-assurance strong {
    margin-bottom: 3px;
    color: #fff;
    font-size: 14px;
  }

  body.account-access:not(.has-account-workspace) .account-assurance small {
    color: rgba(255, 255, 255, .82);
    font-size: 13px;
    line-height: 1.5;
  }
}

/* Authenticated workspace: the existing, semantic onboarding header becomes a
   fixed app rail. Product/domain controls remain in the main document until a
   future routed navigation layer exists. */
body.has-account-workspace.account-access {
  min-height: 100dvh;
  background: var(--account-v2-canvas);
}

body.has-account-workspace .account-shell {
  box-sizing: border-box;
}

body.has-account-workspace .account-workspace {
  width: min(100%, 1400px);
  margin: 0 auto;
  color: var(--account-v2-text);
  font-size: 14px;
}

body.has-account-workspace .account-workspace__header {
  align-items: center;
  gap: 24px;
  margin-bottom: 16px;
}

body.has-account-workspace .account-workspace__header h1 {
  margin: 4px 0 6px;
  font-size: clamp(1.85rem, 3vw, 2.25rem);
  letter-spacing: -.045em;
}

body.has-account-workspace .account-workspace__header p:last-child {
  max-width: 68ch;
  color: var(--account-v2-muted);
  font-size: 14px;
  line-height: 1.5;
}

body.has-account-workspace .account-workspace__account {
  flex: none;
  min-height: 44px;
  padding: 3px 5px 3px 12px;
  border: 1px solid var(--account-v2-line);
  border-radius: 10px;
  background: var(--account-v2-surface);
  box-shadow: 0 1px 2px rgba(24, 24, 27, .04);
}

body.has-account-workspace .account-workspace__account .text-action {
  border-radius: 7px;
}

body.has-account-workspace .account-workspace__organization {
  grid-template-columns: minmax(250px, 430px) auto;
  gap: 10px 16px;
  margin-bottom: 14px;
  padding: 12px 14px;
  border-color: var(--account-v2-line);
  border-radius: var(--account-v2-radius);
  box-shadow: 0 1px 2px rgba(24, 24, 27, .035);
}

body.has-account-workspace .account-current-organization {
  min-height: 44px;
}

body.has-account-workspace .account-current-organization__icon {
  width: 36px;
  height: 36px;
  border-radius: 9px;
  background: var(--account-v2-brand-tint);
  color: var(--account-v2-brand-strong);
}

body.has-account-workspace .account-create-organization summary {
  min-height: 44px;
  border-radius: 8px;
}

body.has-account-workspace .account-create-organization[open] {
  padding-top: 12px;
}

body.has-account-workspace .account-product-choice {
  margin-bottom: 14px;
  padding: 18px;
  border-color: var(--account-v2-line);
  border-radius: 14px;
  box-shadow: 0 1px 3px rgba(24, 24, 27, .045);
}

body.has-account-workspace .account-product-choice__heading {
  margin-bottom: 14px;
}

body.has-account-workspace .account-product-choice__heading h2 {
  margin: 4px 0 5px;
  font-size: 1.35rem;
}

body.has-account-workspace .account-product-choice__heading > p:last-child {
  max-width: 70ch;
}

body.has-account-workspace .account-product-choice__grid {
  gap: 10px;
}

body.has-account-workspace .account-product-card {
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 12px;
  min-height: 104px;
  padding: 14px;
  border-color: var(--account-v2-line);
  border-radius: 11px;
  box-shadow: none;
}

body.has-account-workspace .account-product-card:hover,
body.has-account-workspace .account-product-card[aria-expanded="true"] {
  border-color: #e8a46d;
  background: #fff9f3;
  box-shadow: 0 0 0 1px rgba(244, 129, 32, .08);
}

body.has-account-workspace .account-product-card__icon {
  width: 42px;
  height: 42px;
  border-radius: 10px;
}

body.has-account-workspace .account-product-card__body strong {
  font-size: 15px;
}

body.has-account-workspace .account-product-card__body small {
  margin-top: 3px;
}

body.has-account-workspace .account-product-card__action {
  margin-top: 9px;
}

body.has-account-workspace .account-mail-product-panel {
  gap: 10px;
}

body.has-account-workspace .account-mail-product-panel__header {
  gap: 12px;
  padding: 14px 16px;
  border-color: #ead7c8;
  border-radius: var(--account-v2-radius);
  background: #fffaf6;
}

body.has-account-workspace .account-mail-product-panel__header h2 {
  margin-top: 3px;
  font-size: 1.15rem;
}

body.has-account-workspace .account-portfolio,
body.has-account-workspace .account-products {
  border-color: var(--account-v2-line);
  border-radius: var(--account-v2-radius);
  box-shadow: 0 1px 2px rgba(24, 24, 27, .035);
}

body.has-account-workspace .account-portfolio {
  padding: 18px;
}

body.has-account-workspace .account-section-heading {
  margin-bottom: 14px;
}

body.has-account-workspace .account-section-heading h2 {
  font-size: 1.25rem;
}

body.has-account-workspace .account-domain-form {
  margin-bottom: 14px;
  padding: 14px;
  border-color: var(--account-v2-line);
  border-radius: 10px;
  background: var(--account-v2-surface-subtle);
}

body.has-account-workspace .account-domains-empty {
  padding: 26px 18px;
  border-radius: 10px;
}

body.has-account-workspace .account-domains {
  gap: 10px;
}

body.has-account-workspace .account-domain {
  border-color: var(--account-v2-line);
  border-radius: 11px;
}

body.has-account-workspace .account-domain__header {
  gap: 10px;
  padding: 13px 14px;
}

body.has-account-workspace .account-domain__icon {
  flex-basis: 36px;
  width: 36px;
  height: 36px;
  border-radius: 9px;
}

body.has-account-workspace .account-domain__resume,
body.has-account-workspace .account-inventory__action,
body.has-account-workspace .account-inventory__inline-form .onboarding-input,
body.has-account-workspace .account-inventory__inline-form .onboarding-button,
body.has-account-workspace .account-resource-refresh {
  min-height: 44px;
}

body.has-account-workspace .account-domain__inventory > section {
  padding: 12px 14px;
}

body.has-account-workspace .account-domain__management-state,
body.has-account-workspace .account-domain__limits {
  padding: 10px 14px;
}

body.has-account-workspace .account-domain__management-forms {
  gap: 10px;
  padding: 12px 14px 14px;
}

body.has-account-workspace .account-resource-form {
  padding: 13px;
  border-color: var(--account-v2-line);
  border-radius: 10px;
}

body.has-account-workspace .account-inventory__action {
  padding: 7px 10px;
  font-size: 12px;
}

body.has-account-workspace .account-inventory__inline-form .onboarding-input,
body.has-account-workspace .account-inventory__inline-form .onboarding-button {
  font-size: 13px;
}

@media (min-width: 961px) {
  body.has-account-workspace .onboarding-header {
    position: fixed;
    z-index: 40;
    inset: 0 auto 0 0;
    width: var(--account-v2-sidebar);
    height: 100dvh;
    border-right: 1px solid var(--account-v2-line);
    border-bottom: 0;
    background: rgba(255, 255, 255, .98);
    box-shadow: none;
  }

  body.has-account-workspace .onboarding-header__inner {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    max-width: none;
    height: 100%;
    padding: 0 14px 14px;
    box-sizing: border-box;
  }

  body.has-account-workspace .onboarding-header__brand {
    align-self: flex-start;
    flex: none;
    min-height: var(--account-v2-topbar);
    padding-inline: 8px;
  }

  body.has-account-workspace .onboarding-header__context {
    display: flex;
    flex: none;
    align-items: center;
    min-height: 44px;
    margin: 18px 0 0;
    padding: 0 12px;
    border-radius: 9px;
    background: var(--account-v2-brand-tint);
    color: var(--account-v2-brand-strong);
    font-size: 13px;
    line-height: 1.3;
  }

  body.has-account-workspace .onboarding-header__context > span {
    display: none;
  }

  body.has-account-workspace .onboarding-header__context strong {
    color: inherit;
    font-weight: 700;
  }

  body.has-account-workspace .onboarding-header__context::before {
    width: 7px;
    height: 7px;
    margin-right: 10px;
    border-radius: 50%;
    background: var(--account-v2-brand);
    content: "";
    box-shadow: 0 0 0 4px rgba(244, 129, 32, .12);
  }

  body.has-account-workspace .onboarding-header__actions {
    display: grid;
    align-items: stretch;
    gap: 7px;
    width: 100%;
    margin: auto 0 0;
  }

  body.has-account-workspace .onboarding-save-state {
    display: block;
    padding: 0 10px 3px;
    color: #7a7a80;
    font-size: 11px;
    font-weight: 650;
    letter-spacing: .045em;
    text-transform: uppercase;
  }

  body.has-account-workspace .onboarding-header__exit {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 0 11px;
    border-radius: 8px;
    color: #535359;
    font-size: 13px;
    text-decoration: none;
  }

  body.has-account-workspace .onboarding-header__exit:hover {
    background: #f2f2f3;
    color: var(--account-v2-text);
  }

  body.has-account-workspace .account-shell {
    width: calc(100% - var(--account-v2-sidebar));
    max-width: none;
    min-height: 100dvh;
    margin: 0 0 0 var(--account-v2-sidebar);
    padding: 28px 32px 48px;
  }
}

/* Tablet: the rail becomes the existing compact top bar. No icon-only fake
   drawer is introduced without the focus management its HTML/JS would need. */
@media (max-width: 960px) {
  body.account-access:not(.has-account-workspace) .account-shell {
    display: block;
    width: min(560px, calc(100% - 32px));
    padding: 34px 0 52px;
  }

  body.account-access:not(.has-account-workspace) .account-card {
    width: 100%;
  }

  body.account-access:not(.has-account-workspace) .account-assurance {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
    margin: 16px auto 0;
  }

  body.account-access:not(.has-account-workspace) .account-assurance::before {
    display: none;
  }

  body.account-access:not(.has-account-workspace) .account-assurance > div {
    min-width: 0;
    padding: 12px;
    border: 1px solid var(--account-v2-line);
    border-radius: 11px;
    background: var(--account-v2-surface);
  }

  body.has-account-workspace .account-shell {
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
    padding: 24px 0 44px;
  }

  body.has-account-workspace .account-workspace__header {
    display: flex;
    align-items: flex-start;
  }

  body.has-account-workspace .account-workspace__account {
    margin-top: 0;
  }
}

@media (max-width: 640px) {
  body.account-access:not(.has-account-workspace) .account-shell,
  body.has-account-workspace .account-shell {
    width: calc(100% - 24px);
    padding-top: 18px;
  }

  body.account-access:not(.has-account-workspace) .account-card {
    padding: 22px 18px;
    border-radius: 16px;
  }

  body.account-access:not(.has-account-workspace) .account-card__head h1 {
    font-size: clamp(1.85rem, 9vw, 2.2rem);
  }

  body.account-access:not(.has-account-workspace) .account-assurance {
    grid-template-columns: 1fr;
  }

  body.account-access:not(.has-account-workspace) .account-assurance > div {
    min-height: 68px;
  }

  body.has-account-workspace .account-workspace__header {
    display: block;
  }

  body.has-account-workspace .account-workspace__header h1 {
    font-size: 1.85rem;
  }

  body.has-account-workspace .account-workspace__account {
    width: 100%;
    margin-top: 14px;
    box-sizing: border-box;
  }

  body.has-account-workspace .account-workspace__account > span {
    flex: 1 1 auto;
  }

  body.has-account-workspace .account-workspace__organization,
  body.has-account-workspace .account-product-choice,
  body.has-account-workspace .account-portfolio {
    padding: 14px;
  }

  body.has-account-workspace .account-product-choice__grid,
  body.has-account-workspace .account-domain__management-forms {
    grid-template-columns: 1fr;
  }

  body.has-account-workspace .account-product-card {
    min-height: 96px;
  }

  body.has-account-workspace .account-mail-product-panel__header {
    padding: 13px 14px;
  }

  body.has-account-workspace .account-domain__header {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  body.has-account-workspace .account-domain__resume {
    grid-column: 1 / -1;
    width: 100%;
  }

  body.has-account-workspace .account-inventory__action,
  body.has-account-workspace .account-inventory__inline-form .onboarding-button {
    flex: 1 1 auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.account-access:not(.has-account-workspace) .account-assurance::before {
    animation: none;
    transform: none;
  }

  body.has-account-workspace :where(
    .account-product-card,
    .account-domain,
    .account-inventory__action,
    .onboarding-header__exit
  ) {
    transition: none;
  }
}

@media (forced-colors: active) {
  body.account-access:not(.has-account-workspace) .account-assurance {
    border: 1px solid CanvasText;
    background: Canvas;
    color: CanvasText;
    box-shadow: none;
  }

  body.account-access:not(.has-account-workspace) .account-assurance::before,
  body.has-account-workspace .onboarding-header__context::before {
    display: none;
  }

  body.account-access:not(.has-account-workspace) .account-assurance > div,
  body.has-account-workspace :where(
    .account-workspace__account,
    .account-workspace__organization,
    .account-product-choice,
    .account-product-card,
    .account-mail-product-panel__header,
    .account-portfolio,
    .account-domain
  ) {
    border: 1px solid CanvasText;
    background: Canvas;
    color: CanvasText;
    box-shadow: none;
  }

  body.account-access :where(a, button, input, select, summary):focus-visible {
    outline: 2px solid Highlight;
  }

  body.has-account-workspace .onboarding-header__context {
    border: 1px solid Highlight;
    background: Canvas;
    color: CanvasText;
  }
}

/* --------------------------------------------------------------------------
   Organization switcher

   Organizations stay visible in the account shell so changing workspace is
   a one-click action rather than a separate chooser or a closed select menu.
   -------------------------------------------------------------------------- */

body.has-account-workspace .account-workspace__organization-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}

body.has-account-workspace .account-workspace__organization-heading .account-dashboard-nav__section-label {
  margin: 0;
}

body.has-account-workspace .account-workspace__organization-count {
  display: inline-grid;
  place-items: center;
  min-width: 21px;
  height: 21px;
  padding: 0 6px;
  border-radius: 999px;
  background: #f1f1f2;
  color: #68686e;
  font-size: 10px;
  font-weight: 750;
  line-height: 1;
}

body.has-account-workspace .account-workspace__organization-list {
  display: grid;
  gap: 3px;
  max-height: min(34dvh, 264px);
  margin: 0 -3px;
  padding: 2px 3px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: #d4d4d8 transparent;
}

body.has-account-workspace .account-workspace__organization-option {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 9px;
  width: 100%;
  min-width: 0;
  min-height: 50px;
  padding: 7px 8px;
  border: 1px solid transparent;
  border-radius: 9px;
  appearance: none;
  background: transparent;
  color: #3f3f46;
  cursor: pointer;
  font: inherit;
  text-align: start;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

body.has-account-workspace .account-workspace__organization-option:hover {
  border-color: #e4e4e7;
  background: #f7f7f8;
  color: var(--account-v2-text);
}

body.has-account-workspace .account-workspace__organization-option:focus-visible {
  outline: 3px solid #9d360e;
  outline-offset: 1px;
}

body.has-account-workspace .account-workspace__organization-option[aria-current="true"] {
  border-color: #f1c9a8;
  background: var(--account-v2-brand-tint);
  color: var(--account-v2-brand-strong);
}

body.has-account-workspace .account-workspace__organization-option:disabled {
  cursor: wait;
  opacity: .62;
}

body.has-account-workspace .account-workspace__organization-mark {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: #ededee;
  color: #52525b;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}

body.has-account-workspace .account-workspace__organization-option[aria-current="true"] .account-workspace__organization-mark {
  background: linear-gradient(135deg, #f48120, #faad3f);
  color: #2d1407;
}

body.has-account-workspace .account-workspace__organization-copy,
body.has-account-workspace .account-workspace__organization-copy strong,
body.has-account-workspace .account-workspace__organization-copy small {
  display: block;
  min-width: 0;
}

body.has-account-workspace .account-workspace__organization-copy strong,
body.has-account-workspace .account-workspace__organization-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.has-account-workspace .account-workspace__organization-copy strong {
  color: inherit;
  font-size: 12px;
  font-weight: 720;
  line-height: 1.35;
}

body.has-account-workspace .account-workspace__organization-copy small {
  margin-top: 2px;
  color: #77777d;
  font-size: 10px;
  line-height: 1.25;
}

body.has-account-workspace .account-workspace__organization-check {
  display: grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--account-v2-brand-strong);
  color: #fff;
  opacity: 0;
  transform: scale(.8);
  transition: opacity 160ms ease, transform 160ms ease;
}

body.has-account-workspace .account-workspace__organization-check svg {
  width: 12px;
  height: 12px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.has-account-workspace .account-workspace__organization-option[aria-current="true"] .account-workspace__organization-check {
  opacity: 1;
  transform: scale(1);
}

@media (prefers-reduced-motion: reduce) {
  body.has-account-workspace .account-workspace__organization-option,
  body.has-account-workspace .account-workspace__organization-check {
    transition: none;
  }
}

@media (forced-colors: active) {
  body.has-account-workspace .account-workspace__organization-option {
    border: 1px solid ButtonBorder;
  }

  body.has-account-workspace .account-workspace__organization-option[aria-current="true"] {
    outline: 2px solid Highlight;
    background: Canvas;
    color: CanvasText;
  }
}

/* --------------------------------------------------------------------------
   Mailcore Account Dashboard v2.1 shell correction

   The global onboarding header remains the single site-wide top bar. The
   authenticated workspace owns its cabinet grid and its real, semantic
   `.account-dashboard-nav` is the only sidebar.
   -------------------------------------------------------------------------- */

body.has-account-workspace .account-workspace {
  display: grid;
  grid-template-columns: 256px minmax(0, 1fr);
  align-items: start;
  gap: 24px;
  width: min(100%, 1460px);
  max-width: none;
}

body.has-account-workspace .account-workspace__main {
  min-width: 0;
}

body.has-account-workspace [data-workspace-overview][hidden],
body.has-account-workspace .account-mail-product-panel[hidden],
body.has-account-workspace .account-api-product-panel[hidden] {
  display: none !important;
}

.account-api-product-panel[hidden] {
  display: none !important;
}

/* Cabinet sidebar */
body.has-account-workspace .account-dashboard-nav {
  position: sticky;
  inset-block-start: calc(var(--ob-header-height) + 20px);
  display: flex;
  flex-direction: column;
  align-self: start;
  min-width: 0;
  height: calc(100dvh - var(--ob-header-height) - 40px);
  min-height: min(560px, calc(100dvh - var(--ob-header-height) - 40px));
  overflow: auto;
  border: 1px solid var(--account-v2-line);
  border-radius: 14px;
  background: var(--account-v2-surface);
  box-shadow: 0 1px 3px rgba(24, 24, 27, .05);
  scrollbar-width: thin;
  scrollbar-color: #d4d4d8 transparent;
}

body.has-account-workspace .account-dashboard-nav__heading {
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 68px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--account-v2-line);
}

body.has-account-workspace .account-dashboard-nav__heading > span:last-child,
body.has-account-workspace .account-dashboard-nav__heading small,
body.has-account-workspace .account-dashboard-nav__heading strong {
  display: block;
  min-width: 0;
}

body.has-account-workspace .account-dashboard-nav__heading small {
  margin-bottom: 1px;
  color: #77777d;
  font-size: 11px;
  line-height: 1.2;
}

body.has-account-workspace .account-dashboard-nav__heading strong {
  overflow: hidden;
  color: var(--account-v2-text);
  font-size: 14px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.has-account-workspace .account-dashboard-nav__mark {
  display: grid;
  place-items: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: var(--account-v2-brand-tint);
  color: var(--account-v2-brand-strong);
}

body.has-account-workspace .account-dashboard-nav__mark svg,
body.has-account-workspace .account-dashboard-nav__links svg,
body.has-account-workspace .account-dashboard-nav__support svg,
body.has-account-workspace .account-icon-button svg,
body.has-account-workspace .account-overview-card__icon svg,
body.has-account-workspace .account-mail-product-panel__title svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.has-account-workspace .account-dashboard-nav__links {
  display: grid;
  gap: 2px;
  padding: 10px;
  border-bottom: 1px solid var(--account-v2-line);
}

body.has-account-workspace .account-dashboard-nav__links :where(a, button),
body.has-account-workspace .account-dashboard-nav__support a {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 8px 10px;
  border: 0;
  border-radius: 8px;
  appearance: none;
  background: transparent;
  color: #4d4d53;
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  text-align: start;
  text-decoration: none;
  transition: background-color 160ms ease, color 160ms ease;
}

body.has-account-workspace .account-dashboard-nav__links :where(a, button) span,
body.has-account-workspace .account-dashboard-nav__support a span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.has-account-workspace .account-dashboard-nav__links :where(a, button) svg,
body.has-account-workspace .account-dashboard-nav__support svg {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  opacity: .58;
}

body.has-account-workspace .account-dashboard-nav__links :where(a, button):hover,
body.has-account-workspace .account-dashboard-nav__support a:hover {
  background: #f3f3f4;
  color: var(--account-v2-text);
}

body.has-account-workspace .account-dashboard-nav__links :where(a, button)[aria-current="page"] {
  background: var(--account-v2-brand-tint);
  color: var(--account-v2-brand-strong);
}

body.has-account-workspace .account-dashboard-nav__links :where(a, button)[aria-current="page"] svg {
  opacity: 1;
}

body.has-account-workspace .account-dashboard-nav__section-label {
  margin: 0 0 9px;
  color: #818187;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  line-height: 1.2;
  text-transform: uppercase;
}

body.has-account-workspace .account-dashboard-nav .account-workspace__organization {
  display: block;
  margin: 0;
  padding: 14px 12px;
  border: 0;
  border-bottom: 1px solid var(--account-v2-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.has-account-workspace .account-dashboard-nav .account-workspace__organization-select {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 7px;
}

body.has-account-workspace .account-dashboard-nav .account-workspace__organization-select select {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  font-size: 13px;
}

body.has-account-workspace .account-dashboard-nav .account-current-organization {
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 9px;
  min-height: 44px;
}

body.has-account-workspace .account-dashboard-nav .account-current-organization__icon {
  width: 34px;
  height: 34px;
}

body.has-account-workspace .account-dashboard-nav .account-current-organization__copy strong {
  font-size: 13px;
}

body.has-account-workspace .account-dashboard-nav .account-role-badge {
  min-height: 24px;
  padding-inline: 7px;
  font-size: 10px;
}

body.has-account-workspace .account-dashboard-nav .account-create-organization {
  display: block;
  width: 100%;
  margin-top: 9px;
}

body.has-account-workspace .account-dashboard-nav .account-create-organization summary {
  width: 100%;
  min-height: 44px;
  padding-inline: 8px;
}

body.has-account-workspace .account-dashboard-nav .account-create-organization[open] {
  width: 100%;
  padding-top: 8px;
  border-top: 1px solid var(--account-v2-line);
}

body.has-account-workspace .account-dashboard-nav .account-create-organization__form {
  grid-template-columns: 1fr;
  gap: 9px;
}

body.has-account-workspace .account-dashboard-nav .account-create-organization__form .onboarding-button {
  width: 100%;
  min-height: 44px;
}

body.has-account-workspace .account-dashboard-nav__support {
  margin-top: auto;
  padding: 9px 10px;
  border-top: 1px solid var(--account-v2-line);
}

body.has-account-workspace .account-dashboard-nav .account-workspace__account {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) 44px;
  align-items: center;
  gap: 9px;
  min-height: 64px;
  margin: 0;
  padding: 10px 10px;
  border: 0;
  border-top: 1px solid var(--account-v2-line);
  border-radius: 0;
  background: #fafafa;
  box-shadow: none;
}

body.has-account-workspace .account-workspace__avatar {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: linear-gradient(135deg, #f48120, #faad3f);
  color: #241108;
  font-size: 14px;
  font-weight: 800;
}

body.has-account-workspace .account-workspace__identity {
  min-width: 0;
}

body.has-account-workspace .account-workspace__identity small,
body.has-account-workspace .account-workspace__identity strong {
  display: block;
  min-width: 0;
}

body.has-account-workspace .account-workspace__identity small {
  margin-bottom: 1px;
  color: #7b7b81;
  font-size: 10px;
  line-height: 1.25;
}

body.has-account-workspace .account-workspace__identity strong {
  overflow: hidden;
  color: #35353a;
  font-size: 12px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.has-account-workspace .account-icon-button {
  display: inline-grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  border: 1px solid var(--account-v2-line);
  border-radius: 9px;
  appearance: none;
  background: var(--account-v2-surface);
  color: #55555b;
  cursor: pointer;
  transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease;
}

body.has-account-workspace .account-icon-button:hover {
  border-color: #d0a27f;
  background: #fff8f1;
  color: var(--account-v2-brand-strong);
}

body.has-account-workspace .account-workspace__logout {
  border-color: transparent;
  background: transparent;
}

/* Overview */
body.has-account-workspace .account-workspace__header {
  align-items: flex-end;
  margin-bottom: 16px;
}

body.has-account-workspace .account-workspace__header-actions {
  display: flex;
  flex-wrap: wrap;
  flex: none;
  justify-content: flex-end;
  gap: 8px;
}

body.has-account-workspace .account-workspace__header-actions .onboarding-button {
  min-height: 44px;
  text-decoration: none;
}

body.has-account-workspace .account-overview {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

body.has-account-workspace .account-overview-card {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  min-width: 0;
  min-height: 94px;
  padding: 15px;
  border: 1px solid var(--account-v2-line);
  border-radius: 12px;
  background: var(--account-v2-surface);
  box-shadow: 0 1px 2px rgba(24, 24, 27, .035);
}

body.has-account-workspace .account-overview-card--organization {
  border-color: #ead7c8;
  background: #fffaf6;
}

body.has-account-workspace .account-overview-card__icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: var(--account-v2-brand-tint);
  color: var(--account-v2-brand-strong);
}

body.has-account-workspace .account-overview-card > span:nth-child(2) {
  min-width: 0;
}

body.has-account-workspace .account-overview-card small,
body.has-account-workspace .account-overview-card strong {
  display: block;
}

body.has-account-workspace .account-overview-card small {
  margin-bottom: 4px;
  color: #77777d;
  font-size: 11px;
  line-height: 1.25;
}

body.has-account-workspace .account-overview-card strong {
  overflow-wrap: anywhere;
  color: var(--account-v2-text);
  font-size: 15px;
  line-height: 1.35;
}

body.has-account-workspace [data-workspace-mail-state] {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 26px;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}

body.has-account-workspace [data-workspace-api-state] {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 26px;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}

body.has-account-workspace [data-workspace-api-state][data-state="active"] {
  background: #e8f6ed;
  color: #17603e;
}

body.has-account-workspace [data-workspace-api-state][data-state="warning"] {
  background: #fff2d6;
  color: #7a4d00;
}

body.has-account-workspace [data-workspace-api-state][data-state="setup"],
body.has-account-workspace [data-workspace-api-state][data-state="loading"] {
  background: var(--account-v2-brand-tint);
  color: var(--account-v2-brand-strong);
}

body.has-account-workspace [data-workspace-api-state][data-state="muted"],
body.has-account-workspace [data-workspace-api-state][data-state="empty"] {
  background: #eeeeef;
  color: #5f5f65;
}

body.has-account-workspace [data-workspace-mail-state][data-state="active"] {
  background: #e8f6ed;
  color: #17603e;
}

body.has-account-workspace [data-workspace-mail-state][data-state="warning"] {
  background: #fff2d6;
  color: #7a4d00;
}

body.has-account-workspace [data-workspace-mail-state][data-state="setup"] {
  background: var(--account-v2-brand-tint);
  color: var(--account-v2-brand-strong);
}

body.has-account-workspace [data-workspace-mail-state][data-state="muted"],
body.has-account-workspace [data-workspace-mail-state][data-state="empty"] {
  background: #eeeeef;
  color: #5f5f65;
}

body.has-account-workspace .account-product-card__meta {
  display: block;
  margin-bottom: 2px;
  color: #8a4a16;
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .055em;
  line-height: 1.2;
  text-transform: uppercase;
}

/* Mail view */
body.has-account-workspace .account-mail-product-panel__header {
  display: block;
}

body.has-account-workspace .account-mail-product-panel__title {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}

body.has-account-workspace .account-mail-product-panel__title > div {
  min-width: 0;
}

body.has-account-workspace .account-mail-product-panel__title :is(h1, h2) {
  margin: 3px 0 3px;
}

body.has-account-workspace .account-mail-product-panel__title p:last-child {
  margin: 0;
  color: var(--account-v2-muted);
  font-size: 13px;
  line-height: 1.45;
}

body.has-account-workspace .account-mail-product-panel__back {
  margin-top: 1px;
}

/* Embedded Email API view */
body.has-account-workspace .account-api-product-panel {
  min-width: 0;
}

body.has-account-workspace .account-api-product-panel__header {
  margin-bottom: 14px;
  padding: 18px;
  border: 1px solid #ead7c8;
  border-radius: 14px;
  background: linear-gradient(135deg, #fffaf6 0%, #fff 76%);
  box-shadow: 0 1px 2px rgba(24, 24, 27, .035);
}

body.has-account-workspace .account-api-product-panel__header .account-mail-product-panel__title {
  align-items: center;
}

body.has-account-workspace .account-api-product-panel__state {
  flex: none;
  margin-inline-start: auto;
  padding: 5px 9px;
  border: 1px solid #ead7c8;
  border-radius: 999px;
  background: #fff;
  color: #6f4a36;
  white-space: nowrap;
}

body.has-account-workspace .account-api-workflow {
  display: grid;
  grid-template-columns: 210px minmax(0, 1fr);
  align-items: start;
  gap: 14px;
  min-width: 0;
}

body.has-account-workspace .account-api-workflow__steps {
  position: sticky;
  inset-block-start: calc(var(--ob-header-height) + 20px);
  display: flex;
  flex-direction: column;
  min-height: 470px;
  padding: 10px;
  border: 1px solid var(--account-v2-line);
  border-radius: 14px;
  background: var(--account-v2-surface);
  box-shadow: 0 1px 3px rgba(24, 24, 27, .04);
}

body.has-account-workspace .account-api-workflow__steps .onboarding-steps li > :where(span, button) {
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 9px;
  min-height: 54px;
  padding: 7px;
}

body.has-account-workspace .account-api-workflow__steps .onboarding-step__index {
  width: 28px;
  height: 28px;
}

body.has-account-workspace .account-api-workflow__steps .onboarding-sidebar__help {
  margin-top: auto;
  padding: 14px 6px 4px;
}

body.has-account-workspace .account-api-workflow__main,
body.has-account-workspace .account-api-workflow .onboarding-stage-host {
  min-width: 0;
  width: 100%;
}

body.has-account-workspace .account-api-workflow .onboarding-stage-host {
  padding: 0;
}

body.has-account-workspace .account-api-workflow .onboarding-stage {
  gap: 22px;
  max-width: none;
  padding: clamp(22px, 3vw, 34px);
  border-radius: 14px;
  box-shadow: 0 1px 3px rgba(24, 24, 27, .04);
}

body.has-account-workspace .account-api-workflow .onboarding-stage__head {
  gap: 10px;
}

body.has-account-workspace .account-api-workflow .onboarding-stage__head :is(h1, h2) {
  max-width: 22ch;
  margin: 0;
  font-size: clamp(1.85rem, 3.5vw, 2.75rem);
  font-weight: 590;
  line-height: 1.02;
  letter-spacing: -.045em;
  text-wrap: balance;
}

body.has-account-workspace .account-api-workflow .onboarding-mobile-progress {
  position: static;
  margin: 0 0 12px;
  padding: 10px 12px;
  border: 1px solid var(--account-v2-line);
  border-radius: 11px;
  background: #fff;
}

@media (max-width: 1180px) {
  body.has-account-workspace .account-overview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.has-account-workspace .account-overview-card--organization {
    grid-column: auto;
  }

  body.has-account-workspace .account-api-workflow {
    grid-template-columns: minmax(0, 1fr);
  }

  body.has-account-workspace .account-api-workflow__steps {
    display: none;
  }

  body.has-account-workspace .account-api-workflow .onboarding-mobile-progress {
    display: grid;
  }
}

@media (max-width: 640px) {
  body.has-account-workspace .account-api-product-panel__header {
    padding: 14px;
  }

  body.has-account-workspace .account-api-product-panel__header .account-mail-product-panel__title {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  body.has-account-workspace .account-api-product-panel__state {
    width: fit-content;
    margin-inline-start: 56px;
  }

  body.has-account-workspace .account-api-workflow .onboarding-stage {
    gap: 20px;
    padding: 20px 16px;
  }

  body.has-account-workspace .account-api-workflow .onboarding-stage__head :is(h1, h2) {
    max-width: none;
    font-size: clamp(1.75rem, 9vw, 2.35rem);
  }
}

/* Guest assurance scene: target the real children rather than turning every
   direct child into a surface. */
@media (min-width: 961px) {
  body.account-access:not(.has-account-workspace) .account-assurance {
    display: grid;
    grid-template-rows: auto minmax(240px, 1fr) auto;
    align-content: stretch;
    justify-content: stretch;
    gap: 18px;
  }

  body.account-access:not(.has-account-workspace) .account-assurance::before {
    display: none;
  }

  body.account-access:not(.has-account-workspace) .account-assurance > .account-assurance__copy,
  body.account-access:not(.has-account-workspace) .account-assurance > .account-mail-scene,
  body.account-access:not(.has-account-workspace) .account-assurance > .account-assurance__points {
    position: relative;
    z-index: 1;
    display: block;
    min-width: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
  }

  body.account-access:not(.has-account-workspace) .account-assurance__eyebrow {
    margin: 0 0 8px;
    color: rgba(255, 255, 255, .76);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .11em;
    line-height: 1.2;
    text-transform: uppercase;
  }

  body.account-access:not(.has-account-workspace) .account-assurance__copy h2 {
    max-width: 17ch;
    margin: 0;
    color: #fff;
    font-size: clamp(1.75rem, 3vw, 2.45rem);
    line-height: 1.03;
    letter-spacing: -.05em;
  }

  body.account-access:not(.has-account-workspace) .account-assurance__copy > p:last-child {
    max-width: 48ch;
    margin: 13px 0 0;
    color: rgba(255, 255, 255, .82);
    font-size: 14px;
    line-height: 1.55;
  }

  body.account-access:not(.has-account-workspace) .account-mail-scene {
    position: relative;
    display: block;
    min-height: 240px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .20);
    border-radius: 19px;
    background: rgba(75, 24, 5, .16);
  }

  body.account-access:not(.has-account-workspace) .account-mail-scene__glow {
    position: absolute;
    inset: 15% 14%;
    border-radius: 50%;
    background: rgba(255, 226, 199, .38);
    filter: blur(44px);
  }

  body.account-access:not(.has-account-workspace) .account-mail-scene__inbox {
    position: absolute;
    z-index: 3;
    inset: 50% auto auto 50%;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) 10px;
    align-items: center;
    gap: 11px;
    width: min(78%, 350px);
    min-height: 78px;
    padding: 14px 15px;
    border: 1px solid rgba(255, 255, 255, .46);
    border-radius: 15px;
    background: rgba(255, 255, 255, .94);
    color: #3b2117;
    box-shadow: 0 20px 48px rgba(68, 18, 2, .22);
    transform: translate(-50%, -50%) rotate(-1deg);
  }

  body.account-access:not(.has-account-workspace) .account-mail-scene__inbox-icon {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #fff0e5;
    color: #a23f0c;
  }

  body.account-access:not(.has-account-workspace) .account-mail-scene__inbox-icon svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
  }

  body.account-access:not(.has-account-workspace) .account-mail-scene__inbox small,
  body.account-access:not(.has-account-workspace) .account-mail-scene__inbox strong {
    display: block;
    overflow: hidden;
    color: inherit;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.account-access:not(.has-account-workspace) .account-mail-scene__inbox small {
    margin-bottom: 3px;
    color: #7b6257;
    font-size: 10px;
  }

  body.account-access:not(.has-account-workspace) .account-mail-scene__inbox strong {
    font-size: 13px;
  }

  body.account-access:not(.has-account-workspace) .account-mail-scene__inbox i {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #2e9f5b;
    box-shadow: 0 0 0 4px rgba(46, 159, 91, .12);
  }

  body.account-access:not(.has-account-workspace) .account-mail-scene__message {
    position: absolute;
    z-index: 2;
    width: 126px;
    height: 72px;
    padding: 17px 15px;
    border: 1px solid rgba(255, 255, 255, .38);
    border-radius: 14px;
    background: rgba(255, 255, 255, .17);
    box-shadow: 0 13px 35px rgba(72, 18, 2, .13);
  }

  body.account-access:not(.has-account-workspace) .account-mail-scene__message span {
    display: block;
    height: 7px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .72);
  }

  body.account-access:not(.has-account-workspace) .account-mail-scene__message span + span {
    width: 62%;
    margin-top: 10px;
    opacity: .68;
  }

  body.account-access:not(.has-account-workspace) .account-mail-scene__message--one {
    inset: 16px auto auto 18px;
    transform: rotate(-8deg);
  }

  body.account-access:not(.has-account-workspace) .account-mail-scene__message--two {
    inset: 22px 18px auto auto;
    transform: rotate(8deg) scale(.88);
  }

  body.account-access:not(.has-account-workspace) .account-mail-scene__message--three {
    inset: auto 34px 12px auto;
    transform: rotate(-5deg) scale(.78);
    opacity: .74;
  }

  body.account-access:not(.has-account-workspace) .account-assurance > .account-assurance__points {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  body.account-access:not(.has-account-workspace) .account-assurance__points > div {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 12px;
    background: rgba(66, 20, 4, .18);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07);
    backdrop-filter: blur(8px);
  }

  body.account-access:not(.has-account-workspace) .account-assurance__points svg {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
  }

  body.account-access:not(.has-account-workspace) .account-assurance__points strong,
  body.account-access:not(.has-account-workspace) .account-assurance__points small {
    display: block;
  }

  body.account-access:not(.has-account-workspace) .account-assurance__points strong {
    margin-bottom: 2px;
    font-size: 12px;
  }

  body.account-access:not(.has-account-workspace) .account-assurance__points small {
    font-size: 11px;
    line-height: 1.4;
  }
}

/* Desktop reset for the global top bar: these declarations intentionally undo
   the v2 fixed-left-rail experiment above. */
@media (min-width: 961px) {
  body.has-account-workspace .onboarding-header {
    position: sticky;
    z-index: 50;
    inset: auto;
    inset-block-start: 0;
    width: 100%;
    height: auto;
    min-height: var(--ob-header-height);
    border-right: 0;
    border-bottom: 1px solid var(--ob-line);
    background: rgba(255, 255, 255, .97);
    box-shadow: none;
    backdrop-filter: blur(10px);
  }

  body.has-account-workspace .onboarding-header__inner {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    width: min(100%, 1480px);
    max-width: 1480px;
    height: auto;
    min-height: var(--ob-header-height);
    margin-inline: auto;
    padding: 0 32px;
  }

  body.has-account-workspace .onboarding-header__brand {
    align-self: center;
    justify-self: start;
    min-height: 44px;
    padding-inline: 0;
  }

  body.has-account-workspace .onboarding-header__context {
    display: flex;
    align-items: center;
    justify-self: center;
    gap: 12px;
    min-height: 0;
    margin: 0;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: var(--ob-muted);
    font-size: .9rem;
    line-height: inherit;
  }

  body.has-account-workspace .onboarding-header__context > span {
    display: inline;
  }

  body.has-account-workspace .onboarding-header__context strong {
    color: var(--ob-ink);
    font-weight: 560;
  }

  body.has-account-workspace .onboarding-header__context::before {
    display: none;
  }

  body.has-account-workspace .onboarding-header__actions {
    display: flex;
    align-items: center;
    justify-self: end;
    gap: 18px;
    width: auto;
    margin: 0;
  }

  body.has-account-workspace .onboarding-save-state {
    display: inline;
    padding: 0;
    color: var(--ob-muted);
    font-size: .82rem;
    font-weight: 400;
    letter-spacing: normal;
    text-transform: none;
  }

  body.has-account-workspace .onboarding-header__exit {
    display: inline-flex;
    min-height: 44px;
    padding: 0;
    border-radius: 5px;
    color: #8f310e;
    font-size: .9rem;
    text-decoration: underline;
    text-decoration-color: rgba(143, 49, 14, .36);
    text-underline-offset: 4px;
  }

  body.has-account-workspace .onboarding-header__exit:hover {
    background: transparent;
    color: #692207;
    text-decoration-color: currentColor;
  }

  body.has-account-workspace .account-shell {
    width: min(calc(100% - 48px), 1500px);
    max-width: 1500px;
    min-height: 0;
    margin: 0 auto;
    padding: 28px 0 64px;
  }
}

/* Tablet: cabinet navigation becomes a compact, non-sticky grid above the
   workspace. */
@media (max-width: 960px) {
  body.has-account-workspace .account-workspace {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  body.has-account-workspace .account-dashboard-nav {
    position: static;
    display: grid;
    grid-template-columns: minmax(260px, 1fr) auto minmax(210px, auto);
    height: auto;
    min-height: 0;
    overflow: visible;
  }

  body.has-account-workspace .account-dashboard-nav__heading {
    display: none;
  }

  body.has-account-workspace .account-dashboard-nav__links {
    grid-column: 1 / -1;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 8px;
  }

  body.has-account-workspace .account-dashboard-nav__links :where(a, button) {
    justify-content: center;
  }

  body.has-account-workspace .account-dashboard-nav .account-workspace__organization {
    grid-column: 1;
    border-bottom: 0;
    border-right: 1px solid var(--account-v2-line);
  }

  body.has-account-workspace .account-dashboard-nav__support {
    grid-column: 2;
    align-self: stretch;
    margin: 0;
    border-top: 0;
    border-right: 1px solid var(--account-v2-line);
  }

  body.has-account-workspace .account-dashboard-nav__support a {
    justify-content: center;
    height: 100%;
  }

  body.has-account-workspace .account-dashboard-nav .account-workspace__account {
    grid-column: 3;
    min-width: 210px;
    border-top: 0;
  }

  body.has-account-workspace .account-workspace__header {
    align-items: flex-end;
  }

  body.account-access:not(.has-account-workspace) .account-assurance > .account-assurance__copy,
  body.account-access:not(.has-account-workspace) .account-assurance > .account-mail-scene,
  body.account-access:not(.has-account-workspace) .account-assurance > .account-assurance__points {
    min-width: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  body.account-access:not(.has-account-workspace) .account-assurance__copy,
  body.account-access:not(.has-account-workspace) .account-mail-scene {
    display: none;
  }

  body.account-access:not(.has-account-workspace) .account-assurance > .account-assurance__points {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  body.account-access:not(.has-account-workspace) .account-assurance__points > div {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
    padding: 12px;
    border: 1px solid var(--account-v2-line);
    border-radius: 11px;
    background: var(--account-v2-surface);
  }
}

@media (max-width: 640px) {
  body.has-account-workspace .account-dashboard-nav {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    overflow: hidden;
  }

  body.has-account-workspace .account-dashboard-nav__heading {
    display: flex;
  }

  body.has-account-workspace .account-dashboard-nav__links {
    grid-column: 1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.has-account-workspace .account-dashboard-nav__links :where(a, button) {
    justify-content: flex-start;
  }

  body.has-account-workspace .account-dashboard-nav .account-workspace__organization,
  body.has-account-workspace .account-dashboard-nav__support,
  body.has-account-workspace .account-dashboard-nav .account-workspace__account {
    grid-column: 1;
    min-width: 0;
    border-right: 0;
    border-bottom: 1px solid var(--account-v2-line);
  }

  body.has-account-workspace .account-dashboard-nav__support a {
    justify-content: flex-start;
  }

  body.has-account-workspace .account-dashboard-nav .account-workspace__account {
    border-bottom: 0;
  }

  body.has-account-workspace .account-workspace__main,
  body.has-account-workspace [data-workspace-overview],
  body.has-account-workspace .account-mail-product-panel,
  body.has-account-workspace .account-portfolio,
  body.has-account-workspace .account-domain,
  body.has-account-workspace .account-domain__identity {
    min-width: 0;
    max-width: 100%;
  }

  body.has-account-workspace .account-workspace__header-actions {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    margin-top: 14px;
  }

  body.has-account-workspace .account-workspace__header-actions .onboarding-button {
    width: 100%;
    justify-content: center;
  }

  body.has-account-workspace .account-overview {
    grid-template-columns: minmax(0, 1fr);
  }

  body.has-account-workspace .account-overview-card {
    min-height: 84px;
  }

  body.has-account-workspace .account-mail-product-panel__title {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 10px;
  }

  body.has-account-workspace .account-mail-product-panel__title > .account-product-card__icon {
    display: none;
  }

  body.account-access:not(.has-account-workspace) .account-assurance > .account-assurance__points {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.has-account-workspace .account-dashboard-nav__links :where(a, button),
  body.has-account-workspace .account-dashboard-nav__support a,
  body.has-account-workspace .account-icon-button {
    transition: none;
  }
}

@media (forced-colors: active) {
  body.has-account-workspace .account-dashboard-nav,
  body.has-account-workspace .account-overview-card,
  body.account-access:not(.has-account-workspace) .account-mail-scene,
  body.account-access:not(.has-account-workspace) .account-assurance__points > div {
    border: 1px solid CanvasText;
    background: Canvas;
    color: CanvasText;
    box-shadow: none;
  }

  body.has-account-workspace .account-dashboard-nav__links :where(a, button)[aria-current="page"] {
    outline: 2px solid Highlight;
    background: Canvas;
    color: CanvasText;
  }

  body.account-access:not(.has-account-workspace) .account-mail-scene__glow,
  body.account-access:not(.has-account-workspace) .account-mail-scene__message {
    display: none;
  }
}

/* Keep the always-visible organization list on its own row once the desktop
   sidebar collapses into the horizontal cabinet navigation. */
@media (max-width: 960px) {
  body.has-account-workspace .account-dashboard-nav {
    grid-template-columns: minmax(0, 1fr) minmax(210px, auto);
  }

  body.has-account-workspace .account-dashboard-nav .account-workspace__organization {
    grid-column: 1 / -1;
    border-right: 0;
    border-bottom: 1px solid var(--account-v2-line);
  }

  body.has-account-workspace .account-workspace__organization-list {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    max-height: 176px;
  }

  body.has-account-workspace .account-dashboard-nav__support {
    grid-column: 1;
  }

  body.has-account-workspace .account-dashboard-nav .account-workspace__account {
    grid-column: 2;
  }

  body.has-account-workspace .account-overview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.has-account-workspace .account-overview-card--organization {
    grid-column: 1 / -1;
  }
}

@media (max-width: 640px) {
  body.has-account-workspace .account-dashboard-nav {
    grid-template-columns: minmax(0, 1fr);
  }

  body.has-account-workspace .account-workspace__organization-list {
    grid-template-columns: minmax(0, 1fr);
    max-height: 218px;
  }

  body.has-account-workspace .account-overview {
    grid-template-columns: minmax(0, 1fr);
  }

  body.has-account-workspace .account-dashboard-nav__support,
  body.has-account-workspace .account-dashboard-nav .account-workspace__account {
    grid-column: 1;
  }
}