/* PulseBot v22.0.7 — exact headline rhythm for community modules.
   Scope: spacing and dimensions only. */

body#pulsebot-app:is(
  .dashboard-active-welcome,
  .dashboard-active-goodbye,
  .dashboard-active-selfrole,
  .dashboard-active-boosts,
  .dashboard-active-suggestions
) .module-headline {
  min-height: 96px !important;
  gap: 24px !important;
  margin: 0 0 20px !important;
  padding: 18px 4px 22px !important;
}

body#pulsebot-app:is(
  .dashboard-active-welcome,
  .dashboard-active-goodbye,
  .dashboard-active-selfrole,
  .dashboard-active-boosts,
  .dashboard-active-suggestions
) .module-form {
  gap: 18px !important;
}

@media (max-width: 720px) {
  body#pulsebot-app:is(
    .dashboard-active-welcome,
    .dashboard-active-goodbye,
    .dashboard-active-selfrole,
    .dashboard-active-boosts,
    .dashboard-active-suggestions
  ) .module-headline {
    min-height: 0 !important;
    gap: 16px !important;
    margin-bottom: 18px !important;
    padding: 16px 0 20px !important;
  }
}

/* v22.0.11 — exact gap between shared server header and community module frame. */
body#pulsebot-app:is(
  .dashboard-active-welcome,
  .dashboard-active-goodbye,
  .dashboard-active-selfrole,
  .dashboard-active-boosts,
  .dashboard-active-suggestions
) .content-stack {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  row-gap: 20px !important;
}

body#pulsebot-app:is(
  .dashboard-active-welcome,
  .dashboard-active-goodbye,
  .dashboard-active-selfrole,
  .dashboard-active-boosts,
  .dashboard-active-suggestions
) .content-stack > .server-top,
body#pulsebot-app:is(
  .dashboard-active-welcome,
  .dashboard-active-goodbye,
  .dashboard-active-selfrole,
  .dashboard-active-boosts,
  .dashboard-active-suggestions
) .content-stack > .module-panel {
  margin-block: 0 !important;
}

@media (max-width: 720px) {
  body#pulsebot-app:is(
    .dashboard-active-welcome,
    .dashboard-active-goodbye,
    .dashboard-active-selfrole,
    .dashboard-active-boosts,
    .dashboard-active-suggestions
  ) .content-stack {
    row-gap: 16px !important;
  }
}