body[data-section="account"] {
  --account-pad: clamp(10px, 1.05vw, 14px);
  --account-shell-bg: #f3f6fb;
  --account-shell-surface: #ffffff;
  --account-shell-border: #dbe3ee;
  --account-shell-border-strong: #c4cfdd;
  --account-shell-text: #10203d;
  --account-shell-muted: #6a788f;
  --account-shell-accent: #1d4ed8;
  --account-shell-accent-soft: #eef4ff;
  --account-shell-shadow: 0 18px 40px rgba(15, 23, 42, 0.05);
  --account-shell-sidebar-w: 294px;
  --account-shell-sidebar-collapsed-w: 75px;
  --account-shell-sidebar-shift: -17px;
  --account-shell-sidebar-shift-collapsed: -26px;
  --account-shell-sidebar-lift: -8px;
  --account-shell-edge-control-w: 38px;
  --account-shell-offset: calc(var(--z-header-placeholder-height, 72px) + 16px);
  background:
    radial-gradient(circle at top left, rgba(255, 255, 255, 0.86) 0%, rgba(255, 255, 255, 0) 30%),
    linear-gradient(180deg, #f8fafd 0%, var(--account-shell-bg) 100%);
}

body[data-section="account"] .z-account-layout {
  margin: 14px 0 34px;
}

body[data-section="account"] .z-account-wide {
  width: calc(100% - (var(--account-pad) * 2));
  gap: 20px;
}

body[data-section="account"] .account-shell {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  align-items: start;
}

body[data-section="account"] [data-account-sidebar]:empty {
  display: none;
}

body[data-section="account"][data-account-sidebar-ready="1"] .account-shell {
  grid-template-columns: var(--account-shell-sidebar-w) minmax(0, 1fr);
}

body[data-section="account"][data-account-sidebar-ready="1"].account-sidebar-collapsed .account-shell {
  grid-template-columns: var(--account-shell-sidebar-collapsed-w) minmax(0, 1fr);
}

body[data-section="account"][data-account-sidebar-ready="1"] [data-account-sidebar] {
  position: sticky;
  top: var(--account-shell-offset);
  align-self: start;
  min-width: 0;
  transform: translate(var(--account-shell-sidebar-shift), var(--account-shell-sidebar-lift));
  transition: transform 0.18s ease;
}

body[data-section="account"][data-account-sidebar-ready="1"].account-sidebar-collapsed [data-account-sidebar] {
  transform: translate(var(--account-shell-sidebar-shift-collapsed), var(--account-shell-sidebar-lift));
}

body[data-section="account"] .account-content {
  display: grid;
  gap: 18px;
  min-width: 0;
}

body[data-section="account"] .account-content > * {
  min-width: 0;
}

body[data-section="account"] .z-account-hero,
body[data-section="account"] .z-account-content,
body[data-section="account"] .z-account-card {
  border-color: var(--account-shell-border);
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.05);
}

body[data-section="account"] .z-account-content {
  padding: 18px;
  gap: 16px;
}

body[data-section="account"] .z-account-card {
  border-radius: 22px;
}

body[data-section="account"] .z-account-hero {
  border-radius: 24px;
}

body[data-section="account"] .z-account-content__title,
body[data-section="account"] .z-grid__title {
  letter-spacing: -0.035em;
}

body[data-section="account"] .z-account-hero__desc,
body[data-section="account"] .z-account-content__desc,
body[data-section="account"] .z-account-muted {
  color: var(--account-shell-muted);
}

body[data-section="account"][data-page="account-dashboard"] .z-dashboard-top {
  grid-template-columns: minmax(0, 1.22fr) minmax(260px, 0.78fr);
  gap: 16px;
  align-items: stretch;
}

body[data-section="account"][data-page="account-dashboard"] .z-dashboard-now {
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.9fr);
  gap: 16px;
  align-items: stretch;
}

body[data-section="account"][data-page="account-dashboard"] .z-dashboard-hero__summary-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

body[data-section="account"][data-page="account-dashboard"] .z-dashboard-summary-point {
  min-height: 94px;
}

body[data-section="account"][data-page="account-dashboard"] .z-dashboard-rail-card,
body[data-section="account"][data-page="account-dashboard"] .z-dashboard-panel,
body[data-section="account"][data-page="account-services"] .z-dashboard-rail-card {
  height: 100%;
}

body[data-section="account"][data-page="account-services"] .z-dashboard-top {
  grid-template-columns: minmax(0, 1.16fr) minmax(250px, 0.8fr);
  gap: 16px;
  align-items: stretch;
}

body[data-section="account"][data-page="account-services"] .z-dashboard-hero__body {
  grid-template-columns: minmax(0, 1.08fr) minmax(240px, 0.92fr);
  gap: 16px;
}

body[data-section="account"][data-page="account-settings"] {
  --account-shell-bg: #ffffff;
  background: #ffffff;
}

body[data-section="account"][data-page="account-settings"] .account-shell,
body[data-section="account"][data-page="account-settings"] .account-content,
body[data-section="account"][data-page="account-settings"] .z-account-layout,
body[data-section="account"][data-page="account-settings"] .z-account-wide {
  background: #ffffff;
}

@media (max-width: 1180px) {
  body[data-section="account"][data-account-sidebar-ready="1"] .account-shell {
    grid-template-columns: minmax(261px, 275px) minmax(0, 1fr);
  }

  body[data-section="account"][data-account-sidebar-ready="1"].account-sidebar-collapsed .account-shell {
    grid-template-columns: var(--account-shell-sidebar-collapsed-w) minmax(0, 1fr);
  }

  body[data-section="account"][data-page="account-profile"] .z-profile-top,
  body[data-section="account"][data-page="account-settings"] .z-settings-top,
  body[data-section="account"][data-page="account-recognition"] .z-recognition-intro,
  body[data-section="account"][data-page="account-documents"] .z-documents-overview__top {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1023px) {
  body[data-section="account"][data-account-sidebar-ready="1"] .account-shell {
    grid-template-columns: 1fr;
  }

  body[data-section="account"][data-account-sidebar-ready="1"] [data-account-sidebar] {
    position: fixed;
    top: calc(var(--z-header-drawer-top-mobile, 68px) + 10px);
    left: 12px;
    width: min(328px, calc(100vw - 24px));
    max-height: calc(100dvh - var(--z-header-drawer-top-mobile, 68px) - 22px);
  }

  body[data-section="account"] .z-account-content {
    padding: 16px;
  }

  body[data-section="account"][data-page="account-dashboard"] .z-dashboard-top,
  body[data-section="account"][data-page="account-dashboard"] .z-dashboard-now,
  body[data-section="account"][data-page="account-services"] .z-dashboard-top,
  body[data-section="account"][data-page="account-services"] .z-dashboard-hero__body {
    grid-template-columns: 1fr;
  }

  body[data-section="account"][data-page="account-dashboard"] .z-dashboard-hero__summary-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  body[data-section="account"] {
    --account-pad: 16px;
  }

  body[data-section="account"][data-account-sidebar-ready="1"] [data-account-sidebar] {
    left: 10px;
    width: min(320px, calc(100vw - 20px));
  }

  body[data-section="account"] .account-content {
    gap: 16px;
  }

  body[data-section="account"] .z-account-hero,
  body[data-section="account"] .z-account-content,
  body[data-section="account"] .z-account-card {
    border-radius: 20px;
  }

  body[data-section="account"] .z-account-content,
  body[data-section="account"] .z-account-card {
    padding: 14px;
  }
}