/* Tribal Studio reference-alignment layer. Visual only: no workflow or data changes. */
body.tribal-portal-mode{--tf-ref-navy:#06182b;--tf-ref-navy-2:#0b263f;--tf-ref-orange:#ff5b00;--tf-ref-canvas:#f6f6f3;--tf-ref-line:#e5e8eb;--tf-ref-green:#149455;background:#061526!important}
.tf-app{background:var(--tf-ref-canvas)!important}.tf-app-sidebar{width:204px!important;padding:18px 10px 13px!important}.tf-app-main{margin-left:204px!important;width:calc(100% - 204px)!important}.tf-app-brand{padding:0 8px 20px!important;font-size:15px!important}.tf-app-brandmark{width:31px!important;height:31px!important;border-radius:8px!important}.tf-app-nav a{min-height:36px!important;padding:8px 10px!important;border-radius:8px!important;font-size:12px!important}.tf-app-topbar{height:52px!important;padding:0 20px!important}.tf-app-content{max-width:1360px!important;padding:24px 28px 48px!important}.tf-app-content h1{font-size:30px!important}.tf-app-content h2{font-size:20px}.tf90-head,.tribal-page-header,.tf-client-page-head{margin-bottom:16px!important}
.tf-app-content .tf90-section,.tf-app-content .tribal-card,.tf-app-content .tf-client-card,.tf-app-content article.tf90-card,.tf-app-content .tf90-card{border-radius:10px!important;box-shadow:0 3px 14px rgba(8,26,44,.045)!important}.tf-app-content .tf90-section,.tf-app-content .tribal-card{padding:18px!important}.tf90-metrics{gap:10px!important}.tf90-metrics>div{min-height:86px!important;padding:15px!important;border-radius:9px!important;box-shadow:none!important}.tf90-metrics strong{font-size:25px!important}.tribal-btn,.tf-app-content button,.tf-app-content input[type=submit]{min-height:36px!important;padding:8px 14px!important;border-radius:7px!important;font-size:12px!important}.tf-app-content input:not([type=checkbox]):not([type=radio]),.tf-app-content select{min-height:38px!important;border-radius:7px!important}.tf-app-content thead th{top:52px;padding:9px 11px!important;font-size:10px!important}.tf-app-content tbody td{padding:10px 11px!important}
/* Client home: reference-like compact grid and navy feature cards. */
.tf-client-dashboard .tribal-member-top{align-items:center;margin-bottom:16px!important}.tf-client-dashboard .tribal-member-top h1{font-size:24px!important}.tf-client-dashboard-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.tf-client-dashboard-grid>.tf-client-card{min-height:132px!important;padding:16px!important;border:1px solid var(--tf-ref-line)!important;border-radius:9px!important;background:#fff!important;box-shadow:none!important}.tf-client-dashboard-grid>.tf-client-card h2{margin:4px 0!important;font-size:18px!important}.tf-client-dashboard-grid>.tf-client-card p{margin:4px 0;font-size:12px}.tf-client-dashboard-grid>.tf-client-card:nth-child(1),.tf-client-dashboard-grid>.tf-next-booking-card,.tf-client-dashboard-grid>.tf-dashboard-rewards{background:linear-gradient(145deg,var(--tf-ref-navy),#0c2944)!important;border-color:#102e4c!important;color:#fff!important}.tf-client-dashboard-grid>.tf-client-card:nth-child(1) h2,.tf-client-dashboard-grid>.tf-client-card:nth-child(1) p,.tf-client-dashboard-grid>.tf-client-card:nth-child(1) a,.tf-client-dashboard-grid>.tf-next-booking-card h2,.tf-client-dashboard-grid>.tf-next-booking-card p,.tf-client-dashboard-grid>.tf-next-booking-card a,.tf-client-dashboard-grid>.tf-dashboard-rewards h2,.tf-client-dashboard-grid>.tf-dashboard-rewards p,.tf-client-dashboard-grid>.tf-dashboard-rewards a{color:#fff!important}.tf-client-dashboard-grid>.tf-next-booking-card{grid-column:span 2;min-height:190px!important}.tf-client-dashboard-grid>.tf-client-card:nth-child(1){grid-column:span 2;min-height:190px!important}.tf-client-dashboard-grid>.tf-week-usage{grid-column:span 2}.tf-client-dashboard-grid>.tf-dashboard-rewards{grid-column:span 2}.tf-client-dashboard .tf-card-kicker{font-size:9px!important;font-weight:850!important;letter-spacing:.07em;text-transform:uppercase}.tf-next-booking-footer .tf-status-badge{background:#dff6e9!important;color:#08743d!important}
/* Staff home and profile density. */
.tf-dashboard-page .tf90-two,.tf-client-profile .tf90-two{gap:12px!important}.tf-dashboard-page .tf90-section,.tf-client-profile .tf90-section{box-shadow:none!important}.tf-dashboard-page .tf90-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important}.tf-client-profile .tf-profile-header{padding:18px 20px!important}.tf-client-profile .tf-profile-tabs{min-height:50px!important}.tf-client-profile .tf-profile-tabs a{padding:15px 12px!important;font-size:12px!important}.tf-client-profile .tf-profile-summary{gap:10px!important}.tf-client-profile .tf-profile-summary>div{min-height:92px!important;padding:14px!important;border-radius:9px!important}
/* Booking views: compact date/list rhythm matching the supplied screens. */
.tribal-calendar-wrap,.tf-my-bookings{max-width:none!important}.tribal-calendar-card,.tf-my-bookings .tribal-card{border-radius:10px!important;box-shadow:none!important}.tf-booking-tabs{gap:22px!important;border-bottom:1px solid var(--tf-ref-line)!important}.tf-booking-tabs a{padding:10px 2px!important;border-radius:0!important;background:transparent!important}.tf-booking-tabs a.active{border-bottom:2px solid var(--tf-ref-orange)!important;color:var(--tf-ref-orange)!important}.tf-booking-list{gap:9px!important}.tf-booking-list article{padding:14px!important;border:1px solid var(--tf-ref-line)!important;border-radius:9px!important;box-shadow:none!important}
@media(max-width:1080px){.tf-client-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tf-client-dashboard-grid>.tf-client-card{grid-column:auto!important}.tf-client-dashboard-grid>.tf-client-card:nth-child(1),.tf-client-dashboard-grid>.tf-next-booking-card,.tf-client-dashboard-grid>.tf-week-usage,.tf-client-dashboard-grid>.tf-dashboard-rewards{grid-column:span 1!important}.tf-dashboard-page .tf90-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){body.tribal-portal-mode{background:var(--tf-ref-canvas)!important}.tf-app-main{margin-left:0!important;width:100%!important}.tf-app-topbar{height:56px!important;padding:0 12px!important}.tf-app-content{padding:18px 14px 90px!important}.tf-app-content h1{font-size:28px!important}.tf-client-dashboard .tribal-member-top{align-items:flex-start!important}.tf-client-dashboard-grid{grid-template-columns:1fr!important;gap:12px!important}.tf-client-dashboard-grid>.tf-client-card,.tf-client-dashboard-grid>.tf-client-card:nth-child(1),.tf-client-dashboard-grid>.tf-next-booking-card,.tf-client-dashboard-grid>.tf-week-usage,.tf-client-dashboard-grid>.tf-dashboard-rewards{grid-column:1!important;min-height:0!important;padding:16px!important}.tf-client-dashboard-grid>.tf-client-card:nth-child(1),.tf-client-dashboard-grid>.tf-next-booking-card{min-height:176px!important}.tf-bottom-nav{height:66px!important;padding:5px 5px calc(5px + env(safe-area-inset-bottom))!important;border-top:1px solid #dfe3e7!important;box-shadow:0 -4px 18px rgba(5,24,43,.07)!important}.tf-bottom-nav a,.tf-bottom-nav button{font-size:9px!important}.tf-dashboard-page .tf90-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}.tf-app-staff .tf-dashboard-page{margin:-18px -14px -24px!important;padding:18px 14px 28px!important;background:linear-gradient(180deg,#07192c,#0b2239)!important;color:#fff!important}.tf-app-staff .tf-dashboard-page h1,.tf-app-staff .tf-dashboard-page h2,.tf-app-staff .tf-dashboard-page h3,.tf-app-staff .tf-dashboard-page p{color:#fff!important}.tf-app-staff .tf-dashboard-page .tf90-section,.tf-app-staff .tf-dashboard-page .tf90-metrics>div{border-color:#183a58!important;background:#0d2944!important;color:#fff!important}.tf-app-staff .tf-dashboard-page .tf90-metrics span{color:#b8c8d8!important}}
@media(max-width:420px){.tf-app-content{padding-left:12px!important;padding-right:12px!important}.tf-dashboard-page .tf90-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}.tf-client-dashboard .tribal-member-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}.tf-client-dashboard .tribal-member-actions .tribal-btn{justify-content:center!important}.tf-client-profile .tf-profile-tabs a{padding:13px 10px!important}}