/* BM_V469_CURSOR_CARDS_R3_BEGIN
 * Native BudgetManagement adaptation of the supplied 21st.dev CursorCards.
 *
 * R3 extends the accepted R2 effect from the authentication card and page
 * header to summary cards and the card surfaces used by Reports, Budget
 * Controls (approval), and Budget Disbursements. Existing geometry, semantic
 * background colours, typography, tables, and data logic remain authoritative.
 *
 * Layer mapping from the source component:
 *   1. pointer illumination (padding-box)
 *   2. minimal-premium sheen (padding-box)
 *   3. captured existing card surface (padding-box)
 *   4. pointer-reactive gradient border (border-box)
 */
@media screen {
  .bm-cursor-card {
    --bm-cursor-x: -200px;
    --bm-cursor-y: -200px;
    --bm-cursor-radius: 200px;
    --bm-cursor-primary: #93c5fd;
    --bm-cursor-secondary: #2563eb;
    --bm-cursor-border: #e5e5e5;
    --bm-cursor-illumination: rgba(255, 255, 255, .0502);
    --bm-cursor-surface: rgba(255, 255, 255, .94);
    --bm-cursor-base-shadow: 0 0 0 rgba(0, 0, 0, 0);
    position: relative;
    isolation: isolate;
    border-color: transparent !important;
    background:
      radial-gradient(
        var(--bm-cursor-radius) circle at var(--bm-cursor-x) var(--bm-cursor-y),
        var(--bm-cursor-illumination),
        transparent 100%
      ) padding-box,
      linear-gradient(
        145deg,
        rgba(255, 255, 255, .16),
        rgba(248, 251, 253, .025)
      ) padding-box,
      linear-gradient(
        var(--bm-cursor-surface),
        var(--bm-cursor-surface)
      ) padding-box,
      radial-gradient(
        var(--bm-cursor-radius) circle at var(--bm-cursor-x) var(--bm-cursor-y),
        var(--bm-cursor-primary),
        var(--bm-cursor-secondary),
        var(--bm-cursor-border) 100%
      ) border-box;
    background-origin: border-box;
    box-shadow: var(--bm-cursor-base-shadow);
    transition: box-shadow .22s ease;
  }

  /* All R3 content cards intentionally use the same pointer response as page-header. */
  .bm-cursor-card.is-cursor-active,
  .bm-cursor-card:focus-within {
    box-shadow:
      var(--bm-cursor-base-shadow),
      0 10px 26px rgba(24, 45, 68, .085),
      0 0 0 1px rgba(147, 197, 253, .055);
  }

  /* Authentication remains slightly more elevated while preserving R1 button states. */
  .auth-card.bm-cursor-card.is-cursor-active,
  .auth-card.bm-cursor-card:focus-within {
    box-shadow:
      var(--bm-cursor-base-shadow),
      0 26px 68px rgba(28, 47, 67, .145),
      0 0 0 1px rgba(147, 197, 253, .08),
      inset 0 1px 0 rgba(255, 255, 255, .92);
  }

  /* Explicit target documentation; registration remains route-aware in JavaScript. */
  body.theme-v464 .page-header.bm-cursor-card,
  body.theme-v464 .summary-card.bm-cursor-card,
  body.theme-v464 .workflow-summary-card.bm-cursor-card,
  body.theme-v464 .report-summary-card.bm-cursor-card,
  body.theme-v464 .report-filter-card.bm-cursor-card,
  body.theme-v464 .report-table-card.bm-cursor-card,
  body.theme-v464 .report-disbursement-summary-card.bm-cursor-card,
  body.theme-v464 .financial-approval-workflow-panel.bm-cursor-card,
  body.theme-v464 section.panel.bm-cursor-card {
    background-origin: border-box;
  }

  .bm-cursor-card,
  .bm-cursor-card * {
    -webkit-tap-highlight-color: inherit;
  }

  @media (prefers-reduced-motion: reduce), (pointer: coarse) {
    .bm-cursor-card {
      --bm-cursor-x: -200px !important;
      --bm-cursor-y: -200px !important;
      transition: none !important;
    }

    .bm-cursor-card.is-cursor-active {
      box-shadow: var(--bm-cursor-base-shadow) !important;
    }
  }

  @media (forced-colors: active) {
    .bm-cursor-card {
      border-color: CanvasText !important;
      background: Canvas !important;
      box-shadow: none !important;
    }
  }
}
/* BM_V469_CURSOR_CARDS_R3_END */