/* ==========================================================================
   BExAI — shared stylesheet
   One change here updates every page that uses Views/Shared/_Layout.cshtml.
   Ported from the original BEx Engine assets/styles.css (kept verbatim
   below) plus new rules for the dark, collapsible sidebar approved for
   the Phase 1+2 build.
   ========================================================================== */

/* Dark sidebar — active item state (top level and sub items) */
.nav-item.active {
    background-color: #4f46e5;
    color: #ffffff;
    font-weight: 700;
}
.nav-item.active i {
    color: #ffffff !important;
}

/* Reusable full-screen modal overlay pattern (Express Check-In style).
   Every page's "in-context modal" uses id="...Modal" class="bexai-modal
   hidden fixed inset-0 ..." and is opened/closed via BExAI.openModal /
   BExAI.closeModal in Scripts/site.js instead of a page-local script. */
.bexai-modal.hidden { display: none; }

/* Primary action buttons (solid) — used on Reservations, Amend, Booking Wizard */
.gold-button { background-color: #c8a165; }
.gold-button:hover { background-color: #b58e54; }
.crimson-button { background-color: #be2525; }
.crimson-button:hover { background-color: #a31c1c; }

/* Soft amber chip — Room Availability "Hold" buttons.
   NOTE: the source file for this screen (frame2_availability.html) defined
   its OWN ".gold-button" with these colors, different from the solid gold
   button above. Merging them as one class would have silently changed one
   screen's buttons. Renamed to .gold-chip here and in that page only —
   visual output is unchanged, the naming collision is just resolved. */
.gold-chip { background-color: #fef3c7; color: #92400e; }
.gold-chip:hover { background-color: #fde68a; }

/* Reservation Command Center — micro text size + slim custom scrollbar */
.text-xxs { font-size: 0.65rem; line-height: 1rem; }
.custom-scrollbar::-webkit-scrollbar { width: 4px; height: 4px; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }

/* Reservation Wizard — mini calendar day states */
.cal-day-selected { background-color: #c8a165; color: white; font-weight: 700; border-radius: 9999px; }
.cal-day-range { background-color: #f1ece4; color: #1e293b; font-weight: 600; }
.cal-day-hover:hover { background-color: #f8fafc; border-radius: 9999px; }