/* Shared alignment and readable density; no control or API behavior changes. */
body.dashboard-page {
  --content-width: 1280px;
  --page-gutter: 36px;
  padding-bottom: 0;
}
.dashboard-page .main-content { padding: 0 var(--page-gutter) 40px; }
.dashboard-page .views { width: 100%; max-width: var(--content-width); }
.dashboard-page .topbar {
  width: auto;
  max-width: none;
  margin: 0 calc(-1 * var(--page-gutter)) 30px;
  padding: 14px var(--page-gutter);
  position: static;
}
.dashboard-page .topbar > .topbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  max-width: var(--content-width);
  margin: 0 auto;
}
.dashboard-page .topbar-inner > div:first-child { min-width: 0; }
.dashboard-page .topbar-actions { flex-shrink: 0; }
.dashboard-page .live-pill { font-size: 12px; }
.dashboard-page .nav-item { font-size: 13px; }
.dashboard-page .sidebar-identity strong { font-size: 12px; }
.dashboard-page .sidebar-identity small { font-size: 10px; }
.dashboard-page .welcome-row h2 { font-size: 40px; }
.dashboard-page .section-intro p,
.dashboard-page .welcome-row p { font-size: 14px; }
.dashboard-page .date-chip { font-size: 12px; padding: 9px 12px; }

/* The previous shared frame must not survive around the individual cards. */
.dashboard-page .stats-grid {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  overflow: visible;
  gap: 16px;
  margin-bottom: 24px;
}
.dashboard-page .stat-card { padding: 22px 24px; }
.dashboard-page .stat-card p { font-size: 14px; }
.dashboard-page .stat-card small { font-size: 12px; line-height: 1.6; }
.dashboard-page .stat-card > strong { font-size: 42px; }
.dashboard-page .chart-insights span,
.dashboard-page .chart-insights small { font-size: 12px; }
.dashboard-page .chart-insights strong { font-size: 22px; }
.dashboard-page .chart-insights small { white-space: normal; overflow: visible; text-overflow: clip; }
.dashboard-page .chart-readout { min-height: 66px; }
.dashboard-page .chart-axis,
.dashboard-page .bar-value { font-size: 11px; }
.dashboard-page .panel-heading .eyebrow { font-size: 10px; }
.dashboard-page .primary-button,
.dashboard-page .secondary-button { font-size: 13px; }

