/* Shared unread markers survive both the expanded and collapsed navigation. */
.chat-nav-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 24px;overflow:visible}
.chat-nav-icon>.ui-icon{width:21px;height:21px}
.chat-nav-count{position:absolute;display:grid;place-items:center;box-sizing:border-box;border:1.5px solid var(--color-surface);border-radius:999px;font:700 10px/1 var(--font-body);letter-spacing:0;pointer-events:none}
.chat-nav-count{top:-8px;right:-12px;min-width:18px;height:18px;padding:0 4px;background:var(--purple-700,#5b369f);color:#fff}
.chat-nav-icon [hidden]{display:none!important}
.admin-app .work-nav a>span.chat-nav-icon,.mobile-menu nav a>span.chat-nav-icon{overflow:visible;text-overflow:clip;margin-left:0}
.workbench.is-rail-collapsed .work-nav a>span.chat-nav-icon{position:relative;width:24px;height:24px;overflow:visible;clip-path:none;white-space:normal}
.work-rail [data-chat-nav]{overflow:visible}
.admin-mobile-tabs{display:none}
@media(max-width:48rem){
  .admin-app{--admin-mobile-nav:calc(64px + env(safe-area-inset-bottom))}
  .admin-app .admin-mobile-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:var(--admin-mobile-nav);padding:4px max(4px,env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left));z-index:80;align-items:stretch}
  .admin-mobile-tabs a,.admin-mobile-tabs button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;border:0;border-radius:12px;background:transparent;color:var(--color-muted);font:600 10px/1.2 var(--font-body);min-width:0;min-height:48px;text-decoration:none;padding:4px 0;cursor:pointer}
  .admin-mobile-tabs .active{background:var(--color-accent-2);color:var(--purple-700,#5b369f)}
  .admin-app .admin-content,.admin-app .student-content{padding-bottom:calc(var(--admin-mobile-nav) + 24px)}
  .admin-app .chat-work-main{height:var(--chat-viewport-height,100dvh);padding:0;display:flex;flex-direction:column;min-height:0}
  .admin-app .chat-work-main .admin-topbar{flex-shrink:0}
  .admin-app .chat-work-main .chat-layout{display:grid;grid-template-columns:minmax(0,1fr);width:100%;height:auto;flex:1;min-height:0;margin:0 0 var(--admin-mobile-nav);padding:0;border-radius:0;border-inline:0}
  .admin-app .chat-work-main .chat-sidebar{display:none;position:static;inset:auto;z-index:auto;min-height:0;overflow:auto;border:0}
  .admin-app .chat-work-main .no-channel .chat-sidebar{display:flex}
  .admin-app .chat-work-main .no-channel .chat-main{display:none}
  .admin-app .chat-work-main .mob-back{display:flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px}
  .admin-app .chat-work-main .chat-main{min-width:0;min-height:0}
  .admin-app.chat-keyboard-open .admin-mobile-tabs{display:none}
  .admin-app.chat-keyboard-open .chat-work-main .chat-layout{margin-bottom:0}
}