.main {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); 
    min-height: 100vh;
}

/* Menus */

.accordion-button::after {
    filter: invert(1) brightness(2);
    margin-right: 0;
}

.accordion-button:not(.collapsed)::after {
    filter: invert(1) brightness(2);
}

.accordion-button:focus {
    box-shadow: none;
    border: none;
}

.accordion-button {
    padding: 0.5rem 0;
}

.accordion-button:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

.accordion-body {
    padding: 0 !important;
}

/* Indent submenu items */
.nav-link.ps-4 {
    padding-left: 2rem !important;
}

/* Hover effect for menu items */
.nav-link:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
}

/* Active menu item styling */
.nav-link.active {
    background-color: #0d6efd !important;
    color: white !important;
}
/* /Menus */

/* global overlay  */
.global-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.85);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

body>.global-overlay {
    position: fixed;
}

.global-overlay.active {
    opacity: 1;
    pointer-events: all;
}

.global-overlay .loading-message {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.2rem;
    color: #333;
    font-weight: 500;
}

/* /global overlay */

/* Select2 CSS fixes */
.select2-selection__rendered {
    line-height: 2.6em !important;
}

.select2-container .select2-selection--single {
    height: 2.6em !important;
}

.select2-selection__arrow {
    height: 2.6em !important;
}

/* Default border to match Bootstrap form controls */
.select2-container .select2-selection--single {
    border: 1px solid #ced4da !important;
    border-radius: 0.25rem; 
    padding: 0rem 0rem; 
}

/* Outline and shadow on focus to match Bootstrap */
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single .select2-selection__rendered:focus {
    border-color: #80bdff !important;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); 
}

/* Adjust arrow position */
.select2-selection__arrow {
    height: 100% !important;
    top: 0;
    right: 0; 
}

/* /Select2 CSS fixes */

input, textarea, select, button, a.btn {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    border-radius: 0 !important;
}

.btn-light-gray {
    background-color: var(--daphas-bg-gray);
    color: var(--daphas-text-dark) !important;
}

.btn-light-gray:hover {
    background-color: var(--daphas-bg-gray) !important;
    color: var(--daphas-text-dark) !important;
}

.modal-xl {
    max-width: 90% !important;
}

.modal-xxl {
    max-width: 95% !important;
}

.content-section {
    padding-bottom: 100vh !important;
}