/* ── HotelPopupPlugin — Scheduler highlight styles ──────────────── */
/* These classes are applied to SVG items on the scheduler canvas    */
/* to visually link rooms belonging to the same booking.             */
/* The popup UI itself is rendered by the Blazor component.          */

/* Linked room highlight (outline around SVG item) */
.hotel-linked {
    outline: 2px solid var(--hotel-highlight, #fbbf24);
    outline-offset: 1px;
}

/* Active item (the one that was clicked) — dashed outline */
.hotel-linked-active {
    outline-width: 3px;
    outline-style: dashed;
}

/* Flash animation when scrolling to a room from the popup */
@keyframes hotel-flash {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}
.hotel-flash {
    animation: hotel-flash 0.5s ease 3;
}