/* Shared dashboard rhythm. Keep marketing and Discord message previews independent. */
#dashboardApp .community { max-width: none; }
#dashboardApp .page-heading,
#dashboardApp .cm-header { gap: 20px; margin-bottom: 24px; padding-bottom: 24px; }
#dashboardApp .page-heading > div,
#dashboardApp .cm-header > div,
#dashboardApp .panel-head > div { min-width: 0; }
#dashboardApp .page-heading h1,
#dashboardApp .cm-header h1 {
  margin: 0; font: 800 clamp(28px, 3vw, 34px)/1.25 Manrope, sans-serif;
  letter-spacing: -.8px; overflow-wrap: anywhere;
}
#dashboardApp .page-heading p:not(.eyebrow),
#dashboardApp .cm-header p { margin: 10px 0 0; font-size: 15px; line-height: 1.6; }
#dashboardApp .panel-head { padding: 24px; gap: 16px; flex-wrap: wrap; }
#dashboardApp .panel-head h2,
#dashboardApp .cm-panel > h2 {
  font: 700 18px/1.4 Manrope, sans-serif; letter-spacing: -.25px;
}
#dashboardApp .panel-head h2 { margin: 0; }
#dashboardApp .panel-head p,
#dashboardApp .setting-row p { margin: 6px 0 0; font-size: 14px; line-height: 1.6; color: #aaa5b8; }
#dashboardApp .cm-panel { padding: 24px; margin-bottom: 24px; }
#dashboardApp .cm-panel > h2 { padding-bottom: 16px; margin: 0 0 20px; }
#dashboardApp .setting-row { padding: 24px; gap: 16px; }
#dashboardApp .setting-row h2 { font: 700 16px/1.4 Manrope, sans-serif; margin: 0; }
#dashboardApp .cm-grid { gap: 24px; }
#dashboardApp .feature-grid,
#dashboardApp .antinuke-grid,
#dashboardApp .server-log-grid { gap: 20px; }
#dashboardApp .feature-card,
#dashboardApp .antinuke-card,
#dashboardApp .log-card,
#dashboardApp .mg-log-category { padding: 24px; min-width: 0; }
#dashboardApp .feature-card h3,
#dashboardApp .antinuke-card h3,
#dashboardApp .log-card h3,
#dashboardApp .mg-log-category h3 { font: 700 16px/1.4 Manrope, sans-serif; overflow-wrap: anywhere; }
#dashboardApp .feature-card > p,
#dashboardApp .antinuke-card > p,
#dashboardApp .log-card p,
#dashboardApp .mg-log-category p { font-size: 14px; line-height: 1.6; color: #aaa5b8; }
#dashboardApp .antinuke-card { display: flex; flex-direction: column; }
#dashboardApp .antinuke-card > p { flex: 1; }
#dashboardApp .thresholds small { font-size: 12px; line-height: 1.4; letter-spacing: .04em; overflow-wrap: anywhere; }
#dashboardApp .primary-button,
#dashboardApp .secondary-button,
#dashboardApp .cm-btn,
.cm-dialog .cm-btn,
.overlay .primary-button,
.overlay .secondary-button {
  min-height: 44px; font-size: 14px; line-height: 1.4;
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 10px 16px; white-space: normal; text-align: center;
}
#dashboardApp .text-button { font-size: 14px; line-height: 1.5; }
#dashboardApp .nav-item .plus-badge { font-size: 12px !important; }
#dashboardApp .cm-table .cm-actions { white-space: normal; min-width: 170px; }
#dashboardApp .table-wrap th { font-size: 12px; line-height: 1.5; padding: 16px 24px; }
#dashboardApp .table-wrap td { font-size: 14px; line-height: 1.5; padding: 18px 24px; }
#dashboardApp .table-wrap .member-name { min-width: 0; overflow-wrap: anywhere; }
#dashboardApp .community-overview .overview-grid { align-items: start; }
#dashboardApp .community-overview .health-panel { display: block; }
#dashboardApp .community-overview .health-row {
  margin: 0 24px; padding: 20px 0; gap: 16px; align-items: center;
  font-size: 14px; line-height: 1.5;
}
#dashboardApp .community-overview .health-row:first-of-type { border-top: 0; }
#dashboardApp .community-overview .health-row span { min-width: 0; color: #aaa5b8; }
#dashboardApp .community-overview .health-row b { flex-shrink: 0; font-size: 14px; }
#dashboardApp .staff-help,
#dashboardApp .staff-permission-card summary,
#dashboardApp .staff-permission-groups label { font-size: 14px; line-height: 1.6; }
#dashboardApp .staff-permission-card summary { flex-wrap: wrap; }
#dashboardApp .staff-permission-card summary strong { overflow-wrap: anywhere; }
#dashboardApp .staff-permission-card summary small,
#dashboardApp .staff-permission-groups legend { font-size: 12px; }
#dashboardApp .staff-permission-groups fieldset { min-width: 0; }
#dashboardApp .staff-permission-groups input { flex-shrink: 0; }
#dashboardApp .cm-field,
.cm-dialog .cm-field,
.overlay .field { font-size: 14px; line-height: 1.5; }
.cm-dialog > form > header,
.cm-dialog > form > main { padding: 24px; }
.cm-dialog > form > header h2,
.overlay .drawer-head h2 { font: 700 20px/1.4 Manrope, sans-serif; overflow-wrap: anywhere; }
.cm-dialog > form > footer { padding: 20px 24px; flex-wrap: wrap; }
.cm-dialog > form > header > button,
.overlay .close-button { flex-shrink: 0; }
.cm-dialog .cm-check { gap: 12px; line-height: 1.5; }
.cm-dialog .mg-log-events select { width: 100%; min-height: 44px; font-size: 14px; }
.overlay .config-title h3 { font-size: 16px; line-height: 1.4; }
.overlay .config-title p { font-size: 14px; line-height: 1.6; }
.overlay .range-value,
.overlay .chip { font-size: 12px; }
.overlay .drawer-footer > span { font-size: 12px; }
.toast strong { font-size: 14px; line-height: 1.5; }
.toast small { font-size: 12px; line-height: 1.5; }
.toast { max-width: calc(100vw - 32px); }
@media (max-width: 760px) {
  #dashboardApp .page-heading,
  #dashboardApp .cm-header { flex-wrap: wrap; align-items: flex-start; }
  #dashboardApp .panel-head,
  #dashboardApp .cm-panel,
  #dashboardApp .setting-row,
  #dashboardApp .feature-card,
  #dashboardApp .antinuke-card,
  #dashboardApp .log-card,
  #dashboardApp .mg-log-category,
  #dashboardApp .settings-page-body { padding: 20px 16px; }
  #dashboardApp .cm-grid { gap: 20px; }
  #dashboardApp .community-overview .health-row { margin-inline: 16px; padding-block: 18px; }
  #dashboardApp .table-wrap th,
  #dashboardApp .table-wrap td { padding-inline: 16px; }
  .cm-dialog > form > header,
  .cm-dialog > form > main,
  .cm-dialog > form > footer { padding: 20px 16px; }
}