/* id="mb-v1005-final-consolidation" */

/* V10.05 — final consolidated desktop navigation + admin counters.
   Mobile layout stays on the proven mobile stack. Firefox 9.032 guard stays active. */
:root{--mb1005-side-w:224px;--mb1005-side-gap:14px;--mb1005-top:70px}

@media(min-width:901px){
  /* Retire competing historical sidebars, but keep the existing top navigation. */
  .mb-coral-sidebar,
  .app-overlay .mb907-sidebar{display:none!important;visibility:hidden!important;pointer-events:none!important}
  .app-overlay>.mb907-globalnav{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}

  body.mb1005-auth>.app-overlay:not(#video-call-overlay){
    padding-left:calc(var(--mb1005-side-w) + (var(--mb1005-side-gap) * 2))!important;
  }
  body.mb1005-auth>.app-overlay:not(#video-call-overlay)>.mb907-globalnav{
    margin-left:calc(-1 * (var(--mb1005-side-w) + (var(--mb1005-side-gap) * 2)))!important;
    width:calc(100% + var(--mb1005-side-w) + (var(--mb1005-side-gap) * 2))!important;
    max-width:none!important;
  }

  #mb1005-sidebar{
    display:flex!important;position:fixed;left:var(--mb1005-side-gap);top:var(--mb1005-top);bottom:16px;
    width:var(--mb1005-side-w);z-index:92000;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;
    padding:13px;background:rgba(255,255,255,.985);border:1px solid #e8e4e8;border-radius:22px;
    box-shadow:0 14px 36px rgba(31,41,55,.08);color:#30333a;
  }
  #mb1005-sidebar .mb1005-brand{display:flex;align-items:center;gap:9px;padding:5px 8px 15px;font-size:15px;font-weight:950;color:#e84d62;white-space:nowrap}
  #mb1005-sidebar .mb1005-brand-heart{font-size:22px;line-height:1}
  #mb1005-sidebar .mb1005-nav{display:grid;gap:6px}
  #mb1005-sidebar .mb1005-item{
    width:100%;min-height:43px;display:flex;align-items:center;gap:10px;text-align:left;border:0;border-radius:12px;
    padding:9px 10px;background:transparent;color:#656872;font-size:13px;font-weight:850;cursor:pointer;transition:background .15s,color .15s,transform .15s;
  }
  #mb1005-sidebar .mb1005-item:hover{background:#fff1f4;color:#d93d58;transform:translateX(1px)}
  #mb1005-sidebar .mb1005-item.active{background:linear-gradient(90deg,#fff0f4,#fff7f9);color:#d93d58;box-shadow:inset 3px 0 0 #ef5a70}
  #mb1005-sidebar .mb1005-ico{width:22px;flex:0 0 22px;text-align:center;font-size:16px}
  #mb1005-sidebar .mb1005-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #mb1005-sidebar .mb-sidebar-message-count{margin-left:auto;flex-shrink:0;min-width:24px;padding:3px 7px;border-radius:999px;background:#e83e65;color:#fff;font-size:12px;font-weight:800;text-align:center;line-height:18px}
  #mb1005-sidebar .mb1005-divider{height:1px;background:#eee7ea;margin:7px 5px}
  #mb1005-sidebar .mb1005-logout{margin-top:auto;color:#9b3c4d}

  /* A short neutral navigation cover prevents the legacy-before-modern flash. */
  #mb1005-nav-curtain{position:fixed;inset:0;z-index:91900;background:#f8f8fa;display:grid;place-items:center;pointer-events:auto}
  #mb1005-nav-curtain .mb1005-spinner{width:36px;height:36px;border-radius:50%;border:3px solid #ececf0;border-top-color:#ee5c73;animation:mb1005spin .72s linear infinite}
  @keyframes mb1005spin{to{transform:rotate(360deg)}}
}

@media(max-width:900px){
  #mb1005-sidebar,#mb1005-nav-curtain{display:none!important}
  body.mb1005-auth>.app-overlay{padding-left:0!important}
}

/* Final admin count badges: visible on desktop and mobile, including zero. */
#admin-panel-overlay .admin-tab-btn{display:inline-flex;align-items:center;gap:7px;position:relative}
#admin-panel-overlay .admin-tab-count{
  display:inline-flex!important;visibility:visible!important;opacity:1!important;align-items:center;justify-content:center;
  min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#ed5368;color:#fff;font-size:12px;font-weight:950;line-height:1;
  font-variant-numeric:tabular-nums;box-shadow:0 4px 12px rgba(237,83,104,.22)
}
#admin-panel-overlay .admin-tab-count.users{background:#303746}
#admin-panel-overlay .admin-tab-count.is-zero{background:#eef1f5!important;color:#667085!important;box-shadow:none!important}
#admin-panel-overlay .btn.primary .admin-tab-count{background:#fff;color:#d9435c;box-shadow:none}
#admin-panel-overlay .btn.primary .admin-tab-count.users{background:#fff;color:#303746}