/* React navigation enhancement. Native navigation remains the loading fallback. */
.nexo-sidebar-body-embedded { display: contents; }
.nexo-sidebar-toggle-slot { position: absolute; top: 17px; right: 11px; display: flex; justify-content: flex-end; }
.nexo-sidebar-enhanced > .brand { min-height: 44px; max-width: calc(100% - 33px); }
.nexo-sidebar-enhanced > .brand > span:last-child { font-size: 27px; }
.nexo-sidebar-toggle { display: inline-grid; place-items: center; min-width: 44px; min-height: 44px; border: 1px solid #43535f; border-radius: 6px; color: #d7e2e9; background: #21323d; cursor: pointer; }
.nexo-sidebar-toggle:hover { background: #334853; color: #fff; }
.nexo-sidebar-toggle:focus-visible { outline: 3px solid #ffad7a; outline-offset: 2px; }
.nexo-sidebar-toggle svg { width: 20px; height: 20px; }
.nexo-sidebar-icon { display: inline-flex; flex: 0 0 18px; }
.nexo-sidebar-icon svg { width: 18px; height: 18px; }
.nexo-sidebar-link { min-height: 44px; }
.nexo-sidebar-link-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nexo-sidebar-badge { margin-left: auto; }
.nexo-sidebar-badge > .nav-count, .nexo-sidebar-badge > b { margin-left: 0; }
.nexo-sidebar-body-standalone { display: flex; flex-direction: column; gap: 8px; width: 280px; height: 100%; padding: 16px; background: #17242d; color: #eaf0f4; transition: width 160ms ease; }
.nexo-sidebar-body-standalone .nexo-sidebar-link { display: flex; align-items: center; gap: 12px; padding: 10px; border-radius: 6px; }
.nexo-sidebar-body-standalone .nexo-sidebar-link:hover { background: #334853; }
.nexo-sidebar-body-standalone[data-sidebar-open="false"] { width: 76px; }
.nexo-sidebar-body-standalone[data-sidebar-open="false"] .nexo-sidebar-link-label { display: none; }
@media (min-width: 861px) {
  body.nexo-sidebar-collapsed { --sidebar-width: 76px; }
  .sidebar.nexo-sidebar-enhanced { transition: width 160ms ease; }
  body.nexo-sidebar-collapsed .sidebar { padding-inline: 10px; }
  body.nexo-sidebar-collapsed .sidebar .nexo-sidebar-toggle-slot { position: static; margin: -12px 0 14px; justify-content: center; }
  body.nexo-sidebar-collapsed .sidebar > .brand { padding: 0 11px 23px; max-width: none; }
  body.nexo-sidebar-collapsed .sidebar > .brand > span:last-child,
  body.nexo-sidebar-collapsed .sidebar .workspace-copy,
  body.nexo-sidebar-collapsed .sidebar .workspace-switch > svg,
  body.nexo-sidebar-collapsed .sidebar .nav-label,
  body.nexo-sidebar-collapsed .sidebar .nexo-sidebar-link-label,
  body.nexo-sidebar-collapsed .sidebar .nexo-sidebar-badge,
  body.nexo-sidebar-collapsed .sidebar-bottom > .nav-item > span,
  body.nexo-sidebar-collapsed .sidebar .profile > div:nth-child(2) { display: none; }
  body.nexo-sidebar-collapsed .sidebar .workspace-switch { justify-content: center; padding: 8px 4px; }
  body.nexo-sidebar-collapsed .sidebar .nav-item { justify-content: center; padding-inline: 8px; }
  body.nexo-sidebar-collapsed .sidebar .nav-group { margin-bottom: 12px; }
  body.nexo-sidebar-collapsed .sidebar .profile { flex-direction: column; padding: 0; gap: 5px; }
  body.nexo-sidebar-collapsed .sidebar .profile > a { min-height: 44px; min-width: 44px; }
  body.nexo-sidebar-collapsed .sidebar .brand-mark, body.nexo-sidebar-collapsed .sidebar .brand-mark svg { width: 32px; height: 32px; }
}
@media (min-width: 801px) {
  .central-sidebar.nexo-sidebar-enhanced { transition: width 160ms ease; }
  body.nexo-sidebar-collapsed .central-sidebar { width: 76px; padding-inline: 10px; }
  body.nexo-sidebar-collapsed .central-sidebar .nexo-sidebar-toggle-slot { position: static; margin: -14px 0 14px; justify-content: center; }
  body.nexo-sidebar-collapsed .central-main { margin-left: 76px; }
  body.nexo-sidebar-collapsed .central-sidebar .central-brand { padding-inline: 11px; max-width: none; }
  body.nexo-sidebar-collapsed .central-sidebar .central-brand > span:last-child,
  body.nexo-sidebar-collapsed .central-sidebar .central-workspace-label,
  body.nexo-sidebar-collapsed .central-sidebar .nexo-sidebar-link-label,
  body.nexo-sidebar-collapsed .central-sidebar .nexo-sidebar-badge { display: none; }
  body.nexo-sidebar-collapsed .central-sidebar .central-nav-item { justify-content: center; padding-inline: 8px; }
  body.nexo-sidebar-collapsed .central-sidebar .central-sidebar-bottom { padding-top: 24px; }
  body.nexo-sidebar-collapsed .central-sidebar-bottom > a { font-size: 0; justify-content: center; padding: 8px; }
  body.nexo-sidebar-collapsed .central-sidebar .central-operator { padding-inline: 0; }
  body.nexo-sidebar-collapsed .central-operator > span,
  body.nexo-sidebar-collapsed .central-operator > strong,
  body.nexo-sidebar-collapsed .central-operator > small { display: none; }
  body.nexo-sidebar-collapsed .central-operator > a { width: 100%; min-height: 44px; justify-content: center; text-align: center; font-size: 11px; line-height: 1.25; }
}
@media (max-width: 860px) {
  .sidebar .nexo-sidebar-toggle-slot { display: none; }
  .sidebar.nexo-sidebar-enhanced > .brand { max-width: none; }
  .sidebar .nexo-sidebar-link-label { opacity: 1 !important; }
}
@media (max-width: 800px) {
  .central-sidebar .nexo-sidebar-toggle-slot { display: none; }
  .central-sidebar.nexo-sidebar-enhanced > .brand { max-width: none; }
  .central-sidebar .nexo-sidebar-link-label { opacity: 1 !important; }
}
@media (prefers-reduced-motion: reduce) {
  .nexo-sidebar-body-standalone, .sidebar.nexo-sidebar-enhanced, .central-sidebar.nexo-sidebar-enhanced { transition: none; }
}