/* Cloud Design v1.3.6 — compact, left-aligned mobile admin drawer */
.workspace-nav-icon svg{width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.workspace-primary-icon{display:grid;place-items:center;width:24px;height:24px;font-size:1.25rem;font-weight:500;line-height:1}

@media (max-width:900px){
  .workspace-nav.workspace-drawer.workspace-drawer-v136{
    width:min(88vw,328px)!important;
    max-width:328px!important;
    padding:0 12px calc(16px + env(safe-area-inset-bottom,0px))!important;
    border-radius:0 20px 20px 0!important;
  }

  .workspace-nav.workspace-drawer-v136 .workspace-drawer-head{
    margin:0 -12px 6px!important;
    padding:13px 12px 10px!important;
  }
  .workspace-nav.workspace-drawer-v136 .workspace-drawer-avatar{
    width:38px!important;height:38px!important;flex-basis:38px!important;border-radius:12px!important;
  }
  .workspace-nav.workspace-drawer-v136 .workspace-drawer-user{gap:9px!important}
  .workspace-nav.workspace-drawer-v136 .workspace-drawer-user-copy{min-width:0!important}
  .workspace-nav.workspace-drawer-v136 .workspace-drawer-user strong{font-size:.9rem!important}
  .workspace-nav.workspace-drawer-v136 .workspace-drawer-user span{font-size:.7rem!important;margin-top:1px!important}
  .workspace-nav.workspace-drawer-v136 .workspace-drawer-close{
    width:38px!important;height:38px!important;min-height:38px!important;flex-basis:38px!important;border-radius:11px!important;font-size:1.35rem!important;
  }

  .workspace-nav.workspace-drawer-v136 .side-nav-create{
    justify-content:flex-start!important;
    min-height:44px!important;
    margin:8px 0 12px!important;
    padding:9px 12px!important;
    gap:9px!important;
    border-radius:12px!important;
    font-size:.9rem!important;
    font-weight:750!important;
    box-shadow:0 8px 20px rgba(111,74,230,.16)!important;
  }

  .workspace-nav.workspace-drawer-v136 .workspace-nav-section{
    display:block!important;
    margin:0!important;
    padding:8px 0 9px!important;
    border-bottom:1px solid rgba(255,255,255,.055)!important;
  }
  .workspace-nav.workspace-drawer-v136 .workspace-nav-section:first-of-type{padding-top:4px!important}
  .workspace-nav.workspace-drawer-v136 .workspace-account-section{padding-bottom:3px!important;border-bottom:0!important}
  .workspace-nav.workspace-drawer-v136 .nav-label{
    margin:0!important;
    padding:0 10px 5px!important;
    font-size:.61rem!important;
    line-height:1.2!important;
    letter-spacing:.115em!important;
    color:#777d94!important;
  }

  /* Force a conventional icon + text + badge row. This intentionally overrides legacy side-nav space-between rules. */
  .workspace-nav.workspace-drawer-v136 a.workspace-menu-item,
  .workspace-nav.workspace-drawer-v136 .workspace-drawer-logout button{
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr) auto!important;
    align-items:center!important;
    justify-content:initial!important;
    justify-items:stretch!important;
    column-gap:9px!important;
    width:100%!important;
    min-height:42px!important;
    height:auto!important;
    margin:1px 0!important;
    padding:5px 9px!important;
    border:1px solid transparent!important;
    border-radius:11px!important;
    text-align:left!important;
    line-height:1.22!important;
    font-size:.84rem!important;
    white-space:normal!important;
  }
  .workspace-nav.workspace-drawer-v136 a.workspace-menu-item:hover{background:rgba(255,255,255,.035)!important}
  .workspace-nav.workspace-drawer-v136 a.workspace-menu-item:active{transform:scale(.992)!important}

  .workspace-nav.workspace-drawer-v136 .workspace-nav-icon{
    grid-column:1!important;
    width:32px!important;height:32px!important;min-width:32px!important;flex:0 0 32px!important;
    display:grid!important;place-items:center!important;
    margin:0!important;
    border-radius:9px!important;
    background:rgba(255,255,255,.035)!important;
    color:#949aad!important;
  }
  .workspace-nav.workspace-drawer-v136 .workspace-nav-icon svg{width:16px!important;height:16px!important}
  .workspace-nav.workspace-drawer-v136 .workspace-nav-text{
    grid-column:2!important;
    min-width:0!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    justify-self:start!important;
    text-align:left!important;
    color:inherit!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .workspace-nav.workspace-drawer-v136 .nav-count-badge{
    grid-column:3!important;
    justify-self:end!important;
    margin:0!important;
    min-width:21px!important;height:21px!important;padding:0 6px!important;
    display:grid!important;place-items:center!important;
    border-radius:999px!important;
    background:#7f5bea!important;color:#fff!important;
    font-size:.66rem!important;font-weight:800!important;line-height:1!important;
  }

  .workspace-nav.workspace-drawer-v136 a.workspace-menu-item.is-active{
    position:relative!important;
    background:linear-gradient(90deg,rgba(126,87,241,.17),rgba(126,87,241,.09))!important;
    border-color:rgba(145,107,255,.17)!important;
    color:#fff!important;
  }
  .workspace-nav.workspace-drawer-v136 a.workspace-menu-item.is-active::before{
    content:""!important;position:absolute!important;left:-1px!important;top:9px!important;bottom:9px!important;width:2px!important;
    border-radius:999px!important;background:#a585ff!important;
  }
  .workspace-nav.workspace-drawer-v136 a.workspace-menu-item.is-active .workspace-nav-icon{
    background:rgba(126,87,241,.2)!important;color:#d8cbff!important;
  }

  .workspace-nav.workspace-drawer-v136 .workspace-drawer-logout{margin:1px 0 0!important}
  .workspace-nav.workspace-drawer-v136 .workspace-drawer-logout button{
    background:transparent!important;color:#d99aa7!important;
  }
  .workspace-nav.workspace-drawer-v136 .workspace-drawer-logout button .workspace-nav-icon{
    color:#c98c99!important;background:rgba(255,91,116,.05)!important;
  }

  /* The drawer must scroll only when the actual list is taller than the phone, not because of artificial spacing. */
  .workspace-nav.workspace-drawer-v136>*{flex:none!important}
}

@media (max-width:430px){
  .workspace-nav.workspace-drawer.workspace-drawer-v136{width:min(92vw,318px)!important;max-width:318px!important}
  .workspace-nav.workspace-drawer-v136 a.workspace-menu-item,
  .workspace-nav.workspace-drawer-v136 .workspace-drawer-logout button{min-height:41px!important;padding:4px 8px!important;font-size:.82rem!important}
  .workspace-nav.workspace-drawer-v136 .workspace-nav-icon{width:31px!important;height:31px!important;min-width:31px!important}
}