/* Shared X2 HTML sidebar: accessible navy + light. Only nav styles, no business API. */
#x2full .xf-sidebar{
  background:light-dark(#ffffff,#11162d);
  border-right:1px solid light-dark(#dce3e5,#303957);
  color:light-dark(#4f5563,#b7c2db);
}
#x2full .xf-sidebar .xf-label{
  color:light-dark(#828999,#8495b7);
  letter-spacing:.045em;
}
#x2full .xf-sidebar .xf-nav{
  color:light-dark(#444956,#bfcae2);
  font-weight:400;
}
#x2full .xf-sidebar .xf-nav:hover{
  background:light-dark(#f6f7f8,#252c4e);
}
#x2full .xf-sidebar .xf-nav.active{
  background:light-dark(#eef2f4,#222b50);
  color:light-dark(#3b6b84,#c2b5ff);
}
#x2full .xf-sidebar .xf-subnav.active{
  background:light-dark(#f5f7f8,#283357);
}
#x2full .xf-sidebar .xf-subgroup{
  border-left-color:light-dark(#dde4e6,#3b4466);
}
#x2full .xf-sidebar .xf-subnav{
  color:light-dark(#71798b,#a3afca);
}
#x2full .xf-sidebar .xf-subnav.active{
  color:light-dark(#3b6b84,#c2b5ff);
}
#x2full .xf-sidebar .xf-sidebarfoot{
  color:light-dark(#7e8493,#7a88a5);
}
#x2full.xf-sidebar-collapsed .xf-sidebar .xf-nav.active{
  background:light-dark(#eef2f4,#29345a);
}


/* Navy reference sidebar v35: additions scoped only to the existing Sidebar. */
#x2full .xf-sidebar{background:light-dark(#ffffff,#13162f);border-right-color:light-dark(#dce3e5,#2a3050);color:light-dark(#444b58,#a9b5ce)}
#x2full .xf-sidebar .xf-label{padding:19px 9px 8px;color:light-dark(#7e879a,#8290af);font-size:11px;line-height:16px;letter-spacing:.11em;font-weight:400}
#x2full .xf-sidebar .xf-nav{min-height:34px;padding:7px 8px;gap:10px;color:light-dark(#454d5b,#aebbd3);font-size:12px;font-weight:400;line-height:1.45;letter-spacing:0}
#x2full .xf-sidebar .xf-nav>svg{width:17px;height:17px;flex:0 0 17px;color:var(--ni,#8498bd);stroke-width:1.7;fill:none}
#x2full .xf-sidebar .xf-nav.active{background:light-dark(#eef2f4,#202442);color:light-dark(#3b6b84,#c1c7e3)}
#x2full .xf-sidebar .xf-nav:hover{background:light-dark(#f5f7f8,#1c2240)}
#x2full .xf-sidebar .xf-subgroup{border-left-color:light-dark(#e2e5ec,#343c5a)}
#x2full .xf-sidebar .xf-subnav{min-height:29px;font-size:12px;line-height:1.45}
#x2full .xf-sidebar .xf-accordion-toggle{color:light-dark(#6e7789,#9ba9c5)}
#x2full .xf-sidebar .xf-nav-unavailable{cursor:default;color:light-dark(#687388,#99a7c4)}
#x2full .xf-sidebar .xf-nav-unavailable:hover{background:transparent;color:light-dark(#687388,#99a7c4)}
#x2full .xf-sidebar .xf-nav-unavailable>svg{opacity:.85}
#x2full .xf-sidebar{scrollbar-color:light-dark(#c5cbd5,#4d5775) transparent}
#x2full .xf-sidebar::-webkit-scrollbar-thumb{background:light-dark(#c5cbd5,#4d5775)}
@media(max-width:1199px){#x2full.xf-menuopen .xf-sidebar{background:light-dark(#ffffff,#13162f)}}

/* v36: uniform navigation typography and colorful icon palette in both themes. */
#x2full .xf-sidebar #xf-navigation .xf-nav,
#x2full .xf-sidebar #xf-navigation .xf-nav>span{
  font-family:inherit;font-weight:400;font-size:12px;line-height:1.45;letter-spacing:0;text-transform:none;
}
#x2full .xf-sidebar #xf-navigation .xf-nav-unavailable{
  color:light-dark(#454d5b,#aebbd3);font-weight:400;opacity:1;
}
#x2full .xf-sidebar #xf-navigation .xf-nav-unavailable:hover{
  color:light-dark(#454d5b,#aebbd3);background:transparent;
}
#x2full .xf-sidebar #xf-navigation .xf-nav-unavailable>svg{opacity:1}
#x2full .xf-sidebar #xf-navigation .xf-label{font-family:inherit;font-size:11px;font-weight:400}


/* v37: colorful navigation icons also for future service integration slots. */
#x2full .xf-sidebar #xf-navigation .xf-nav>svg{color:var(--ni,#8294ba)!important;opacity:1!important;stroke:currentColor;fill:none}
#x2full .xf-sidebar #xf-navigation .xf-nav-unavailable>svg{color:var(--ni,#8294ba)!important;opacity:1!important}
#x2full .xf-topidentity{position:relative;flex-wrap:nowrap}
#x2full .x2-account-trigger{appearance:none;display:flex;align-items:center;gap:10px;min-width:0;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;font-weight:400;text-align:left}
#x2full .x2-account-trigger>span{font-size:12px;font-weight:400;overflow:hidden;text-overflow:ellipsis;max-width:135px}
#x2full .x2-account-trigger>.xf-logo{flex:0 0 32px}
#x2full .x2-account-trigger .x2-account-chevron{height:15px;width:15px;color:light-dark(#939aaa,#94a3c4);transition:transform .13s ease}
#x2full .x2-account-is-open .x2-account-chevron{transform:rotate(180deg)}
#x2full .x2-account-popover{position:absolute;z-index:1000;top:calc(100% + 16px);left:-14px;width:222px;box-sizing:border-box;padding:8px;border:1px solid light-dark(#e3e5ea,#323d5b);border-radius:12px;background:light-dark(#fff,#1c233c);box-shadow:0 9px 23px light-dark(#26314824,#0007);color:light-dark(#272a33,#dae3f3)}
#x2full .x2-account-popover[hidden]{display:none!important}
#x2full .x2-account-popover button{display:flex;align-items:center;gap:14px;width:100%;height:41px;min-height:41px;box-sizing:border-box;padding:0 14px;border:0;border-radius:6px;background:transparent;color:inherit;text-align:left;cursor:pointer;font-family:inherit;font-size:12px;font-weight:400}
#x2full .x2-account-popover button:hover,#x2full .x2-account-popover button:focus-visible,#x2full .x2-account-popover button.is-current{background:light-dark(#efeff2,#303a55);outline:0}
#x2full .x2-account-popover button>svg{width:16px;height:16px;flex:0 0 16px;color:light-dark(#747b89,#a8b5cf)}
#x2full .x2-account-divider{height:1px;margin:6px 0;background:light-dark(#ebedf0,#35405e)}
@media(max-width:650px){#x2full .x2-account-trigger>span{display:none!important}#x2full .x2-account-trigger .x2-account-chevron{display:none}#x2full .x2-account-popover{left:-8px;top:calc(100% + 18px)}}


/* Critical account-menu positioning: bundled with JS so cached theme cannot break it. */
#x2full .xf-topidentity{position:relative!important;overflow:visible!important}
#x2full .xf-topidentity>.x2-account-trigger{appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;height:auto!important;min-width:0!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;color:inherit!important;cursor:pointer!important;text-align:left!important;font:inherit!important;font-weight:400!important}
#x2full .xf-topidentity>.x2-account-trigger:focus-visible{outline:2px solid #7653ed!important;outline-offset:4px!important;border-radius:3px!important}
#x2full .x2-account-trigger>.xf-logo{flex-shrink:0!important}
#x2full .x2-account-trigger>span{font-size:12px!important;line-height:1.4!important;font-weight:400!important;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#x2full .x2-account-trigger>.x2-account-chevron{width:15px!important;height:15px!important;flex:0 0 15px!important;color:light-dark(#8a92a2,#a1b0cc)!important}
#x2full .xf-topidentity>.x2-account-popover{position:absolute!important;left:-14px!important;top:calc(100% + 16px)!important;z-index:9999!important;width:222px!important;min-width:222px!important;max-width:222px!important;max-height:none!important;height:auto!important;margin:0!important;padding:8px!important;display:block!important;overflow:visible!important;box-sizing:border-box!important;float:none!important;background:light-dark(#fff,#1c233c)!important;color:light-dark(#30333a,#dce3f3)!important;border:1px solid light-dark(#e1e4ea,#34405e)!important;border-radius:12px!important;box-shadow:0 9px 23px light-dark(#29314424,#0008)!important}
#x2full .xf-topidentity>.x2-account-popover[hidden]{display:none!important}
#x2full .xf-topidentity>.x2-account-popover>button{appearance:none!important;box-sizing:border-box!important;display:flex!important;flex:0 0 auto!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:13px!important;width:100%!important;height:40px!important;min-height:40px!important;max-height:40px!important;margin:0!important;padding:0 12px!important;border:0!important;border-radius:6px!important;box-shadow:none!important;background:transparent!important;color:inherit!important;white-space:nowrap!important;text-align:left!important;line-height:1.4!important;font-size:12px!important;font-weight:400!important;cursor:pointer!important}
#x2full .xf-topidentity>.x2-account-popover>button:hover,#x2full .xf-topidentity>.x2-account-popover>button:focus-visible,#x2full .xf-topidentity>.x2-account-popover>button.is-current{background:light-dark(#eff0f2,#303a55)!important;outline:0!important}
#x2full .xf-topidentity>.x2-account-popover>button>svg{display:block!important;flex:0 0 16px!important;width:16px!important;height:16px!important;color:light-dark(#757c89,#a6b5d0)!important;stroke-width:1.8!important}
#x2full .xf-topidentity>.x2-account-popover>button>span{font-size:12px!important;font-weight:400!important;white-space:nowrap!important}
#x2full .xf-topidentity>.x2-account-popover>.x2-account-divider{display:block!important;height:1px!important;margin:6px 0!important;background:light-dark(#ebedf0,#36405d)!important}
@media(max-width:650px){#x2full .x2-account-trigger>span,#x2full .x2-account-trigger>.x2-account-chevron{display:none!important}#x2full .xf-topidentity>.x2-account-popover{left:-8px!important}}


/* Approved X2Portal: Special Platforms is an expandable Sidebar subsection. */
#x2full .xf-sidebar #xf-navigation .xf-special-parent>svg:last-child{width:13px!important;height:13px!important;flex:0 0 13px!important;margin-left:auto;color:light-dark(#788397,#9ca8c4)!important;stroke-width:1.8!important;transition:transform .15s ease}
#x2full .xf-sidebar #xf-navigation .xf-special-parent[aria-expanded="true"]>svg:last-child{transform:rotate(180deg)}
#x2full .xf-sidebar #xf-navigation .xf-special-children{display:flex;flex-direction:column;gap:0;margin:0 0 4px 17px;padding:0 0 0 8px;border-left:1px solid light-dark(#e2e5ec,#35415d)}
#x2full .xf-sidebar #xf-navigation .xf-special-children[hidden]{display:none!important}
#x2full .xf-sidebar #xf-navigation .xf-special-child{width:100%;min-height:33px;padding:6px 7px;gap:9px;font-size:12px;line-height:1.45;font-weight:400}
#x2full .xf-sidebar #xf-navigation .xf-special-child>svg{width:16px;height:16px;flex:0 0 16px}
#x2full.xf-sidebar-collapsed .xf-sidebar #xf-navigation .xf-special-children{display:none!important}


/* Colorful 22px Sidebar icons matching Stores / Services modal. */
#x2full .xf-sidebar #xf-navigation .xf-nav>svg.x2-nav-picto{display:block!important;box-sizing:border-box!important;width:22px!important;height:22px!important;min-width:22px!important;max-width:22px!important;flex:0 0 22px!important;padding:3px!important;border-radius:5px!important;background:linear-gradient(140deg,var(--x2-icon-a),var(--x2-icon-b))!important;color:#ffffff!important;stroke:#ffffff!important;stroke-width:2!important;fill:none!important;opacity:1!important}
#x2full .xf-sidebar #xf-navigation .xf-nav>img.x2-nav-brand{display:block!important;box-sizing:border-box!important;width:22px!important;height:22px!important;min-width:22px!important;max-width:22px!important;flex:0 0 22px!important;object-fit:contain!important;border-radius:5px!important;background:transparent!important;border:0!important;opacity:1!important}
#x2full.xf-sidebar-collapsed .xf-sidebar #xf-navigation .xf-nav>svg.x2-nav-picto,#x2full.xf-sidebar-collapsed .xf-sidebar #xf-navigation .xf-nav>img.x2-nav-brand{width:22px!important;height:22px!important;flex-basis:22px!important}