/* /Components/QuickLogCard.razor.rz.scp.css */
.quick-log-card .log-button[b-28jpus3c2n] {
    transition: transform 0.05s ease-in-out;
}

/* Tactile press feedback — reinforces the "it logged" moment without a modal. */
.quick-log-card .log-button:active[b-28jpus3c2n] {
    transform: scale(0.97);
}

.quick-log-card .stepper[b-28jpus3c2n] {
    width: 3rem;
    font-size: 1.25rem;
    line-height: 1;
}

/* Card is the positioning context for the keycap hint. */
.quick-log-card[b-28jpus3c2n] {
    position: relative;
}

/* Keyboard hotkey hint (1-9). Hidden on touch-only devices where it's useless. */
.quick-log-card .key-hint[b-28jpus3c2n] {
    position: absolute;
    top: 0.4rem;
    left: 0.4rem;
    z-index: 1;
    font-size: 0.7rem;
    padding: 0.1rem 0.35rem;
    color: var(--bs-secondary-color);
    background: var(--bs-tertiary-bg);
    border: 1px solid var(--bs-border-color);
}

@media (hover: none) {
    .quick-log-card .key-hint[b-28jpus3c2n] {
        display: none;
    }
}

/* Brief glow confirming a burst was logged — feedback for mouse-free hotkey use.
   Two identical classes are alternated so consecutive logs replay the animation. */
.quick-log-card.logged-pulse-a[b-28jpus3c2n],
.quick-log-card.logged-pulse-b[b-28jpus3c2n] {
    animation: mb-log-pulse-b-28jpus3c2n 0.45s ease-out;
}

@keyframes mb-log-pulse-b-28jpus3c2n {
    0% {
        box-shadow: 0 0 0 0 rgba(var(--bs-primary-rgb), 0.5);
    }
    100% {
        box-shadow: 0 0 0 0.65rem rgba(var(--bs-primary-rgb), 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .quick-log-card.logged-pulse-a[b-28jpus3c2n],
    .quick-log-card.logged-pulse-b[b-28jpus3c2n] {
        animation: none;
    }
}