@layer components {
  /* ===================================================
     Dashboard .btn overrides
     Batch 2B.2: relocated out of layout/dashboard-styles.css
     so these dashboard-scoped button variants compete with the
     canonical .btn (button-styles.css) and community.css's
     .discussion-actions/.steelman-panel-actions .btn on selector
     specificity and source order within the components layer,
     instead of on accidental cross-layer precedence. Values are
     unchanged from their previous layout-layer declarations.

     This file is intentionally linked last among the COMPONENTS
     stylesheets (see base.njk) so its selectors — several of
     which tie in specificity with community.css's — keep winning
     by source order exactly as they do today under layer order,
     rather than losing to a file that merely loads later.

     Batch 4A: removed confirmed-dead .dashboard-bookmark-card
     .card-actions .btn and .bookmark-controls .btn.small (and its
     @640px sub-rule) — neither .card-actions nor .bookmark-controls
     has any live template, JS or built-output reference. The live
     bookmark-removal control is .remove-bookmark-icon, unaffected.
     =================================================== */

  .dashboard-keys-pagination .btn[disabled] {
    cursor: not-allowed;
    opacity: 0.48;
  }

  @media (max-width: 640px) {
    .dashboard-account-sanction-actions .btn,
    .dashboard-steelman-review-actions .btn {
      width: 100%;
    }
  }

  @media (max-width: 420px) {
    .dashboard-keys-pagination .btn {
      flex: 1 1 7rem;
    }
  }
}