/* Dãy nghiệp vụ UI-04 trong vùng1; không đổi thanh ứng dụng của mẫu khác. */
.transaction-navigation { position: relative; flex-shrink: 0; margin-left: calc(var(--transaction-shop-gap) - var(--button-gap)); }
.transaction-navigation [hidden] { display: none; }
.transaction-navigation__list { display: flex; gap: var(--button-gap); }
.transaction-navigation__icon { flex-shrink: 0; }
.transaction-navigation.is-compact .transaction-navigation__list { position: absolute; top: calc(100% + 7px); left: 0; z-index: 2; width: max-content; min-width: 100%; max-width: calc(100vw - 24px); max-height: calc(100dvh - 64px); overflow-y: auto; flex-direction: column; background: var(--surface); border: var(--filter-border); border-radius: var(--filter-radius); box-shadow: var(--account-menu-shadow); padding: 4px; }
.transaction-navigation.is-compact .transaction-navigation__list > .ui-button { justify-content: flex-start; }