.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #26358c;
    --bs-btn-border-color: #26358c;

    /* Hover */
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #3146b3;      /* Lighter */
    --bs-btn-hover-border-color: #3146b3;

    /* Active (pressed) */
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1d2a70;     /* Darker */
    --bs-btn-active-border-color: #1d2a70;

    /* Focus ring */
    --bs-btn-focus-shadow-rgb: 38, 53, 140;
}

/*#calendar-container {*/
/*    max-width: 1200px;*/
/*    margin: 0 auto;*/
/*    background: #ffffff;*/
/*    padding: 24px;*/
/*    border-radius: 12px;*/
/*    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);*/
/*}*/

/* Custom styles for the period slot labels */
.period-label {
    text-align: center;
    padding: 4px 0;
}
.period-label strong {
    display: block;
    color: #1a252f;
    font-size: 13px;
}
.period-label small {
    color: #6c757d;
    font-size: 11px;
}

.fc-toolbar, .fc-header-toolbar {
    display: none !important;
}

/* Force DataTables header wrapper and body to stay synced */
div.dataTables_scrollHeadInner,
div.dataTables_scrollHeadInner table.dataTable,
div.dataTables_scrollBody table.dataTable {
    width: 100% !important;
}

.content-ambient-bg {
    background:
        radial-gradient(at 85% 15%, rgba(255, 245, 192, 0.35) 0px, transparent 50%),
        radial-gradient(at 15% 15%, rgba(180, 190, 237, 0.25) 0px, transparent 60%),
        radial-gradient(at 50% 85%, rgba(209, 218, 252, 0.30) 0px, transparent 50%),
        #fbfcfe;
    min-height: 100vh;
}