/* Active sidebar and layout styles now live in `Components/Layout/MainLayout.razor.css`
   and are also duplicated in `wwwroot/app.css` as a production fallback. Keep this file
   only for global non-layout overrides that should remain outside CSS isolation. */

/* ── Syncfusion Schedule Toolbar – navy theme ────────────────────────── */
.e-schedule .e-schedule-toolbar-container,
.e-schedule .e-schedule-toolbar-container .e-toolbar,
.e-schedule .e-schedule-toolbar-container .e-toolbar-items,
.e-schedule .e-schedule-toolbar-container .e-toolbar-left,
.e-schedule .e-schedule-toolbar-container .e-toolbar-center,
.e-schedule .e-schedule-toolbar-container .e-toolbar-right,
.e-schedule .e-schedule-toolbar,
.e-schedule .e-schedule-toolbar.e-toolbar,
.e-schedule .e-schedule-toolbar .e-toolbar-items,
.e-schedule .e-schedule-toolbar .e-toolbar-left,
.e-schedule .e-schedule-toolbar .e-toolbar-center,
.e-schedule .e-schedule-toolbar .e-toolbar-right {
    background: #12304b !important;
    background-color: #12304b !important;
    border-color: #12304b !important;
    box-shadow: none !important;
}

.e-schedule .e-schedule-toolbar-container {
    border-bottom: 2px solid #78afd9 !important;
}

/* Button text and icons: white on navy */
.e-schedule .e-schedule-toolbar-container .e-toolbar-item .e-tbar-btn,
.e-schedule .e-schedule-toolbar-container .e-toolbar-item .e-tbar-btn .e-tbar-btn-text,
.e-schedule .e-schedule-toolbar-container .e-toolbar-item .e-tbar-btn .e-btn-icon,
.e-schedule .e-schedule-toolbar-container .e-toolbar-item .e-tbar-btn .e-icons,
.e-schedule .e-schedule-toolbar .e-toolbar-item .e-tbar-btn,
.e-schedule .e-schedule-toolbar .e-toolbar-item .e-tbar-btn .e-tbar-btn-text,
.e-schedule .e-schedule-toolbar .e-toolbar-item .e-tbar-btn .e-btn-icon,
.e-schedule .e-schedule-toolbar .e-toolbar-item .e-tbar-btn .e-icons,
.e-schedule .e-date-range .e-tbar-btn-text {
    color: #ffffff !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* Hover state */
.e-schedule .e-schedule-toolbar-container .e-toolbar-item .e-tbar-btn:hover,
.e-schedule .e-schedule-toolbar .e-toolbar-item .e-tbar-btn:hover {
    background: rgba(120, 175, 217, 0.18) !important;
    background-color: rgba(120, 175, 217, 0.18) !important;
}

.e-schedule .e-schedule-toolbar-container .e-toolbar-item .e-tbar-btn:hover .e-tbar-btn-text,
.e-schedule .e-schedule-toolbar-container .e-toolbar-item .e-tbar-btn:hover .e-icons,
.e-schedule .e-schedule-toolbar .e-toolbar-item .e-tbar-btn:hover .e-tbar-btn-text,
.e-schedule .e-schedule-toolbar .e-toolbar-item .e-tbar-btn:hover .e-icons {
    color: #78afd9 !important;
}

/* Active / selected view */
.e-schedule .e-schedule-toolbar-container .e-active-view .e-tbar-btn,
.e-schedule .e-schedule-toolbar-container .e-active-view .e-tbar-btn .e-tbar-btn-text,
.e-schedule .e-schedule-toolbar .e-active-view .e-tbar-btn,
.e-schedule .e-schedule-toolbar .e-active-view .e-tbar-btn .e-tbar-btn-text {
    color: #78afd9 !important;
    font-weight: 600 !important;
}