/* Bookings grid: left strip + light tint by BookingStatus (admin CRM) */

.slick-row.booking-strip-booked {
    border-left: 6px solid #1976d2 !important;
}
.slick-row.booking-strip-booked .slick-cell {
    background-color: rgba(25, 118, 210, 0.06) !important;
}

.slick-row.booking-strip-checkin {
    border-left: 6px solid #2e7d32 !important;
}
.slick-row.booking-strip-checkin .slick-cell {
    background-color: rgba(46, 125, 50, 0.07) !important;
}

.slick-row.booking-strip-checkout {
    border-left: 6px solid #546e7a !important;
}
.slick-row.booking-strip-checkout .slick-cell {
    background-color: rgba(84, 110, 122, 0.06) !important;
}

.slick-row.booking-strip-cancel {
    border-left: 6px solid #c62828 !important;
}
.slick-row.booking-strip-cancel .slick-cell {
    background-color: rgba(198, 40, 40, 0.07) !important;
}

.slick-row.booking-strip-refunded {
    border-left: 6px solid #ef6c00 !important;
}
.slick-row.booking-strip-refunded .slick-cell {
    background-color: rgba(239, 108, 0, 0.07) !important;
}

/* Selected / hover: keep strip visible */
.slick-row.booking-strip-booked:hover .slick-cell,
.slick-row.booking-strip-booked.active .slick-cell {
    background-color: rgba(25, 118, 210, 0.12) !important;
}
.slick-row.booking-strip-checkin:hover .slick-cell,
.slick-row.booking-strip-checkin.active .slick-cell {
    background-color: rgba(46, 125, 50, 0.14) !important;
}
.slick-row.booking-strip-checkout:hover .slick-cell,
.slick-row.booking-strip-checkout.active .slick-cell {
    background-color: rgba(84, 110, 122, 0.12) !important;
}
.slick-row.booking-strip-cancel:hover .slick-cell,
.slick-row.booking-strip-cancel.active .slick-cell {
    background-color: rgba(198, 40, 40, 0.14) !important;
}
.slick-row.booking-strip-refunded:hover .slick-cell,
.slick-row.booking-strip-refunded.active .slick-cell {
    background-color: rgba(239, 108, 0, 0.14) !important;
}

/* Legend bar above grid toolbar */
.booking-status-legend {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 16px;
    padding: 8px 10px;
    margin-bottom: 6px;
    font-size: 12px;
    color: #444;
    background: #f8f9fa;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}
.booking-status-legend .booking-legend-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
.booking-status-legend .booking-legend-swatch {
    display: inline-block;
    width: 6px;
    height: 18px;
    border-radius: 2px;
    flex-shrink: 0;
}
.booking-legend-swatch.booking-strip-booked { background: #1976d2; }
.booking-legend-swatch.booking-strip-checkin { background: #2e7d32; }
.booking-legend-swatch.booking-strip-checkout { background: #546e7a; }
.booking-legend-swatch.booking-strip-cancel { background: #c62828; }
.booking-legend-swatch.booking-strip-refunded { background: #ef6c00; }