/* Unified site tabs — based on the stationary Calendar team tabs */
:is(.provider-tabs,.forms-tabs,.clinical-form-tabs,.client-profile-tabs,.business-settings-tabs,.service-editor-tabs,.staff-section-tabs,.membership-tabs,.client-mode-tabs,.sales-tabs){
  display:flex!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:0 0 22px!important;padding:0 6px!important;border:0!important;border-bottom:1px solid rgba(105,61,84,.18)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin;scroll-snap-type:x proximity
}
:is(.provider-tabs,.forms-tabs,.clinical-form-tabs,.client-profile-tabs,.business-settings-tabs,.service-editor-tabs,.staff-section-tabs,.membership-tabs,.client-mode-tabs,.sales-tabs)>:is(a,button){
  appearance:none!important;position:relative!important;flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:0!important;min-height:45px!important;box-sizing:border-box!important;margin:0!important;padding:11px 18px 9px!important;border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#765d6b!important;text-align:center!important;text-decoration:none!important;font-family:inherit!important;font-size:.78rem!important;font-weight:750!important;line-height:1.2!important;white-space:nowrap!important;cursor:pointer!important;scroll-snap-align:start;transition:background .16s ease,color .16s ease,border-color .16s ease!important
}
:is(.provider-tabs,.forms-tabs,.clinical-form-tabs,.client-profile-tabs,.business-settings-tabs,.service-editor-tabs,.staff-section-tabs,.membership-tabs,.client-mode-tabs,.sales-tabs)>:is(a,button):hover{background:#fff8fb!important;color:#aa3f70!important}
:is(.provider-tabs,.forms-tabs,.clinical-form-tabs,.client-profile-tabs,.business-settings-tabs,.service-editor-tabs,.staff-section-tabs,.membership-tabs,.client-mode-tabs,.sales-tabs)>:is(a,button):focus-visible{outline:2px solid #c3477e!important;outline-offset:-3px!important;background:#fff8fb!important}
:is(.provider-tabs,.forms-tabs,.clinical-form-tabs,.client-profile-tabs,.business-settings-tabs,.service-editor-tabs,.staff-section-tabs,.membership-tabs,.client-mode-tabs,.sales-tabs)>:is(a,button).active,
:is(.provider-tabs,.forms-tabs,.clinical-form-tabs,.client-profile-tabs,.business-settings-tabs,.service-editor-tabs,.staff-section-tabs,.membership-tabs,.client-mode-tabs,.sales-tabs)>:is(a,button)[aria-selected="true"]{background:transparent!important;color:#b33f75!important;border-bottom-color:#c3477e!important;box-shadow:none!important}
.forms-tabs>button.active:after{display:none!important}

/* Keep badges useful without changing the common tab shape. */
.forms-tabs button>span,.clinical-form-tabs small,.client-profile-tabs button>span,.membership-tabs b{display:inline-grid!important;place-items:center!important;min-width:20px!important;height:20px!important;box-sizing:border-box!important;margin:0 0 0 2px!important;padding:0 6px!important;border:0!important;border-radius:99px!important;background:#f1e3e9!important;color:#9b466c!important;font-size:.64rem!important;font-weight:850!important}
:is(.forms-tabs,.clinical-form-tabs,.client-profile-tabs,.membership-tabs)>:is(a,button).active :is(span,small,b){background:#f5dce7!important;color:#a53467!important}

/* Business Settings keeps its requested compact two-line wording. */
.business-settings-tabs>button{display:grid!important;align-content:center!important;justify-items:center!important;flex-basis:96px!important;min-height:52px!important;padding:7px 12px 6px!important;line-height:1.05!important}
.business-settings-tabs>button>span{color:#81737a!important;font-size:9px!important;font-weight:600!important}
.business-settings-tabs>button>b{margin-top:2px!important;font-size:11px!important;font-weight:850!important}
.business-settings-tabs>button>small{color:#bf8a00!important}
.business-settings-tabs>button.active>span{color:#a4476e!important}

/* POS icons remain recognizable but use the same flat tab treatment. */
.sales-tabs button>span{display:grid!important;place-items:center!important;width:24px!important;height:24px!important;border:0!important;border-radius:7px!important;background:#f4e7ed!important;color:#b14675!important}
.sales-tabs button.active>span{background:#f5dce7!important;color:#a53467!important}

@media(max-width:720px){
  :is(.provider-tabs,.forms-tabs,.clinical-form-tabs,.client-profile-tabs,.business-settings-tabs,.service-editor-tabs,.staff-section-tabs,.membership-tabs,.client-mode-tabs,.sales-tabs)>:is(a,button){min-height:42px!important;padding:10px 14px 8px!important;font-size:.73rem!important}
  .business-settings-tabs>button{flex-basis:84px!important;min-height:48px!important;padding:6px 9px 5px!important}
  .staff-section-tabs>a,.sales-tabs>button{flex:0 0 auto!important}
}
@media print{:is(.provider-tabs,.forms-tabs,.clinical-form-tabs,.client-profile-tabs,.business-settings-tabs,.service-editor-tabs,.staff-section-tabs,.membership-tabs,.client-mode-tabs,.sales-tabs){display:none!important}}