/* Applicant timeslot "nudge": slots far from interviews already booked that
   day get redder, nudging applicants to keep interviewers' days compact.
   Levels come from utils/timeslot_rules.py (0 = next to a booking, 3 = far). */

.timeslot-time.timeslot-nudge-0 {
    background: #e3f4e5;
    border-color: #8fcf98;
}

.timeslot-time.timeslot-nudge-1 {
    background: #f1f6dc;
    border-color: #c9dc8a;
}

.timeslot-time.timeslot-nudge-2 {
    background: #fdefd9;
    border-color: #f0bf7a;
}

.timeslot-time.timeslot-nudge-3 {
    background: #fbe1df;
    border-color: #e79a93;
}

/* The applicant's own pick must always read as selected, whatever its tint
   (the tints above would otherwise win over custom.css's .selected). */
.timeslot-time[class*="timeslot-nudge-"].selected {
    background: #002F6C;
    color: #fff;
    border-color: #002F6C;
}

.timeslot-time[class*="timeslot-nudge-"]:hover {
    filter: brightness(0.96);
}

.timeslot-nudge-legend {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    color: #555;
    font-size: 0.85rem;
}

.timeslot-nudge-legend-scale {
    flex: 0 0 auto;
    width: 56px;
    height: 10px;
    border-radius: 5px;
    background: linear-gradient(90deg, #8fcf98, #c9dc8a, #f0bf7a, #e79a93);
}