/* TWOCOMM CONTROL INTELLIGENCE — shared application navigation. */
.optimus-shell{--oci-rail:248px;--oci-header:76px;margin:0;background:#09101e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.optimus-shell>.header,.optimus-shell>.header *,.optimus-shell>.wrapper>.left-side,.optimus-shell>.wrapper>.right-side,.optimus-shell #menu,.optimus-shell #menu *,.optimus-menu-intro{box-sizing:border-box}
.optimus-shell>.header{position:sticky;top:0;z-index:1030;display:flex;width:100%;height:var(--oci-header);min-height:var(--oci-header);margin:0;padding:0;background:#0b1425;border-bottom:1px solid #263754;box-shadow:0 6px 28px #02061740}
.optimus-shell>.header .logo{display:flex;align-items:center;gap:12px;flex:0 0 var(--oci-rail);width:var(--oci-rail);height:var(--oci-header);padding:12px 18px;float:none;text-align:left;text-decoration:none;background:linear-gradient(125deg,#11263a,#12172e);border-right:1px solid #263754;line-height:1.2}
.optimus-shell-logo{display:block;flex:none;object-fit:contain;width:44px;height:44px;filter:drop-shadow(0 0 14px #27d5d13b)}
.optimus-shell-wordmark{color:#eff5ff;font-size:23px;font-weight:800;letter-spacing:2px}.optimus-shell-wordmark small{display:block;margin-top:5px;color:#8de6ee;font-size:8px;letter-spacing:1.3px;font-weight:650;white-space:nowrap}
.optimus-shell>.header .navbar{display:flex;align-items:center;justify-content:space-between;flex:1;float:none;min-width:0;min-height:var(--oci-header);margin:0;border:0;border-radius:0;background:linear-gradient(100deg,#111a30,#0c1525 65%,#102734);padding:0 20px 0 12px}
.optimus-shell>.header .navbar>div:first-child{display:flex;align-items:center;min-width:0}.optimus-shell>.header .sidebar-toggle{display:flex;align-items:center;justify-content:center;float:none;width:39px;height:39px;min-width:39px;margin:0;border:1px solid #33465e;border-radius:10px;background:#15263b;color:#8ce8e0;text-decoration:none}
.optimus-shell>.header .sidebar-toggle:hover{background:#183c49;border-color:#63d9d1}.optimus-toggle-glyph{font-size:21px;line-height:1}.optimus-navbar-context{padding-left:17px;line-height:1.5}.optimus-navbar-context small{display:block;color:#698da7;font-size:8px;letter-spacing:1.6px}.optimus-navbar-context strong{color:#ced9ee;font-weight:600;font-size:12px}
.optimus-shell>.header .navbar-right{float:none!important;margin:0 0 0 auto}.optimus-shell>.header .navbar-right>.nav{display:flex;align-items:center;margin:0;padding:0;list-style:none}.optimus-shell>.header .user-menu>a{display:flex;align-items:center;gap:10px;border:1px solid #2b3e5a;border-radius:10px;padding:8px 12px;background:#18233a;color:#d7e8fa;font-size:11px}.optimus-shell>.header .user-menu>a img{width:30px;height:30px;border-radius:50%}.optimus-shell>.header .user-menu .riot{color:#d7e8fa;font-size:11px;margin:0}.optimus-shell>.header .user-menu .dropdown-menu{right:0;left:auto}
.optimus-shell>.wrapper{position:relative;display:block;min-height:calc(100vh - var(--oci-header));margin:0;padding:0;width:100%;left:0;overflow:visible}
.optimus-shell>.wrapper>.left-side{position:fixed;top:var(--oci-header);bottom:0;left:0;z-index:1025;width:var(--oci-rail);min-width:var(--oci-rail);height:calc(100vh - var(--oci-header));min-height:0;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;background:radial-gradient(ellipse at 0 0,#13354a77,transparent 40%),linear-gradient(180deg,#101a2c,#0b1425 70%);border-right:1px solid #263754;scrollbar-width:thin;scrollbar-color:#314e69 #0b1425;transition:transform .2s ease}
.optimus-shell .left-side .sidebar,.optimus-shell .left-side .page-sidebar{margin:0;padding:0;width:100%;background:transparent}.optimus-shell .left-side .sidebar .clearfix{display:none}
.optimus-menu-intro{padding:24px 19px 21px;border-bottom:1px solid #23354e;background:linear-gradient(115deg,#0fc9c00a,#a775ff09)}.optimus-shell-eyebrow{display:block;font-size:8px;font-weight:650;letter-spacing:1.8px;color:#6b90b3}.optimus-menu-intro strong{display:block;font-size:18px;letter-spacing:-.4px;color:#f0f5ff;margin:7px 0 10px;font-weight:650}.optimus-shell-client{display:inline-flex;align-items:center;gap:7px;color:#79ddd2;font-size:9px;border:1px solid #285255;border-radius:20px;padding:4px 8px;background:#1b645212}.optimus-shell-client i{display:block;width:5px;height:5px;border-radius:50%;background:#66e5d1;box-shadow:0 0 8px #66e5d180}
.optimus-shell #menu{margin:0;padding:13px 10px 28px;list-style:none}.optimus-shell #menu li{list-style:none;border:0;background:transparent;margin:3px 0;padding:0}.optimus-shell #menu li>a{display:flex;align-items:center;gap:0;min-height:45px;margin:0;padding:9px 10px;border:1px solid transparent;border-radius:9px;color:#a8b9d2;text-decoration:none;font-size:10px;line-height:1.5;letter-spacing:.2px;background:transparent;box-shadow:none}.optimus-shell #menu li>a .title{flex:1;min-width:0;white-space:normal;font-size:10px;line-height:1.5;font-weight:600}.optimus-shell #menu li>a .optimus-tech-menu-icon{margin-right:10px;flex:none}.optimus-shell #menu li>a:hover{background:linear-gradient(105deg,#21ced91a,#8e6cf714)!important;border-color:#34556e;color:#edfbff;box-shadow:inset 2px 0 0 #52dde5,0 4px 18px #030b1840;transform:translateX(2px)}
.optimus-shell #menu li.optimus-current>a{background:linear-gradient(105deg,#20c0cd20,#8b66f21c)!important;border-color:#3d5979;color:#effcff;box-shadow:inset 3px 0 0 #67f0de}.optimus-shell #menu li.optimus-current>a .title{color:#b4f2ea}.optimus-shell #menu .fa.arrow{display:block;flex:none;width:6px;height:6px;margin:0 3px 0 8px;border-right:1px solid #8da7c7;border-bottom:1px solid #8da7c7;transform:rotate(45deg);transition:transform .15s}.optimus-shell #menu .fa.arrow:before{content:none}.optimus-shell #menu .optimus-menu-expanded>a .fa.arrow{transform:rotate(225deg)}
.optimus-shell #menu .sub-menu{margin:5px 0 8px 25px;padding:2px 0 2px 8px;border-left:1px solid #2e425e;background:transparent;list-style:none}.optimus-shell #menu .sub-menu li>a{padding:7px;min-height:38px;color:#8fa5c0}.optimus-shell #menu .sub-menu .title{font-size:9px;font-weight:500}.optimus-shell #menu .sub-menu .optimus-tech-menu-icon{width:24px;height:24px;flex-basis:24px;border-radius:7px;margin-right:8px}.optimus-shell #menu .sub-menu .sub-menu{margin-left:14px}
.optimus-shell>.wrapper>.right-side{position:relative;float:none;left:0;width:auto;margin:0 0 0 var(--oci-rail);padding:0;min-height:calc(100vh - var(--oci-header));transition:margin-left .2s ease}
.optimus-dashboard-page>.wrapper>.right-side{background:#090f1e;border:0;padding:0!important}.optimus-dashboard-page .right-side>.content-header{display:none}.optimus-shell.optimus-nav-closed>.wrapper>.left-side{transform:translateX(-100%);pointer-events:none}.optimus-shell.optimus-nav-closed>.wrapper>.right-side{margin-left:0}
.optimus-menu-scrim{display:none}.optimus-shell-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.optimus-shell .header .logo:focus-visible,.optimus-shell #menu a:focus-visible,.optimus-shell .sidebar-toggle:focus-visible{outline:2px solid #67e7db;outline-offset:-2px}
@media(max-width:1020px){.optimus-navbar-context{display:none}}
@media(max-width:767px){.optimus-shell{--oci-rail:248px;--oci-header:68px}.optimus-shell>.header .logo{flex-basis:213px;width:213px;padding:10px 13px;gap:9px}.optimus-shell-logo{width:37px;height:37px}.optimus-shell-wordmark{font-size:20px;letter-spacing:1.4px}.optimus-shell-wordmark small{font-size:7px;letter-spacing:1px}.optimus-shell>.header .navbar{padding:0 10px 0 0;min-height:68px;gap:5px}.optimus-shell>.header .sidebar-toggle{width:34px;height:34px;min-width:34px}.optimus-shell>.header .user-menu>a{padding:5px;border:0;background:transparent}.optimus-shell>.header .user-menu .riot{display:none}.optimus-shell>.header .user-menu>a img{width:28px;height:28px}.optimus-shell>.wrapper>.left-side{transform:translateX(-100%);pointer-events:none}.optimus-shell>.wrapper>.right-side,.optimus-shell.optimus-nav-closed>.wrapper>.right-side{margin-left:0!important}.optimus-shell.optimus-nav-open>.wrapper>.left-side{transform:translateX(0);pointer-events:auto}.optimus-shell.optimus-nav-open>.optimus-menu-scrim{display:block;position:fixed;z-index:1020;inset:var(--oci-header) 0 0;border:0;padding:0;background:#010817b0;backdrop-filter:blur(2px)}.optimus-shell>.wrapper.row-offcanvas{left:0!important}.optimus-shell #back-to-top{right:12px;bottom:15px}}
@media(prefers-reduced-motion:reduce){.optimus-shell .left-side,.optimus-shell .right-side,.optimus-shell #menu a{transition:none!important}}

.optimus-user-avatar{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:8px;background:linear-gradient(145deg,#5ccbbd20,#ae8bff22);border:1px solid #547279;color:#88e3d7}.optimus-user-avatar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.optimus-profile-logo{object-fit:contain;max-width:100%}

.optimus-shell>.header .user-menu{position:relative}.optimus-shell>.header .user-menu .dropdown-menu{display:none;position:absolute;top:100%;z-index:1100;min-width:185px;padding:8px;margin:8px 0 0;list-style:none;border:1px solid #2b3e5a;border-radius:12px;background:#101d31;box-shadow:0 15px 35px #02061760;color:#d7e8fa}.optimus-shell>.header .user-menu.open>.dropdown-menu{display:block}.optimus-shell>.header .user-menu .dropdown-menu li{list-style:none}.optimus-shell>.header .user-menu .dropdown-menu .user-header{height:auto;padding:14px 8px;text-align:center;background:transparent}.optimus-shell>.header .user-menu .dropdown-menu a{display:block;padding:10px 12px;border-radius:7px;color:#d7e8fa;text-decoration:none}.optimus-shell>.header .user-menu .dropdown-menu a:hover{background:#203a51}.optimus-shell>.header .user-menu .topprofiletext{font-size:12px;overflow-wrap:anywhere}.optimus-shell>.wrapper>.left-side{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.optimus-shell #menu li>a .livicon{display:inline-flex;flex:none;width:29px;height:29px;margin-right:10px}.optimus-shell #menu li>a .livicon::before{content:'◇';display:grid;place-items:center;width:100%;height:100%;border-radius:8px;background:linear-gradient(145deg,#20c6c8,#6869db);color:white}

/* Full TWOCOMM artwork remains readable on the dark command-center shell. */
.optimus-shell>.header .logo{gap:10px;padding:12px 16px}.optimus-shell-logo{width:64px;height:40px;padding:3px;background:#fff;border:1px solid #dce8ef;border-radius:6px;filter:none}.optimus-shell-wordmark{font-size:21px;letter-spacing:1.1px}.optimus-shell-wordmark small{font-size:7px;letter-spacing:.9px}.optimus-profile-logo{width:112px;height:68px;padding:5px;background:#fff;border:1px solid #dce8ef;border-radius:8px}
@media(max-width:767px){.optimus-shell>.header .logo{gap:8px;padding:10px 12px}.optimus-shell-logo{width:52px;height:34px;padding:2px}.optimus-shell-wordmark{font-size:18px;letter-spacing:.7px}.optimus-shell-wordmark small{font-size:6.5px;letter-spacing:.55px}}

/* The outer navigation owns viewport scrolling, including legacy SlimScroll markup. */
.optimus-shell>.wrapper>.left-side{position:fixed!important;top:var(--oci-header)!important;bottom:0!important;height:calc(100vh - var(--oci-header))!important;height:calc(100dvh - var(--oci-header))!important;min-height:0!important;max-height:none!important;overflow-x:hidden!important;overflow-y:scroll!important;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#5aafbc #0b1425;scroll-padding-block:12px;touch-action:pan-y}
.optimus-shell>.wrapper>.left-side .sidebar,.optimus-shell>.wrapper>.left-side .page-sidebar,.optimus-shell>.wrapper>.left-side .slimScrollDiv{position:relative!important;display:block!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;width:100%!important}
.optimus-shell>.wrapper>.left-side .slimScrollBar,.optimus-shell>.wrapper>.left-side .slimScrollRail{display:none!important}
.optimus-shell #menu{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding-bottom:36px}
.optimus-shell #menu .sub-menu{position:static!important;height:auto!important;min-height:0!important;display:none!important}
.optimus-shell #menu .optimus-menu-expanded>.sub-menu{display:block!important}
.optimus-shell #menu>li.optimus-menu-expanded>.sub-menu{max-height:280px!important;max-height:min(34vh,280px)!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#548bba #101a2c;scroll-padding-block:8px;touch-action:pan-y}
.optimus-shell>.wrapper>.left-side::-webkit-scrollbar,.optimus-shell #menu>.optimus-menu-expanded>.sub-menu::-webkit-scrollbar{width:8px}
.optimus-shell>.wrapper>.left-side::-webkit-scrollbar-track,.optimus-shell #menu>.optimus-menu-expanded>.sub-menu::-webkit-scrollbar-track{background:#0b1425}
.optimus-shell>.wrapper>.left-side::-webkit-scrollbar-thumb,.optimus-shell #menu>.optimus-menu-expanded>.sub-menu::-webkit-scrollbar-thumb{background:#5aafbc;border:2px solid #0b1425;border-radius:8px}
.optimus-shell>.wrapper>.left-side:focus-visible,.optimus-shell #menu .sub-menu:focus-visible{outline:2px solid #67e7db;outline-offset:-2px}
