/* Shared by popup forms and confirmation dialogs, including the green theme. */
:is(.savoia-popup, .modal-footer) .btn {
    --button-bg: #f8fafc;
    --button-hover: #e2e8f0;
    --button-active: #cbd5e1;
    --button-border: #94a3b8;
    --button-text: #334155;
    background: var(--button-bg) !important;
    border-color: var(--button-border) !important;
    color: var(--button-text) !important;
    text-shadow: none !important;
    box-shadow: none !important;
    transform: none !important;
    transition: background-color 150ms ease, border-color 150ms ease !important;
}

:is(.savoia-popup, .modal-footer) :is(.btn-primary, .btn-success),
.modal-footer .btn:has(.glyphicon-ok) {
    --button-bg: #18794e;
    --button-hover: #12613e;
    --button-active: #0d4b30;
    --button-border: #12613e;
    --button-text: #ffffff;
}

:is(.savoia-popup, .modal-footer) :is(.btn-danger, #btnExcluir) {
    --button-bg: #b42318;
    --button-hover: #912018;
    --button-active: #751a14;
    --button-border: #912018;
    --button-text: #ffffff;
}

:is(.savoia-popup, .modal-footer) .btn:hover {
    background: var(--button-hover) !important;
}

:is(.savoia-popup, .modal-footer) .btn.btn:active {
    background: var(--button-active) !important;
}

:is(.savoia-popup, .modal-footer) .btn:focus-visible {
    outline: 2px solid #1d4ed8 !important;
    outline-offset: 2px;
}

:is(.savoia-popup, .modal-footer) .btn .glyphicon {
    color: inherit !important;
}

:is(.savoia-popup, .modal-footer) .btn:is(:disabled, .disabled) {
    background: #e2e8f0 !important;
    border-color: #cbd5e1 !important;
    color: #64748b !important;
    opacity: 1;
}
