/* Thanh nghiệp vụ UI-06: dùng nút chung, icon có khung theo mốc nghiệm thu. */
.manufacturing-navigation { position: relative; min-width: 0; flex: 1; }
.manufacturing-navigation [hidden] { display: none; }
.manufacturing-navigation__list { display: flex; gap: var(--button-gap); width: max-content; }
.manufacturing-navigation__list > .ui-button { flex-shrink: 0; }
.manufacturing-navigation .ui-button { color: var(--text); font-weight: 400; }
.manufacturing-navigation .ui-button > svg[data-icon-name] { box-sizing: border-box; color: #f29120; stroke: currentColor; width: 28px; height: 28px; flex: 0 0 28px; padding: 5px; border: 1px solid #f8e8d2; border-radius: 8px; background: #fff5e5; stroke-width: 1.5px; }
.manufacturing-navigation .ui-button > .ui-icon { width: 11.2px; height: 11.2px; }
.manufacturing-navigation.is-compact .manufacturing-navigation__list { position: absolute; top: calc(100% + var(--region-gap)); left: 0; z-index: 5; flex-direction: column; max-width: calc(100vw - 24px); max-height: calc(100dvh - 100px); overflow-y: auto; padding: var(--form-label-gap); border: var(--filter-border); border-radius: var(--filter-radius); background: var(--surface); box-shadow: var(--account-menu-shadow); }
.manufacturing-navigation.is-compact .manufacturing-navigation__list > .ui-button { justify-content: flex-start; }
.manufacturing-navigation--footer.is-compact .manufacturing-navigation__list { top: auto; bottom: calc(100% + 7px); }
/* Thanh 6 nghiệp vụ gọn theo chữ và icon. */
.manufacturing-navigation--footer:not(.is-compact) .manufacturing-navigation__list {
 gap: 0; padding: 3px;
 border: 1px solid #dce2e9; border-radius: 8px; background: #fff;
 box-shadow: 0 1px 2px #24364b0a, inset 0 1px 0 #fff;
}
.manufacturing-navigation__item { position:relative; display:flex; align-items:center; justify-content:center; padding:0 8px; border-radius:5px; }
.manufacturing-navigation--footer:not(.is-compact) .manufacturing-navigation__item + .manufacturing-navigation__item::before {
 content:''; position:absolute; left:0; top:9px; bottom:9px; width:1px; background:#e5e9ef;
}
.manufacturing-navigation__item.is-active { background:linear-gradient(180deg,#eaf4ff,#deedff); box-shadow:inset 0 1px 0 #fff,0 1px 2px #2665a312; }
.manufacturing-navigation--footer .manufacturing-navigation__item > .ui-button.ui-button--action:not([aria-expanded]) {
 border:0 !important; box-shadow:none !important; background:transparent !important; border-radius:5px;
}
.manufacturing-navigation--footer .manufacturing-navigation__item > .ui-button.ui-button--action:not([aria-expanded]):hover { background:#eff6ff !important; }
.manufacturing-navigation--footer .manufacturing-navigation__item > .ui-button:focus-visible { outline:2px solid #1683ff; outline-offset:1px; }
.manufacturing-navigation--footer .manufacturing-workflow-badge {
 position:static; transform:none; flex:0 0 auto; margin-left:2px;
 min-width:18px; height:18px; padding:0 5px; border:0; background:#eef4ff; color:#1670d2;
 font:600 11px/1 var(--font-family); box-shadow:none;
}
.manufacturing-navigation--footer .manufacturing-navigation__item.is-active .ui-button .manufacturing-workflow-badge { background:#1683ff; color:#fff !important; }
.manufacturing-navigation--footer.is-compact .manufacturing-navigation__list { min-width:230px; }
.manufacturing-navigation--footer.is-compact .manufacturing-navigation__item { justify-content:flex-start; padding:2px 4px; }