/* Navigation styled to match the supplied dashboard reference. */
.operations-page .sidebar{background:linear-gradient(160deg,#04172f 0%,#081e38 68%,#143a60 100%);border-right:1px solid #183754;color-scheme:dark}
.operations-page .sidebar-brand{border-bottom:0;padding:18px 18px 16px}
.operations-page .sidebar-brand:after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:1px;background:#1b3956}
.operations-page .sidebar-nav{scrollbar-width:thin;scrollbar-color:#294a69 transparent;overflow-x:hidden;padding:10px 8px}
.operations-page .sidebar-nav::-webkit-scrollbar{width:4px}
.operations-page .sidebar-nav::-webkit-scrollbar-track{background:transparent}
.operations-page .sidebar-nav::-webkit-scrollbar-thumb{background:#294a69;border-radius:8px}
.operations-page .sidebar-nav .nav-link{border-radius:6px;color:#e6effb;transition:background .15s,color .15s}
.operations-page .sidebar-nav .nav-link:hover{background:#133557;color:#fff}
.operations-page .sidebar-nav .nav-link.active{background:linear-gradient(100deg,#075ee4,#0b43ad);box-shadow:0 5px 14px #001b4340;color:#fff}
.operations-page .sidebar-nav .nav-link.active:before{width:4px;background:#2696ff;border-radius:5px 0 0 5px}
.operations-page .sidebar-nav .nav-link.active .nav-link-icon{color:#fff}
.operations-page .sidebar-nav .nav-link:focus-visible{outline:2px solid #79baff;outline-offset:1px}
.operations-page .sidebar-nav .nav-link-icon{color:#dfebfc}
.operations-page .sidebar-admin-group{border-top:1px solid #1e3e5b;padding-top:14px;margin-top:14px}
.operations-page .sidebar-section-label{font-size:9px;letter-spacing:.7px;color:#87a9cc}
.operations-page .sidebar-nav>.sidebar-section-label:first-child{font-size:0;margin:4px 16px 10px;height:2px;width:18px;background:#1982ff;border-radius:2px}
.operations-page .ops-sidebar-photo{background-color:#092039;flex-basis:clamp(80px,12vh,130px)}
.operations-page .ops-sidebar-photo:before{background:linear-gradient(#0c2540,transparent 85%)}
.operations-page .ops-sidebar-photo span{left:20px;bottom:24px;font-size:10px;letter-spacing:2.5px}
.operations-page .ops-sidebar-photo span:after{display:none}
@media(min-width:761px){
 body.operations-page{--sidebar-width:224px}
 .operations-page .sidebar-nav .nav-link{min-height:42px;padding:10px 15px;margin-bottom:3px;gap:14px}
 .operations-page .sidebar-nav .nav-link-copy{min-width:0;flex:1}
 .operations-page .sidebar-nav .nav-link-copy strong{font-size:12px;font-weight:500;line-height:17px;white-space:nowrap}
 .operations-page .sidebar-nav a[href*="route=inventory"] .nav-link-copy strong{white-space:normal;display:block;max-width:116px}
 .operations-page .sidebar-nav .nav-link-icon{width:21px;height:21px;min-width:21px;flex-shrink:0}
 .operations-page .sidebar-nav .nav-link-icon svg{width:21px;height:21px}
 .operations-page .sidebar-section-label{margin:6px 15px 12px}
}
@media(min-width:761px) and (max-height:850px){
 .operations-page .sidebar-nav .nav-link{min-height:37px;padding-top:7px;padding-bottom:7px;margin-bottom:2px}
 .operations-page .ops-sidebar-photo{flex-basis:65px}
 .operations-page .ops-sidebar-photo span{bottom:12px;font-size:9px;line-height:1.3}
 .operations-page .sidebar-admin-group{margin-top:10px;padding-top:10px}
}