/* Screen-specific styles for Kitchen_Staff_Scheduling_Screen */
        body {
            font-family: 'Inter', sans-serif;
            background-color: #f9fafb;
            color: black;
        }
        
        .material-symbols-rounded {
            font-variation-settings:
            'FILL' 0,
            'wght' 400,
            'GRAD' 0,
            'opsz' 24;
            vertical-align: middle;
        }
        
        .staff-card {
            transition: transform 0.2s ease;
        }
        
        .staff-card:active {
            transform: scale(0.98);
        }
        
        .tab-indicator {
            position: relative;
        }
        
        .tab-indicator::after {
            content: '';
            position: absolute;
            bottom: -8px;
            left: 0;
            right: 0;
            height: 2px;
            background-color: #f97316;
            border-radius: 1px;
        }
        
        .time-slot {
            min-width: 80px;
            text-align: center;
        }
        
        .shift-block {
            position: relative;
            border-radius: 6px;
            padding: 6px 8px;
            margin: 2px 0;
            font-size: 0.75rem;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        
        .shift-block.morning {
            background-color: #dbeafe;
            border-left: 3px solid #3b82f6;
        }
        
        .shift-block.afternoon {
            background-color: #fef3c7;
            border-left: 3px solid #f59e0b;
        }
        
        .shift-block.evening {
            background-color: #e0e7ff;
            border-left: 3px solid #6366f1;
        }
        
        .calendar-day {
            min-width: 40px;
            height: 40px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
        }
        
        .calendar-day.active {
            background-color: #f97316;
            color: white;
        }
        
        .calendar-day.has-shifts {
            position: relative;
        }
        
        .calendar-day.has-shifts::after {
            content: '';
            position: absolute;
            bottom: 2px;
            width: 4px;
            height: 4px;
            border-radius: 50%;
            background-color: #f97316;
        }