/* UC Spaces compact header navigation — v1.8.13
 * Intentionally isolated from the full Command Center bundle.
 */
.ucspaces-dashboard-nav-wrap,
.ucspaces-dashboard-nav-wrap *{box-sizing:border-box}
.ucspaces-dashboard-nav-wrap{
  --ucspaces-nav-ink:#2e3c5a;
  --ucspaces-nav-muted:#73809a;
  --ucspaces-nav-line:#e8ebf3;
  --ucspaces-nav-soft:#f5f6fb;
  --ucspaces-nav-violet:#5348ee;
  width:100%;
  max-width:100%;
  position:relative;
  z-index:30;
  font-family:Poppins,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.ucspaces-dashboard-nav-toggle{
  display:none;
  min-height:42px;
  align-items:center;
  justify-content:center;
  gap:9px;
  border:1px solid var(--ucspaces-nav-line);
  border-radius:12px;
  background:#fff;
  color:var(--ucspaces-nav-ink);
  padding:0 14px;
  box-shadow:0 4px 18px rgba(30,42,74,.06);
  font:500 13px/1 inherit;
  cursor:pointer;
  white-space:nowrap;
}
.ucspaces-dashboard-nav-toggle__bars{
  width:19px;
  height:15px;
  display:grid;
  gap:4px;
  align-content:center;
}
.ucspaces-dashboard-nav-toggle__bars i{
  display:block;
  width:19px;
  height:2px;
  border-radius:999px;
  background:currentColor;
}
.ucspaces-dashboard-nav-panel{width:100%;max-width:100%}
.ucspaces-dashboard-nav-panel__head,
.ucspaces-dashboard-nav-close{display:none}
.ucspaces-dashboard-nav{
  width:100%;
  max-width:100%;
  display:flex;
  align-items:center;
  gap:4px;
  padding:6px;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  border:1px solid var(--ucspaces-nav-line);
  border-radius:14px;
  background:#fff;
  box-shadow:0 4px 18px rgba(30,42,74,.05);
}
.ucspaces-dashboard-nav__item{
  appearance:none;
  flex:0 0 auto;
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:0 12px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:var(--ucspaces-nav-ink);
  box-shadow:none;
  font:500 13px/1 inherit;
  cursor:pointer;
  white-space:nowrap;
  transform:none;
  transition:background .16s ease,color .16s ease;
}
.ucspaces-dashboard-nav__item:hover{
  background:var(--ucspaces-nav-soft);
  color:#4f46e5;
}
.ucspaces-dashboard-nav__item.active,
.ucspaces-dashboard-nav__item.active:hover{
  background:linear-gradient(90deg,#f0efff,#f7f7ff);
  color:var(--ucspaces-nav-violet);
}
.ucspaces-dashboard-nav__icon{
  width:20px;
  height:20px;
  flex:0 0 auto;
  display:inline-grid;
  place-items:center;
  color:currentColor;
}
.ucspaces-dashboard-nav__icon svg{
  width:20px;
  height:20px;
  display:block;
  overflow:visible;
}
.ucspaces-dashboard-nav__icon svg *{
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
.ucspaces-dashboard-nav__label{display:inline-block}

@media (min-width:721px) and (max-width:1100px){
  .ucspaces-dashboard-nav{justify-content:flex-end}
  .ucspaces-dashboard-nav__item{
    width:44px;
    min-width:44px;
    min-height:44px;
    padding:0;
  }
  .ucspaces-dashboard-nav__item .ucspaces-dashboard-nav__label{display:none}
  .ucspaces-dashboard-nav__icon,
  .ucspaces-dashboard-nav__icon svg{width:22px;height:22px}
}

@media (max-width:720px){
  body.ucspaces-dashboard-nav-open{
    overflow:hidden!important;
    touch-action:none;
  }
  body.ucspaces-dashboard-nav-open .uc-gabriel-footer,
  body.ucspaces-dashboard-nav-open #uc-gabriel-footer.uc-gabriel-footer{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  .ucspaces-dashboard-nav-wrap{
    display:flex;
    justify-content:flex-end;
    align-items:center;
  }
  .ucspaces-dashboard-nav-toggle{display:inline-flex}
  .ucspaces-dashboard-nav-panel{
    position:fixed;
    inset:0;
    z-index:2147483500;
    width:100vw;
    max-width:100vw;
    min-height:100vh;
    min-height:100dvh;
    display:flex;
    flex-direction:column;
    gap:18px;
    padding:calc(18px + env(safe-area-inset-top)) 18px calc(22px + env(safe-area-inset-bottom));
    background:#fff;
    box-shadow:-24px 0 70px rgba(27,35,58,.18);
    transform:translateX(104%);
    opacity:.7;
    pointer-events:none;
    visibility:hidden;
    transition:transform .24s ease,opacity .2s ease,visibility .2s ease;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
  }
  .ucspaces-dashboard-nav-wrap.is-open .ucspaces-dashboard-nav-panel{
    transform:translateX(0);
    opacity:1;
    pointer-events:auto;
    visibility:visible;
  }
  .ucspaces-dashboard-nav-panel__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:4px 2px 12px;
    border-bottom:1px solid var(--ucspaces-nav-line);
  }
  .ucspaces-dashboard-nav-panel__head strong{
    display:block;
    color:#1e2b47;
    font-size:20px;
    line-height:1.1;
    letter-spacing:-.02em;
    font-weight:600;
  }
  .ucspaces-dashboard-nav-panel__head small{
    display:block;
    margin-top:4px;
    color:var(--ucspaces-nav-muted);
    font-size:11px;
    line-height:1.2;
    font-weight:500;
  }
  .ucspaces-dashboard-nav-close{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    flex:0 0 auto;
    border:1px solid var(--ucspaces-nav-line);
    border-radius:12px;
    background:#f7f8fb;
    color:#2e3c5a;
    font-size:26px;
    line-height:1;
    cursor:pointer;
  }
  .ucspaces-dashboard-nav{
    width:100%;
    display:grid;
    grid-template-columns:1fr;
    gap:6px;
    padding:0;
    border:0;
    border-radius:0;
    box-shadow:none;
    overflow:visible;
  }
  .ucspaces-dashboard-nav__item{
    width:100%;
    min-height:52px;
    justify-content:flex-start;
    gap:12px;
    padding:0 14px;
    border-radius:12px;
    background:transparent;
    color:#2e3c5a;
    font-size:14px;
    font-weight:500;
    text-align:left;
  }
  .ucspaces-dashboard-nav__item .ucspaces-dashboard-nav__label{display:inline-block}
  .ucspaces-dashboard-nav__icon{
    width:34px;
    height:34px;
    border-radius:10px;
    background:#f3f2ff;
    color:#5348ee;
  }
  .ucspaces-dashboard-nav__icon svg{width:20px;height:20px}
  .ucspaces-dashboard-nav__item.active,
  .ucspaces-dashboard-nav__item.active:hover{
    background:linear-gradient(90deg,#f0efff,#f7f7ff);
    color:#5348ee;
  }
}

@media (prefers-reduced-motion:reduce){
  .ucspaces-dashboard-nav-panel,
  .ucspaces-dashboard-nav__item{transition:none}
}