/* Shared content navigation. Reference: approved live directory, 2026-10-03.
   New columns/categories/status tabs use qj-tabs. Keep bottom app nav separate.
   Repeated classes override existing global/scoped styles in released routes. */
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs,
.mall-page .booking-kind-tabs.booking-kind-tabs.booking-kind-tabs.booking-kind-tabs { width:100%; display:flex; align-items:center; flex-wrap:nowrap; gap:20px; margin:0 0 16px; padding:0 2px; box-sizing:border-box; border:0; background:transparent; white-space:nowrap; overflow-x:auto; scrollbar-width:none; line-height:1.6; }
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs-scroll { display:block; overflow:hidden; }
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs .uni-scroll-view-content { display:flex; align-items:center; gap:20px; width:max-content; min-width:100%; }
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs > uni-text,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs > uni-view,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs > uni-button,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs .uni-scroll-view-content > uni-text,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs .uni-scroll-view-content > uni-view,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs .uni-scroll-view-content > uni-button,
.mall-page .booking-kind-tabs.booking-kind-tabs.booking-kind-tabs.booking-kind-tabs > uni-button { display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; width:auto; min-width:0; min-height:44px; box-sizing:border-box; margin:0; padding:8px 0; border:0; border-bottom:3px solid transparent; border-radius:0; background:transparent; color:#737b74; font-size:15px; line-height:1.6; font-weight:400; white-space:nowrap; box-shadow:none; text-decoration:none; cursor:pointer; }
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs > uni-text.active,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs > uni-text.is-active,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs > uni-text.selected,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs > uni-text[aria-selected="true"],
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs > uni-view.active,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs > uni-view.is-active,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs > uni-view.selected,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs > uni-view[aria-selected="true"],
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs > uni-button.active,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs > uni-button.is-active,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs > uni-button.selected,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs > uni-button[aria-selected="true"],
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs .uni-scroll-view-content > uni-text.active,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs .uni-scroll-view-content > uni-text.is-active,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs .uni-scroll-view-content > uni-text.selected,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs .uni-scroll-view-content > uni-text[aria-selected="true"],
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs .uni-scroll-view-content > uni-view.active,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs .uni-scroll-view-content > uni-view.is-active,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs .uni-scroll-view-content > uni-view.selected,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs .uni-scroll-view-content > uni-view[aria-selected="true"],
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs .uni-scroll-view-content > uni-button.active,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs .uni-scroll-view-content > uni-button.is-active,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs .uni-scroll-view-content > uni-button.selected,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs .uni-scroll-view-content > uni-button[aria-selected="true"],
.mall-page .booking-kind-tabs.booking-kind-tabs.booking-kind-tabs.booking-kind-tabs > uni-button.active,
.mall-page .booking-kind-tabs.booking-kind-tabs.booking-kind-tabs.booking-kind-tabs > uni-button.is-active,
.mall-page .booking-kind-tabs.booking-kind-tabs.booking-kind-tabs.booking-kind-tabs > uni-button.selected,
.mall-page .booking-kind-tabs.booking-kind-tabs.booking-kind-tabs.booking-kind-tabs > uni-button[aria-selected="true"] { color:#94713d; font-weight:650; border-bottom-color:#94713d; background:transparent; box-shadow:none; }
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs > uni-text::before,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs > uni-text::after,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs > uni-view::before,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs > uni-view::after,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs > uni-button::before,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs > uni-button::after,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs .uni-scroll-view-content > uni-text::before,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs .uni-scroll-view-content > uni-text::after,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs .uni-scroll-view-content > uni-view::before,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs .uni-scroll-view-content > uni-view::after,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs .uni-scroll-view-content > uni-button::before,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs .uni-scroll-view-content > uni-button::after,
.mall-page .booking-kind-tabs.booking-kind-tabs.booking-kind-tabs.booking-kind-tabs > uni-button::before,
.mall-page .booking-kind-tabs.booking-kind-tabs.booking-kind-tabs.booking-kind-tabs > uni-button::after { display:none; }
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs > uni-button uni-text,
.mall-page .booking-kind-tabs.booking-kind-tabs.booking-kind-tabs.booking-kind-tabs > uni-button uni-text { color:inherit; font-size:inherit; font-weight:inherit; }
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs::-webkit-scrollbar,
.mall-page .booking-kind-tabs.booking-kind-tabs.booking-kind-tabs.booking-kind-tabs::-webkit-scrollbar { display:none; width:0; height:0; }
.qj-category-scroll, .qj-tabs-scroll { scrollbar-width:none; }
@media(max-width:479px) {
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs,
.mall-page .booking-kind-tabs.booking-kind-tabs.booking-kind-tabs.booking-kind-tabs,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs .uni-scroll-view-content { gap:18px; }
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs > uni-text,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs > uni-view,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs > uni-button,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs .uni-scroll-view-content > uni-text,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs .uni-scroll-view-content > uni-view,
.qj-tabs.qj-tabs.qj-tabs.qj-tabs.qj-tabs .uni-scroll-view-content > uni-button,
.mall-page .booking-kind-tabs.booking-kind-tabs.booking-kind-tabs.booking-kind-tabs > uni-button { font-size:14px; }
}