/* WALE3 navigation icons: a shared 24px grid and restrained two-tone shapes. */
.w-icon{display:inline-block;overflow:visible;flex-shrink:0;vertical-align:middle}
.w-icon .w-icon-tone{fill:currentColor;stroke:none;opacity:.16;transition:opacity .16s ease}
.sidebar .navitem{min-height:48px;gap:11px;padding:7px 10px;border:1px solid transparent;transition:background .16s,color .16s,border-color .16s}
.sidebar .navitem>.w-icon{width:32px;height:32px;padding:5px;border-radius:9px;color:#a7adba;background:#ffffff04;transition:background .16s,color .16s}
.sidebar .navitem:hover>.w-icon{color:#e8edf2;background:#ffffff0a}
.sidebar .navitem.active{background:linear-gradient(100deg,#b4ff6314,#b4ff6307);border-color:#b4ff6317;color:#c5ff89}
.sidebar .navitem.active>.w-icon{color:#bbff71;background:#b4ff6313}
.sidebar .navitem.active>.w-icon .w-icon-tone{opacity:.3}
.sidebar .navitem:focus-visible,.ce-vertical-nav a:focus-visible,.ce-nav-group>summary:focus-visible{outline:2px solid #b4ff63;outline-offset:3px}
.ce-dashboard-nav .ce-vertical-nav>a,.ce-dashboard-nav .ce-nav-group>summary{gap:9px;min-height:44px;padding:7px 9px;border-radius:8px}
.ce-dashboard-nav .ce-vertical-nav>a>.w-icon,.ce-dashboard-nav .ce-nav-group>summary>.w-icon:first-child{width:29px;height:29px;padding:4px;border-radius:8px;background:#ffffff04;color:#9cabb1;transition:background .16s,color .16s}
.ce-dashboard-nav .ce-vertical-nav>a:hover>.w-icon,.ce-dashboard-nav .ce-nav-group>summary:hover>.w-icon:first-child{background:#ffffff0a;color:#e1efed}
.ce-dashboard-nav .ce-vertical-nav>a[aria-current=page]>.w-icon{background:#b4ff6314;color:#bcff76}
.ce-dashboard-nav .ce-vertical-nav>a[aria-current=page]>.w-icon .w-icon-tone{opacity:.3}
.ce-dashboard-nav .ce-nav-group>div>a>.w-icon{width:18px;height:18px;opacity:.85}
.ce-dashboard-nav .ce-nav-group>summary>.w-icon:last-child{width:13px;height:13px;padding:0;border-radius:0;background:transparent;margin-inline-start:auto}
body.ce-nav-collapsed .ce-dashboard-nav .ce-vertical-nav>a{padding:7px 5px}
@media(max-width:900px){.sidebar .navitem{padding:7px 3px;gap:0;justify-content:center}}
@media(prefers-reduced-motion:reduce){.w-icon .w-icon-tone,.sidebar .navitem,.sidebar .navitem>.w-icon,.ce-dashboard-nav .ce-vertical-nav>a>.w-icon,.ce-dashboard-nav .ce-nav-group>summary>.w-icon:first-child{transition:none}}