/* /Components/Guides/GuideCalendar.razor.rz.scp.css */
/* Schedule entries are tinted, assignments are solid, so trips stand out from availability notes */
.guide-cal-item[b-5wmx7vpm2f] {
    border-radius: 4px;
    padding: 1px 6px;
    font-size: .75rem;
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-left: 3px solid transparent;
    cursor: pointer;
}

.guide-cal-item--available[b-5wmx7vpm2f] { background: rgba(var(--mud-palette-success-rgb), .14); border-left-color: var(--mud-palette-success); color: var(--mud-palette-text-primary); }
.guide-cal-item--unavailable[b-5wmx7vpm2f] { background: rgba(var(--mud-palette-warning-rgb), .18); border-left-color: var(--mud-palette-warning); color: var(--mud-palette-text-primary); }
.guide-cal-item--leave[b-5wmx7vpm2f] { background: rgba(var(--mud-palette-error-rgb), .14); border-left-color: var(--mud-palette-error); color: var(--mud-palette-text-primary); }
.guide-cal-item--pending[b-5wmx7vpm2f] { background: var(--mud-palette-surface); border: 1px dashed var(--mud-palette-primary); border-left-width: 3px; color: var(--mud-palette-primary); }
.guide-cal-item--accepted[b-5wmx7vpm2f] { background: var(--mud-palette-primary); border-left-color: var(--mud-palette-primary-darken); color: var(--mud-palette-primary-text); }

.guide-calendar-legend[b-5wmx7vpm2f] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1.25rem;
    font-size: .8125rem;
    color: var(--mud-palette-text-secondary);
}

.guide-calendar-legend__item[b-5wmx7vpm2f] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
}

.guide-cal-swatch[b-5wmx7vpm2f] {
    width: 14px;
    height: 10px;
    border-radius: 2px;
    display: inline-block;
}

.guide-cal-swatch--available[b-5wmx7vpm2f] { background: rgba(var(--mud-palette-success-rgb), .35); border-left: 3px solid var(--mud-palette-success); }
.guide-cal-swatch--unavailable[b-5wmx7vpm2f] { background: rgba(var(--mud-palette-warning-rgb), .4); border-left: 3px solid var(--mud-palette-warning); }
.guide-cal-swatch--leave[b-5wmx7vpm2f] { background: rgba(var(--mud-palette-error-rgb), .35); border-left: 3px solid var(--mud-palette-error); }
.guide-cal-swatch--pending[b-5wmx7vpm2f] { border: 1px dashed var(--mud-palette-primary); }
.guide-cal-swatch--accepted[b-5wmx7vpm2f] { background: var(--mud-palette-primary); }
/* /Pages/Manager/Departures/DepartureDetail.razor.rz.scp.css */
/* Ranked suggestion: the rank number leads, reasons wrap under the name on narrow screens */
.suggestion-row[b-qspadjqlo2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .75rem 1rem;
    padding: .75rem 1rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    transition: border-color 150ms ease, background-color 150ms ease;
}

.suggestion-row:hover[b-qspadjqlo2] {
    border-color: var(--mud-palette-primary);
    background: rgba(var(--mud-palette-primary-rgb), .04);
}

.suggestion-row__rank[b-qspadjqlo2] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    background: rgba(var(--mud-palette-primary-rgb), .1);
    color: var(--mud-palette-primary);
    flex-shrink: 0;
}

.suggestion-row:first-child .suggestion-row__rank[b-qspadjqlo2] {
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
}