/* CSP-safe hover styles — replaces inline onmouseover/onmouseout JS that
   was just mutating element.style on hover. CSS :hover does this natively
   and works under strict CSP (style-src can keep 'unsafe-inline' since
   it's lower-risk than script-src — not addressed by this migration).

   Selectors target the existing inline style="…" attributes used as the
   "default state" so no class additions are needed. */

/* Pattern A — primary blue button (14 occurrences across forms) */
button[style*="background:#1e40af"]:hover,
a[style*="background:#1e40af"]:hover {
    background: #1d4ed8 !important;
    transform: translateY(-1px);
}

/* Pattern B — text link accent on hover (9 occurrences) */
a[style*="color:#c5ced6"]:hover,
a[style*="color: #c5ced6"]:hover {
    color: var(--accent-light) !important;
}

/* Pattern C — card glow on hover (1 occurrence) */
[style*="border:1px solid rgba(37,99,235,0.12)"]:hover {
    border-color: rgba(37, 99, 235, 0.35) !important;
    box-shadow: 0 0 20px rgba(37, 99, 235, 0.1);
}

/* Pattern D — light border + white text on hover (1 occurrence) */
[style*="border:1px solid rgba(255,255,255,0.15)"]:hover {
    border-color: rgba(255, 255, 255, 0.4) !important;
    color: #fff !important;
}