.common-nav-group{position:relative;font-size:13px;flex:none}.common-nav-group>summary{cursor:pointer;list-style:none;padding:9px 13px;border-radius:7px;color:var(--muted,#aec3d3);white-space:nowrap}.common-nav-group>summary::-webkit-details-marker{display:none}.common-nav-group>summary:after{content:'⌄';margin-left:7px;font-size:12px}.common-nav-group.current>summary,.common-nav-group[open]>summary{background:#1b3446;color:#f0f6fb}.common-nav-group>summary:focus-visible{outline:2px solid #52c8ea;outline-offset:2px}.common-nav-panel{position:absolute;top:calc(100% + 5px);left:0;z-index:60;display:flex;flex-direction:column;gap:3px;min-width:220px;padding:7px;background:var(--panel,#102536);border:1px solid var(--line,#355064);border-radius:8px;box-shadow:0 14px 35px #0006}.common-nav-panel>a,.common-nav-panel>button,.sidebar .nav .common-nav-panel>button{display:block;width:100%;text-align:left;padding:10px 12px;background:transparent;border:0;border-radius:5px;font:inherit;color:var(--text,#eef4f8);text-decoration:none;white-space:nowrap}.common-nav-panel>a:hover,.common-nav-panel>button:hover,.common-nav-panel>.active{background:#25455e;color:white}.sidebar .nav,.ops-header nav,.production-planning-nav{overflow:visible}.ops-header nav,.production-planning-nav{display:flex;align-items:center;gap:5px}.production-planning-nav{flex:1}.ops-header{z-index:20}.production-planning-nav+.screen-name{min-width:0}@media(max-width:750px){.ops-header nav{flex-wrap:wrap;overflow:visible}.common-nav-group{font-size:12px}.common-nav-group>summary{padding:8px 9px}.common-nav-panel{position:absolute;max-width:calc(100vw - 28px)}.common-nav-group:last-child .common-nav-panel{left:auto;right:0}.production-planning-nav{flex-basis:100%;flex-wrap:wrap}html[data-screen-resolution] .production-planning-nav{display:none}}
