/* BOE Modals Standardized Styles */

/* BOE Modal Container - using Bootstrap modal with customizations if needed */
/* Assuming standard Bootstrap modal, add custom class for BOE specific tweaks */
 /* Enhanced Modal Content */
.boe-modal .modal-content {
    border: none;
    border-radius: 12px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
    overflow: hidden; /* Clips header gradient */
    transition: transform 0.2s;
}

/* Gradient Headers */
.boe-modal .modal-header {
    background: linear-gradient(135deg, #3279a8 0%, #175d8d 100%);
    color: #fff;
    padding: 1rem 1.5rem;
    border-bottom: 0;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);
    position: relative;
    z-index: 2;
}

.boe-modal .modal-title {
    font-weight: 500;
    letter-spacing: 0.5px;
}

.boe-modal .btn-close {
    filter: invert(1) opacity(0.8);
    transition: transform 0.2s;
}
.boe-modal .btn-close:hover {
    transform: rotate(90deg);
    opacity: 1;
}

.boe-modal .modal-footer {
    background-color: #f8f9fa;
    border-top: 1px solid #e9ecef;
}

.boe-modal .btn-close {
    filter: invert(1);
}

/* BOE Save Button - based on Save button styles from BOE styling */
.boe-btn-save {
    color: #fff;
    background-color: #3279a8 !important;
    border-color: #868e96;
    padding-right: 15px;
    padding-left: 15px;
}

.boe-btn-save:hover,
.boe-btn-save:focus,
.boe-btn-save:active,
.boe-btn-save.active {
    color: #fff;
    background-color: #1571B3 !important;
    border-color: #868e96;
}

/* BOE Cancel Button - based on Cancel button styles from BOE styling */
.boe-btn-cancel {
    color: white !important;
    background-color: #6c757d; /* Standard secondary, but ensuring white text */
    border-color: #6c757d;
}

.boe-btn-cancel:hover,
.boe-btn-cancel:focus {
    color: white !important;
    background-color: #5a6268;
    border-color: #5a6268;
}