/**
 * Keyboard focus ring for primary actions (same visual as IMPO SUBMIT):
 * white outline + blue glow. Load after Bootstrap / layout-bundle.
 * Excludes Print toolbar buttons (.js-print-trigger).
 */

/* Gradient submit buttons (Rojmel, Client, IMPO, Party, JK, Note, etc.) */
.rojmel-entry-submit-btn:focus,
.rojmel-entry-submit-btn:focus-visible {
    outline: 2px solid #fff !important;
    outline-offset: 2px !important;
    box-shadow:
        0 0 0 6px rgba(59, 130, 246, 0.5),
        0 0 20px rgba(37, 99, 235, 0.6),
        0 2px 8px rgba(37, 99, 235, 0.3) !important;
    color: #fff !important;
}

/* List / filter Submit (not Print — same class, different purpose) */
.list-filter-submit-btn:focus:not(.js-print-trigger),
.list-filter-submit-btn:focus-visible:not(.js-print-trigger) {
    outline: 2px solid #fff !important;
    outline-offset: 2px !important;
    box-shadow:
        0 0 0 6px rgba(59, 130, 246, 0.5),
        0 0 20px rgba(37, 99, 235, 0.6),
        0 2px 8px rgba(37, 99, 235, 0.3) !important;
    color: #fff !important;
}

/* Bootstrap primary = Update / Save on many modals and settings pages */
.btn.btn-primary:focus,
.btn.btn-primary:focus-visible,
.btn.btn-primary.btnaction:focus,
.btn.btn-primary.btnaction:focus-visible {
    outline: 2px solid #fff !important;
    outline-offset: 2px !important;
    box-shadow:
        0 0 0 6px rgba(59, 130, 246, 0.5),
        0 0 20px rgba(37, 99, 235, 0.55),
        0 0 0 0.25rem rgba(13, 110, 253, 0.15) !important;
}

/* Login / forgot password primary actions */
.btn.btn-signin:focus,
.btn.btn-signin:focus-visible {
    outline: 2px solid #fff !important;
    outline-offset: 2px !important;
    box-shadow:
        0 0 0 6px rgba(59, 130, 246, 0.45),
        0 0 18px rgba(37, 99, 235, 0.5) !important;
}

/* Client Edit modal footer: non-focus rule sets strong box-shadow — restate ring with same specificity */
#formModal.form-modal--client-edit #formModalFooter .rojmel-entry-submit-btn:focus,
#formModal.form-modal--client-edit #formModalFooter .rojmel-entry-submit-btn:focus-visible {
    outline: 2px solid #fff !important;
    outline-offset: 2px !important;
    box-shadow:
        0 0 0 6px rgba(59, 130, 246, 0.5),
        0 0 20px rgba(37, 99, 235, 0.6),
        0 4px 14px rgba(37, 99, 235, 0.45) !important;
    color: #fff !important;
}

#formModal.form-modal--client-edit #formModalFooter .rojmel-entry-submit-btn:focus:hover,
#formModal.form-modal--client-edit #formModalFooter .rojmel-entry-submit-btn:focus-visible:hover {
    transform: translateY(-1px);
}