/* Tribal Studio web-app redesign — shell and shared primitives only. */
body.tribal-portal-mode{--tf-navy-950:#061526;--tf-navy-900:#0b1d32;--tf-navy-800:#102842;--tf-orange:#f35b0a;--tf-orange-dark:#d94801;--tf-canvas:#f5f6f2;--tf-card:#fff;--tf-border:#e4e7eb;--tf-muted:#667085;--tf-success:#14804a;--tf-danger:#c9362b;--tf-radius:14px;--tf-shadow:0 8px 28px rgba(7,24,42,.055);background:var(--tf-canvas)!important;color:#132238}
.tf-app{background:var(--tf-canvas)}.tf-app-sidebar{width:232px!important;padding:20px 12px 14px!important;background:linear-gradient(165deg,var(--tf-navy-950),#071b2f 62%,#0b2037)!important;box-shadow:8px 0 28px rgba(2,13,26,.09)}.tf-app-main{margin-left:232px!important;width:calc(100% - 232px)!important}.tf-app-brand{gap:11px!important;padding:0 8px 24px!important;font-size:17px!important;letter-spacing:.08em;text-transform:uppercase}.tf-app-brandmark{width:34px!important;height:34px!important;border-radius:10px!important;background:linear-gradient(145deg,#ff7a18,var(--tf-orange))!important;color:#fff!important;box-shadow:0 8px 18px rgba(243,91,10,.24)}.tf-app-nav{gap:2px!important}.tf-app-nav a{min-height:39px!important;padding:9px 11px!important;border-radius:9px!important;font-size:12.5px!important;color:#c7d0dc!important}.tf-app-nav a:hover{background:rgba(255,255,255,.07)!important}.tf-app-nav a.is-current{background:linear-gradient(90deg,var(--tf-orange),#ff6b0a)!important;color:#fff!important;box-shadow:0 6px 14px rgba(243,91,10,.2)}.tf-app-nav a.is-current .tf-nav-icon{color:#fff!important}.tf-nav-group{margin:17px 11px 6px!important;color:#71829a!important}.tf-app-account{border-color:rgba(255,255,255,.13)!important;padding:15px 8px 4px!important}.tf-app-account a{color:#f3a477!important;text-decoration:none}.tf-app-topbar{height:56px!important;padding:0 24px!important;border-color:#e7e9ec!important;background:rgba(255,255,255,.9)!important}.tf-app-content{max-width:1440px!important;padding:30px 34px 52px!important}
.tf-app-content h1{font-size:clamp(28px,3vw,38px)!important;line-height:1.12!important;letter-spacing:-.035em!important;color:#0d2036!important}.tf-app-content h2{letter-spacing:-.02em;color:#10243a}.tf-app-content h3{color:#132a43}.tf-app-content p{line-height:1.55}.tf90-head,.tribal-page-header,.tf-client-page-head{margin-bottom:22px!important}.tf90-head p,.tribal-page-header p,.tf-client-page-head p,.tribal-muted{color:var(--tf-muted)!important}
.tf-app-content .tf90-section,.tf-app-content .tribal-card,.tf-app-content .tf-rewards-panel,.tf-app-content article.tf90-card,.tf-app-content .tf90-card{border:1px solid var(--tf-border)!important;border-radius:var(--tf-radius)!important;background:var(--tf-card)!important;box-shadow:var(--tf-shadow)!important}.tf-app-content .tf90-section,.tf-app-content .tribal-card{padding:22px!important}.tf-app-content .tf90-section+ .tf90-section{margin-top:18px!important}.tf-app-content .tf90-section:has(.tf90-empty),.tf-app-content .tribal-card:has(.tf90-empty){min-height:0!important}.tf90-empty,.tf-empty-state{min-height:72px!important;padding:18px!important;border:1px dashed #d6dbe1!important;border-radius:12px!important;background:#fafbfa!important;color:var(--tf-muted)!important}
.tribal-btn,.tf-app-content button,.tf-app-content input[type=submit]{min-height:40px;border-radius:9px!important;font-weight:750!important;box-shadow:none!important;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.tribal-btn:not(.secondary):not(.danger),.tf-app-content button:not(.secondary):not(.danger):not(.tf-activity-tabs button){border-color:var(--tf-orange)!important;background:var(--tf-orange)!important;color:#fff!important}.tribal-btn:not(.secondary):hover,.tf-app-content button:not(.secondary):not(.danger):hover{background:var(--tf-orange-dark)!important;transform:translateY(-1px);box-shadow:0 7px 15px rgba(243,91,10,.17)!important}.tribal-btn.secondary,.tf-app-content button.secondary{border:1px solid #d9dde3!important;background:#fff!important;color:#172b43!important}.tribal-btn.danger,.tf-app-content button.danger{border-color:#efc3c0!important;background:#fff5f4!important;color:var(--tf-danger)!important}.tribal-btn:focus-visible,.tf-app-content button:focus-visible,.tf-app-content a:focus-visible,.tf-app-content input:focus-visible,.tf-app-content select:focus-visible,.tf-app-content textarea:focus-visible{outline:3px solid rgba(243,91,10,.28)!important;outline-offset:2px!important}
.tf-app-content input:not([type=checkbox]):not([type=radio]),.tf-app-content select,.tf-app-content textarea{box-sizing:border-box;min-height:42px;border:1px solid #d7dce2!important;border-radius:9px!important;background:#fff!important;color:#172b43!important}.tf-app-content textarea{min-height:112px;padding:11px 12px}.tf-app-content label{color:#24364b;font-weight:700}.tf-app-content label small{color:var(--tf-muted);font-weight:500}
.tf-app-content table{width:100%;border-collapse:separate!important;border-spacing:0!important;background:#fff}.tf-app-content thead th{position:sticky;top:56px;z-index:2;padding:11px 13px!important;border-bottom:1px solid #dfe3e7!important;background:#f6f8f9!important;color:#667085!important;font-size:11px!important;font-weight:850!important;letter-spacing:.045em;text-transform:uppercase}.tf-app-content tbody td{padding:13px!important;border-bottom:1px solid #eceef1!important;vertical-align:middle}.tf-app-content tbody tr:last-child td{border-bottom:0!important}.tf-app-content tbody tr:hover{background:#fbfcfc}.tf90-table-wrap{border:1px solid var(--tf-border)!important;border-radius:12px!important;overflow:auto!important;background:#fff!important}
.tf-status,.tf90-status,.tribal-status,.tf-chip,[class*="status-"]{display:inline-flex;align-items:center;gap:5px;min-height:25px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:800}.is-active,.is-booked,.status-active,.status-booked,.status-completed{color:#0d7041!important;background:#e7f7ef!important}.status-pending,.status-attention{color:#a1430d!important;background:#fff0e5!important}.status-cancelled,.status-failed,.status-expired{color:#a52b25!important;background:#fff0ef!important}.status-paused,.status-archived,.status-full{color:#596579!important;background:#eef1f4!important}
.tf90-tabs,.tribal-tabs{display:flex;gap:4px;padding:4px!important;border:1px solid #e3e6ea!important;border-radius:11px!important;background:#fff!important;overflow-x:auto;scrollbar-width:none}.tf90-tabs a,.tribal-tabs a{flex:0 0 auto;min-height:38px;padding:9px 14px!important;border:0!important;border-radius:8px!important;text-decoration:none!important;font-size:12px!important;font-weight:750!important;color:#596579!important}.tf90-tabs a.active,.tf90-tabs a[aria-current=page],.tribal-tabs a.active{background:var(--tf-navy-800)!important;color:#fff!important}
.tf90-grid,.tribal-grid,.tf-dashboard-grid{gap:16px!important}.tf90-stat,.tribal-stat{padding:18px!important;border:1px solid var(--tf-border)!important;border-radius:12px!important;background:#fff!important;box-shadow:0 5px 18px rgba(7,24,42,.035)!important}.tf90-stat small,.tribal-stat small{color:var(--tf-muted)!important;font-size:10px!important;font-weight:850!important;letter-spacing:.06em;text-transform:uppercase}.tf90-stat strong,.tribal-stat strong{color:#10243a!important;font-size:28px!important;letter-spacing:-.03em}
.tf-bottom-nav{display:none}.tf-more-sheet{border-left:1px solid #20364e;background:var(--tf-navy-950)!important;color:#fff}.tf-more-sheet a{color:#dbe3ec!important}.tf-more-sheet header,.tf-more-sheet footer{border-color:rgba(255,255,255,.12)!important}
@media(max-width:1024px){.tf-app-content{padding:25px 24px 48px!important}.tf-app-sidebar{width:210px!important}.tf-app-main{margin-left:210px!important;width:calc(100% - 210px)!important}.tf-app-content .tf90-grid,.tf-app-content .tribal-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:800px){body.tribal-portal-mode{padding-bottom:calc(70px + env(safe-area-inset-bottom))!important}.tf-app-sidebar{display:none!important}.tf-app-main{margin-left:0!important;width:100%!important}.tf-app-topbar{height:58px!important;padding:0 14px!important}.tf-app-mobile{width:40px;height:40px;padding:0!important;overflow:hidden;text-indent:-9999px;position:relative}.tf-app-mobile:after{content:'☰';position:absolute;inset:0;display:grid;place-items:center;text-indent:0;font-size:19px}.tf-mobile-title{font-size:15px}.tf-app-content{padding:20px 16px 28px!important}.tf-app-content h1{font-size:28px!important}.tf-app-content h2{font-size:21px!important}.tf-app-content .tf90-section,.tf-app-content .tribal-card{padding:17px!important;border-radius:13px!important}.tf-app-content .tf90-grid,.tf-app-content .tribal-grid,.tf-app-content [class*="grid"]{grid-template-columns:1fr!important}.tf-bottom-nav{position:fixed;inset:auto 0 0;z-index:110;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(64px + env(safe-area-inset-bottom));padding:5px 4px env(safe-area-inset-bottom);border-top:1px solid #e2e5e8;background:rgba(255,255,255,.97);box-shadow:0 -8px 24px rgba(7,24,42,.07);backdrop-filter:blur(12px)}.tf-app-staff~.tf-bottom-nav{background:rgba(7,21,38,.98);border-color:#20354c}.tf-bottom-nav a,.tf-bottom-nav button{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0!important;min-height:54px!important;padding:3px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#667085!important;text-decoration:none;font-size:10px!important;font-weight:700!important;box-shadow:none!important;transform:none!important}.tf-app-staff~.tf-bottom-nav a,.tf-app-staff~.tf-bottom-nav button{color:#b5c1cf!important}.tf-bottom-nav a.is-current{color:var(--tf-orange)!important}.tf-bottom-icon{display:grid;place-items:center;width:22px;height:22px}.tf-bottom-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tf-more-sheet{inset:58px 0 calc(64px + env(safe-area-inset-bottom)) auto!important;width:min(88vw,360px)!important}.tf-more-backdrop{inset:58px 0 calc(64px + env(safe-area-inset-bottom))!important}.tf-app-content table,.tf-app-content thead,.tf-app-content tbody,.tf-app-content tr,.tf-app-content th,.tf-app-content td{display:block}.tf-app-content thead{display:none}.tf-app-content tbody{display:grid;gap:10px}.tf-app-content tbody tr{padding:13px;border:1px solid var(--tf-border);border-radius:11px;background:#fff}.tf-app-content tbody td{display:grid!important;grid-template-columns:minmax(105px,.7fr) minmax(0,1fr);gap:10px;padding:7px 0!important;border:0!important}.tf-app-content tbody td:before{content:attr(data-label);color:#778295;font-size:10px;font-weight:850;text-transform:uppercase}.tf90-table-wrap{border:0!important;overflow:visible!important;background:transparent!important}}
@media(max-width:430px){.tf-app-content{padding:17px 12px 24px!important}.tf-app-content h1{font-size:26px!important}.tf-app-content .tf90-section,.tf-app-content .tribal-card,.tf-app-content .tf-rewards-panel{padding:15px!important}.tribal-btn,.tf-app-content button,.tf-app-content input[type=submit]{min-height:44px}.tf-app-content .tf90-tabs a,.tf-app-content .tribal-tabs a{padding-inline:12px!important}.tf90-stat strong,.tribal-stat strong{font-size:25px!important}}
@media(min-width:1200px){.tf-app-content .tf90-page{max-width:1280px!important}.tf-app-content .tf90-section:has(>form:only-child){max-width:980px}.tf-app-content .tf90-grid[data-columns="4"],.tf-app-content .tribal-grid[data-columns="4"]{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:800px){body:has(.tf-app-staff) .tf-bottom-nav{background:rgba(7,21,38,.98);border-color:#20354c}body:has(.tf-app-staff) .tf-bottom-nav a,body:has(.tf-app-staff) .tf-bottom-nav button{color:#b5c1cf!important}}
