/* V3.1.0.0 — EX/UI: hierarchy, calm surfaces and clear touch targets. */
:root{--client-ink:#102f28;--client-green:#155542;--client-soft:#edf5f0;--client-gold:#c58b2c;--client-line:#d8e3dc}
.client-shell{background:radial-gradient(circle at 92% 2%,#dceee4 0,transparent 32%),#f8f7f2}.client-main{max-width:1120px}.client-head{height:72px;border-top:0;border-bottom:1px solid var(--client-line);background:#fffffff0}.client-head>div{align-items:center}.client-head>div button{position:relative;display:inline-flex;width:auto;min-width:42px;height:42px;align-items:center;justify-content:center;gap:7px;padding:8px 10px;color:var(--client-green)}.client-head>div button:hover{background:var(--client-soft)}.client-head .client-chat-action svg{width:23px;height:23px;flex:none}.client-head .client-chat-action>span:not([data-portal-chat-badge]){font-size:14px;font-weight:700;text-decoration:none}.client-head [data-portal-chat-badge].bc-badge{position:absolute;top:1px;right:1px;min-width:18px;padding:1px 5px}
.client-hero,.client-section,.client-feature,.client-profile,.client-barbershop,.bc-portal,.client-preferences{border:1px solid var(--client-line);border-radius:20px;background:#fff;box-shadow:0 10px 34px #143e2f0b}.client-hero{padding:clamp(24px,5vw,46px);background:linear-gradient(135deg,#fff 35%,#eaf4ee)}.client-hero h1,.client-title h1{font-size:clamp(30px,5vw,48px);letter-spacing:-.045em}.client-section,.client-feature,.client-profile,.client-barbershop,.client-preferences{padding:clamp(18px,3vw,30px)}.client-glance{gap:14px}.client-glance>button{border:1px solid var(--client-line);border-radius:18px;background:#fff;box-shadow:0 7px 22px #143e2f0a}.client-glance>button:hover{background:var(--client-soft)}.client-service,.client-appointment,.client-plan-grid>article{border-color:var(--client-line);border-radius:18px}.client-primary{border-radius:12px!important}.client-link{margin-top:10px}.client-nav{height:72px;padding:6px;background:#123f34}.client-nav button{min-height:58px;border-radius:12px}.client-nav button.active{background:#ffffff18}.client-nav button i{height:26px}
.pwa-install{padding:7px!important;min-width:38px!important;width:38px!important;height:38px!important;opacity:.72}.pwa-install svg{width:20px!important;height:20px!important;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pwa-install:hover{opacity:1}.pwa-control{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;margin:14px 0;padding:18px;border:1px solid var(--client-line);border-radius:16px;background:var(--client-soft)}.pwa-control>div{display:flex;gap:12px;align-items:flex-start}.pwa-control strong{display:block}.pwa-control p{margin:4px 0 0;color:#5b6f66;font-size:13px}.pwa-control>[data-pwa-status]{grid-column:1;margin:0;color:#365f50;font-size:13px;font-weight:700}.pwa-control button{grid-column:2;grid-row:1/3;min-width:110px;background:#fff}.pwa-setting-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#fff;color:var(--client-green);font-size:26px}.pwa-help,.client-preferences>p{color:#62736b;font-size:13px}
@media(max-width:700px){.client-head{padding:0 12px}.client-brand strong{max-width:38vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-head .client-chat-action>span:not([data-portal-chat-badge]){display:none}.client-main{padding-top:18px}.pwa-control{grid-template-columns:1fr}.pwa-control button{grid-column:1;grid-row:auto;width:100%}.client-nav{border-radius:18px 18px 0 0;width:100%;bottom:0}.client-nav span{font-size:10px}}