/* ==========================================================================
   SESSION DASHBOARD (INDEX) STYLES
   ========================================================================== */

.custom-scroll::-webkit-scrollbar { width: 6px; }
.custom-scroll::-webkit-scrollbar-track { background: transparent; }
.custom-scroll::-webkit-scrollbar-thumb { background-color: rgba(0, 80, 136, 0.15); border-radius: 10px; }

.schedule-item.past-event { opacity: 0.4; filter: grayscale(10%); }
.schedule-item.current-event .timeline-dot { transform: scale(1.5); background: var(--color-fiery-orange) !important; border-color: var(--color-snow-summit) !important; box-shadow: 0 0 15px rgba(255, 130, 58, 0.4); }
.schedule-item.current-event .schedule-text { color: var(--color-fiery-orange); font-weight: 800; }
.schedule-item.current-event .roerich-pill { background: rgba(255, 130, 58, 0.12); color: var(--color-fiery-orange); }

.admin-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }
@media (min-width: 768px) { .admin-grid { grid-template-columns: 1fr 2fr; } }


.text-break-safe { word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; hyphens: auto; }


@media (max-width: 767px) {
    .schedule-header { flex-direction: column; align-items: flex-start !important; gap: 1rem; }
    #dateForm { width: 100%; }
    .schedule-text { font-size: 1rem !important; }
}