.vxSidebarSectionActions{display:flex;align-items:center;gap:5px;flex:0 0 auto}
.vxSidebarCustomizeToggle{width:29px!important;min-width:29px!important;height:29px!important;min-height:29px!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid rgba(126,145,173,.14)!important;border-radius:8px!important;background:rgba(255,255,255,.025)!important;color:#69788d!important;box-shadow:none!important}
.vxSidebarCustomizeToggle:hover{color:#c2cdfd!important;border-color:rgba(126,151,198,.3)!important;background:rgba(113,144,255,.075)!important;transform:none!important}
.vxSidebarCustomizeToggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#vx-app-sidebar .tabs>.vxNavUserHidden{display:none!important}
body.vx-sidebar-collapsed .vxSidebarSectionActions{gap:3px}
body.vx-sidebar-collapsed .vxSidebarCustomizeToggle,body.vx-sidebar-collapsed .vxSidebarVisibilityToggle{width:31px!important;min-width:31px!important;height:31px!important;min-height:31px!important}

.vxNavCustomizeModal{position:fixed;inset:0;z-index:18000;display:grid;place-items:center;padding:22px;background:rgba(4,7,13,.7);backdrop-filter:blur(10px)}
.vxNavCustomizeModal[hidden]{display:none!important}
.vxNavCustomizeDialog{width:min(620px,100%);max-height:min(760px,calc(100vh - 44px));display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(139,157,198,.2);border-radius:20px;background:linear-gradient(180deg,rgba(22,27,39,.99),rgba(13,17,27,.99));box-shadow:0 30px 100px rgba(0,0,0,.58);color:#e9edf6}
.vxNavCustomizeHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 22px 14px;border-bottom:1px solid rgba(142,157,189,.1)}
.vxNavCustomizeKicker{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#8090ad;margin-bottom:5px}
.vxNavCustomizeHeader h2{margin:0;font-size:22px;line-height:1.2;color:#f4f6fb}
.vxNavCustomizeHeader p{margin:7px 0 0;font-size:13px;line-height:1.45;color:#8794aa}
.vxNavCustomizeClose{width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;display:grid!important;place-items:center;border:1px solid rgba(133,151,186,.14)!important;border-radius:10px!important;background:rgba(255,255,255,.025)!important;color:#8492a8!important}
.vxNavCustomizeClose:hover{color:#eef2ff!important;border-color:rgba(128,149,204,.3)!important;background:rgba(120,141,210,.08)!important}
.vxNavCustomizeClose svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.vxNavCustomizeModes{display:flex;gap:6px;padding:12px 22px 0}
.vxNavCustomizeModes button{min-height:34px!important;padding:6px 14px!important;border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;color:#7f8ba0!important;font-size:12px!important;font-weight:750!important;box-shadow:none!important}
.vxNavCustomizeModes button:hover{background:rgba(255,255,255,.035)!important;color:#bdc7da!important;transform:none!important}
.vxNavCustomizeModes button.is-active{border-color:rgba(112,132,255,.24)!important;background:rgba(92,113,236,.11)!important;color:#d6ddff!important}
.vxNavCustomizeBody{min-height:260px;overflow:auto;padding:14px 22px 18px;overscroll-behavior:contain}
.vxNavCustomizeOrderList,.vxNavCustomizeVisibilityList{display:flex;flex-direction:column;gap:7px}
.vxNavCustomizeOrderRow,.vxNavCustomizeVisibilityRow{min-height:54px;display:flex;align-items:center;gap:11px;padding:8px 12px;border:1px solid rgba(137,153,185,.12);border-radius:12px;background:rgba(255,255,255,.025);transition:border-color .12s ease,background .12s ease,opacity .12s ease}
.vxNavCustomizeOrderRow:hover,.vxNavCustomizeVisibilityRow:hover{border-color:rgba(130,150,210,.25);background:rgba(96,116,188,.055)}
.vxNavCustomizeOrderRow.is-hidden-page{opacity:.58}
.vxNavDragHandle{width:32px!important;height:36px!important;min-width:32px!important;padding:0!important;display:grid!important;place-items:center;border:0!important;border-radius:8px!important;background:transparent!important;color:#64728b!important;cursor:grab!important;touch-action:none;box-shadow:none!important}
.vxNavDragHandle:hover{background:rgba(255,255,255,.045)!important;color:#a8b5cf!important;transform:none!important}
.vxNavDragHandle:active{cursor:grabbing!important}
.vxNavDragHandle svg{width:18px;height:18px;fill:currentColor;stroke:none}
.vxNavCustomizePageIcon{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;border-radius:9px;background:rgba(111,128,214,.09);color:#9ba9f5}
.vxNavCustomizePageIcon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vxNavCustomizePageLabel{min-width:0;flex:1;font-size:13px;font-weight:700;color:#dce2ef;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vxNavCustomizeHiddenBadge{padding:3px 7px;border:1px solid rgba(142,153,178,.13);border-radius:999px;background:rgba(255,255,255,.025);font-size:10px;font-weight:750;color:#788397}
.vxNavCustomizePlaceholder{display:grid;place-items:center;border:1px dashed rgba(128,148,255,.58);border-radius:12px;background:rgba(94,114,235,.08);box-shadow:inset 0 0 0 1px rgba(128,148,255,.05)}
.vxNavCustomizePlaceholder span{font-size:11px;font-weight:750;color:#8f9ce8;letter-spacing:.02em}
.vxNavCustomizeDragGhost{position:fixed!important;z-index:19000!important;margin:0!important;pointer-events:none!important;opacity:.92!important;transform:scale(1.015);border-color:rgba(129,149,255,.48)!important;background:rgba(27,33,51,.98)!important;box-shadow:0 18px 50px rgba(0,0,0,.45)!important}
body.vx-nav-dragging,body.vx-nav-dragging *{cursor:grabbing!important;user-select:none!important}
.vxNavCustomizeVisibilityRow{position:relative;cursor:pointer}
.vxNavCustomizeVisibilityRow input{position:absolute;opacity:0;pointer-events:none}
.vxNavVisibilityState{display:grid;place-items:center;color:#6e7c94}
.vxNavVisibilityState svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vxNavSwitch{position:relative;width:38px;height:22px;flex:0 0 38px;border-radius:999px;background:#30394a;box-shadow:inset 0 0 0 1px rgba(154,169,197,.12);transition:.15s ease}
.vxNavSwitch::after{content:'';position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#7f899b;transition:.15s ease}
.vxNavCustomizeVisibilityRow input:checked+.vxNavSwitch{background:#596bea;box-shadow:inset 0 0 0 1px rgba(159,171,255,.3),0 0 14px rgba(89,107,234,.14)}
.vxNavCustomizeVisibilityRow input:checked+.vxNavSwitch::after{transform:translateX(16px);background:#fff}
.vxNavCustomizeVisibilityRow:has(input:checked) .vxNavVisibilityState{color:#9caaff}
.vxNavCustomizeEmpty{padding:34px 15px;text-align:center;color:#7f8aa0;font-size:13px}
.vxNavCustomizeFooter{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 22px 18px;border-top:1px solid rgba(142,157,189,.1);background:rgba(7,10,17,.24)}
.vxNavCustomizeFooterLeft,.vxNavCustomizeFooterRight{display:flex;align-items:center;gap:9px}
.vxNavCustomizeReset,.vxNavCustomizeCancel,.vxNavCustomizeSave{min-height:36px!important;border-radius:9px!important;padding:7px 13px!important;font-size:12px!important;font-weight:750!important;box-shadow:none!important}
.vxNavCustomizeReset{border:1px solid rgba(205,139,116,.18)!important;background:rgba(132,70,51,.08)!important;color:#c99d8d!important}
.vxNavCustomizeReset:hover{border-color:rgba(218,148,123,.34)!important;background:rgba(143,73,53,.14)!important;color:#ebbaa8!important;transform:none!important}
.vxNavCustomizeCancel{border:1px solid rgba(137,153,185,.14)!important;background:rgba(255,255,255,.025)!important;color:#9ca8bb!important}
.vxNavCustomizeSave{border:1px solid rgba(112,132,255,.32)!important;background:rgba(84,105,234,.17)!important;color:#d9dfff!important}
.vxNavCustomizeCancel:hover,.vxNavCustomizeSave:hover{transform:none!important}
.vxNavCustomizeStatus{max-width:190px;font-size:11px;color:#7e899c}
.vxNavCustomizeStatus.is-ok{color:#83c79b}.vxNavCustomizeStatus.is-error{color:#dc8e8e}

@media(max-width:820px){
  body.vx-sidebar-collapsed .vxSidebarSectionActions{gap:5px}
  body.vx-sidebar-collapsed .vxSidebarCustomizeToggle,body.vx-sidebar-collapsed .vxSidebarVisibilityToggle{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important}
  .vxNavCustomizeModal{padding:10px;place-items:end center}
  .vxNavCustomizeDialog{width:100%;max-height:calc(100dvh - 20px);border-radius:18px}
  .vxNavCustomizeHeader{padding:18px 16px 12px}.vxNavCustomizeHeader h2{font-size:19px}.vxNavCustomizeHeader p{font-size:12px}
  .vxNavCustomizeModes{padding:10px 16px 0}.vxNavCustomizeBody{padding:12px 16px 16px;min-height:220px}
  .vxNavCustomizeFooter{padding:12px 16px 14px;align-items:stretch;flex-direction:column}
  .vxNavCustomizeFooterLeft,.vxNavCustomizeFooterRight{justify-content:space-between}.vxNavCustomizeFooterRight>*{flex:1}
  .vxNavCustomizeStatus{max-width:52%;text-align:right}.vxNavCustomizeOrderRow,.vxNavCustomizeVisibilityRow{min-height:56px}
}

/* v2: явная зона назначения при drag & drop */
.vxNavCustomizePlaceholder{
  position:relative;
  min-height:54px;
  border:2px dashed rgba(126,148,255,.88)!important;
  border-radius:12px;
  background:rgba(78,101,235,.13)!important;
  box-shadow:inset 0 0 0 1px rgba(160,174,255,.08),0 0 0 3px rgba(78,101,235,.035)!important;
  overflow:hidden;
}
.vxNavCustomizePlaceholderInner{
  position:absolute;
  inset:5px;
  display:grid;
  place-items:center;
  border:1px solid rgba(151,166,255,.2);
  border-radius:8px;
  background:rgba(104,124,244,.06);
  pointer-events:none;
}
.vxNavCustomizePlaceholderInner span{
  font-size:11px;
  font-weight:800;
  color:#b4bfff;
  letter-spacing:.025em;
  text-shadow:0 1px 10px rgba(74,98,230,.45);
}
.vxNavCustomizeDragGhost{
  outline:1px solid rgba(155,169,255,.25);
}

/* VX navigation hover stability: keep sidebar items fixed in place. */
#vx-app-sidebar .tab:hover,
#vx-app-sidebar .vx-support-nav-link:hover{
  transform:none!important;
}

/* VX navigation hover stability v4: no animated/flickering hover state in sidebar. */
#vx-app-sidebar .tab,
#vx-app-sidebar .vx-support-nav-link{
  transition:none!important;
  animation:none!important;
}
#vx-app-sidebar .tab:hover,
#vx-app-sidebar .vx-support-nav-link:hover{
  transform:none!important;
  filter:none!important;
  transition:none!important;
  animation:none!important;
}


/* v16: глазик доступности должен всегда принимать первый pointer event. */
#vx-app-sidebar .vxSidebarSectionHead{position:relative!important}
#vx-app-sidebar .vxSidebarSectionActions{position:relative!important;z-index:40!important;pointer-events:auto!important}
#vx-app-sidebar #vx-toggle-unavailable,
#vx-app-sidebar #vx-customize-navigation{position:relative!important;z-index:41!important;pointer-events:auto!important;cursor:pointer!important;touch-action:manipulation!important}
#vx-app-sidebar #vx-toggle-unavailable svg,
#vx-app-sidebar #vx-customize-navigation svg{pointer-events:none!important}