/* Subtle hover glow; decorative layer never intercepts card actions. */
.metric-card::after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;border:1px solid rgba(91,151,238,.65);box-shadow:0 0 8px rgba(77,139,232,.12),inset 0 0 5px rgba(77,139,232,.04);opacity:0;transition:opacity .4s ease}
@keyframes metric-border-breathe{0%,100%{box-shadow:0 0 6px rgba(77,139,232,.10),inset 0 0 4px rgba(77,139,232,.03);border-color:rgba(91,151,238,.38)}50%{box-shadow:0 0 11px rgba(77,139,232,.20),inset 0 0 6px rgba(77,139,232,.06);border-color:rgba(91,151,238,.70)}}
@media(hover:hover) and (pointer:fine){.metric-card:hover::after{opacity:1;animation:metric-border-breathe 3s ease-in-out infinite}}
.metric-card:focus-visible{outline:2px solid rgba(64,124,218,.70);outline-offset:3px}
@media(hover:none),(pointer:coarse){.metric-card:hover{transform:none;box-shadow:var(--shadow)}}
@media(prefers-reduced-motion:reduce){.metric-card{transition:none}.metric-card:hover{transform:none}.metric-card::after{transition:none;animation:none!important}.metric-card:hover::after{box-shadow:none}}