/*
 * hero-dashboard.css
 * Animation keyframes and component-scoped classes for the hero dashboard widget.
 * Loaded by templates/partials/hero_dashboard.html.
 * Kept separate from the Tailwind bundle so no rebuild is required when tweaking animation timings.
 */

/* ── Blinking cursor for the typing-effect boot lines ─────────────────── */
@keyframes ct-blink {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0; }
}

.typing-cursor {
    display: inline-block;
    width: 7px;
    height: 0.85em;
    background-color: #4266AF;
    vertical-align: text-bottom;
    margin-left: 2px;
    animation: ct-blink 0.75s step-end infinite;
}

/* ── Smooth progress-bar width transition ─────────────────────────────── */
.ct-bar-slide {
    transition: width 0.9s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ── Pulsing green status dot on SVG pipeline nodes ──────────────────── */
@keyframes ct-node-pulse {
    0%, 100% { opacity: 1;    }
    50%       { opacity: 0.35; }
}

.ct-node-pulse {
    animation: ct-node-pulse 2.2s ease-in-out infinite;
}