/* style.css - Custom overrides for Bootstrap 5 */

body {
    background-color: #f8fafc;
}

/* Spinner loader override */
.loader {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255,255,255,0.4);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin 0.8s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

/* Tom Select overrides to match Bootstrap 5 */
.ts-control {
    padding: 0.375rem 0.75rem !important;
    border: 1px solid #dee2e6 !important;
    border-radius: var(--bs-border-radius) !important;
    box-shadow: none !important;
}
.ts-control.focus {
    border-color: #86b7fe !important;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
}
.ts-dropdown {
    border-radius: var(--bs-border-radius) !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    border: 1px solid rgba(0,0,0,.175) !important;
    padding: 0.25rem 0 !important;
}
.ts-dropdown .option {
    padding: 0.375rem 0.75rem !important;
}
.ts-dropdown .active {
    background-color: #f8f9fa !important;
    color: #0d6efd !important;
    font-weight: 500;
}

/* Custom dashed border */
.border-dashed {
    border-style: dashed !important;
}

/* Make list items look a bit cleaner */
.list-group-item {
    transition: background-color 0.2s;
}