/* Inventory dashboard motion — global CSS (avoid Blazor scoped keyframes bugs). */

/* Row 1 KPI: static corner glow only, no pulse. */
.inv-dash .card .gspot {
    position: absolute;
    z-index: 0;
    border-radius: 50%;
    pointer-events: none;
    width: 90px;
    height: 90px;
    right: -16px;
    top: -16px;
    background: var(--gspot-color, #22C55E) !important;
    opacity: .12;
    filter: blur(28px);
    animation: none;
}

/* Row 2 period buttons: soft internal shimmer. */
.inv-dash .card.period-deal-card {
    box-shadow: var(--dash-glass-shadow, 0 10px 40px rgba(0, 0, 0, .38));
    overflow: hidden;
    isolation: isolate;
}

.inv-dash button.period-deal-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(
        115deg,
        transparent 0%,
        transparent 38%,
        var(--period-shimmer, rgba(255, 255, 255, .08)) 50%,
        transparent 62%,
        transparent 100%
    );
    background-size: 220% 100%;
    background-position: 120% 0;
    animation: inv-period-shimmer 3.6s ease-in-out infinite;
    opacity: .85;
}

.inv-dash button.period-deal-card.acc-b {
    --period-shimmer: rgba(96, 165, 250, .22);
}

.inv-dash button.period-deal-card.acc-g,
.inv-dash button.period-deal-card.acc-pk {
    --period-shimmer: rgba(34, 197, 94, .22);
}

.inv-dash button.period-deal-card.acc-book {
    --period-shimmer: rgba(245, 158, 11, .24);
}

.inv-dash button.period-deal-card.acc-contract {
    --period-shimmer: rgba(45, 212, 191, .24);
}

.inv-dash button.period-deal-card:hover::before,
.inv-dash button.period-deal-card:focus-visible::before,
.inv-dash button.period-deal-card.acc-book.is-open::before {
    animation-duration: 2.2s;
    opacity: 1;
}

@keyframes inv-period-shimmer {
    0%   { background-position: 120% 0; }
    55%  { background-position: -40% 0; }
    100% { background-position: -40% 0; }
}

@media (prefers-reduced-motion: reduce) {
    .inv-dash button.period-deal-card::before {
        animation: none;
        opacity: .25;
        background-position: 50% 0;
    }
}