body.tribal-portal-mode{--tfc-navy:#0f1d31;--tfc-orange:#ea580c;--tfc-bg:#f7f7f4;--tfc-line:#e1e6ea;--tfc-muted:#667085;max-width:100%;overflow-x:hidden;padding-bottom:calc(64px + env(safe-area-inset-bottom))}.tribal-portal-mode .tf-app,.tribal-portal-mode .tf-app-main,.tribal-portal-mode .tf-app-content{max-width:100%;min-width:0;overflow-x:clip}.tribal-portal-mode .tf-app-content{padding:14px 12px 28px}.tribal-portal-mode .tf-app-content *{box-sizing:border-box;min-width:0}.tribal-portal-mode .tf-app-content img{display:block;max-width:100%;height:auto;object-fit:cover}.tribal-portal-mode .tf-app-content :is(button,.tribal-btn,a[role=button],input,select){min-height:44px}.tribal-portal-mode .tf-app-content :is(input:not([type=checkbox]):not([type=radio]),select,textarea){width:100%;max-width:100%;font-size:16px}.tribal-portal-mode .tf-app-content :is(h1,h2,h3,p,strong,span,a){overflow-wrap:anywhere}
.tribal-portal-mode .tf-client-page-head,.tribal-portal-mode .tribal-member-top,.tribal-portal-mode .tf-client-alert{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:16px}.tribal-portal-mode .tf-client-page-head h1,.tribal-portal-mode .tribal-member-top h1{margin:0;font-size:clamp(25px,8vw,32px);line-height:1.12}.tribal-portal-mode .tribal-member-actions{display:grid;grid-template-columns:1fr;gap:8px;width:100%}.tribal-portal-mode .tribal-member-actions .tribal-btn{display:grid;width:100%;place-items:center;margin:0}
.tribal-portal-mode .tf-client-dashboard-grid,.tribal-portal-mode .tf-account-grid,.tribal-portal-mode :is(.tribal-grid,.booking-grid,.tf90-two,.tf90-three){display:grid;grid-template-columns:1fr;gap:12px}.tribal-portal-mode .tf-client-card,.tribal-portal-mode .tribal-card,.tribal-portal-mode .tf90-section{width:100%;margin:0;padding:16px;border:1px solid var(--tfc-line);border-radius:14px;background:#fff;box-shadow:0 4px 16px rgba(15,29,49,.045)}.tribal-portal-mode .tf-client-card h2{font-size:20px}.tribal-portal-mode .tf-client-card>a{display:inline-grid;place-items:center;min-height:44px;margin-top:10px;color:#b83e06}
.tribal-portal-mode .tf-booking-tabs,.tribal-portal-mode .tf-notification-tabs,.tribal-portal-mode :is(.tf90-tabs,.tf-tabs,.tf-profile-tabs){display:flex;gap:7px;width:100%;margin:14px 0;padding-bottom:3px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}.tribal-portal-mode .tf-booking-tabs::-webkit-scrollbar,.tribal-portal-mode .tf-notification-tabs::-webkit-scrollbar{display:none}.tribal-portal-mode .tf-booking-tabs a,.tribal-portal-mode .tf-notification-tabs a,.tribal-portal-mode :is(.tf90-tabs,.tf-tabs,.tf-profile-tabs)>a{display:grid;flex:0 0 auto;place-items:center;min-height:44px;padding:8px 13px;white-space:nowrap}
.tribal-portal-mode .tf-booking-list{display:grid;gap:10px}.tribal-portal-mode .tf-booking-card{display:grid;grid-template-columns:64px minmax(0,1fr);gap:11px;width:100%;padding:13px;border:1px solid var(--tfc-line);border-radius:13px;background:#fff}.tribal-portal-mode .tf-booking-date{min-height:64px}.tribal-portal-mode .tf-booking-main h2{font-size:18px;line-height:1.25}.tribal-portal-mode .tf-booking-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr;gap:7px}.tribal-portal-mode .tf-booking-actions :is(.tribal-btn,button){width:100%}.tribal-portal-mode .tf-bookings-empty,.tribal-portal-mode .tf-empty-state{padding:22px 16px;border:1px dashed var(--tfc-line);border-radius:14px;background:#fff;text-align:center}
.tribal-portal-mode .tf-account-grid>.tribal-card{padding:16px}.tribal-portal-mode .tf-account-grid label{display:grid;gap:6px;margin:14px 0;font-size:15px}.tribal-portal-mode .tf-account-grid input{margin:0}.tribal-portal-mode .tf-account-grid label:has(input[type=checkbox]){grid-template-columns:24px 1fr;align-items:center}.tribal-portal-mode .tf-account-grid input[type=checkbox]{width:22px;height:22px}.tribal-portal-mode .tf-account-save{grid-column:1;display:grid}.tribal-portal-mode .tf-account-save .tribal-btn{width:100%}
.tribal-portal-mode .tf-app-content :is(.tf90-table-scroll,.tribal-table-wrap,.table-responsive){max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.tribal-portal-mode .tf-app-content table.responsive,.tribal-portal-mode .tf-app-content .tf90-table-scroll table{display:block;width:100%}.tribal-portal-mode .tf-app-content table.responsive thead,.tribal-portal-mode .tf-app-content .tf90-table-scroll thead{display:none}.tribal-portal-mode .tf-app-content table.responsive :is(tbody,tr),.tribal-portal-mode .tf-app-content .tf90-table-scroll :is(tbody,tr){display:block}.tribal-portal-mode .tf-app-content table.responsive tr,.tribal-portal-mode .tf-app-content .tf90-table-scroll tr{margin:9px 0;padding:9px;border:1px solid var(--tfc-line);border-radius:12px;background:#fff}.tribal-portal-mode .tf-app-content table.responsive td,.tribal-portal-mode .tf-app-content .tf90-table-scroll td{display:grid;grid-template-columns:minmax(88px,36%) minmax(0,1fr);gap:9px;padding:8px 4px;border:0}.tribal-portal-mode .tf-app-content table.responsive td:before,.tribal-portal-mode .tf-app-content .tf90-table-scroll td:before{content:attr(data-label);color:var(--tfc-muted);font-size:11px;font-weight:850;text-transform:uppercase}
.tribal-portal-mode .tf-mobile-bottom{height:64px;padding-bottom:calc(5px + env(safe-area-inset-bottom))}.tribal-portal-mode .tf-mobile-bottom :is(a,button){min-width:0;min-height:50px}.tribal-portal-mode .tf-more-sheet{max-height:82dvh}.tribal-portal-mode .tf-more-sheet nav a{display:flex;align-items:center;min-height:48px}.tribal-portal-mode.tf-more-open{overflow:hidden;touch-action:none}
@media(min-width:430px){.tribal-portal-mode .tf-app-content{padding-inline:16px}.tribal-portal-mode .tf-booking-card{grid-template-columns:74px minmax(0,1fr)}}
@media(min-width:768px){body.tribal-portal-mode{padding-bottom:0}.tribal-portal-mode .tf-app-content{padding:20px 22px 34px}.tribal-portal-mode .tf-client-page-head,.tribal-portal-mode .tribal-member-top,.tribal-portal-mode .tf-client-alert{display:flex;align-items:flex-start;justify-content:space-between}.tribal-portal-mode .tribal-member-actions{display:flex;width:auto}.tribal-portal-mode .tribal-member-actions .tribal-btn{width:auto}.tribal-portal-mode .tf-client-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.tribal-portal-mode .tf-booking-card{grid-template-columns:86px minmax(0,1fr) auto;padding:17px}.tribal-portal-mode .tf-booking-actions{grid-column:auto;display:flex}.tribal-portal-mode .tf-account-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tribal-portal-mode .tf-account-save{grid-column:1/-1;display:flex;justify-content:flex-end}.tribal-portal-mode .tf-account-save .tribal-btn{width:auto}.tribal-portal-mode .tf-app-content table.responsive,.tribal-portal-mode .tf-app-content .tf90-table-scroll table{display:table}.tribal-portal-mode .tf-app-content table.responsive thead,.tribal-portal-mode .tf-app-content .tf90-table-scroll thead{display:table-header-group}.tribal-portal-mode .tf-app-content table.responsive tbody,.tribal-portal-mode .tf-app-content .tf90-table-scroll tbody{display:table-row-group}.tribal-portal-mode .tf-app-content table.responsive tr,.tribal-portal-mode .tf-app-content .tf90-table-scroll tr{display:table-row}.tribal-portal-mode .tf-app-content table.responsive td,.tribal-portal-mode .tf-app-content .tf90-table-scroll td{display:table-cell}.tribal-portal-mode .tf-app-content table.responsive td:before,.tribal-portal-mode .tf-app-content .tf90-table-scroll td:before{content:none}}
@media(min-width:1024px){.tribal-portal-mode .tf-app-content{padding:24px 28px 40px}.tribal-portal-mode .tf-client-dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Client audit: no phantom mobile-nav space and consistent compact empty states. */
body.tribal-portal-mode{padding-bottom:0}.tribal-portal-mode .tf-bookings-empty,.tribal-portal-mode .tf-empty-state{display:grid;gap:6px;justify-items:center;min-height:0;padding:22px 16px}.tribal-portal-mode .tf-empty-state>strong{font-size:18px;line-height:1.3}.tribal-portal-mode .tf-empty-state>span{max-width:52ch;color:var(--tfc-muted);font-size:14px;line-height:1.5}

/* Release regression guard: preserve readable words and cancel legacy table minimums after card conversion. */
.tribal-portal-mode .tf-app-content :is(h1,h2,h3,p,strong,span,a){overflow-wrap:break-word;word-break:normal}
.tribal-portal-mode .tf-app-content .tf90-table-scroll table{min-width:0!important;max-width:100%!important}
@media(min-width:768px){.tribal-portal-mode .tf-app-content .tf90-table-scroll table{min-width:680px!important}}

/* Client portal release pass: shared phone shell without changing staff module presentation. */
@media(width < 768px){
  body.tf-client-portal{max-width:100%;overflow-x:hidden}
  .tf-client-portal :is(.tf-app,.tf-app-main,.tf-app-content){width:100%!important;max-width:100%!important;min-width:0!important}
  .tf-client-portal .tf-app-content{padding:14px 12px 28px!important}
  .tf-client-portal .tf-app-topbar{height:58px!important;grid-template-columns:52px minmax(0,1fr) 52px!important}
  .tf-client-portal .tf-app-topbar :is(.tf-app-mobile,.tf-notification-bell){min-width:44px!important;min-height:44px!important}
  .tf-client-portal .tf-mobile-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .tf-client-portal .tf-more-sheet{width:100%!important;max-width:430px!important;max-height:82dvh!important;margin-inline:auto!important;overflow-y:auto!important}
  .tf-client-portal .tf-more-sheet nav a{min-width:0!important;min-height:48px!important;color:var(--tfc-navy)!important;background:#fff!important;white-space:normal;overflow-wrap:break-word;word-break:normal}
  .tf-client-portal .tf-more-sheet nav a[aria-current=page]{background:#fff1e8!important;color:#8f350d!important}
  .tf-client-portal .tf-more-account :is(a,strong){min-width:0;overflow-wrap:break-word;word-break:normal}
  .tf-client-portal .tf-app-content :is(.tf-client-card,.tribal-card,.tf-card,.tf-next,.tf90-section){width:100%!important;max-width:100%!important;padding:16px!important;border-radius:14px!important}
  .tf-client-portal .tf-app-content :is(.tf-booking-tabs,.tf-notification-tabs,.tf-profile-tabs,.tf90-tabs,.tf-tabs,.tf-rewards>nav,.tf-meals>nav){display:flex!important;max-width:100%;overflow-x:auto!important;overscroll-behavior-inline:contain;white-space:nowrap!important;flex-wrap:nowrap!important}
  .tf-client-portal .tf-app-content :is(.tf-booking-tabs,.tf-notification-tabs,.tf-profile-tabs,.tf90-tabs,.tf-tabs,.tf-rewards>nav,.tf-meals>nav)>a{flex:0 0 auto!important;min-height:44px;white-space:nowrap!important}
  .tf-client-portal .tf-app-content :is(.tf-status,.tf90-badge,.tf-badge,[class*=status-]){max-width:100%;flex:0 0 auto;overflow-wrap:break-word;word-break:normal}
  .tf-client-portal .tf-app-content :is(button,.tribal-btn,.tf-btn,input[type=submit],input[type=button],a[role=button]){min-height:44px!important;overflow-wrap:break-word;word-break:normal}
  .tf-client-portal .tf-app-content :is(.tf-empty,.tf-empty-state,.tf90-empty){min-height:0!important;padding:22px 16px!important;border-radius:14px!important}
}

/* Keep available trailing/leading month dates as prominent as in-month availability. */
.tf-client-portal .tribal-day.outside.available{opacity:1}

/* 2.1.77: mobile-first client UI hardening across every client module. */
.tf-client-portal .tf-app-content{container-type:inline-size}
.tf-client-portal .tf-app-content :is(section,article,form,fieldset,nav,header,footer,div){min-width:0}
.tf-client-portal .tf-app-content :is(h1,h2,h3,h4){max-width:100%;text-wrap:balance}
.tf-client-portal .tf-app-content p{max-width:70ch;text-wrap:pretty}
.tf-client-portal .tf-app-content :is(.tribal-btn,.tf-btn,button,a[role=button]){line-height:1.2;text-align:center}
.tf-client-portal .tf-app-content :is(.tf-booking-tabs,.tf-notification-tabs,.tf-profile-tabs,.tf90-tabs,.tf-tabs,.tf-rewards>nav,.tf-meals>nav){scroll-snap-type:inline proximity;scroll-padding-inline:4px}
.tf-client-portal .tf-app-content :is(.tf-booking-tabs,.tf-notification-tabs,.tf-profile-tabs,.tf90-tabs,.tf-tabs,.tf-rewards>nav,.tf-meals>nav)>a{scroll-snap-align:start}
.tf-client-portal .tf-app-content :is(.tf-booking-tabs,.tf-notification-tabs,.tf-profile-tabs,.tf90-tabs,.tf-tabs,.tf-rewards>nav,.tf-meals>nav)>a[aria-current=page],.tf-client-portal .tf-app-content :is(.tf-booking-tabs,.tf-notification-tabs,.tf-profile-tabs,.tf90-tabs,.tf-tabs,.tf-rewards>nav,.tf-meals>nav)>a.active{font-weight:800}

@media(width < 768px){
  .tf-client-portal .tf-app-content{padding:18px 15px 32px!important}
  .tf-client-portal .tf-app-content>:first-child{margin-top:0!important}
  .tf-client-portal .tf-app-content :is(h1,.tf-page-title){font-size:clamp(28px,9vw,36px)!important;line-height:1.08!important}
  .tf-client-portal .tf-app-content h2{font-size:clamp(21px,6.5vw,27px);line-height:1.15}
  .tf-client-portal .tf-app-content h3{font-size:18px;line-height:1.25}
  .tf-client-portal .tf-app-content :is(p,li,dd,dt,label){line-height:1.55}
  .tf-client-portal .tf-app-content :is(.tf-client-page-head,.tribal-member-top,.tf-client-alert,.tf-section-head){gap:12px!important;margin-bottom:18px!important}
  .tf-client-portal .tf-app-content :is(.tf-client-card,.tribal-card,.tf-card,.tf-next,.tf90-section,.tf-booking-card,.tf-membership-card,.tf-product-card){overflow:hidden}
  .tf-client-portal .tf-app-content :is(.tf-actions,.tf-card-actions,.tf-booking-actions,.tribal-member-actions,.tf-section-actions){display:grid!important;grid-template-columns:1fr!important;gap:9px!important;width:100%!important}
  .tf-client-portal .tf-app-content :is(.tf-actions,.tf-card-actions,.tf-booking-actions,.tribal-member-actions,.tf-section-actions)>:is(a,button,.tribal-btn,.tf-btn){width:100%!important;margin:0!important}
  .tf-client-portal .tf-app-content :is(.tf-booking-tabs,.tf-notification-tabs,.tf-profile-tabs,.tf90-tabs,.tf-tabs,.tf-rewards>nav,.tf-meals>nav){margin-inline:-3px!important;padding:3px 3px 7px!important;scrollbar-width:thin}
  .tf-client-portal .tf-app-content :is(.tf-booking-tabs,.tf-notification-tabs,.tf-profile-tabs,.tf90-tabs,.tf-tabs,.tf-rewards>nav,.tf-meals>nav)>a{padding-inline:15px!important}
  .tf-client-portal .tf-app-content :is(.tf-recipe-grid,.tf-v162-grid,.tf-membership-grid,.tf-product-grid,.tf-client-dashboard-grid,.tribal-grid,.booking-grid){grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
  .tf-client-portal .tf-app-content :is(.tf-recipe-card,.tf-v162-card) img{width:100%!important;aspect-ratio:16/10;object-fit:cover}
  .tf-client-portal .tf-app-content :is(.tf-empty,.tf-empty-state,.tf90-empty,.tf-meal-locked){width:100%;max-width:100%;margin-inline:0!important;text-align:center}
  .tf-client-portal .tf-app-content details>summary{min-height:44px;display:flex;align-items:center;cursor:pointer}
}

@media(width < 390px){
  .tf-client-portal .tf-app-content{padding-inline:12px!important}
  .tf-client-portal .tf-app-topbar{grid-template-columns:48px minmax(0,1fr) 48px!important}
  .tf-client-portal .tf-mobile-title{font-size:17px!important}
}