/* Tribal Booking mobile-first application layer */
:root{--tf-navy:#0f1d31;--tf-orange:#ea580c;--tf-warm:#f7f7f4;--tf-line:#e5e7eb;--tf-ink:#172033;--tf-muted:#667085}
*,*:before,*:after{box-sizing:border-box}.tf-app-content img,.tf-app-content svg{max-width:100%;height:auto}.tf-app-content table{width:100%;border-collapse:collapse}.tf-app-content button,.tf-app-content .tribal-btn,.tf-app-content input,.tf-app-content select,.tf-app-content textarea{min-height:44px}.tf-commerce,.tf-cart{max-width:1120px;margin:auto}.tf-commerce header,.tf90-pagehead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.tf-commerce header p{color:var(--tf-orange);font-weight:800;letter-spacing:.08em}.tf-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:18px 0}.tf-product-card,.tf-cart article,.tf-payment-state{background:#fff;border:1px solid var(--tf-line);border-radius:16px;padding:18px;box-shadow:0 5px 18px rgba(15,29,49,.05)}.tf-product-card{display:grid;gap:12px}.tf-product-card>span,.tf-product-card small{color:var(--tf-orange);font-size:12px;font-weight:800;text-transform:uppercase}.tf-product-card h2{margin:0}.tf-cart article{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;margin:10px 0}.tf-cart article small{display:block;color:var(--tf-muted);margin-top:4px}.tf-cart-total{display:flex;justify-content:space-between;padding:14px 2px;border-top:1px solid var(--tf-line)}.tf-payment-state{border-color:#fed7aa;background:#fff7ed;margin:16px 0}.tf90-table-scroll{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}
@media(max-width:800px){body.tribal-portal-mode{padding-bottom:68px}.tf-app-topbar{height:54px}.tf-app-content{padding:14px 12px 24px}.tf-app-sidebar{inset:auto 0 0 0!important;width:100%!important;height:64px!important;transform:none!important;padding:5px 8px!important;overflow:hidden!important;background:var(--tf-navy)!important}.tf-app-brand,.tf-app-account{display:none!important}.tf-app-nav{display:flex!important;gap:2px!important;padding:0!important;overflow-x:auto;scrollbar-width:none}.tf-app-nav a{min-width:72px;flex:1;display:grid!important;place-items:center;gap:1px!important;padding:6px 4px!important;font-size:9px!important;text-align:center}.tf-app-nav a.tf-nav-hidden{display:none!important}.tf-nav-icon{font-size:15px!important}.tf-app-mobile{display:none!important}.tf90-head,.tf90-pagehead,.tribal-page-head{display:flex!important;align-items:flex-start!important;gap:10px!important;flex-wrap:wrap}.tf90-head h1,.tf90-pagehead h1{font-size:25px!important}.tf90-section,.tribal-card{padding:14px!important;border-radius:14px!important}.tf90-two,.tf90-three,.tribal-grid,.booking-grid{grid-template-columns:1fr!important}.tf90-metrics,.tf90-metrics.four,.tf90-metrics.six{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tf90-actions{display:flex;width:100%;overflow-x:auto;flex-wrap:nowrap!important}.tf90-actions>*{flex:0 0 auto}.tf90-tabs{display:flex!important;overflow-x:auto!important;white-space:nowrap;scroll-snap-type:x proximity}.tf90-tabs a{scroll-snap-align:start}.tf-commerce header{display:block}.tf-product-grid{grid-template-columns:1fr}.tf-cart article{grid-template-columns:1fr auto}.tf-cart article form{grid-column:1/-1}.tf-app-content form.tf90-settings{grid-template-columns:1fr!important}.tf-app-content table.responsive,.tf-app-content .tf90-table-scroll table{display:block}.tf-app-content table.responsive thead,.tf-app-content .tf90-table-scroll thead{display:none}.tf-app-content table.responsive tbody,.tf-app-content table.responsive tr,.tf-app-content .tf90-table-scroll tbody,.tf-app-content .tf90-table-scroll tr{display:block}.tf-app-content table.responsive tr,.tf-app-content .tf90-table-scroll tr{background:#fff;border:1px solid var(--tf-line);border-radius:14px;margin:10px 0;padding:10px}.tf-app-content table.responsive td,.tf-app-content .tf90-table-scroll td{display:grid;grid-template-columns:minmax(90px,38%) 1fr;gap:10px;border:0!important;padding:7px 4px!important;overflow-wrap:anywhere}.tf-app-content table.responsive td:before,.tf-app-content .tf90-table-scroll td:before{content:attr(data-label);font-weight:800;color:var(--tf-muted);font-size:11px;text-transform:uppercase}.tf-app-content details summary{min-height:44px;padding:10px 0}.tf-app-content input:not([type=checkbox]):not([type=radio]),.tf-app-content select,.tf-app-content textarea{width:100%!important;min-width:0!important}.tf-app-content .tribal-btn,.tf-app-content button{white-space:normal}.tf90-class-strip,.tbr-class-list{display:grid!important;grid-template-columns:1fr!important}.tf90-row{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}.signature-pad,canvas{max-width:100%!important;touch-action:none}}
@media(max-width:420px){.tf-app-content{padding-inline:9px}.tf90-metrics,.tf90-metrics.four,.tf90-metrics.six{grid-template-columns:1fr!important}.tf-app-nav a{min-width:62px}.tf-app-content h1{font-size:24px!important}.tf-app-content h2{font-size:18px!important}}
/* Semantic mobile navigation overrides the legacy positional navigation. */
.tf-mobile-bottom,.tf-more-sheet,.tf-more-backdrop{display:none}
@media(max-width:800px){.tf-app-sidebar{display:none!important}.tf-app-mobile{display:inline-flex!important}.tf-mobile-title{font-size:15px}.tf-mobile-bottom{position:fixed;display:grid;z-index:150;inset:auto 0 0;height:64px;background:var(--tf-navy);grid-template-columns:repeat(5,minmax(0,1fr));padding:5px 4px calc(5px + env(safe-area-inset-bottom))}.tf-mobile-bottom a,.tf-mobile-bottom button{display:grid;place-items:center;border:0;background:transparent;color:#fff;text-decoration:none;font-size:10px;font-weight:750;min-width:0;min-height:50px;padding:4px}.tf-more-backdrop:not([hidden]){display:block;position:fixed;z-index:180;inset:0;background:rgba(15,29,49,.48)}.tf-more-sheet{display:block;position:fixed;z-index:190;left:0;right:0;bottom:0;max-height:82vh;overflow:auto;background:#fff;border-radius:22px 22px 0 0;padding:16px 16px calc(22px + env(safe-area-inset-bottom));transform:translateY(105%);transition:transform .2s}.tf-more-sheet[aria-hidden=false]{transform:translateY(0)}.tf-more-sheet header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.tf-more-sheet header strong{font-size:20px}.tf-more-sheet header button{background:#f2f4f7;color:var(--tf-ink)}.tf-more-sheet nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tf-more-sheet nav a{padding:14px;border:1px solid var(--tf-line);border-radius:12px;color:var(--tf-ink);text-decoration:none;font-weight:700}.tf-more-open{overflow:hidden}}