/* One navigation system: a compact personal command dock for the host portfolio. */
.cockpit-classic{--sidebar-width:208px}
.cockpit-classic #sidebar{padding:18px 13px 14px;background:radial-gradient(ellipse at 20% 0,#385fa566,transparent 47%),radial-gradient(ellipse at 90% 80%,#6451b747,transparent 54%),linear-gradient(170deg,#111e3a,#172343 58%,#20294c);border-right:1px solid #a8c7ff24;box-shadow:5px 0 24px #14284e1a;scrollbar-width:thin;scrollbar-color:#5b75a447 transparent}
.cockpit-classic #sidebar>.brand{display:grid;justify-items:center;text-align:center;position:relative;gap:10px;padding:14px 9px 12px;border:1px solid #b1cbff30;border-radius:18px;background:linear-gradient(145deg,#dbeaff15,#c7d1ff06);box-shadow:inset 0 1px 0 #e7f1ff16,0 8px 18px #05112622}
.cockpit-classic #sidebar>.brand>.personal-avatar{width:78px;height:88px;flex-basis:auto;border-radius:23px;border:1px solid #e0edffb0;background:radial-gradient(ellipse at 50% 20%,#f1f5ff,#cedfff 65%,#c7c9ec);box-shadow:0 0 0 5px #a1bfff0a,0 8px 22px #050d263d}
.cockpit-classic #sidebar>.brand .personal-avatar>img{width:140%!important;left:-20%;top:-2%;height:auto!important}
.cockpit-classic #sidebar>.brand>span:last-child{min-width:0}
.cockpit-classic #sidebar>.brand b{display:block;color:#f3f7ff;font-size:19px;line-height:1.45;font-weight:850;letter-spacing:.1px}
.cockpit-classic #sidebar>.brand em{color:#8ca8dc;font-size:9px;margin-left:6px;letter-spacing:1px;font-weight:500}
.cockpit-classic #sidebar>.brand small{font-size:9px;color:#a5b8db;letter-spacing:.4px;margin-top:3px}
.cockpit-classic #sidebar>.nav-caption{display:block;margin:20px 9px 8px;color:#8199c3;font-size:9px;letter-spacing:1.6px;font-weight:650}
.cockpit-classic #sidebar .hierarchical-nav{margin:0 0 20px;gap:8px}
.cockpit-classic #sidebar .outline-group>summary{padding-right:25px;border:1px solid #b7cbff12;border-radius:11px;background:#b1ccff04;transition:background .18s,border-color .18s}
.cockpit-classic #sidebar .outline-group>summary:hover{background:#b9d6ff0b;border-color:#b9d6ff37}
.cockpit-classic #sidebar .outline-group .nav-item{gap:10px;min-height:51px;padding:10px 6px 10px 10px;font-size:12px;color:#d7e4ff}
.cockpit-classic #sidebar .outline-ordinal{width:27px;height:28px;flex-basis:27px;border:1px solid #91afdf35;border-radius:8px;font-size:13px;color:#a8c0ee!important;background:linear-gradient(145deg,#c8dfff12,#7d9ecb08)}
.cockpit-classic #sidebar .outline-title{letter-spacing:.3px;font-weight:650}
.cockpit-classic #sidebar .outline-group .nav-item small{font-size:9px;color:#a4b9df;background:#c6dcff0d;padding:1px 4px;border-radius:4px}
.cockpit-classic #sidebar .outline-group:has(.nav-item.active)>summary{border-color:#8cb1ff88;background:linear-gradient(115deg,#315fbd,#5960ac);box-shadow:inset 0 1px 0 #d8e8ff36,0 4px 14px #070e2529}
.cockpit-classic #sidebar .outline-group .nav-item.active{color:#fff}
.cockpit-classic #sidebar .outline-group:has(.nav-item.active) .outline-ordinal{color:#fff!important;border-color:#d6e4ff5c;background:#e1edff1b}
.cockpit-classic #sidebar .outline-group:has(.nav-item.active) .outline-chevron{color:#d7e8ff}
.cockpit-classic #sidebar .outline-chevron{right:10px;top:14px;font-size:18px;color:#8ca6cf}
.cockpit-classic #sidebar .outline-children{margin:9px 6px 5px 23px;padding-left:14px;border-left:1px solid #779acb49;gap:4px}
.cockpit-classic #sidebar .outline-children>a,.cockpit-classic #sidebar .outline-children .side-categories button{font-size:10px;color:#9fb5dc;line-height:1.8;padding:7px 5px;border-radius:6px}
.cockpit-classic #sidebar .outline-children>a:hover,.cockpit-classic #sidebar .outline-children .side-categories button:hover{color:#e9f3ff;background:#9ec5ff12}
.cockpit-classic #sidebar .side-profile{margin-top:auto;padding:11px 9px;border:1px solid #aec9ff19;border-radius:12px;background:#afcbff07;gap:9px}
.cockpit-classic #sidebar .side-profile .personal-avatar{width:30px;height:33px;flex:0 0 30px;border-width:1px;border-radius:10px}
.cockpit-classic #sidebar .side-profile .personal-avatar>img{position:absolute;width:225%!important;max-width:none;height:auto!important;left:-62.5%;top:-2%;border:0;border-radius:0;background:none}
.cockpit-classic #sidebar .side-profile b{color:#dce8ff;font-size:11px}.cockpit-classic #sidebar .side-profile small{color:#859fc8;font-size:8px}.cockpit-classic #sidebar .side-profile>span:last-child{color:#91ace0}
#department-module-frame.is-loading{visibility:hidden}
@media(max-width:780px){.cockpit-classic #sidebar{width:224px;padding:14px 12px;top:53px}.cockpit-classic #sidebar>.brand{grid-template-columns:66px minmax(0,1fr);text-align:left;gap:11px;padding:11px 9px}.cockpit-classic #sidebar>.brand>.personal-avatar{width:60px;height:69px;border-radius:18px;justify-self:center}.cockpit-classic #sidebar>.brand b{font-size:17px}.cockpit-classic #sidebar>.brand em{display:block;margin:1px 0 0;font-size:8px;line-height:1.2}.cockpit-classic #sidebar>.brand small{font-size:8px;letter-spacing:0}.cockpit-classic #sidebar>.nav-caption{margin-top:15px}.cockpit-classic #sidebar .outline-group .nav-item{font-size:12px;min-height:49px}.cockpit-classic #sidebar .outline-children>a,.cockpit-classic #sidebar .outline-children .side-categories button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.cockpit-classic #sidebar .outline-group>summary{transition:none}}
