/* TOTP 30s rotation micro-UI */
.totp-rotation .rotor-ring {
    --rot: 0deg; /* updated by JS */
    --rotor-color: #0d6efd; /* fallback; or tie to Bootstrap var */
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: conic-gradient(var(--rotor-color) var(--rot), #e9eef5 0);
    box-shadow: inset 0 0 0 2px #e9eef5; /* slim inner track */
}

@media (prefers-reduced-motion: reduce) {
    .totp-rotation .rotor-ring {
        transition: none;
    }
}