/* ─────────────────────────────────────────────────────────────────────────
   T1.3 — RangePicker "Bereken" button calm-when-clean

   When the displayed report already matches the inputs (the user clicked a
   preset chip, or just submitted), the Bereken button drops to the calm
   ghost style. The primary-CTA amber returns the moment a date is manually
   edited — that's when the action genuinely needs doing.

   No new colours: reuses the .btn-ghost / .btn-primary tokens from app.css.
   This file only carries the AuDHD-specific transition + a softer
   border-when-clean so the button doesn't fully vanish into the row.
   ───────────────────────────────────────────────────────────────────────── */

.range-bereken-btn {
    transition:
        background-color 220ms ease,
        border-color 220ms ease,
        color 220ms ease,
        box-shadow 220ms ease;
}

/* Calm state: ghost. Pull a soft border in so it still reads as a button
   in the input row (without the border, ghost buttons can be invisible
   next to bordered date inputs). */
.range-bereken-btn--calm {
    border-color: var(--color-line-strong);
}

.range-bereken-btn--calm:hover:not(:disabled) {
    border-color: var(--color-line-strong);
}

/* Dirty state: keep the primary amber as-is — no extra glow, the gradient
   already does the work. Override left intentionally minimal. */
.range-bereken-btn--dirty {
    /* nothing additional — .btn-primary handles it */
}