.isok-admin-shell .isok-grouped-navigation { overflow: visible; flex-wrap: wrap; gap: 6px; padding: 4px 24px 14px; }
.isok-nav-group { position: relative; min-width: 0; }
.isok-nav-group > summary { display: flex; align-items: center; gap: 8px; list-style: none; cursor: pointer; padding: 10px 12px; border-radius: 8px; color: var(--isok-muted); font-size: 12px; font-weight: 550; white-space: nowrap; user-select: none; }
.isok-nav-group > summary::-webkit-details-marker { display: none; }
.isok-nav-group > summary::marker { content: ""; }
.isok-nav-group > summary:hover, .isok-nav-group[open] > summary { color: var(--isok-ink, #fff); background: var(--isok-shade-soft, #ffffff0a); }
.isok-nav-group.is-active > summary { color: var(--isok-blue-ink, #93c5fd); background: #3b82f61f; }
.isok-nav-group > summary:focus-visible, .isok-rsio-return:focus-visible, .isok-nav-toggle:focus-visible { outline: 2px solid var(--isok-blue-ink, #93c5fd); outline-offset: 3px; }
.isok-nav-group .isok-nav-chevron { font-size: 8px; opacity: .7; margin-left: 4px; transition: transform .2s; }
.isok-nav-group[open] .isok-nav-chevron { transform: rotate(180deg); }
.isok-nav-dropdown { position: absolute; top: calc(100% + 7px); left: 0; z-index: 1; width: 285px; max-width: calc(100vw - 32px); border: 1px solid var(--isok-line, #475569); border-radius: 12px; padding: 9px; background: var(--isok-paper, #1e293b); box-shadow: 0 18px 48px var(--isok-shadow, #02061770); }
.isok-nav-group:last-child .isok-nav-dropdown { left: auto; right: 0; }
.isok-nav-caption { display: block; padding: 8px 11px 10px; font-size: 9px; font-weight: 650; letter-spacing: .1em; text-transform: uppercase; color: var(--isok-ink-soft, #8092ae); }
.isok-admin-shell .isok-nav-dropdown a { padding: 11px; white-space: normal; line-height: 1.5; }
.isok-nav-dropdown a i { width: 17px; flex-shrink: 0; text-align: center; color: var(--isok-ink-soft, #91a4be); }
.isok-admin-shell .isok-navigation-topbar > .isok-rsio-return { display: inline-flex; align-items: center; gap: 10px; border: 1px solid #60a5fa40; border-radius: 10px; padding: 6px 11px 6px 6px; background: linear-gradient(115deg,#3b82f621,#22d3ee12); color: var(--isok-ink, #dbeafe); font-size: 11px; font-weight: 650; text-decoration: none; box-shadow: inset 0 1px 0 var(--isok-shadow, #ffffff08); transition: border-color .2s, background .2s; }
.isok-rsio-icon { display: grid; place-items: center; width: 29px; height: 29px; background: #60a5fa20; border: 1px solid #93c5fd20; border-radius: 7px; color: var(--isok-blue-ink, #93c5fd); }
.isok-rsio-return > .fa-arrow-up { transform: rotate(45deg); font-size: 10px; color: var(--isok-cyan-ink, #67e8f9); margin-left: 4px; }
.isok-admin-shell .isok-navigation-topbar > .isok-rsio-return:hover { color: var(--isok-ink, #fff); border-color: #60a5fa99; background: linear-gradient(115deg,#3b82f639,#22d3ee22); }
.isok-nav-toggle { display: none; }
/* Equal side columns keep the menu centered independently of the brand and return link. */
.isok-navigation-topbar { max-width: 1560px; margin: auto; padding: 12px 24px; display: grid; grid-template-columns: minmax(160px,1fr) auto minmax(160px,1fr); align-items: center; gap: 12px; }
.isok-admin-shell .isok-navigation-topbar .isok-navigation-label { margin: 0; padding: 0; justify-self: start; grid-column: 1; grid-row: 1; }
.isok-admin-shell .isok-navigation-topbar .isok-grouped-navigation { margin: 0; padding: 0; flex-wrap: nowrap; justify-content: center; grid-column: 2; grid-row: 1; }
.isok-admin-shell .isok-navigation-topbar > .isok-rsio-return { justify-self: end; grid-column: 3; grid-row: 1; }
@media (max-width: 1200px) {
    .isok-navigation-topbar { grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); }
    .isok-nav-toggle { display: flex; align-items: center; justify-content: center; gap: 9px; grid-column: 2; grid-row: 1; padding: 10px 12px; border: 1px solid var(--isok-border); border-radius: 8px; background: var(--isok-surface-soft); color: var(--isok-ink, #cbd5e1); font-size: 11px; cursor: pointer; }
    .isok-nav-toggle > i:last-child { font-size: 9px; }
    .isok-admin-shell .isok-navigation-topbar .isok-grouped-navigation { display: none; grid-column: 1/-1; grid-row: 2; align-items: stretch; gap: 5px; max-height: calc(100vh - 100px); overflow-y: auto; }
    .isok-navigation.is-menu-open .isok-navigation-topbar .isok-grouped-navigation { display: flex; flex-direction: column; }
    .isok-nav-group > summary { padding: 11px 12px; }
    .isok-nav-group .isok-nav-chevron { margin-left: auto; }
    .isok-nav-dropdown, .isok-nav-group:last-child .isok-nav-dropdown { position: static; width: 100%; max-width: none; margin: 5px 0; box-shadow: none; background: var(--isok-paper, #172033); border-color: var(--isok-border); }
    .isok-nav-caption { display: none; }
}
@media (max-width: 500px) {
    .isok-navigation-topbar { padding: 12px 15px; gap: 7px; grid-template-columns: minmax(0,1fr) 34px auto; }
    .isok-nav-toggle { width: 34px; height: 36px; padding: 0; }
    .isok-nav-toggle > span, .isok-nav-toggle > i:last-child { display: none; }
    .isok-admin-shell .isok-navigation-topbar > .isok-rsio-return { gap: 7px; font-size: 10px; padding-right: 9px; }
    .isok-rsio-icon { width: 25px; height: 25px; }
}
@media (prefers-reduced-motion: reduce) { .isok-nav-group .isok-nav-chevron, .isok-rsio-return { transition: none; } }
@media (max-width: 360px) { .isok-navigation-topbar .isok-admin-badge { display: none; } }