/* SX Agency CRM V8.6.1 — compact navigation only. No business logic changes. */
.sx-space-layout .sx-nav-compact {gap:6px;overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(204,220,246,.18) transparent;overscroll-behavior:contain}
.sx-nav-essentials,.sx-nav-folds {display:flex;flex-direction:column;gap:3px;min-width:0;flex:0 0 auto}
.sx-nav-essentials {border-bottom:1px solid rgba(222,237,255,.11);padding:2px 0 12px;margin-bottom:5px}
.sx-nav-compact .sx-nav-label {padding:10px 12px 8px;color:#93a0b2;font-size:9px;letter-spacing:.17em;font-weight:750}
.sx-space-layout .sx-nav-compact .sx-compact-nav-link {display:flex;align-items:center;min-height:42px!important;width:100%;padding:10px 12px!important;gap:12px!important;font-size:12px!important;font-weight:550;line-height:1.25!important;flex:0 0 auto;text-align:left;border-radius:12px;white-space:normal}
.sx-space-layout .sx-nav-compact .sx-compact-nav-link>svg {width:17px!important;height:17px!important;flex:0 0 17px;stroke-width:1.65}
.sx-space-layout .sx-nav-compact .sx-compact-nav-link>span:not(.sx86-pending-count){min-width:0;flex:1;overflow-wrap:anywhere}
.sx-nav-folder {min-width:0;display:block;border:1px solid transparent;border-radius:13px;flex:0 0 auto}
.sx-nav-folder[open] {background:rgba(173,197,230,.045);border-color:rgba(222,236,255,.09)}
.sx-nav-folder>summary {display:flex;align-items:center;gap:12px;min-height:43px;padding:9px 12px;border-radius:12px;color:#bdc7d5;font-weight:570;font-size:12px;list-style:none;cursor:pointer;user-select:none;outline-offset:2px;transition:background .18s,color .18s}
.sx-nav-folder>summary::-webkit-details-marker{display:none}
.sx-nav-folder>summary::marker{content:''}
.sx-nav-folder>summary:hover,.sx-nav-folder[open]>summary{background:rgba(218,232,250,.075);color:#fff}
.sx-nav-folder>summary:focus-visible,.sx-nav-compact .sx-compact-nav-link:focus-visible{outline:2px solid #cbd7e9;outline-offset:2px}
.sx-nav-folder>summary svg{width:17px!important;height:17px!important;flex:0 0 17px;stroke-width:1.6}
.sx-nav-folder>summary span{flex:1;white-space:normal}
.sx-nav-folder>summary svg:last-child{width:14px!important;height:14px!important;flex-basis:14px;opacity:.55;transform:rotate(-90deg);transition:transform .18s}
.sx-nav-folder[open]>summary svg:last-child{transform:rotate(0deg)}
.sx-nav-folder-items{padding:3px 4px 7px 10px;display:flex;flex-direction:column;gap:2px;border-left:1px solid rgba(205,220,239,.15);margin-left:21px}
.sx-space-layout .sx-nav-folder-items .sx-compact-nav-link{min-height:38px!important;font-size:11.5px!important;padding:8px 9px!important;gap:10px!important}
.sx-space-layout .sx-nav-folder-items .sx-compact-nav-link>svg{width:15px!important;height:15px!important;flex-basis:15px}
.sx-nav-compact .sx86-pending-count{margin-left:auto;flex:0 0 auto}
@media (max-width:770px){
 .sx-space-layout .sidebar{width:min(304px,88vw)!important}
 .sx-space-layout .sx-nav-compact{display:flex;flex-direction:column;overflow-y:visible;padding-bottom:9px}
 .sx-nav-folder>summary{min-height:46px;font-size:13px}
 .sx-space-layout .sx-nav-compact .sx-compact-nav-link{min-height:45px!important;font-size:13px!important}
 .sx-space-layout .sx-nav-folder-items .sx-compact-nav-link{min-height:44px!important;font-size:12px!important}
}
@media(prefers-reduced-motion:reduce){.sx-nav-folder>summary,.sx-nav-folder>summary svg:last-child{transition:none}}

/* Show build label so it is unmistakable when the new bundle is live. */
.sx-nav-version{display:block;text-align:center;padding:5px 8px 0;color:rgba(177,196,222,.48);font-size:9px;letter-spacing:.06em;line-height:1.2;user-select:none}