.side-nav .sn-nav-group{display:grid;gap:inherit;min-width:0}




@media (max-width:850px){
  .sn-shell .mobile-toggle,.sn-shell .sidebar-close{min-width:44px;min-height:44px}
  .sn-shell .sn-bell{width:44px;height:44px}
  .sn-shell .sn-back{min-height:44px}
  .sn-shell .side-nav a,.sn-shell .sidebar-guide,.sn-shell .sidebar-brand,.sn-shell .sn-client{min-height:44px}
  .sn-shell .sn-switch{display:flex;align-items:center;min-height:44px;min-width:44px;margin-block:0}

  html:not([data-theme="lcars"]) .sn-shell .sn-sidebar .sidebar-theme .theme-switch-option{min-height:44px}
  .sn-shell .school-links a{display:inline-flex;align-items:center;min-height:44px}
}



.sn-back-short{display:none}
@media (max-width:480px){
  .sn-back .sn-back-long{display:none}
  .sn-back .sn-back-short{display:inline}

  html:not([data-theme="lcars"]) .sn-topbar:has(.sn-back) .sn-trail .sn-mark{display:none}
}

@media (max-width:370px){
  .sn-back .sn-back-short{display:none}
  .sn-back{min-width:44px;justify-content:center}
}


.sn-shell .sn-user-actions{display:grid;justify-items:start;gap:0;margin:4px 0 12px}
.sn-shell .sn-user-actions .sn-switch{margin:0 6px}



body{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}


@media (max-width:850px){
  .sn-shell .sidebar{border-left:env(safe-area-inset-left,0px) solid transparent;border-bottom:env(safe-area-inset-bottom,0px) solid transparent}
}
.fb-fab{margin-bottom:env(safe-area-inset-bottom,0px);margin-right:env(safe-area-inset-right,0px)}
.toast{margin-bottom:env(safe-area-inset-bottom,0px);margin-right:env(safe-area-inset-right,0px);margin-left:env(safe-area-inset-left,0px)}
body.fb-fab-on .workspace::after{height:calc(64px + env(safe-area-inset-bottom,0px))}





@media (min-width:851px){
  html:not([data-theme="lcars"]) .sn-sidebar > .sn-company-logo--full{display:none}
  html:not([data-theme="lcars"]) .sn-sidebar .sidebar-brand:has(.sn-brand-logo){gap:10px}
  html:not([data-theme="lcars"]) .sn-sidebar .sidebar-brand img.sn-brand-logo{display:block;flex:none;width:66px;height:auto;padding:6px 7px;border-radius:var(--radius-sm);background:var(--logo-bg)}
}


html:not([data-theme="lcars"]) .sn-sidebar .sidebar-brand:has(.sn-brand-logo) .sn-mark{display:none}


.sn-error-page .error-box{max-width:720px}
.sn-error-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}


@media (min-width:521px) and (max-width:850px){
  html:not([data-theme="lcars"]) .sn-trail:has(.sn-company-logo--small) .sn-mark{display:none}
}



@media (max-width:900px){.login-headline{text-wrap:balance}}


.sn-assign-who{border:0;padding:0;margin:0;min-width:0}
.sn-assign-who legend{padding:0;margin:0 0 8px;font-size:12px;font-weight:600}
.sn-assign-modes{display:flex;flex-wrap:wrap;gap:8px}
.sn-assign-modes .sn-assign-mode{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0;padding:8px 14px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer}
.sn-assign-modes .sn-assign-mode:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.sn-assign-modes .sn-assign-mode input{width:16px;height:16px;min-height:0;margin:0;padding:0;flex:none;accent-color:var(--control-accent, var(--accent))}
.sn-assign-list{max-height:min(320px,42vh);overflow:auto;margin-top:8px;border:1px solid var(--line);border-radius:var(--radius-sm)}
.sn-assign-list .sn-assign-person{display:flex;align-items:flex-start;gap:10px;min-height:44px;margin:0;padding:9px 12px;border-bottom:1px solid var(--line);font-size:13px;font-weight:500;cursor:pointer}
.sn-assign-list .sn-assign-person:last-child{border-bottom:0}
.sn-assign-list .sn-assign-person[hidden]{display:none}
.sn-assign-list .sn-assign-person input{width:16px;height:16px;min-height:0;margin:3px 0 0;padding:0;flex:none;accent-color:var(--control-accent, var(--accent))}
.sn-assign-list .sn-assign-person small{display:block;margin-top:2px;color:var(--text-muted);font-size:12px;font-weight:400}
.sn-assign-count{margin:4px 0 0}


.sn-sidebar .sn-open-training{margin:14px 0 0}