/* Admin navigation: match the approved light WebinarHub workspace.
 * Loaded last to override legacy dark sidebar skins without changing layouts.
 */
.wh-v4 .app-shell.has-sidebar > .admin-sidebar {
    background: #f5f9fa !important;
    color: #102e45;
    border-right: 1px solid #dce9ed;
    box-shadow: none;
}

.wh-v4 .admin-sidebar .side-title,
.wh-v4 .admin-sidebar .side-title span {
    color: #667e8b;
}

.wh-v4 .admin-sidebar .side-title strong {
    color: #102e45;
}

.wh-v4 .app-shell.has-sidebar > .admin-sidebar a {
    color: #315565;
    background: transparent;
    border-color: transparent;
}

.wh-v4 .app-shell.has-sidebar > .admin-sidebar a:hover {
    color: #006f7a;
    background: #e7f4f5;
}

.wh-v4 .app-shell.has-sidebar > .admin-sidebar a.active {
    color: #006f7a;
    background: #dff2f2;
    border-color: #c2e4e6;
    box-shadow: inset 3px 0 0 #00878d;
}

.wh-v4 .app-shell.has-sidebar > .admin-sidebar a:focus-visible {
    outline: 3px solid #00878d;
    outline-offset: 2px;
}

@media (max-width: 900px) {
    .wh-v4 .app-shell.has-sidebar > .admin-sidebar {
        border-right: 0;
        border-bottom: 1px solid #dce9ed;
    }
}