/* Darken PanelBar headers to match classic Blue Opal */
.k-panelbar > .k-item > .k-link,
.k-panelbar .k-header,
.k-panelbar .k-link.k-header {
    background-color: #32609a !important;     /* Deep blue base (classic Opal primary) */
    background-image: linear-gradient(to bottom, #007fff, #32609a) !important;  /* Optional: classic gradient for depth */
    color: #ffffff !important;                /* White text */
    border-color: #1e4a7e !important;         /* Darker border for contrast */
}

/* Hover state - slightly lighter for interaction */
.k-panelbar > .k-item > .k-link:hover,
.k-panelbar .k-state-hover > .k-link {
    background-color: #0055aa !important;
    background-image: linear-gradient(to bottom, #0099ff, #0055aa) !important;
    color: #ffffff !important;
}

/* Selected/expanded state - even darker or highlighted */
.k-panelbar .k-state-selected > .k-link,
.k-panelbar .k-item > .k-state-selected {
    background-color: #004488 !important;
    background-image: linear-gradient(to bottom, #0066cc, #004488) !important;
    color: #ffffff !important;
}