/**
 * Schedule Page Theme CSS
 * Uses unified theme variables for consistent theming
 */

/* ==================== TIMEZONE DROPDOWN ==================== */

.schedule-timezone-dropdown {
    max-height: 300px;
    overflow-y: auto;
}

/* ==================== PROFILE IMAGES ==================== */

.schedule-profile-img-40 {
    width: 40px;
    height: 40px;
    object-fit: cover;
}

.schedule-profile-placeholder-40 {
    width: 40px;
    height: 40px;
    min-width: 40px;
}

.schedule-profile-img-50 {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.schedule-profile-placeholder-50 {
    width: 50px;
    height: 50px;
}

/* ==================== SCHEDULE SLOTS ==================== */

.schedule-slot-container {
    min-width: 0;
}

.schedule-slot {
    transition: all 0.2s ease;
}

.schedule-slot:hover {
    background-color: var(--theme-primary-light) !important;
    border-color: var(--theme-primary) !important;
    transform: translateX(5px);
}

/* ==================== CARD HEADERS ==================== */

.schedule-card-header {
    background: linear-gradient(135deg, var(--theme-primary), var(--theme-primary-hover)) !important;
}

/* ==================== THEME-AWARE ELEMENTS ==================== */

.schedule-bg-light {
    background-color: var(--theme-surface);
}

.schedule-text-dark {
    color: var(--theme-text);
}

.schedule-text-primary {
    color: var(--theme-primary);
}

.schedule-border {
    border-color: var(--theme-border);
}

.schedule-border-warning {
    border-color: var(--theme-warning);
}