/* Add your styles here */

/* Dark drawer styling - using Vaadin dark theme colors */
.dark-drawer [slot="drawer"] {
    background: linear-gradient(180deg, #1e3a5f 0%, #152d4a 100%);
    color: var(--lumo-base-color);
}

.dark-drawer vaadin-side-nav-item {
    --vaadin-side-nav-item-color: rgba(255, 255, 255, 0.9);
    --vaadin-side-nav-item-selected-color: white;
    --vaadin-side-nav-item-hover-background: rgba(255, 255, 255, 0.15);
    --vaadin-side-nav-item-selected-background: rgba(255, 255, 255, 0.2);
}

.dark-drawer vaadin-side-nav-item::part(link) {
    color: rgba(255, 255, 255, 0.9);
}

.dark-drawer vaadin-side-nav-item[selected]::part(link) {
    color: white;
    font-weight: 600;
}

.dark-drawer vaadin-icon {
    color: rgba(255, 255, 255, 0.9);
}