/*
 * Compact role-aware sidebar and public read-only TV link.
 * Scoped to new classes; leaves existing StagePoint pages and controls intact.
 */
.sp-grouped-nav{gap:3px;padding:14px 12px 18px}
.sp-grouped-nav>.portal-nav-link{min-height:39px;padding:8px 12px;font-size:.84rem;line-height:1.35}
.sp-grouped-nav>.portal-nav-link .portal-nav-icon{font-size:.98rem}
.sp-grouped-nav>.sp-nav-label{margin:15px 11px 8px;font-size:.63rem;letter-spacing:.13em;color:#91a4ba}
.sp-grouped-nav>.sp-nav-label:first-child{margin-top:6px}
.sp-grouped-nav>.sp-nav-label-account{margin-top:17px;border-top:1px solid rgba(210,227,245,.13);padding-top:16px}
.sp-nav-group{display:block;width:100%;min-width:0;margin:12px 0 1px;border:1px solid rgba(180,208,233,.22);border-radius:9px;background:rgba(42,64,87,.3);overflow:hidden}
.sp-nav-group>summary{list-style:none}
.sp-nav-group>summary::-webkit-details-marker{display:none}
.sp-nav-group-toggle{display:flex;align-items:center;gap:10px;min-height:43px;padding:10px 12px;cursor:pointer;color:#e3edf8;font-weight:810;font-size:.8rem;user-select:none}
.sp-nav-group-toggle:hover,.sp-nav-group-toggle:focus-visible{background:rgba(109,154,196,.13);color:#fff}
.sp-nav-group-toggle:focus-visible{outline:2px solid #8ebeff;outline-offset:-3px}
.sp-nav-group-current{background:#204464;color:#f6fbff}
.sp-nav-group-symbol{display:grid;place-items:center;flex:none;width:24px;height:24px;border:1px solid rgba(182,216,243,.27);background:rgba(98,146,194,.12);border-radius:6px;font-size:.86rem}
.sp-nav-chevron{margin-left:auto;display:block;width:8px;height:8px;border-right:2px solid #bdcee0;border-bottom:2px solid #bdcee0;transform:rotate(45deg);transition:transform .15s ease}
.sp-nav-group[open] .sp-nav-chevron{transform:rotate(225deg)}
.sp-nav-group-content{display:flex;flex-direction:column;gap:2px;padding:2px 6px 9px;border-top:1px solid rgba(185,209,233,.13)}
.sp-nav-group-content .portal-nav-link{min-height:36px;display:flex;align-items:center;gap:9px;padding:7px 10px;font-size:.78rem;font-weight:640;border-radius:6px;line-height:1.35;color:#ceddec}
.sp-nav-group-content .portal-nav-link .portal-nav-icon{width:20px;min-width:20px;font-size:.83rem}
.sp-nav-group-content .portal-nav-link.active{background:#255787;color:#fff}
.sp-nav-group-content .portal-nav-link:hover{color:#fff}
.sp-nav-subheading{padding:12px 10px 5px;font-size:.62rem;font-weight:800;letter-spacing:.11em;color:#91a9c2;text-transform:uppercase}
.sp-nav-subheading:first-child{padding-top:11px}
.sp-nav-logout{color:#bac9d9}
.sp-grouped-nav .sp-nav-unread{margin-left:auto;flex:none;max-width:45px;overflow:hidden;text-overflow:ellipsis}
html[data-theme="dark"] .sp-nav-group{background:#162536;border-color:#37516c}
html[data-theme="dark"] .sp-nav-group-current{background:#204665}
html[data-theme="dark"] .sp-nav-group-content .portal-nav-link.active{background:#28588b}
html[data-theme="dark"] .sp-grouped-nav>.sp-nav-label-account{border-top-color:#33485f}

/* An intentionally separate call-to-action on both demo and production login pages. */
.login-tv-action{margin-top:17px}
.login-tv-link{display:flex;align-items:center;gap:12px;padding:12px 13px;text-decoration:none;background:#f3f8fb;border:1px solid #ccdfeb;border-radius:9px;color:#164d72;transition:background-color .14s ease,border-color .14s ease}
.login-tv-link:hover{background:#e6f2fa;border-color:#7fafcc}
.login-tv-link:focus-visible{outline:3px solid #5e9bca;outline-offset:3px}
.login-tv-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:8px;background:#deedf7;color:#205c7e;font-size:1.17rem}
.login-tv-copy{min-width:0;flex:1}
.login-tv-copy strong{display:block;font-size:.81rem;color:#184f78;font-weight:820}
.login-tv-copy small{display:block;margin-top:3px;font-size:.7rem;line-height:1.4;color:#5c7488}
.login-tv-arrow{font-weight:800;color:#447fa7;font-size:1rem}
@media(max-width:700px){
    .sp-grouped-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px;padding:12px}
    .sp-grouped-nav>.sp-nav-label{display:block;grid-column:1/-1;margin:13px 3px 4px}
    .sp-grouped-nav>.sp-nav-label-account{margin:15px 0 3px;padding-top:12px}
    .sp-grouped-nav>.sp-nav-group{grid-column:1/-1;margin:4px 0;overflow:visible}
    .sp-grouped-nav>.portal-nav-link{min-width:0;font-size:.78rem;gap:7px;padding:9px 8px}
    .sp-nav-group-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}
    .sp-nav-group-content>.sp-nav-subheading{grid-column:1/-1}
    .sp-nav-group-content .portal-nav-link{min-width:0;font-size:.74rem}
    .sp-grouped-nav .portal-nav-link .sp-nav-unread{padding:2px 5px;min-width:17px}
}
@media(max-width:420px){
    .sp-grouped-nav{grid-template-columns:1fr}
    .sp-nav-group-content{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.sp-nav-chevron,.login-tv-link{transition:none}}