/* ============================================================================
 * ninatrans-buttons.css  —  button enforcement (§5.1 of NINATRANS_UI_RULES.md)
 *
 * The spec ships this as an inline <style id="hris-btn-fix"> block. FMS has
 * five base templates, so it lives in one stylesheet instead of five copies.
 * MUST load after ninatrans-theme.css.
 *
 * Selector list is the spec's, extended with this app's real button classes:
 * `.btn-primary-modern` / `.btn-secondary-modern` (98 templates) and
 * `.action-btn` (93 templates). Bootstrap's bare `.btn-primary` is the
 * minority case here.
 *
 * The four `*-login-button` classes are a bespoke addition: the two login
 * pages use none of the classes above, and their own <style> blocks paint
 * `.secondary-button` and `.mechanic-login-button` grey, which §7 forbids.
 *
 * Destructive actions stay red — intent is signalled by the icon and label
 * (`fa-trash` + "Delete"), never by a different fill.
 * ========================================================================== */

.btn,
a.btn,
.btn-primary,
.btn-secondary,
.btn-outline-primary,
.btn-outline-secondary,
a.btn-outline-secondary,
.btn-primary-modern,
a.btn-primary-modern,
.btn-secondary-modern,
a.btn-secondary-modern,
.action-btn,
a.action-btn,
.login-button,
.secondary-button,
.m365-login-button,
.mechanic-login-button {
    background: hsl(var(--primary)) !important;
    border: 1px solid hsl(var(--primary)) !important;
    color: #fff !important;
    box-shadow: var(--shadow-primary);
    font-weight: 500;
}

/* Beats inline icon colours, including the red used on delete actions. */
.btn i,
a.btn i,
.btn-primary-modern i,
.btn-secondary-modern i,
.action-btn i,
.login-button i,
.m365-login-button i,
.mechanic-login-button i {
    color: #fff !important;
}

.btn:hover,
a.btn:hover,
.btn-primary-modern:hover,
a.btn-primary-modern:hover,
.btn-secondary-modern:hover,
a.btn-secondary-modern:hover,
.action-btn:hover,
a.action-btn:hover,
.login-button:hover,
.secondary-button:hover,
.m365-login-button:hover,
.mechanic-login-button:hover {
    background: hsl(var(--primary-dark)) !important;
    border-color: hsl(var(--primary-dark)) !important;
    color: #fff !important;
    transform: none !important;   /* §7 bans the hover lift */
}