/**
 * 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 / not WhatsApp — same class, different purpose) */
.list-filter-submit-btn:focus:not(.js-print-trigger):not(.js-whatsapp-trigger),
.list-filter-submit-btn:focus-visible:not(.js-print-trigger):not(.js-whatsapp-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;
}

/* WhatsApp toolbar: brand #128C7E — base, hover, focus (Print stays blue) */
.list-filter-submit-btn.js-whatsapp-trigger,
.client-2grid-page .list-filter-submit-btn.js-whatsapp-trigger {
    background: #128C7E !important;
    background-image: none !important;
    box-shadow: 0 2px 8px rgba(18, 140, 126, 0.35) !important;
    color: #fff !important;
}

.list-filter-submit-btn.js-whatsapp-trigger:hover,
.client-2grid-page .list-filter-submit-btn.js-whatsapp-trigger:hover {
    background: #0f7569 !important;
    background-image: none !important;
    box-shadow: 0 4px 12px rgba(18, 140, 126, 0.45) !important;
    color: #fff !important;
}

.list-filter-submit-btn.js-whatsapp-trigger:focus,
.list-filter-submit-btn.js-whatsapp-trigger:focus-visible,
.client-2grid-page .list-filter-submit-btn.js-whatsapp-trigger:focus,
.client-2grid-page .list-filter-submit-btn.js-whatsapp-trigger:focus-visible {
    outline: 2px solid #fff !important;
    outline-offset: 2px !important;
    box-shadow:
        0 0 0 6px rgba(18, 140, 126, 0.45),
        0 0 18px rgba(18, 140, 126, 0.35),
        0 2px 8px rgba(12, 90, 82, 0.35) !important;
    color: #fff !important;
}

/* Template / Role / Enum / Recipient: WhatsApp on .btn-secondary */
.btn.js-whatsapp-trigger.btn-secondary {
    background-color: #128C7E !important;
    border-color: #128C7E !important;
    color: #fff !important;
}

.btn.js-whatsapp-trigger.btn-secondary:hover {
    background-color: #0f7569 !important;
    border-color: #0c655b !important;
    color: #fff !important;
}

.btn.js-whatsapp-trigger.btn-secondary:focus,
.btn.js-whatsapp-trigger.btn-secondary:focus-visible {
    outline: 2px solid #fff !important;
    outline-offset: 2px !important;
    box-shadow:
        0 0 0 6px rgba(18, 140, 126, 0.45),
        0 0 18px rgba(18, 140, 126, 0.35) !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);
}