.dashboard-page .section-heading h3,
.dashboard-page .commands-heading h3 { margin: 0; }
.dashboard-page .section-heading { margin: 0 0 18px; }
.dashboard-page .section-heading > span,
.dashboard-page .commands-heading > span { font-size: 12px; }
.dashboard-page .bot-preferences-panel { overflow: visible; margin-top: 16px; }
.dashboard-page .preferences-autosave {
  margin: 0 0 28px;
  padding: 8px 14px;
  min-height: 58px;
  background: #172323f5;
}
.dashboard-page .preferences-autosave > .form-feedback { font-size: 13px; }
.dashboard-page .preferences-autosave .secondary-button { font-size: 12px; }
.dashboard-page .preferences-autosave:has(.error) { background: #36202a; }
.dashboard-page .option-content { min-height: 92px; padding-top: 16px; padding-bottom: 16px; }
.dashboard-page .option-content small { font-size: 12px; }
.dashboard-page .preset-cover { padding: 26px 28px; }
.dashboard-page .preset-cover h2 { font-size: 32px; }
.dashboard-page .preset-cover p { font-size: 14px; max-width: 440px; margin-bottom: 0; }
.dashboard-page .preset-cover img { width: 112px; height: 112px; border-radius: 24px; }
.dashboard-page .preset-body { padding: 24px; }
.dashboard-page .preset-commands strong { font-size: 14px; }
.dashboard-page .preset-commands small,
.dashboard-page .preset-unchanged { font-size: 12px; }
.dashboard-page #roomPresetHint { font-size: 13px; }
.dashboard-page .preference-copy p,
.dashboard-page #anonymousModeHint { font-size: 14px; max-width: 65ch; }
.dashboard-page .form-panel .form-fields > label { margin-top: 0; }
.dashboard-page .form-fields > label > span { font-size: 13px; }
.dashboard-page .automed-power { margin: 22px 0 28px; }
.dashboard-page .method-options small,
.dashboard-page .mode-card small { font-size: 12px; }

/* Login header, story, entry and footer share the same horizontal rhythm. */
.on-login #login-screen { max-width: 1440px; padding: 32px 48px; }
.on-login .login-top,
.on-login .login-bottom { width: 100%; max-width: 1180px; margin-inline: auto; }
.on-login .login-layout { max-width: 1180px; gap: 64px; margin: 44px auto; }
.on-login .login-story > p,
.on-login .login-card > p:not(.login-preview-note) { font-size: 15px; }
.on-login .login-topics,
.on-login .login-card-foot,
.on-login .login-links > a,
.on-login .motion-settings summary { font-size: 12px; }
.on-login .login-bottom { font-size: 11px; }
.on-login .discord-button { font-size: 14px; }

@media (min-width: 721px) and (max-width: 1100px) {
  body.dashboard-page { --page-gutter: 24px; }
  .dashboard-page .sidebar { display: flex; }
  .dashboard-page .nav-item { gap: 8px; padding-inline: 10px; font-size: 12px; }
  .dashboard-page .stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .on-login #login-screen { padding: 28px 32px; }
  .on-login .login-layout { gap: 32px; }
  .on-login .login-card { padding: 28px; }
  .on-login .login-card h1 { font-size: 32px; }
  .on-login .login-card .discord-button { font-size: 12px; }
}
@media (max-width: 720px) {
  body.dashboard-page { --page-gutter: 20px; }
  .dashboard-page .topbar { margin-bottom: 22px; padding-block: 12px; }
  .dashboard-page .topbar > .topbar-inner { gap: 12px; }
  .dashboard-page .mobile-nav { gap: 8px; scrollbar-width: none; box-shadow: none; }
  .dashboard-page .mobile-nav::-webkit-scrollbar { display: none; }
  .dashboard-page .mobile-nav button { font-size: 12px; }
  .dashboard-page .welcome-row h2 { font-size: 32px; }
  .dashboard-page .stats-grid { gap: 12px; }
  .dashboard-page .stat-card { padding: 16px; }
  .dashboard-page .stat-card p { font-size: 12px; }
  .dashboard-page .stat-card > strong { font-size: 34px; }
  .dashboard-page .stat-card small { font-size: 11px; }
  .dashboard-page .chart-insights span,
  .dashboard-page .chart-insights small { font-size: 11px; }
  .dashboard-page .chart-insights strong { font-size: 19px; }
  .dashboard-page .section-heading > span { font-size: 11px; }
  .dashboard-page .preferences-autosave { padding: 8px 10px; gap: 4px; }
  .dashboard-page .preferences-autosave > .form-feedback { font-size: 12px; }
  .dashboard-page .preferences-autosave .secondary-button { font-size: 11px; }
  .dashboard-page .preset-cover { padding: 22px 20px; }
  .dashboard-page .preset-cover h2 { font-size: 29px; }
  .dashboard-page .preset-cover p { font-size: 12px; }
  .dashboard-page .preset-cover img { width: 80px; height: 80px; border-radius: 18px; }
  .dashboard-page .preset-body { padding: 19px; }
  .dashboard-page .commands-heading > span { font-size: 11px; }
  .dashboard-page .preference-copy p,
  .dashboard-page .integration-card p { font-size: 16px; line-height: 1.65; }
  .on-login #login-screen { padding: 22px 22px 26px; }
  .on-login .login-layout { gap: 28px; margin: 32px auto; }
  .on-login .login-story > p,
  .on-login .login-card > p:not(.login-preview-note) { font-size: 16px; }
  .on-login .login-card .discord-button { font-size: 13px; }
  .on-login .login-links { flex-wrap: wrap; gap: 0; }
  .on-login .login-links > a,
  .on-login .motion-settings summary { font-size: 11px; }
}