/* ============================================================
   Animated success checkmark — SVG circle + check draw
   ============================================================
   Markup: templates/dashboard/components/base/animated-check.html.
   Used by the dashboard wizard success steps (charges, bail order, registry
   committal, s651, scan review, the welcome modal) AND by the public
   early-access waitlist form's success panel.

   Lives in global/ because it is loaded from BOTH sides: the dashboard bundle
   (scripts/build_css_bundles.py) and, linked directly, the two public heads
   that render the waitlist form (public/signup.html, public/landing-base.html —
   inside their early-access {% if %}, beside early-access.css). It was inside
   dashboard/base/components/welcome-modal.css until the public form needed it —
   public pages never load the dashboard bundles, and duplicating the keyframes
   under a second class name would be the same component defined twice.

   The animation plays on render, so a step/panel revealed by JS animates when
   it appears. Colour is a token; the stroke geometry is fixed to the 52-unit
   viewBox in the partial (stroke-dasharray values are its path lengths).
   ============================================================ */

.ob-welcome-check {
    width: 72px;
    height: 72px;
    margin: 0 auto 1.5rem;
}

.ob-welcome-check-svg {
    width: 100%;
    height: 100%;
}

.ob-welcome-check-circle {
    stroke: var(--bs-primary);
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-dasharray: 151;
    stroke-dashoffset: 151;
    animation: welcomeCircleDraw 0.6s 0.3s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.ob-welcome-check-path {
    stroke: var(--bs-primary);
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 36;
    stroke-dashoffset: 36;
    animation: welcomeCheckDraw 0.35s 0.75s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

@keyframes welcomeCircleDraw {
    to { stroke-dashoffset: 0; }
}

@keyframes welcomeCheckDraw {
    to { stroke-dashoffset: 0; }
}