/* gateway.css */
:root{--navy:#07194e;--green:#008454;--green-dark:#006945;--ink:#0a1b4c;--muted:#59709c;--line:#dfe5ee;--pale:#f5f9fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--navy)}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--navy)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.landing-header{height:64px;display:flex;align-items:center;padding:0 clamp(28px,3.1vw,50px);gap:48px;border-bottom:1px solid #e5e8ec;background:#fff;position:relative;z-index:5}.landing-logo{font-size:29px;line-height:.72;font-weight:950;letter-spacing:-2px;color:#102c72;white-space:nowrap}.landing-logo small{display:block;margin-top:8px;font-size:7px;letter-spacing:1.3px;font-weight:800}.landing-header nav{display:flex;gap:30px;margin-left:40px;font-size:13px;font-weight:700}.landing-header nav a:first-child{color:#001b57}.landing-tools{margin-left:auto;display:flex;align-items:center;gap:18px}.location-select{display:flex;align-items:center;gap:8px;min-width:235px;height:36px;padding:0 13px;border:1px solid #d6ddeb;border-radius:22px;font-size:12px;color:#16295b}.location-select select{appearance:none;border:0;background:transparent;outline:0;min-width:0;flex:1;color:#16295b}.search-button{border:0;background:none;font-size:25px;color:#0d245e}.sign-in,.green-button{border:0;border-radius:7px;background:linear-gradient(135deg,#009a61,#007043);color:#fff;padding:10px 20px;font-size:13px;font-weight:800}.public-home{max-width:1440px;margin:0 auto}.experience-hero{height:420px;position:relative;background:var(--hero) center/cover;color:#fff;overflow:visible}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,8,18,.73),rgba(0,17,31,.26) 57%,rgba(0,0,0,.07))}.hero-copy{position:absolute;top:68px;left:clamp(38px,3.2vw,56px);max-width:505px}.hero-copy h1{font-size:50px;line-height:.94;letter-spacing:-3px;margin:0 0 5px}.hero-copy h2{font-size:27px;line-height:1.08;font-weight:500;letter-spacing:-1.3px;margin:0 0 12px}.hero-copy p{max-width:360px;margin:0;font-size:16px;line-height:1.45}.hero-state{position:absolute;top:32px;right:clamp(38px,3.2vw,56px);width:230px;padding:14px 16px;border-radius:10px;background:rgba(255,255,255,.94);color:#10285c;box-shadow:0 8px 23px #0002}.hero-state b{display:block;font-size:12px;color:#008a5a}.hero-state.is-soon b{color:#b37400}.hero-state span{display:block;margin-top:7px;font-size:13px;font-weight:700}.hero-state i{position:absolute;right:16px;bottom:14px;font-size:20px;font-style:normal}.hero-controls{position:absolute;left:clamp(38px,3.2vw,56px);right:clamp(38px,3.2vw,56px);bottom:14px;min-height:103px;background:rgba(4,32,35,.88);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:0 12px 10px;backdrop-filter:blur(7px)}.experience-tabs{height:56px;display:flex;align-items:stretch}.experience-tabs button{width:102px;border:0;border-right:1px solid rgba(255,255,255,.13);background:transparent;color:#fff;display:flex;gap:5px;align-items:center;justify-content:center;font-size:16px}.experience-tabs button span{font-size:12px}.experience-tabs .is-selected{background:linear-gradient(145deg,#00895a,#006442);border-radius:10px 10px 0 0;font-weight:800}.book-controls{display:grid;grid-template-columns:1.1fr .94fr .88fr 1.02fr;gap:7px}.book-controls label{height:48px;display:flex;align-items:center;gap:10px;border-radius:8px;background:#fff;color:#0e275e;padding:0 13px;font-size:20px}.book-controls select,.book-controls input{width:100%;border:0;background:transparent;color:#142a60;font-size:12px;outline:0}.availability-button{display:flex;align-items:center;justify-content:center;border-radius:8px;background:linear-gradient(135deg,#009b63,#007044);color:#fff;font-size:13px;font-weight:800}.availability-button.is-disabled{background:#60706f;color:#fff}.popular{position:absolute;bottom:0;left:14px;font-size:11px;margin:0;color:#fff}.slide-count{position:absolute;bottom:0;right:16px;font-size:15px;word-spacing:16px}.slide-count b{font-size:11px;word-spacing:0}.experience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:32px clamp(28px,3.1vw,50px) 28px}.experience-card{height:205px;border:1px solid #dce3ee;border-radius:8px;overflow:hidden;position:relative;background:#fff}.experience-card img{width:100%;height:122px;object-fit:cover;display:block}.experience-card>div{padding:9px 14px}.experience-card h3{font-size:18px;letter-spacing:-.8px;margin:0 0 3px}.experience-card p{font-size:12px;line-height:1.35;color:#536a9d;margin:0;max-width:180px}.experience-card i{position:absolute;right:14px;bottom:15px;width:28px;height:28px;border:1px solid #b9c7dc;border-radius:50%;display:grid;place-items:center;font-size:19px;font-style:normal}.discovery-row{display:grid;grid-template-columns:1.32fr 1fr;gap:36px;padding:0 clamp(28px,3.1vw,50px) 28px}.heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:10px}.heading h2{font-size:23px;letter-spacing:-1.3px;margin:0 0 3px}.heading p{font-size:12px;color:#59709c;margin:0}.heading>a{font-size:12px;font-weight:700;margin-top:8px}.facility-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.facility-card,.more-card{border:1px solid #dde5ef;border-radius:7px;min-height:252px;overflow:hidden;background:#fff}.facility-card>img{width:100%;height:138px;object-fit:cover}.facility-card>div{padding:9px 12px;position:relative}.facility-card h3{font-size:15px;margin:0 0 7px}.facility-card p{color:#4f6697;font-size:10px;margin:0 0 10px}.facility-card span{display:inline-block;border:1px solid #63c9a3;color:#008454;border-radius:14px;padding:4px 9px;font-size:10px}.facility-card a{position:absolute;right:12px;bottom:8px;border:1px solid #c2cce0;border-radius:50%;font-size:18px;width:28px;height:28px;text-align:center}.more-card{display:flex;flex-direction:column;justify-content:center;padding:20px;background:linear-gradient(135deg,#f8fbff,#edf5fc)}.more-card>b{font-size:26px}.more-card h3{font-size:16px;line-height:1.1;margin:18px 0 8px}.more-card p{font-size:11px;line-height:1.5;color:#60739b;margin:0}.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.location-card{border:1px solid #dde5ef;border-radius:7px;overflow:hidden;background:#fff}.location-card>img{height:105px;width:100%;display:block;object-fit:cover}.location-card>div{padding:9px 12px}.location-badge{display:inline-block;background:#eef2f7;color:#52637e;border-radius:12px;font-size:10px;padding:3px 7px;margin-top:-30px;position:relative}.location-badge.is-open{color:#fff;background:#008655}.location-badge.is-soon{color:#556074;background:#f1f2f5}.location-card h3{font-size:16px;line-height:1.12;letter-spacing:-.7px;margin:8px 0 6px}.location-card p,.location-card small{display:block;color:#506798;font-size:10px;line-height:1.35;margin:0 0 7px}.location-card a{display:inline-block;margin-top:4px;padding:8px 11px;border:1px solid #42ba8d;border-radius:6px;color:#008454;font-size:11px;font-weight:800}.featured-experience{margin:0 clamp(28px,3.1vw,50px) 28px;background:#effaf8;display:grid;grid-template-columns:1fr 1.12fr;border-radius:9px;overflow:hidden;min-height:151px}.featured-experience>img{width:100%;height:151px;object-fit:cover}.featured-experience>div{padding:19px 22px}.featured-experience h2{font-size:22px;color:#008454;margin:0 0 5px}.featured-experience p{font-size:14px;margin:0 0 3px}.featured-experience small{color:#536a9d;font-size:11px}.featured-experience>div>div{display:flex;gap:20px;margin-top:14px;align-items:center}.featured-experience span{border-radius:14px;background:#fff7df;color:#b06f00;padding:7px 10px;font-size:10px}.featured-experience a{border:1px solid #31aa80;border-radius:7px;padding:8px 12px;color:#008454;font-size:11px;font-weight:800}.trust-strip{margin:0 clamp(28px,3.1vw,50px);border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5;display:grid;grid-template-columns:repeat(4,1fr);padding:26px 0}.trust-strip>div{display:flex;gap:13px;align-items:center;padding:0 18px;border-right:1px solid #e1e7ef;color:#008454;font-size:32px}.trust-strip>div:last-child{border:0}.trust-strip span{display:flex;flex-direction:column;color:#0e255b}.trust-strip b{font-size:12px}.trust-strip small{font-size:10px;line-height:1.4;color:#526899}.landing-footer{padding:30px clamp(28px,3.1vw,50px);display:grid;grid-template-columns:1fr auto;gap:25px}.social{font-weight:800;font-size:19px}.landing-footer>div:last-child{grid-column:1/-1;border-top:1px solid #dfe5ed;padding-top:18px;display:flex;gap:17px;align-items:center;font-size:10px;color:#506797}.landing-footer small{margin-left:auto}.member-page{max-width:960px;margin:0 auto;padding:42px 25px;min-height:70vh}.member-page h1{font-size:32px}.member-page article,.facility-list-item{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #e1e6ec;padding:14px 0}.member-page article span,.facility-list-item span{color:#647499}.member-page button{padding:8px 12px}.auth-page{min-height:100vh;display:grid;grid-template-columns:42% 1fr}.auth-form{padding:45px max(6vw,50px);display:flex;flex-direction:column}.auth-copy{margin:auto 0 25px}.auth-copy p{font-size:10px;color:#008454;font-weight:800;letter-spacing:1px}.auth-copy h1{font-size:33px;margin:7px 0}.auth-copy span,#auth-note{font-size:13px;color:#637197}.auth-form form{max-width:350px}.auth-form label{font-size:12px;font-weight:700}.phone-field{height:46px;border:1px solid #d7dfea;border-radius:7px;display:flex;align-items:center;margin-top:7px}.phone-field b{padding:0 13px;border-right:1px solid #d7dfea}.phone-field input{border:0;outline:0;padding:0 12px;flex:1}.auth-form .green-button{width:100%;margin-top:12px}.otp-fields{display:flex;gap:8px}.otp-fields input{width:44px;height:48px;text-align:center;font-size:22px;border:1px solid #ccd7e6;border-radius:6px}.auth-visual{margin:15px 15px 15px 0;border-radius:9px;background:linear-gradient(90deg,#03201488,#03201411),url('/assets/gateway-cricket-hero.webp') center/cover}
@media(max-width:900px){.landing-header{gap:20px}.landing-header nav{margin-left:0;gap:16px}.location-select{min-width:180px}.discovery-row{grid-template-columns:1fr}.location-section{max-width:650px}.hero-copy h1{font-size:43px}}@media(max-width:680px){.landing-header{height:57px;padding:0 16px;gap:13px}.landing-logo{font-size:24px}.landing-header nav,.location-select,.search-button{display:none}.landing-tools{gap:0}.sign-in{padding:8px 14px;font-size:12px}.experience-hero{height:510px}.hero-copy{top:40px;left:20px;right:20px}.hero-copy h1{font-size:37px}.hero-copy h2{font-size:23px}.hero-state{top:180px;left:20px;right:auto}.hero-controls{left:14px;right:14px;bottom:12px;min-height:190px}.experience-tabs button{width:20%;font-size:14px;flex-direction:column;gap:1px}.experience-tabs button span{font-size:10px}.book-controls{grid-template-columns:1fr 1fr}.book-controls label{height:43px}.availability-button{height:43px}.popular{bottom:3px}.slide-count{display:none}.experience-grid{grid-template-columns:1fr 1fr;padding:18px 14px;gap:9px}.experience-card{height:190px}.experience-card img{height:105px}.experience-card h3{font-size:15px}.experience-card p{font-size:10px}.discovery-row{padding:0 14px 20px;gap:25px}.heading h2{font-size:20px}.facility-grid{grid-template-columns:1fr 1fr}.more-card{min-height:220px}.location-grid{grid-template-columns:1fr 1fr}.location-card h3{font-size:14px}.featured-experience{margin:0 14px 20px;grid-template-columns:1fr}.featured-experience>img{height:120px}.trust-strip{margin:0 14px;grid-template-columns:1fr 1fr;padding:0}.trust-strip>div{padding:15px 8px;border-bottom:1px solid #e1e7ef;font-size:24px}.trust-strip b{font-size:10px}.trust-strip small{font-size:9px}.landing-footer{padding:25px 20px}.landing-footer>div:last-child{flex-wrap:wrap;gap:12px}.landing-footer small{margin-left:0;width:100%}.auth-page{grid-template-columns:1fr;grid-template-rows:230px auto}.auth-visual{grid-row:1;margin:0;border-radius:0}.auth-form{grid-row:2;margin-top:-15px;border-radius:16px 16px 0 0;background:#fff;padding:28px 26px;z-index:1}.auth-copy{margin:24px 0}.member-page{padding:25px 16px}.member-page article,.facility-list-item{flex-direction:column;gap:5px}}
.book-flow.board{max-width:560px;min-height:100vh;margin:0 auto;padding:18px 18px 100px;background:#fff;color:#081b40}.board header{display:grid;grid-template-columns:32px 1fr auto;align-items:center;margin-bottom:18px}.board header button,.board header a{border:0;background:transparent;font-size:24px;color:#081b40;text-decoration:none}.board header>b{font-size:16px}.board header small{color:#087a52;font-weight:700}.book-stepper{display:grid;grid-template-columns:repeat(7,1fr);padding:0;margin:0 0 27px;list-style:none;position:relative}.book-stepper:before{content:"";position:absolute;top:12px;left:7%;right:7%;height:2px;background:#e1eee9}.book-stepper li{z-index:1;text-align:center;font-size:10px;color:#62708a}.book-stepper li b{display:block;width:25px;height:25px;line-height:25px;margin:0 auto 4px;border-radius:50%;background:#edf4f1;color:#087a52}.book-stepper li.active b,.book-stepper li.complete b{background:#087a52;color:#fff}.book-stepper li.active small{font-weight:800;color:#087a52}.board h1{font-size:29px;margin:10px 0 4px;letter-spacing:-1px}.board h1 em{font-size:18px;color:#087a52;font-style:normal}.board h2{font-size:19px;margin:24px 0 12px}.board .eyebrow{font-size:11px;color:#60708d;margin:0;font-weight:700}.intent-types,.scenario-grid,.format-list,.ground-list{display:grid;gap:10px}.intent-types button,.scenario,.format-list button,.time-grid button,.date-grid button{position:relative;border:1px solid #e0e8eb;border-radius:9px;background:#fff;color:#0a1734;text-align:left;padding:15px;cursor:pointer}.intent-types button.selected,.scenario.selected,.format-list button.selected,.time-grid button.selected,.date-grid button.selected,.ground-card.selected{border-color:#078157;background:#f1fbf6;box-shadow:inset 0 0 0 1px #078157}.intent-types b,.scenario b,.format-list b{display:block;font-size:15px}.intent-types small,.scenario small,.format-list small{display:block;color:#5f6d87;margin-top:4px}.intent-types i{position:static;color:#078157;font-style:normal}.intent-fields{margin-top:20px}.board label{display:block;font-size:13px;font-weight:700;margin:12px 0}.board label input,.board label select{box-sizing:border-box;display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #d8e2e7;border-radius:7px;font:inherit;background:#fff}.counter-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.board .check{font-weight:400;display:flex;gap:8px;align-items:flex-start}.board .check input{width:auto;margin:3px 0}.book-note{border-radius:8px;background:#eff8f4;color:#51637d;padding:13px 14px;font-size:12px;line-height:1.5}.book-note.success{color:#087a52;font-weight:700}.board .booking-summary{position:static;box-sizing:border-box;width:100%;margin:0 0 24px;padding:0;border:1px solid #e1e9ea;border-radius:9px;background:#fff;box-shadow:none}.board .booking-summary div{display:flex;gap:12px;padding:12px;border-bottom:1px solid #ecf0f1}.board .booking-summary div:last-child{border:0}.board .booking-summary b{font-size:18px;color:#087a52}.board .booking-summary strong,.board .booking-summary small{display:block}.board .booking-summary small{margin-top:2px;color:#65728b;font-size:12px}.board .date-grid{grid-template-columns:repeat(3,1fr);gap:9px}.board .date-grid button{min-height:78px;padding:12px;text-align:center}.board .date-grid b{display:block}.board .date-grid small{color:#68758e}.board .time-grid{grid-template-columns:1fr;gap:10px}.board .time-grid button{min-height:64px}.skip-time{width:100%;border:0;border-radius:8px;background:#f0f4f6;padding:13px;color:#12254a;font-weight:800;margin:12px 0}.skip-time small{display:block;color:#64718b;font-weight:400}.ground-card{display:grid;grid-template-columns:118px 1fr;gap:12px;border:1px solid #dce5e8;border-radius:9px;padding:8px;background:#fff}.ground-card>img{width:118px;height:128px;object-fit:cover;border-radius:6px}.ground-card h2{font-size:16px;margin:3px 0}.ground-card p{font-size:12px;margin:3px 0;color:#5e6d86}.ground-card strong{display:block;color:#087a52;margin:8px 0}.chips{display:flex;gap:5px;flex-wrap:wrap}.chips span{padding:4px 7px;background:#eef5f3;border-radius:5px;font-size:10px}.ground-times{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.ground-times button,.select-ground{border:1px solid #078157;border-radius:6px;background:#fff;color:#087a52;padding:7px;font-size:11px;font-weight:700}.format-list button{min-height:92px}.format-list strong{display:block;color:#087a52;font-size:18px;margin-top:6px}.book-actions{position:fixed;bottom:0;left:0;right:0;display:flex;gap:10px;max-width:560px;margin:auto;padding:13px 18px;background:#fff;border-top:1px solid #e6eceb;z-index:2}.book-actions button{flex:1;border-radius:25px;padding:14px;border:1px solid #d9e2e4;font-size:15px;font-weight:800;cursor:pointer}.book-actions .primary{background:#087a52;color:#fff;border-color:#087a52}.book-actions .secondary{background:#fff;color:#087a52}@media(min-width:700px){.book-flow.board{max-width:960px;padding:34px 46px 110px}.board .intent-types{grid-template-columns:repeat(3,1fr)}.board .date-grid{grid-template-columns:repeat(5,1fr)}.ground-list{grid-template-columns:1fr 1fr}.book-actions{max-width:960px;padding-left:46px;padding-right:46px}} 
.book-flow{max-width:1160px;margin:0 auto;padding:44px 34px 72px;color:#09204e;background:linear-gradient(180deg,#f8fbff,#fff)}.book-flow>button,.book-flow>a{border:0;background:transparent;color:#087a52;font-weight:700;padding:0;cursor:pointer;text-decoration:none}.book-flow h1{font-size:36px;letter-spacing:-1.3px;margin:15px 0 6px}.book-step{color:#078157;font-size:12px;font-weight:800;letter-spacing:.12em;margin:26px 0 0}.book-help,.book-context{color:#536789;margin:0 0 26px}.choice-grid,.date-grid,.time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:850px}.choice-grid button,.date-grid button,.time-grid button,.available-facilities button{border:1px solid #dce5ef;border-radius:12px;background:#fff;color:#09204e;text-align:left;cursor:pointer;box-shadow:0 3px 15px #082c5510}.choice-grid button,.date-grid button,.time-grid button{min-height:112px;padding:20px}.choice-grid b,.date-grid b,.time-grid b,.available-facilities b{display:block;font-size:17px}.choice-grid span,.date-grid span,.time-grid span,.available-facilities small,.available-facilities em{display:block;color:#60718f;font-style:normal;margin-top:6px}.book-location{display:block;max-width:400px;font-weight:700;margin:25px 0}.book-location select{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #dce5ef;border-radius:8px;background:#fff}.available-facilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;max-width:900px}.available-facilities button{display:grid;grid-template-columns:155px 1fr auto;padding:0;overflow:hidden;align-items:center}.available-facilities img{width:155px;height:128px;object-fit:cover}.available-facilities span{padding:14px}.available-facilities i{padding:15px;color:#087a52;font-style:normal;font-size:22px}.booking-summary{position:fixed;right:28px;top:115px;width:220px;border:1px solid #d9e6e1;border-radius:12px;background:#f2faf6;padding:16px;box-shadow:0 8px 25px #082c5512}.booking-summary b,.booking-summary span{display:block}.booking-summary span{margin-top:7px;color:#526484;font-size:13px;text-transform:capitalize}@media(max-width:1000px){.booking-summary{position:static;width:auto;max-width:850px;margin-top:28px}.choice-grid,.date-grid,.time-grid,.available-facilities{max-width:none}}@media(max-width:680px){.book-flow{padding:27px 16px 50px}.book-flow h1{font-size:29px}.choice-grid,.date-grid,.time-grid{grid-template-columns:1fr}.choice-grid button,.date-grid button,.time-grid button{min-height:82px}.available-facilities{grid-template-columns:1fr}.available-facilities button{grid-template-columns:110px 1fr auto}.available-facilities img{width:110px;height:110px}}
.experience-tabs>a,.experience-tabs>span{width:102px;border-right:1px solid rgba(255,255,255,.13);color:#fff;display:flex;gap:5px;align-items:center;justify-content:center;font-size:16px}.experience-tabs>span{opacity:.8;cursor:default}.experience-tabs>span small{font-size:9px}@media(max-width:680px){.experience-tabs>a,.experience-tabs>span{width:25%;font-size:14px;flex-direction:column;gap:1px}}

/* Public Home entry control: a mobile-first booking task, separate from
   promotional content. The location and date are the only customer choices;
   the current public booking product is cricket. */
.experience-hero{min-height:470px;height:auto;padding-bottom:190px}
.hero-controls{bottom:18px;min-height:164px;padding:0 14px 14px}
.experience-tabs{height:62px;gap:4px;border-bottom:1px solid rgba(255,255,255,.16)}
.experience-tabs>a,.experience-tabs>span{position:relative;width:auto;min-width:106px;padding:7px 12px;border-right:0;border-radius:9px 9px 0 0;display:grid;grid-template-columns:22px auto;grid-template-rows:auto auto;align-content:center;justify-content:center;column-gap:7px;line-height:1.1}
.experience-tabs .wfo-ui-icon{grid-row:1 / 3;width:21px;height:21px;align-self:center}
.experience-tabs>*>span{font-size:12px;font-weight:800}
.experience-tabs>*>small{font-size:9px;line-height:1.2;color:#dce8e4;white-space:nowrap}
.experience-tabs .is-selected{background:#008454;box-shadow:inset 0 -3px #8ee0bd;color:#fff}
.experience-tabs .is-unavailable{opacity:.6;background:rgba(255,255,255,.04)}
.book-controls{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(150px,.72fr) minmax(180px,.8fr);gap:9px;padding-top:11px;margin:0}
.book-controls .entry-field{min-width:0;height:62px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:5px;padding:7px 12px;border:1px solid transparent;border-radius:9px;background:#fff;color:#0e275e;font-size:inherit}
.entry-field__label{font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.07em;font-weight:800;color:#657493}
.entry-field__control{display:flex;align-items:center;gap:8px;min-width:0}
.entry-field__control .wfo-ui-icon{width:19px;height:19px;flex:0 0 19px;color:#008454}
.entry-field__control select,.entry-field__control input{min-width:0;width:100%;height:25px;padding:0;border:0;background:transparent;color:#10285c;font-size:13px;font-weight:700;outline:0}
.entry-field__control strong{font-size:13px}
.book-controls .entry-field:focus-within{border-color:#51c69b;box-shadow:0 0 0 3px rgba(81,198,155,.18)}
.book-controls .availability-button{min-height:62px;gap:6px;padding:0 16px;border:0;border-radius:9px;font-size:14px;box-shadow:0 6px 16px rgba(0,92,58,.24)}
.availability-button .wfo-ui-icon{width:18px;height:18px}
.availability-button:hover{background:#006945}.availability-button:focus-visible{outline:3px solid #9ae3c5;outline-offset:2px}.availability-button:active{transform:translateY(1px)}
.availability-button.is-disabled{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);box-shadow:none;color:#fff}
.entry-support{margin:8px 2px 0;color:#e6f0ed;font-size:10px;line-height:1.3}
.entry-support strong{color:#fff}
.popular,.slide-count{display:none!important}

@media (max-width:900px) and (min-width:681px){
  .experience-hero{min-height:555px;padding-bottom:272px}
  .hero-controls{min-height:246px}
  .book-controls{grid-template-columns:1fr 1fr}
}

@media(max-width:680px){
  .experience-hero{min-height:700px;height:auto;padding-bottom:394px}
  .hero-copy{top:34px}
  .hero-state{top:184px;width:calc(100% - 40px)}
  .hero-controls{left:12px;right:12px;bottom:12px;min-height:346px;padding:0 10px 12px;border-radius:14px}
  .experience-tabs{height:84px;gap:2px;overflow:visible}
  .experience-tabs>a,.experience-tabs>span{width:25%;min-width:0;padding:7px 2px;display:flex;flex-direction:column;gap:3px;text-align:center;border-radius:8px 8px 0 0}
  .experience-tabs .wfo-ui-icon{width:22px;height:22px;flex:0 0 22px}
  .experience-tabs>*>span{font-size:11px}
  .experience-tabs>*>small{font-size:8px;white-space:normal;min-height:19px;display:flex;align-items:center}
  .book-controls{grid-template-columns:1fr;gap:7px;padding-top:10px}
  .book-controls .entry-field{height:61px;padding:7px 12px}
  .book-controls .availability-button{min-height:52px;width:100%}
  .entry-support{margin:8px 3px 0;font-size:10px}
}

@media(max-width:370px){
  .experience-hero{min-height:710px;padding-bottom:404px}
  .hero-controls{left:8px;right:8px}
  .experience-tabs>*>span{font-size:10px}
  .experience-tabs>*>small{font-size:7.5px}
}

/* Keep the signed-out Home, login and invitation brand consistent with the PWA shell. */
.landing-logo{display:inline-flex;align-items:center;gap:7px;min-width:0;font-size:inherit;line-height:1;letter-spacing:normal;color:#087a52;white-space:nowrap}
.landing-logo .wfo-brand-mark{display:block;width:36px;height:36px;flex:none;object-fit:contain}
.landing-logo .wfo-brand-name{display:grid;gap:0;line-height:1}
.landing-logo .wfo-brand-name strong{font-size:14px;font-weight:900;letter-spacing:-.02em}
.landing-logo .wfo-brand-name small{display:block;margin:3px 0 0;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:680px){.landing-logo .wfo-brand-mark{width:32px;height:32px}.landing-logo .wfo-brand-name strong{font-size:13px}}


/* auth-parity.css */
#otp-resend {
  display: block;
  width: 100%;
  min-height: 42px;
  margin-top: 10px;
  padding: 9px 16px;
  border: 1px solid #008454;
  border-radius: 7px;
  background: #fff;
  color: #008454;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}

#otp-resend:hover:not(:disabled) { background: #effaf6; }
#otp-resend:focus-visible { outline: 3px solid #80d8b4; outline-offset: 2px; }
#otp-resend:disabled {
  border-color: #d7dfea;
  background: #f5f7fa;
  color: #687895;
  cursor: not-allowed;
}

.auth-form .green-button:disabled {
  background: #b8c9c1;
  color: #34483f;
  cursor: not-allowed;
}


/* auth-layout-fix.css */
.wfo-global-content>.auth-page{box-sizing:border-box;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;min-height:calc(100dvh - 64px)}
@media (min-width:681px){.auth-page{grid-template-columns:minmax(420px,42%) minmax(0,1fr)}.auth-form{min-width:0}.auth-visual{min-width:0}}


/* navigation-icons.css */
.wfo-ui-icon{width:20px;height:20px;flex:none;display:inline-block;vertical-align:middle}.new-global-nav a,.mobile-nav a,.customer-home-mobile a,.gateway-mobile-nav button,.gateway-unified-rail nav button{display:flex;align-items:center;gap:9px}.mobile-nav a,.customer-home-mobile a,.gateway-mobile-nav button{flex-direction:column;justify-content:center;gap:3px;min-height:52px}.mobile-nav .wfo-ui-icon,.customer-home-mobile .wfo-ui-icon,.gateway-mobile-nav .wfo-ui-icon{width:21px;height:21px}.gateway-unified-quick .wfo-ui-icon{width:19px;height:19px}


/* customer-design-system.css */
:root{
  --wfo-brand:#087b52;--wfo-accent-red:#d71920;--wfo-ink:#10264a;--wfo-muted:#5c7088;
  --wfo-surface:#fff;--wfo-canvas:#f7f9fb;--wfo-line:#dfe8ed;
  --wfo-space-1:4px;--wfo-space-2:8px;--wfo-space-3:12px;
  --wfo-space-4:16px;--wfo-space-5:24px;--wfo-space-6:32px;
  --wfo-page-x:clamp(18px,4vw,56px);--wfo-page-top:32px;
  --wfo-card-pad:20px;--wfo-radius:12px;--wfo-nav-clearance:88px;
  --wfo-topbar-height:64px;--wfo-control-height:44px;
  --wfo-font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --wfo-shadow:0 8px 24px rgba(16,38,74,.055);
}

html{font-family:var(--wfo-font);color:var(--wfo-ink);background:var(--wfo-canvas)}
button,input,select,textarea{font:inherit}

/* The one persistent outer composition. Journey code owns only the mount. */
.wfo-global-shell{min-height:100dvh;background:var(--wfo-canvas);color:var(--wfo-ink)}
.wfo-global-rail{display:none}
.wfo-global-stage{display:flex;min-width:0;min-height:100dvh;flex-direction:column}
.wfo-global-topbar{height:var(--wfo-topbar-height);display:flex;align-items:center;gap:var(--wfo-space-3);padding:max(env(safe-area-inset-top),0px) var(--wfo-page-x) 0;background:#fff;border-bottom:1px solid var(--wfo-line)}
.wfo-global-mobile-brand{display:flex;min-width:0;height:44px;align-items:center;gap:7px;color:var(--wfo-brand);text-decoration:none}.wfo-global-mobile-brand .wfo-brand-mark{width:32px;height:32px;object-fit:contain}.wfo-brand-name{display:grid;gap:0;line-height:1}.wfo-brand-name strong{font-size:13px;font-weight:900;letter-spacing:-.02em}.wfo-brand-name small{margin-top:3px;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.wfo-topbar-actions{margin-left:auto}.wfo-topbar-back[hidden],.wfo-topbar-context[hidden],.wfo-topbar-actions[hidden]{display:none}
.wfo-topbar-back a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:44px;color:var(--wfo-ink);text-decoration:none}
.wfo-topbar-back a .wfo-ui-icon{width:20px;height:20px;stroke-width:2}
.wfo-topbar-context{font-size:14px;font-weight:750;color:var(--wfo-ink)}
.wfo-global-shell--section-root .wfo-topbar-context{display:inline-flex;align-items:center;gap:8px}.wfo-global-shell--section-root .wfo-topbar-context .wfo-ui-icon{width:20px;height:20px}
@media(max-width:899px){
  .wfo-global-shell--inner .wfo-global-mobile-brand{display:none}
  .wfo-global-shell--section-root .wfo-global-mobile-brand{display:none}
  .wfo-global-shell--section-root .wfo-topbar-context{font-size:16px;font-weight:800}
  .wfo-global-shell--inner .wfo-global-content{padding-top:18px}
  .wfo-global-shell--inner .new-content> .inline-link,
  .wfo-global-shell--inner .new-content> .focus> .inline-link,
  .wfo-global-shell--inner .new-content> .board-flow-page> .inline-link,
  .wfo-global-shell--inner .new-content> .wfo-back-link,
  .wfo-global-shell--inner .new-content> .focus> .wfo-back-link,
  .wfo-global-shell--inner .new-content> .board-flow-page> .wfo-back-link,
  .wfo-global-shell--inner .team-inside-navigation> .inline-link{display:none!important}
}
.wfo-global-content{flex:1 0 auto;min-width:0;padding:var(--wfo-page-top) var(--wfo-page-x) var(--wfo-nav-clearance)}
.wfo-global-footer{margin-top:auto}
/* The signed-out legacy renderer used to own a second footer. The persistent
   shell is now the sole content-access owner without changing Home content. */
.wfo-global-shell .landing-footer{display:none!important}
.wfo-global-mobile-nav{position:fixed;z-index:50;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:7px 4px max(7px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--wfo-line);box-shadow:0 -8px 24px rgba(16,38,74,.05)}
.wfo-global-mobile-nav a{display:grid;box-sizing:border-box;min-width:0;min-height:52px;grid-template-rows:24px 16px;align-content:center;justify-items:center;gap:3px;padding:4px 2px;color:#64718b;font-size:10px;font-weight:650;line-height:16px;text-align:center;text-decoration:none}.wfo-global-mobile-nav a.active{color:var(--wfo-brand)}
.wfo-global-mobile-nav .wfo-ui-icon{display:block;width:21px;height:21px;align-self:center}.wfo-global-mobile-nav a>span{display:block;height:16px;line-height:16px;white-space:nowrap}
@media(max-width:899px){.wfo-global-footer{padding-bottom:calc(var(--wfo-nav-clearance) + env(safe-area-inset-bottom))}}
.wfo-global-content>.new-content,.wfo-global-content>.member-page,.wfo-global-content>.customer-home-main{box-sizing:border-box;width:min(1180px,100%)!important;max-width:1180px;margin:0 auto!important;padding:0!important}
.wfo-global-content>.auth-page{box-sizing:border-box;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;min-height:calc(100dvh - 64px);}
.wfo-global-shell--immersive .wfo-global-rail,.wfo-global-shell--immersive .wfo-global-topbar,.wfo-global-shell--immersive .wfo-global-mobile-nav{display:none}
.wfo-global-shell--immersive,.wfo-global-shell--immersive .wfo-global-stage{display:block;min-height:100dvh}.wfo-global-shell--immersive .wfo-global-content{padding:0}

@media(min-width:900px){
  .wfo-topbar-back,.wfo-topbar-context{display:none!important}
  .wfo-global-shell{display:grid;grid-template-columns:252px minmax(0,1fr)}
  .wfo-global-rail{position:sticky;top:0;display:flex;height:100vh;box-sizing:border-box;flex-direction:column;padding:28px 18px;background:#fff;border-right:1px solid var(--wfo-line)}
  .wfo-global-brand{display:grid;justify-items:center;gap:7px;padding:0 0 28px;color:var(--wfo-brand);text-align:center;text-decoration:none}.wfo-global-brand .wfo-brand-mark{width:76px;height:76px;object-fit:contain}.wfo-global-brand .wfo-brand-name strong{font-size:16px}.wfo-global-brand .wfo-brand-name small{font-size:9px}
  .wfo-global-rail nav{display:grid;gap:7px}.wfo-global-rail nav a{display:flex;align-items:center;gap:9px;padding:14px 15px;border-radius:9px;color:#536b83;font-size:16px;font-weight:700;text-decoration:none}.wfo-global-rail nav a:hover{background:#f2f7f5;color:var(--wfo-brand)}.wfo-global-rail nav a.active{background:#e4f6ec;color:var(--wfo-brand)}
  .wfo-global-poster{margin-top:auto;min-height:180px;box-sizing:border-box;padding:21px 18px;border-radius:10px;background:linear-gradient(140deg,#092418bb,#092418ec),url('/assets/wfo-ground-720.webp') center/cover;color:#fff;font-size:26px;font-weight:850;line-height:1.04}
  .wfo-global-topbar{padding-left:clamp(28px,4vw,70px);padding-right:clamp(28px,4vw,70px)}.wfo-global-mobile-brand{display:none}
  .wfo-global-content{padding:32px clamp(28px,4vw,70px) 56px}
  .wfo-global-footer{margin-top:0}
  .wfo-global-mobile-nav{display:none}
}

/* Shared composition primitives. These selectors deliberately cover the
   current route renderers while they converge on explicit wfo-* classes. */
.wfo-page,.new-content,.gateway-unified-content,.member-page{color:var(--wfo-ink)}
.wfo-page-header,.new-page-head,.focus-head,.profile-overview>header{margin:0 0 var(--wfo-space-5)}
.wfo-page-header h1,.new-page-head h1,.focus-head h1,.profile-overview>header h1{margin:0;font-size:clamp(27px,3vw,34px);line-height:1.08;letter-spacing:-.035em}
.wfo-page-header p,.new-page-head p,.focus-head p,.profile-overview>header p{max-width:680px;margin:var(--wfo-space-2) 0 0;color:var(--wfo-muted);line-height:1.5}
.eyebrow{margin:0 0 var(--wfo-space-2);color:var(--wfo-brand);font-size:12px;font-weight:800;letter-spacing:.08em}
.wfo-card,.card,.form-card,.profile-section,.details-card,.review-card{border:1px solid var(--wfo-line);border-radius:var(--wfo-radius);background:var(--wfo-surface);padding:var(--wfo-card-pad)}
.wfo-card h2,.card h2,.form-card h2,.profile-section h2,.details-card h2,.review-card h2{margin:0 0 var(--wfo-space-3);font-size:18px;line-height:1.25;letter-spacing:-.015em}
.wfo-card p:last-child,.card p:last-child,.form-card p:last-child,.profile-section p:last-child,.details-card p:last-child,.review-card p:last-child{margin-bottom:0}
.wfo-card--interactive,[data-wfo-interactive-card]{cursor:pointer;box-shadow:var(--wfo-shadow);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.wfo-card--interactive:hover,[data-wfo-interactive-card]:hover{border-color:#9bcbb4;box-shadow:0 10px 28px rgba(16,38,74,.1)}
.wfo-card--interactive:focus-visible,[data-wfo-interactive-card]:focus-visible{outline:3px solid rgba(8,123,82,.22);outline-offset:2px}
.wfo-card--interactive:active,[data-wfo-interactive-card]:active{transform:translateY(1px)}
.wfo-card--read-only,[data-wfo-read-only-card]{cursor:default;box-shadow:none}
.wfo-card[aria-disabled="true"],[data-wfo-interactive-card][aria-disabled="true"]{cursor:not-allowed;opacity:.62;box-shadow:none;transform:none}
.wfo-section+.wfo-section,.profile-section+.profile-section{margin-top:var(--wfo-space-4)}
.notice,.book-note,.status-message,.error,.empty{border-radius:10px;line-height:1.45}

/* Shared type and state grammar. Eyebrows are context only, never a title. */
.wfo-section-title,.section-title{margin:0;font-size:20px;line-height:1.25;letter-spacing:-.02em}
.meta,.metadata,.helper,.book-help{color:var(--wfo-muted);font-size:14px;line-height:1.45}
.pill,.chip,.status-pill{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:750;line-height:1.1}
label{font-size:14px;font-weight:700;line-height:1.35}
input,select,textarea{min-height:var(--wfo-control-height);border:1px solid #cfdce5;border-radius:9px;background:#fff;color:var(--wfo-ink)}
:where(button,a,input,select,textarea):focus-visible{outline:3px solid rgba(8,123,82,.22);outline-offset:2px}

/* One outline icon family. Decorative emoji/ad-hoc glyphs are not shell icons. */
.wfo-ui-icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}

/* Journey progression is separate from the H1 and global navigation. */
.book-stepper{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--wfo-space-2);margin:0 0 var(--wfo-space-5);padding:0;list-style:none}
.book-stepper li{display:grid;justify-items:center;gap:6px;min-width:0;color:var(--wfo-muted);font-size:11px;text-align:center}
.book-stepper li b{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--wfo-line);border-radius:50%;background:#fff;color:inherit;font-size:12px}
.book-stepper li.active{color:var(--wfo-brand);font-weight:800}.book-stepper li.active b{border-color:var(--wfo-brand);box-shadow:0 0 0 3px rgba(8,123,82,.12)}
.book-stepper li.complete{color:#356650}.book-stepper li.complete b{border-color:#b7d9ca;background:#e7f5ee}
.book-stepper li[aria-disabled="true"]{opacity:.55}

/* A contextual menu may live in the top bar; it never replaces global nav. */
.wfo-topbar-account{margin-left:auto;display:flex;align-items:center}
.wfo-topbar-sign-in{display:inline-flex;min-height:40px;align-items:center;justify-content:center;border:1px solid var(--wfo-brand);border-radius:9px;padding:0 15px;color:var(--wfo-brand);font-size:14px;font-weight:800;text-decoration:none}
.wfo-topbar-sign-in[hidden]{display:none!important}
.wfo-topbar-menu{position:relative;margin-left:0}
.wfo-topbar-notifications{position:relative;display:grid;place-items:center;width:44px;height:44px;color:var(--wfo-ink);border-radius:9px;text-decoration:none}.wfo-topbar-notifications:hover,.wfo-topbar-notifications:focus-visible{background:#edf7f2;color:var(--wfo-brand)}.wfo-topbar-notifications[hidden]{display:none!important}.wfo-topbar-notifications .wfo-ui-icon{width:21px;height:21px}.wfo-topbar-notifications span{position:absolute;top:3px;right:2px;min-width:17px;height:17px;padding:0 4px;border:2px solid #fff;border-radius:999px;background:#c53131;color:#fff;font-size:10px;font-weight:850;line-height:17px;text-align:center}.wfo-topbar-notifications span[hidden]{display:none}
.wfo-topbar-menu>button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:9px;background:transparent;color:var(--wfo-ink)}
.wfo-topbar-menu>[role="menu"]{position:absolute;z-index:40;top:calc(100% + 8px);right:0;min-width:210px;padding:8px;border:1px solid var(--wfo-line);border-radius:10px;background:#fff;box-shadow:0 14px 34px rgba(16,38,74,.14)}
.wfo-topbar-menu>[role="menu"][hidden]{display:none}
.wfo-topbar-menu>[role="menu"] a,.wfo-topbar-menu>[role="menu"] button{display:flex;width:100%;box-sizing:border-box;align-items:center;gap:10px;min-height:44px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--wfo-ink);font-size:14px;font-weight:700;text-align:left;text-decoration:none}
.wfo-topbar-menu>[role="menu"] a:hover,.wfo-topbar-menu>[role="menu"] a:focus-visible,.wfo-topbar-menu>[role="menu"] button:hover,.wfo-topbar-menu>[role="menu"] button:focus-visible{background:#edf7f2;color:var(--wfo-brand)}
.wfo-topbar-menu>[role="menu"] button[hidden]{display:none}
.wfo-customer-menu-head,.wfo-customer-menu-backdrop{display:none}
@media(max-width:899px){
  html.wfo-customer-menu-open{overflow:hidden}
  .wfo-customer-menu-backdrop{position:fixed;z-index:89;inset:0;display:block;border:0;background:rgba(4,19,13,.46);opacity:0;transition:opacity .18s ease}
  .wfo-customer-menu-backdrop[hidden]{display:none}.wfo-customer-menu-backdrop.is-open{opacity:1}
  .wfo-topbar-menu>[role="menu"]{position:fixed;z-index:90;top:0;right:0;display:flex;width:min(86vw,360px);min-width:0;height:100dvh;max-height:none;box-sizing:border-box;flex-direction:column;gap:4px;padding:calc(env(safe-area-inset-top) + 14px) 14px calc(env(safe-area-inset-bottom) + 18px);border:0;border-left:1px solid var(--wfo-line);border-radius:0;background:#fff;box-shadow:-16px 0 36px rgba(16,38,74,.2);overflow-y:auto;overscroll-behavior:contain;transform:translateX(105%);transform-origin:right;transition:transform .22s ease}
  .wfo-topbar-menu>[role="menu"].is-open{transform:translateX(0)}
  .wfo-customer-menu-head{display:flex;min-height:42px;align-items:center;justify-content:space-between;margin-bottom:5px;padding:0 3px 9px;border-bottom:1px solid var(--wfo-line);color:var(--wfo-ink)}
  .wfo-customer-menu-head strong{font-size:17px}.wfo-customer-menu-head>[data-wfo-menu-close]{display:grid;width:38px;height:38px;place-items:center;padding:0;border:0;border-radius:9px;background:#f3f7f5;color:var(--wfo-ink);font-size:26px;font-weight:400}
  .wfo-topbar-menu>[role="menu"] a,.wfo-topbar-menu>[role="menu"]>button:not([data-wfo-menu-close]){min-height:50px;padding:10px 12px;border-radius:9px}
}

@media(max-width:899px){
  .wfo-global-shell--notifications .wfo-global-content{animation:wfo-notifications-drop .22s ease-out both}
  @keyframes wfo-notifications-drop{from{opacity:.35;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}
}
@media(prefers-reduced-motion:reduce){
  .wfo-topbar-menu>[role="menu"]{transition:none!important}
  .wfo-global-shell--notifications .wfo-global-content{animation:none!important}
}
.wfo-back-link{display:inline-flex!important;align-items:center;gap:6px;min-height:44px;color:#456179;text-decoration:none}.wfo-back-link .wfo-ui-icon,.wfo-back-control .wfo-ui-icon{width:20px;height:20px}
.wfo-back-control{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:9px;background:transparent;color:var(--wfo-ink)}

/* Selectable cards always reserve a trailing control column. */
.intent-types button,.slot-choice,.choice-row,.allocation-option{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 28px;grid-template-rows:auto auto;column-gap:var(--wfo-space-3);align-items:center;min-width:0;padding:var(--wfo-space-4)}
.intent-types button>b,.slot-choice>strong,.choice-row>span,.allocation-option>span{grid-column:1;min-width:0;overflow-wrap:anywhere}
.intent-types button>small,.slot-choice>small,.choice-row>span small,.allocation-option>small{grid-column:1;min-width:0;overflow-wrap:anywhere}
.intent-types button>i,.slot-choice>input,.choice-row>input,.allocation-option>input{position:static!important;grid-column:2;grid-row:1 / span 2;justify-self:center;align-self:center;margin:0!important}

/* One compact top-bar cadence; it carries identity/context, never an H1. */
.new-topbar,.gateway-unified-topbar{height:var(--wfo-topbar-height);min-height:var(--wfo-topbar-height);padding:env(safe-area-inset-top) var(--wfo-page-x) 0;display:flex;align-items:center;gap:var(--wfo-space-3);background:var(--wfo-surface);border-bottom:1px solid var(--wfo-line)}
.new-topbar h1,.gateway-unified-topbar h1{display:none}

@media(max-width:899px){
  :root{--wfo-page-x:14px;--wfo-page-top:22px;--wfo-card-pad:16px}
  .new-content{width:auto!important;margin:0;padding:var(--wfo-page-top) var(--wfo-page-x) var(--wfo-nav-clearance)!important}
  .gateway-unified-content>.member-page,.gateway-unified-content .book-flow,.member-page{padding-bottom:var(--wfo-nav-clearance)}
  .wfo-page-header,.new-page-head,.focus-head,.profile-overview>header{margin-bottom:var(--wfo-space-4)}
  .intent-types,.play-grid,.profile-dual{grid-template-columns:1fr!important}
  .book-stepper{gap:3px;overflow:hidden}.book-stepper li{font-size:10px}.book-stepper li b{width:25px;height:25px}.book-stepper li small{max-width:44px;overflow:hidden;text-overflow:ellipsis}
  /* The mobile top bar supplies inner-page identity and Back. Do not repeat
     it in a Profile drill-down body before the task content. */
  .wfo-global-shell--inner .profile-main>.focus>.focus-head{display:none}
  /* Direct Notification and policy renderers do not sit inside profile-main.
     Their desktop H1 remains available; on mobile the contextual top bar is
     the single visible page-identity owner. */
  .wfo-global-shell--inner .notifications-head>div>h1,
  .wfo-global-shell--inner .new-content>.profile-policies>.focus-head{display:none}
}

@media(min-width:600px) and (max-width:899px){:root{--wfo-page-x:22px}.wfo-page-header h1,.new-page-head h1,.focus-head h1{font-size:30px}}

/* Shared card families: composition may differ; surface behaviour does not. */
:where(.action-card,.activity-card,.activity-board-card,.summary-card,.details-card,.review-card,.form-card,.profile-section,.profile-booking-payment,.match-card,.team-card,.empty,.error){box-sizing:border-box;border-color:var(--wfo-line);border-radius:var(--wfo-radius);background:var(--wfo-surface)}
:where(.action-card,.activity-card,.activity-board-card,.match-card,.team-card){transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
:where(a.action-card,a.activity-card,a.match-card,a.team-card):hover{border-color:#9bcbb4;box-shadow:var(--wfo-shadow);transform:translateY(-1px)}
:where(.terminal,.read-only,[aria-disabled="true"]){box-shadow:none}.terminal,.read-only{cursor:default}

/* One CTA hierarchy across journey renderers. */
:where(.button,.green-button,.outlined-button,.danger-button,button.primary,button.secondary,a.primary,a.secondary){display:inline-flex;box-sizing:border-box;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:9px;font-family:var(--wfo-font);font-size:14px;font-weight:800;line-height:1.2;text-decoration:none;cursor:pointer}
:where(.button.primary,.green-button,button.primary,a.primary){border:1px solid var(--wfo-brand);background:var(--wfo-brand);color:#fff}
:where(.button:not(.primary):not(.danger),.outlined-button,button.secondary,a.secondary){border:1px solid #bfd0da;background:#fff;color:var(--wfo-ink)}
:where(.button.danger,.danger-button){border:1px solid #b32626;background:#b32626;color:#fff}
:where(.button,.green-button,.outlined-button,.danger-button,button.primary,button.secondary):disabled{cursor:not-allowed;opacity:.55;box-shadow:none}

/* Shared customer-state grammar. */
:where(.state-pending,.status-pending,.status-processing){background:#fff4d6;color:#7a5200}
:where(.state-confirmed,.state-completed,.status-confirmed,.status-completed,.status-settled){background:#e4f6ec;color:#086943}
:where(.state-overdue,.state-failed,.status-overdue,.status-failed,.status-expired,.status-cancelled){background:#fde9e7;color:#9e2f28}
:where(.state-unavailable,.status-unavailable){background:#edf1f5;color:#596b7d}

/* Content/legal pages use the same readable measure and rhythm. */
.profile-policies,.profile-contact{max-width:780px}.policy-list{display:grid;gap:var(--wfo-space-3)}.policy-list details{border:1px solid var(--wfo-line);border-radius:var(--wfo-radius);background:#fff;padding:0 var(--wfo-space-4)}.policy-list summary{min-height:52px;display:flex;align-items:center;font-weight:800;cursor:pointer}.policy-list details p{margin:0;padding:0 0 var(--wfo-space-4);color:var(--wfo-muted);line-height:1.55}
.policy-article{display:grid;gap:var(--wfo-space-5)}.policy-article section{padding-bottom:var(--wfo-space-4);border-bottom:1px solid var(--wfo-line)}.policy-article section:last-child{border-bottom:0}.policy-article h2{margin:0 0 var(--wfo-space-2);font-size:18px}.policy-article p{margin:0;color:var(--wfo-muted);line-height:1.6}.profile-contact-details{display:grid;gap:var(--wfo-space-3);margin-bottom:var(--wfo-space-4)}.profile-contact-details p{margin:0}.profile-contact-details a{color:var(--wfo-brand);font-weight:750}
.wfo-global-shell .landing-header{display:none!important}
/* Install control shares the top-bar visual language and disappears in standalone mode. */
.wfo-topbar-install{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:9px;background:transparent;color:var(--wfo-ink);cursor:pointer}.wfo-topbar-install:hover,.wfo-topbar-install:focus-visible{background:#edf7f2;color:var(--wfo-brand)}.wfo-topbar-install[hidden]{display:none!important}.wfo-topbar-install svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.wfo-install-guide{position:fixed;z-index:1000;inset:0;display:grid;place-items:end center;padding:16px;background:rgba(4,19,13,.5)}.wfo-install-guide>section{position:relative;width:min(100%,430px);box-sizing:border-box;padding:26px 22px 20px;border-radius:18px 18px 12px 12px;background:#fff;box-shadow:0 18px 50px rgba(4,19,13,.24)}.wfo-install-guide h2{margin:10px 0 8px;font-size:22px}.wfo-install-guide p{margin:0;color:#526484;line-height:1.55}.wfo-install-guide__icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#edf7f2;color:var(--wfo-brand);font-size:25px;font-weight:900}.wfo-install-guide__close{position:absolute;top:12px;right:12px;width:40px;height:40px;border:0;border-radius:9px;background:transparent;font-size:28px;cursor:pointer}.wfo-install-guide div{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.wfo-install-guide div button{min-height:42px;padding:0 16px;border:1px solid var(--wfo-line);border-radius:9px;background:#fff;color:var(--wfo-ink);font-weight:800;cursor:pointer}.wfo-install-guide div button:last-child{border-color:var(--wfo-brand);background:var(--wfo-brand);color:#fff}@media(min-width:700px){.wfo-install-guide{place-items:center}.wfo-install-guide>section{border-radius:16px}}
.wfo-install-guide .wfo-install-guide__note{margin-top:10px;font-size:13px}.wfo-update-notice{position:fixed;z-index:950;left:12px;right:12px;bottom:calc(78px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:640px;margin:auto;padding:13px 14px;border:1px solid #c9ded3;border-radius:12px;background:#fff;box-shadow:0 14px 38px rgba(4,19,13,.2);color:var(--wfo-ink)}.wfo-update-notice p{margin:0;font-size:14px;line-height:1.35}.wfo-update-notice button{shrink:0;min-height:40px;padding:0 14px;border:0;border-radius:8px;background:var(--wfo-brand);color:#fff;font-weight:800}.wfo-update-notice button:disabled{background:#d8e1dc;color:#526484}@media(max-width:699px){input,select,textarea{font-size:16px!important}}@media(min-width:700px){.wfo-update-notice{bottom:24px}}
.wfo-install-guide__device{font-size:14px;font-weight:850;color:var(--wfo-ink)!important}.wfo-install-guide ol{display:grid;gap:12px;margin:16px 0 0;padding-left:24px}.wfo-install-guide li{padding-left:4px;color:var(--wfo-ink);line-height:1.5}.wfo-install-step__symbol,.wfo-install-step__share{display:inline-grid;place-items:center;width:28px;height:28px;margin:0 3px;border:1px solid #c9ded3;border-radius:7px;background:#f5faf7;color:var(--wfo-brand);font-size:17px;font-weight:900;line-height:1;vertical-align:middle}.wfo-install-step__share svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}


/* customer-home.css */
.customer-home-shell{min-height:100dvh;background:#f7fbff;color:#09246d;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.customer-home-top{height:47px;padding:0 clamp(18px,3vw,48px);display:flex;align-items:center;gap:20px;background:#fff;border-bottom:1px solid #dce8f5}.customer-home-logo{font-size:28px;font-weight:950;letter-spacing:-2px;color:#082d78}.customer-home-logo small{font-size:7px;letter-spacing:.8px;margin-left:6px}.customer-home-top nav{display:flex;gap:22px;margin-left:auto}.customer-home-top nav a{font-size:12px;font-weight:700;padding:16px 0}.customer-home-top nav a.active{color:#075fd1;border-bottom:2px solid #075fd1}.customer-home-bell{position:relative;font-size:18px}.customer-home-bell i{position:absolute;top:-8px;right:-9px;display:grid;place-items:center;width:14px;height:14px;background:#e52c35;color:#fff;border-radius:50%;font-size:9px;font-style:normal}.customer-home-user{display:flex;align-items:center;gap:8px;font-size:12px}.customer-home-user b{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#0a3b8d;color:#fff}.customer-home-main{max-width:1120px;margin:auto;padding:14px clamp(16px,3vw,42px) 38px}.customer-home-welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.customer-home-welcome p{margin:0;font-weight:800}.customer-home-welcome small{color:#60749a}.customer-home-welcome>span{padding:9px 13px;border:1px solid #cbe2f8;background:#edf7ff;border-radius:7px;font-size:12px;font-weight:700}.customer-home-hero{min-height:190px;border-radius:10px;padding:24px;color:#fff;background:linear-gradient(115deg,#073466,#05203c 58%,#087758);box-shadow:inset 0 0 0 1px #ffffff25}.customer-home-hero--booking{background:linear-gradient(115deg,#083f78,#255d8e 55%,#073c42)}.customer-home-hero--action{background:linear-gradient(115deg,#593210,#a85713 54%,#1a5a45)}.customer-home-hero--team{background:linear-gradient(115deg,#0b345f,#0b5d6e 55%,#23613c)}.customer-home-hero small{display:inline-block;background:#ffffff24;padding:4px 8px;border-radius:12px;font-weight:800}.customer-home-hero h1{max-width:440px;margin:11px 0 6px;font-size:31px;line-height:1.04}.customer-home-hero p{margin:0 0 13px;max-width:440px;font-size:13px}.customer-home-hero button{border:0;background:#fff;color:#07316d;padding:9px 13px;border-radius:7px;font-weight:800}.customer-home-section{margin-top:17px}.customer-home-section header{display:flex;justify-content:space-between;align-items:center}.customer-home-section h2{margin:0 0 8px;font-size:15px}.customer-home-section header a{font-size:12px;color:#075fd1;font-weight:800}.customer-home-play-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.customer-home-play-grid button,.customer-home-row,.customer-home-explore button{border:1px solid #dce8f5;background:#fff;border-radius:8px;color:#0b3275;text-align:left}.customer-home-play-grid button{display:flex;align-items:center;gap:10px;padding:13px}.customer-home-play-grid b{font-size:23px;color:#076edc}.customer-home-play-grid span{display:grid;gap:2px}.customer-home-play-grid small,.customer-home-row small{font-size:11px;color:#62779c}.customer-home-play-grid em,.customer-home-row em{margin-left:auto;font-style:normal}.customer-home-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.customer-home-row{width:100%;display:flex;align-items:center;gap:9px;padding:11px;margin-bottom:7px}.customer-home-row>span:nth-child(2){display:grid;gap:2px;text-align:left}.customer-home-row b{font-size:12px}.customer-home-row-icon,.customer-home-date{display:grid;place-items:center;width:31px;height:31px;border-radius:7px;background:#fff2df;color:#d95d14;font-weight:900}.customer-home-date{background:#eaf2ff;color:#0a3b8d}.customer-home-empty{min-height:90px;display:grid;place-items:center;align-content:center;gap:4px;text-align:center;border:1px solid #dce8f5;border-radius:8px;background:#fff;color:#5b7197}.customer-home-empty strong{font-size:12px;color:#173d7b}.customer-home-empty small{font-size:11px}.customer-home-explore{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.customer-home-explore button{display:grid;justify-items:center;gap:5px;padding:13px;color:#8c4f08}.customer-home-explore button:nth-child(2){color:#bd371f}.customer-home-explore button:nth-child(3){color:#193d87}.customer-home-explore button:disabled{opacity:.65}.customer-home-mobile{display:none}@media(max-width:899px){.customer-home-top{padding:0 16px}.customer-home-logo{font-size:24px}.customer-home-logo small,.customer-home-top nav,.customer-home-user span{display:none}.customer-home-main{padding:13px 14px 80px}.customer-home-hero{min-height:170px;padding:18px}.customer-home-hero h1{font-size:27px}.customer-home-columns{grid-template-columns:1fr}.customer-home-mobile{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);bottom:0;left:0;right:0;z-index:5;background:#fff;border-top:1px solid #dce8f5}.customer-home-mobile a{display:grid;gap:2px;place-items:center;padding:9px 0;color:#5e7192;font-size:17px}.customer-home-mobile span{font-size:10px}.customer-home-mobile a.active{color:#078654}.customer-home-welcome>span{font-size:10px}.customer-home-play-grid button{padding:11px}.customer-home-play-grid strong{font-size:12px}}
@media(max-width:899px){.customer-home-logo small{display:block;font-size:8px;letter-spacing:1px;line-height:1;margin:0 0 0 2px}}
.customer-home-play-grid b .wfo-ui-icon,.customer-home-row-icon .wfo-ui-icon,.customer-home-empty>.wfo-ui-icon,.customer-home-explore .wfo-ui-icon{width:23px;height:23px}.customer-home-row em .wfo-ui-icon,.customer-home-play-grid em .wfo-ui-icon,.customer-home-hero button .wfo-ui-icon{width:17px;height:17px}.customer-home-welcome>span .wfo-ui-icon{width:17px;height:17px}.customer-home-welcome>span{display:inline-flex;align-items:center;gap:6px}
.customer-home-location{display:flex;align-items:center;gap:7px;min-height:42px;padding:0 10px;border:1px solid #cbe2f8;background:#edf7ff;border-radius:8px;font-size:12px;font-weight:700}.customer-home-location select{min-height:32px;max-width:180px;border:0;background:transparent;color:#173d7b;font-size:12px;font-weight:750}.customer-home-location .wfo-ui-icon{width:17px;height:17px}.customer-home-secondary{opacity:.9}.customer-home-explore{grid-template-columns:minmax(180px,360px)}
.customer-home-availability{display:grid;gap:3px;margin:0 0 12px;padding:11px 13px;border:1px solid #efcf9f;border-radius:9px;background:#fff8e8;color:#674b16}.customer-home-availability strong{font-size:12px}.customer-home-availability span{font-size:11px;line-height:1.4}.customer-home-availability--partial{border-color:#d9e4e9;background:#f5f8fa;color:#40576e}.customer-home-play-card--unavailable{filter:saturate(.35);opacity:.72}
@media(max-width:899px){.customer-home-main{padding:0 0 12px}.customer-home-hero{min-height:158px}.customer-home-location span{display:none}.customer-home-location select{width:156px;max-width:156px;font-size:12px!important}}
.customer-home-hero,.customer-home-hero--team,.customer-home-hero--booking{background-image:linear-gradient(90deg,rgba(4,31,32,.90),rgba(5,43,39,.56) 56%,rgba(2,32,27,.12)),url('../assets/gateway-cricket-hero.webp');background-size:cover;background-position:center 58%;}
.customer-home-hero{display:flex;align-items:center;min-height:220px;border-radius:11px;}
.customer-home-hero>div{position:relative;z-index:1;}
@media(max-width:899px){.customer-home-hero{min-height:180px;background-position:center 58%;}}
.customer-home-hero,.customer-home-hero--team,.customer-home-hero--booking,.customer-home-hero--action{background-image:linear-gradient(90deg,rgba(4,42,28,.90),rgba(4,42,28,.56) 48%,rgba(4,42,28,.08)),url('../assets/gateway-cricket-hero.webp')}
.customer-home-hero{min-height:205px}
.customer-home-hero h1{font-size:clamp(30px,3.3vw,44px);line-height:1.08}
.customer-home-hero small{background:none;padding:0;letter-spacing:.08em}
.customer-home-play-section{margin-top:12px}
.customer-home-play-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.customer-home-play-grid .customer-home-play-card{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:130px;overflow:hidden;border:0;border-radius:10px;padding:14px;color:#fff;background-size:cover;background-position:center;text-shadow:0 1px 5px #0008}
.customer-home-play-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#071f1dcc,transparent 76%)}
.customer-home-play-card--play{background-image:url('../assets/gateway-play-cricket.webp')!important}
.customer-home-play-card--book{background-image:url('../assets/book-ground.jpg')!important}
.customer-home-play-grid .customer-home-play-card strong{font-size:17px;color:#fff}
.customer-home-play-grid .customer-home-play-card small{font-size:11px;color:#fff}
.customer-home-play-grid .customer-home-play-card em{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;color:#087a50;text-shadow:none}
@media(max-width:899px){.customer-home-hero{min-height:150px}.customer-home-play-grid .customer-home-play-card{min-height:112px;padding:11px}.customer-home-play-grid .customer-home-play-card strong{font-size:15px}}
.customer-home-context{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 11px}
.customer-home-greeting{color:#536482;font-size:12px;font-weight:650}
.customer-home-hero,.customer-home-hero--team,.customer-home-hero--booking,.customer-home-hero--action{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:18px;min-height:0;padding:0;border:0;border-radius:0;box-shadow:none;background:none;color:#102c28}
.customer-home-hero-copy{padding:4px 0}
.customer-home-hero small{color:#04794c;font-size:11px}
.customer-home-hero h1{max-width:none;margin:6px 0;font-size:clamp(34px,3.6vw,52px);letter-spacing:-.04em;color:#101b1b}
.customer-home-hero p{max-width:35ch;margin:0;color:#5b6d71;font-size:13px;line-height:1.4}
.customer-home-hero-photo{height:170px;border-radius:9px;background:url('../assets/gateway-cricket-hero.webp') center 58%/cover}
.customer-home-play-section{margin-top:10px}
.customer-home-play-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.customer-home-play-grid .customer-home-play-card{min-height:145px;padding:11px}
.customer-home-play-card--cafe{background-image:url('../assets/cafe.jpg')}
.customer-home-play-card--store{background-image:url('../assets/store-cricket-equipment.webp')}
.customer-home-play-grid .customer-home-play-card[aria-disabled="true"]{opacity:.88;cursor:default}
.customer-home-booking-prompt{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 13px;border:1px solid #dbe8e5;border-radius:9px;background:#eef6f2;color:#173d38;text-decoration:none}
.customer-home-booking-prompt>span:nth-child(2){display:grid;gap:2px}
.customer-home-booking-prompt strong{font-size:12px}
.customer-home-booking-prompt small{font-size:11px;color:#60736f}
.customer-home-booking-prompt em{margin-left:auto;font-style:normal}
.customer-home-prompt-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#d8eee1;color:#0b8050}
.customer-home-columns{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:start;gap:13px}
.customer-home-feature{display:grid;align-content:end;gap:5px;min-height:137px;margin-top:17px;padding:17px;border-radius:9px;color:#fff;background:linear-gradient(0deg,#063c32dd,#063c3266 68%,transparent),url('../assets/book-ground.jpg') center/cover}
.customer-home-feature strong{font-size:18px}.customer-home-feature span{font-size:11px}.customer-home-feature button{justify-self:start;margin-top:5px;padding:7px 11px;border:0;border-radius:6px;background:#fff;color:#075b3d;font-size:11px;font-weight:800}
@media(max-width:899px){.customer-home-main{padding:12px 14px 88px}.customer-home-context{margin-bottom:9px}.customer-home-greeting{font-size:10px}.customer-home-hero{grid-template-columns:minmax(0,1fr) 110px;gap:8px;min-height:116px}.customer-home-hero h1{font-size:29px;line-height:1.03}.customer-home-hero p{font-size:11px}.customer-home-hero-photo{height:110px;border-radius:9px}.customer-home-play-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.customer-home-play-grid .customer-home-play-card{min-height:93px;padding:8px}.customer-home-play-grid .customer-home-play-card strong{font-size:13px}.customer-home-play-grid .customer-home-play-card small{font-size:10px}.customer-home-play-grid .customer-home-play-card em{width:19px;height:19px}.customer-home-booking-prompt{margin-top:9px;padding:8px 10px}.customer-home-columns{grid-template-columns:1fr}.customer-home-feature{display:none}.customer-home-section{margin-top:14px}}
.customer-home-hero-photo{border-top:4px solid var(--wfo-accent-red,#d71920)}
.customer-home-play-grid .customer-home-play-card--play em{color:var(--wfo-accent-red,#d71920)}


/* wfo-footer.css */
.wfo-site-footer{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:16px 26px;align-items:center;width:100%;padding:20px clamp(20px,5vw,72px);border-top:1px solid #dce7e3;background:#f7faf9;color:#536b83;font:700 13px/1.4 Inter,ui-sans-serif,system-ui,sans-serif}
.wfo-footer-brand{display:grid;margin-right:auto;color:#087a52;font-size:22px;font-weight:950;line-height:.9;letter-spacing:-1px}.wfo-footer-brand small{margin-top:6px;font-size:7px;font-weight:850;letter-spacing:1.1px;text-transform:uppercase}
.wfo-footer-icons{display:flex;gap:7px;align-items:center}.wfo-footer-icons--information{padding-left:18px;border-left:1px solid #dce7e3}
.wfo-footer-icon{display:grid;width:38px;height:38px;box-sizing:border-box;place-items:center;border:1px solid #d6e3dd;border-radius:50%;background:#fff;color:#087a52;text-decoration:none;transition:border-color .15s,background .15s,color .15s}.wfo-footer-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.wfo-footer-icon svg .fill{fill:currentColor;stroke:none}
a.wfo-footer-icon:hover,a.wfo-footer-icon:focus-visible{border-color:#087a52;background:#e7f5ee;color:#006a43;outline:2px solid transparent}.wfo-footer-icon.is-unlinked{color:#a3acb8;background:#f4f6f5;cursor:default}
.wfo-footer-copyright{flex-basis:100%;padding-top:12px;border-top:1px solid #dce7e3;color:#758297;font-weight:600}
@media(max-width:760px){.wfo-site-footer{gap:14px 16px;padding:20px}.wfo-footer-brand{flex-basis:100%}.wfo-footer-icons--information{padding-left:0;border-left:0}.wfo-footer-icons{flex-wrap:wrap}.wfo-footer-icon{width:36px;height:36px}.wfo-global-footer{padding-bottom:calc(92px + env(safe-area-inset-bottom))}}


/* facility-discovery.css */
.facility-page{width:min(100%,1080px)!important;max-width:1080px!important;min-height:calc(100dvh - 160px);padding:0!important}
.facility-page-head{display:flex;align-items:flex-start;gap:14px;margin:0 0 24px}.facility-page-head>a{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border:1px solid var(--wfo-line,#dce7e3);border-radius:50%;background:#fff;color:var(--wfo-ink,#10264a);font-size:21px;font-weight:800}.facility-page-head>a:hover,.facility-page-head>a:focus-visible{border-color:var(--wfo-brand,#087a52);color:var(--wfo-brand,#087a52)}
.wfo-global-shell--inner .facility-page-head>a{display:none}
.facility-page-head small{display:block;margin:0 0 5px;color:var(--wfo-brand,#087a52);font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.facility-page-head h1{margin:0!important;font-size:clamp(28px,4vw,42px)!important;line-height:1.08;letter-spacing:-1.4px}.facility-page-head p{margin:8px 0 0;color:var(--wfo-muted,#64718b);font-size:15px}
.facility-card-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.facility-discovery-card{position:relative;display:grid;grid-template-columns:180px minmax(0,1fr) 38px;min-height:160px;overflow:hidden;border:1px solid var(--wfo-line,#dce7e3);border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(16,38,74,.06);transition:transform .15s,border-color .15s,box-shadow .15s}.facility-discovery-card:hover,.facility-discovery-card:focus-visible{transform:translateY(-2px);border-color:var(--wfo-brand,#087a52);box-shadow:0 15px 34px rgba(16,38,74,.1)}.facility-discovery-card img{width:100%;height:100%;min-height:160px;object-fit:cover}.facility-discovery-card>span{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:20px 14px}.facility-discovery-card small{margin-bottom:7px;color:var(--wfo-brand,#087a52);font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.facility-discovery-card b{color:var(--wfo-ink,#10264a);font-size:19px;line-height:1.2}.facility-discovery-card em{margin-top:9px;color:var(--wfo-muted,#64718b);font-size:13px;font-style:normal}.facility-discovery-card i{align-self:center;display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--wfo-line,#dce7e3);border-radius:50%;color:var(--wfo-brand,#087a52);font-size:18px;font-style:normal}
.facility-detail-card{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:0!important;overflow:hidden!important;padding:0!important;border:1px solid var(--wfo-line,#dce7e3)!important;border-radius:18px!important;background:#fff;box-shadow:0 14px 36px rgba(16,38,74,.08)}.facility-detail-media{position:relative;min-height:390px;padding:0!important}.facility-detail-media>img{width:100%;height:100%;min-height:390px;object-fit:cover}.facility-detail-media>span{position:absolute;left:20px;bottom:20px;padding:7px 11px;border-radius:999px;background:rgba(7,25,78,.82);color:#fff;font-size:11px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(7px)}.facility-detail-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:34px}.facility-detail-card p{margin:7px 0;color:var(--wfo-muted,#64718b);font-size:15px;line-height:1.55}.facility-description{color:var(--wfo-ink,#10264a)!important;font-size:18px!important;font-weight:750}.facility-facts{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.facility-facts>div{padding:12px;border:1px solid var(--wfo-line,#dce7e3);border-radius:10px;background:#f8fbfa}.facility-facts dt{color:var(--wfo-muted,#64718b);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.facility-facts dd{margin:5px 0 0;color:var(--wfo-ink,#10264a);font-size:14px;font-weight:800}.facility-note{font-size:13px!important}.facility-status{display:inline-flex;margin-bottom:10px;padding:6px 10px;border-radius:999px;background:#e7f5ee;color:var(--wfo-brand,#087a52);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.facility-detail-card .green-button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;margin-top:20px;padding:0 18px;border-radius:9px;background:var(--wfo-brand,#087a52);color:#fff;font-size:14px;font-weight:800}.facility-detail-card .green-button:hover,.facility-detail-card .green-button:focus-visible{background:#006a43}.facility-empty{grid-column:1/-1;padding:32px;border:1px dashed var(--wfo-line,#dce7e3);border-radius:14px;background:#fff}.facility-empty h2{margin:0 0 8px}
@media(max-width:760px){.facility-page{padding:0!important}.facility-page-head{margin-bottom:18px}.facility-page-head>a{width:38px;height:38px;flex-basis:38px}.facility-page-head h1{font-size:29px!important}.facility-card-list{grid-template-columns:1fr;gap:12px}.facility-discovery-card{grid-template-columns:118px minmax(0,1fr) 34px;min-height:126px;border-radius:13px}.facility-discovery-card img{min-height:126px}.facility-discovery-card>span{padding:15px 10px}.facility-discovery-card b{font-size:16px}.facility-discovery-card i{width:28px;height:28px}.facility-detail-card{grid-template-columns:1fr!important;border-radius:14px!important}.facility-detail-media{min-height:235px}.facility-detail-media>img{height:235px;min-height:235px}.facility-detail-content{padding:22px}.facility-facts{grid-template-columns:1fr 1fr}.facility-detail-card .green-button{width:100%}}


/* booking-flow.css */
.calendar{border:1px solid #e1e9ea;border-radius:10px;padding:16px;background:#fff}.calendar-title{display:flex;align-items:center;justify-content:space-between;text-align:center;font-weight:800;font-size:16px;margin-bottom:15px}.calendar-nav{height:28px;width:28px;border:0;background:transparent;color:#087a52;font-size:27px;line-height:1;cursor:pointer}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;text-align:center}.calendar-weekdays span{font-size:11px;color:#596983;font-weight:700}.calendar-days{margin-top:10px}.calendar-days button,.calendar-days .disabled,.calendar-blank{height:36px;border-radius:7px;display:grid;place-items:center;font-size:13px}.calendar-days button{border:1px solid #d8ebe3;background:#fff;color:#087a52;font-weight:700;cursor:pointer}.calendar-days button.selected{background:#087a52;color:#fff;border-color:#087a52}.calendar-days .disabled{background:#f5f7f8;color:#aeb8c3}.calendar>p{font-size:11px;color:#64718b;margin:17px 0 0}.available-dot,.disabled-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#087a52}.disabled-dot{background:#e9efef}
.book-validation{margin:8px 0 18px;padding:12px 14px;border:1px solid #d78b88;border-radius:10px;background:#fff4f3;color:#8a2622;font-size:14px;font-weight:700;line-height:1.45}.book-flow [aria-invalid="true"]{border-color:#b8322e;box-shadow:0 0 0 2px #f7dbd9}
.coupon-entry [data-apply-coupon]{min-height:42px;margin-top:12px;padding:9px 18px;border:1px solid #087a52;border-radius:22px;background:#fff;color:#087a52;font-size:14px;font-weight:700;line-height:1.2;cursor:pointer}.coupon-entry [data-apply-coupon]:disabled{cursor:wait;opacity:.65}
/* Booking owns its transaction controls; the customer tab bar must not cover them. */
@media(max-width:900px){body:has([data-canonical-booking]) .wfo-global-mobile-nav{display:none}}
.book-team-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 4px}


/* captain-details-navigation.css */
/* The shared wizard footer is the single forward action on Captain Details. */
[data-wfo-captain-details-continue] { display: none !important; }
.book-actions .primary:disabled { cursor: not-allowed; opacity: .45; }

.permission-dialog[hidden] { display: none; }
.permission-dialog {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(10, 30, 48, .5);
}
.permission-dialog__panel {
  width: min(100%, 440px);
  padding: 24px;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 20px 60px rgba(10, 30, 48, .28);
}
.permission-dialog__panel h2 { margin-top: 0; }


/* downstream-booking.css */
.details-card,.review-card,.receipt-card{background:#fff;border:1px solid #e4eaec;border-radius:14px;padding:16px;margin:14px 0;box-shadow:0 4px 16px #08205b0a}.details-card label,.book-flow>label{display:grid;gap:7px;margin:12px 0;font-size:13px;font-weight:700;color:#17264b}.details-card input,.book-flow textarea{border:1px solid #d9e2e5;border-radius:8px;min-height:44px;padding:0 12px;font:inherit;color:#10214a}.book-flow textarea{min-height:92px;padding:12px;resize:vertical}.review-card h2{font-size:16px;margin:0 0 12px}.review-card>p,.receipt-card>p{display:flex;justify-content:space-between;gap:16px;margin:9px 0;color:#53617b;font-size:13px}.review-card>p b,.receipt-card>p b{color:#10214a;text-align:right}.price-summary .due-now{border-radius:9px;background:#f0f8f5;padding:12px;margin-top:12px;display:grid;grid-template-columns:1fr auto;gap:3px;color:#275a4c}.price-summary .due-now b{font-size:18px;color:#073e2a}.price-summary .due-now small{grid-column:1/-1}.outcome{text-align:center;padding:22px 16px;border-radius:14px;background:#fff7e9;margin:14px 0}.outcome.success{background:linear-gradient(140deg,#edf9f4,#fff)}.outcome.danger{background:#fff1f1}.outcome h1{margin:0 0 8px;font-size:26px}.outcome>p{margin:0;color:#56647d}.outcome>b{font-size:16px;color:#097550}.qr-card{text-align:center}.qr-placeholder{margin:14px auto;padding:20px;border:10px solid #10214a;width:min(240px,80vw);min-height:120px;display:grid;place-items:center;word-break:break-all;font-weight:800;letter-spacing:2px;background:repeating-linear-gradient(45deg,#fff,#fff 5px,#f1f4f6 5px,#f1f4f6 10px)}.qr-code{display:grid;place-items:center;margin:16px auto;padding:14px;background:#fff;border:1px solid #dce5e1;border-radius:12px;max-width:268px}.qr-code svg{display:block;width:100%;height:auto}.receipt-card>h1{font-size:28px;color:#087a52;margin:0}.receipt-card>h2{font-size:17px;margin:2px 0 18px}.danger-button{width:100%;border:0;border-radius:12px;padding:15px;background:#e63737;color:#fff;font-weight:800;font-size:15px;margin-top:14px}
.member-home{max-width:760px;margin:auto;padding:22px 18px 98px;background:#fff;min-height:100vh;color:#071942}.member-header{display:flex;align-items:center;gap:11px;margin:4px 0 17px}.avatar{width:43px;height:43px;border:0;border-radius:50%;background:#e7f1e9;color:#087a52;font-weight:800}.member-header>div{display:grid;gap:3px;flex:1}.member-header p{margin:0;font-size:14px}.member-header p strong{display:block;font-size:19px}.member-location,.bell{border:0;background:transparent;padding:0;color:#19294b;font:600 12px/1.2 inherit;text-align:left}.bell{font-size:23px}.member-hero{min-height:172px;border-radius:12px;padding:22px;color:#fff;background-size:cover;background-position:center;position:relative;overflow:hidden}.member-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061c14d9,#061c1459)}.member-hero.booking{background-image:url('/assets/gateway-cricket-hero.webp')}.member-hero.play{background-image:url('/assets/wfo-ground-720.webp')}.member-hero>div{position:relative;max-width:270px}.member-hero h1{font-size:27px;line-height:1.03;margin:0 0 8px}.member-hero p{font-size:13px;line-height:1.35;margin:0 0 14px}.member-hero button{border:0;border-radius:20px;background:#fff;color:#071942;padding:9px 15px;font-weight:800}.member-section{margin:20px 0}.member-section h2{font-size:18px;margin:0 0 10px}.member-section h2 button{float:right;border:0;background:none;color:#086cde;font-size:12px;font-weight:700}.play-cards,.explore-cards{display:grid;gap:10px}.play-cards{grid-template-columns:1fr 1fr}.explore-cards{grid-template-columns:repeat(3,1fr)}.play-cards button,.explore-cards button{border:0;text-align:left;border-radius:11px;padding:13px 11px;min-height:104px;color:#071942;position:relative}.play-cards button{min-height:118px}.team-card{background:#dff0ff}.tournament-card{background:#e1f7e9}.day-card{background:#fff0dc}.cafe-card{background:#fff8db}.store-card{background:#eee6ff}.play-cards i,.explore-cards i{display:block;font-size:25px;font-style:normal;margin-bottom:7px}.play-cards span,.explore-cards span{display:grid;gap:3px}.play-cards small,.explore-cards small{font-size:10px;line-height:1.2}.play-cards em,.explore-cards em{position:absolute;right:10px;bottom:9px;border-radius:50%;background:#fff;width:22px;height:22px;display:grid;place-items:center;font-style:normal}.home-row{display:flex;width:100%;align-items:center;text-align:left;gap:10px;border:1px solid #e4ebef;background:#fff;border-radius:11px;padding:10px}.home-row>span:nth-child(2){display:grid;gap:4px;flex:1}.home-row small{font-size:11px;color:#53617b}.row-image{width:58px;height:48px;border-radius:7px;background:url('/assets/wfo-ground-720.webp') center/cover}.status{font-size:10px;color:#087a52;background:#dff7e9;border-radius:8px;padding:5px;font-style:normal}.home-row em{font-size:23px;font-style:normal}.action-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff0cd;color:#e17800;font-weight:900}.home-empty{border-radius:11px;background:#f5f8fb;padding:22px;display:grid;place-items:center;gap:5px;color:#70809a;text-align:center}.home-empty b{font-size:25px}.home-empty strong{font-size:13px}.home-empty small{font-size:11px}.member-nav{position:fixed;z-index:5;bottom:0;left:50%;transform:translateX(-50%);width:min(760px,100%);background:#fff;border-top:1px solid #e4ebef;display:grid;grid-template-columns:repeat(4,1fr);padding:9px 12px calc(9px + env(safe-area-inset-bottom))}.member-nav button{border:0;background:none;display:grid;justify-items:center;gap:3px;color:#64718b}.member-nav button.active{color:#076bdd}.member-nav b{font-size:21px}.member-nav small{font-size:10px}.setup-page{max-width:460px;margin:auto;min-height:100vh;padding:46px 28px;background:#fff;color:#071942}.setup-progress{display:flex;gap:12px;margin:34px 0}.setup-progress>*{width:12px;height:12px;border-radius:50%;background:#bdcad9}.setup-progress b{background:#009a56}.setup-page h1{margin:0;font-size:27px}.setup-page>p{color:#63708b}.setup-avatar{margin:30px auto;width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:#e6eef4;color:#557087;font-size:25px}.setup-page label{display:grid;gap:7px;margin:18px 0;font-size:13px;font-weight:700}.setup-page input,.setup-page select{min-height:44px;border:1px solid #d7e0e9;border-radius:8px;padding:0 12px;background:#fff;font:inherit}.setup-page .primary{width:100%;margin-top:20px}.text-button{display:block;margin:18px auto;border:0;background:none;color:#1971cf}
 .member-shell{min-height:100vh;background:#f7f9fb}.desktop-side{display:none}.desktop-search,.desktop-profile,.profile-menu,.facility-strip{display:none}@media(min-width:900px){.member-shell{display:grid;grid-template-columns:180px minmax(0,1fr)}.desktop-side{display:flex;position:sticky;top:0;height:100vh;padding:17px 12px;background:#fff;border-right:1px solid #e6edf0;flex-direction:column;gap:5px}.desktop-logo{font-size:21px;font-weight:900;color:#075d3d;cursor:pointer;margin-bottom:22px}.desktop-logo small{display:block;font-size:6px;letter-spacing:1px}.desktop-side nav{display:grid;gap:4px}.desktop-side button{border:0;background:transparent;border-radius:6px;padding:10px;text-align:left;color:#496078}.desktop-side nav button.active{background:#e6f6ed;color:#08784f}.desktop-side button span{padding-left:10px;font-size:12px}.desktop-side h3{font-size:10px;color:#8290a7;margin:20px 10px 4px}.desktop-side .quick{font-size:13px}.side-promo{margin-top:auto;min-height:130px;padding:13px;border-radius:7px;background:linear-gradient(#092418aa,#092418e6),url('/assets/wfo-ground-720.webp') center/cover;color:#fff;font-size:19px;font-weight:800}.member-home{max-width:none;padding:16px 24px 30px}.member-header{height:42px;margin:0 0 15px;padding-bottom:12px;border-bottom:1px solid #e3e8ee}.member-header .avatar,.member-header>div{display:none}.desktop-search{display:flex;align-items:center;gap:6px;border:1px solid #dfe7eb;border-radius:5px;padding:6px 9px;min-width:290px;color:#567}.desktop-search input{border:0;outline:0;width:100%;font-size:11px}.desktop-profile{display:block;border:0;background:none;font-size:12px}.member-header{position:relative;justify-content:flex-end}.profile-menu{position:absolute;z-index:5;right:0;top:43px;width:210px;padding:9px;background:#fff;border:1px solid #e2e8ed;border-radius:8px;box-shadow:0 10px 30px #081c3c1c}.profile-menu:not([hidden]){display:grid}.profile-menu button{border:0;background:#fff;text-align:left;padding:10px;font-size:12px}.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.member-hero{min-height:185px}.home-context{display:grid;grid-template-columns:1fr 1fr;gap:13px}.home-context .member-section{margin:0}.home-context .member-section h2{font-size:13px}.home-context .home-row{padding:8px}.home-context .row-image{width:45px;height:39px}.home-context .status{display:none}.home-context .home-empty{min-height:125px}.facility-strip{display:grid;grid-template-columns:2.5fr repeat(5,1fr);gap:4px;height:104px;margin-top:16px}.facility-strip>div,.facility-strip button{border:0;border-radius:6px;background:#143a1d;color:#fff;text-align:left;padding:14px;background-size:cover;background-position:center;position:relative;overflow:hidden}.facility-strip>div{background:linear-gradient(90deg,#092518cc,#09251866),url('/assets/wfo-ground-720.webp') center/cover;display:grid;align-content:center}.facility-strip small{font-size:11px}.facility-strip button span{position:absolute;inset:auto 0 0;padding:5px;background:#04180baa;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-nav{display:none}.play-cards button{min-height:90px}.explore-cards button{min-height:85px}.member-section{margin:15px 0}}
.profile-shell{min-height:100vh;background:#f7fafb;color:#071942}.profile-top{height:64px;background:#fff;border:1px solid #e2eaf0;display:flex;align-items:center;gap:32px;padding:0 24px}.profile-top>button{border:0;background:none;color:#087b52;font-size:22px;font-weight:900}.profile-top nav{display:flex;gap:22px}.profile-top nav button{border:0;background:#fff;padding:22px 0;color:#31466e}.profile-top nav .active{color:#087b52;border-bottom:2px solid #087b52}.profile-shell main{max-width:1220px;margin:auto;display:grid;grid-template-columns:210px minmax(0,1fr);gap:18px;padding:20px}.profile-side{display:grid;align-content:start;gap:5px}.profile-side button{border:0;border-radius:8px;background:transparent;padding:12px;text-align:left;color:#2a4168}.profile-side .active{background:#dff6e9;color:#087a52;font-weight:800}.profile-content{min-width:0}.profile-identity,.profile-callout,.profile-form,.profile-empty{background:#fff;border:1px solid #e1e9ed;border-radius:12px;padding:20px;margin-bottom:14px}.profile-identity{display:flex;align-items:center;gap:18px}.profile-identity>div:nth-child(2){flex:1}.profile-identity h1{margin:0;font-size:24px}.profile-identity p{margin:6px 0;color:#486081;font-size:13px}.profile-avatar{width:94px;height:94px;border-radius:50%;background:#e2f1e8;color:#087a52;display:grid;place-items:center;font-size:27px;font-weight:800}.profile-identity button,.profile-callout button{border:1px solid #159065;background:#fff;color:#087a52;border-radius:7px;padding:10px 14px;font-weight:800}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.profile-stats button{border:1px solid #e1e9ed;border-radius:10px;background:#fff;padding:18px;text-align:left;color:#294269}.profile-stats b{display:block;font-size:24px;color:#071942}.profile-callout{display:inline-block;vertical-align:top;width:calc(50% - 9px);min-height:130px;margin-right:14px}.profile-form{max-width:520px}.profile-form label{display:grid;gap:7px;margin:14px 0;font-size:13px;font-weight:700}.profile-form input{min-height:42px;border:1px solid #dce5e8;border-radius:7px;padding:0 10px}.profile-form small{color:#087a52}.profile-empty{text-align:center;color:#62718c;padding:38px}.profile-empty h2{color:#13254a}@media(max-width:899px){.profile-top{display:none}.profile-shell main{display:block;padding:14px 14px 90px}.profile-side{display:none}.profile-identity{align-items:flex-start;flex-wrap:wrap}.profile-identity button{width:100%}.profile-stats{grid-template-columns:1fr 1fr}.profile-callout{display:block;width:auto;margin-right:0}.profile-content h1{font-size:23px}}
.member-home .home-grid{grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:start}
.member-home .home-context{grid-template-columns:1fr;align-content:start;gap:16px}
.member-home .home-context .member-section{min-width:0}
.member-home .home-context .member-section,.member-home .home-context .home-empty{width:100%;box-sizing:border-box}
@media(min-width:701px){.member-home .home-grid{display:block}.member-home .home-main{width:100%}.member-home .home-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin-top:24px;gap:16px}.member-home .home-context .member-section{width:100%;margin:0}.member-home .facility-strip{margin-top:24px}}
@media(max-width:1100px) and (min-width:701px){.member-home .home-grid{grid-template-columns:minmax(0,1fr) 300px}.member-home .home-context{grid-template-columns:1fr}}
@media(max-width:700px){.member-home .home-grid{grid-template-columns:1fr}.member-home .home-context{grid-template-columns:1fr}}
.team-match-page{max-width:1160px;margin:0 auto;padding:28px 32px 64px;color:#10214a}.team-match-page .team-back{display:inline-flex;align-items:center;min-height:38px;color:#176b50;text-decoration:none;font-weight:750;margin-bottom:16px}.team-match-page .team-back:hover{text-decoration:underline}.team-page-header,.team-match-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;background:#fff;border:1px solid #dfe9e7;border-radius:16px;padding:24px;margin-bottom:18px}.team-page-header h1,.team-match-hero h1{font-size:28px;line-height:1.15;margin:3px 0 8px;color:#0c1e48}.team-page-header p,.team-match-hero p{margin:0;color:#5f7188}.team-match-hero{background:linear-gradient(135deg,#f2fbf6,#fff)}.team-match-page .eyebrow{font-size:12px;font-weight:800;color:#087a52}.team-match-page .status{display:inline-flex;white-space:nowrap;background:#e2f7e9;color:#087a52;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.team-match-page>.team-workspace-panel{display:inline-flex;vertical-align:top;flex-direction:column;width:calc(50% - 10px);min-height:170px;box-sizing:border-box;margin:0 16px 16px 0;padding:20px;border-radius:14px;border:1px solid #dfe9e7;background:#fff;box-shadow:0 4px 14px rgba(13,46,61,.04)}.team-match-page>.team-workspace-panel:nth-of-type(even){margin-right:0}.team-workspace-panel h2{font-size:18px;margin:0 0 8px}.team-workspace-panel .muted{min-height:38px;margin:0 0 16px;color:#66748a;line-height:1.4}.team-workspace-panel button{margin:5px 8px 0 0}.team-workspace-panel .green-button{margin-top:auto}.team-match-page .team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:0}.team-match-card{display:block;text-decoration:none;color:inherit;min-height:150px}.team-match-card h2{margin:0 0 8px}.team-match-card p{margin:8px 0}.team-dialog-backdrop{position:fixed;z-index:1000;inset:0;background:rgba(7,25,66,.45);display:grid;place-items:center;padding:18px}.team-dialog{width:min(560px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#fff;border-radius:16px;padding:22px;box-shadow:0 20px 60px rgba(5,20,45,.28)}.team-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.team-dialog h2{margin:0 0 12px}.team-dialog .outlined-button{padding:8px 12px}.team-field{display:grid;gap:6px;margin:14px 0;color:#21375c;font-size:13px;font-weight:750}.team-field input,.team-field textarea,.team-field select{width:100%;box-sizing:border-box;min-height:42px;padding:10px;border:1px solid #cbd8df;border-radius:8px;background:#fff;font:inherit}.team-field textarea{min-height:110px;resize:vertical}.team-check-list{border:1px solid #e1e9ed;border-radius:10px;padding:8px}.team-check-row{display:block;padding:9px 7px;border-bottom:1px solid #eff3f5;color:#243b62}.team-check-row:last-child{border-bottom:0}.dialog-status{color:#b43232;min-height:20px}.timeline-row{font-size:12px;color:#5a6d84;border-top:1px solid #edf1f3;margin:0;padding:8px 0}@media(max-width:700px){.team-match-page{padding:18px 16px 88px}.team-page-header,.team-match-hero{padding:18px;display:grid;gap:12px}.team-page-header h1,.team-match-hero h1{font-size:24px}.team-page-header .green-button{width:100%}.team-match-page>.team-workspace-panel{width:100%;margin:0 0 12px;min-height:0}.team-match-page .team-grid{grid-template-columns:1fr}.team-dialog{padding:18px}.team-match-page .team-back{margin-bottom:10px}}


/* payment-choice-review.css */
.payment-choice-list{display:grid;gap:8px;margin:18px 0 4px}
.payment-choice-list h2{margin:0 0 2px}
.payment-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:13px;border:1px solid #d8e5e1;border-radius:10px;background:#fff;color:#10214a;text-align:left;cursor:pointer}
.payment-choice:hover,.payment-choice:focus-visible{border-color:#078157}
.payment-choice.selected{border:2px solid #078157;background:#f1fbf6}
.payment-choice span{display:grid;gap:4px}
.payment-choice small{color:#53617b}
.payment-choice strong{color:#087a52;font-size:17px;white-space:nowrap}


/* booking-outcome.css */
.booking-outcome-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.booking-outcome-actions button{flex:1 1 180px;min-height:46px;padding:10px 14px;border:1px solid #078157;border-radius:9px;background:#fff;color:#087a52;font:750 14px/1.2 Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer}.booking-outcome-actions button:first-child{background:#087a52;color:#fff}.booking-outcome-actions button:hover,.booking-outcome-actions button:focus-visible{box-shadow:0 0 0 3px rgba(7,129,87,.16);outline:0}
.booking-opponent-actions form{display:grid;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #dce7e2}.booking-opponent-actions label{display:grid;gap:5px;font-weight:700}.booking-opponent-actions input:not([type=checkbox]){min-height:44px;padding:10px;border:1px solid #cbd9d2;border-radius:8px}.booking-opponent-actions label:has(input[type=checkbox]){display:flex;align-items:center;gap:8px}.booking-opponent-actions button{min-height:44px;padding:10px 16px;border:1px solid #087a52;border-radius:8px;background:#087a52;color:#fff;font:700 14px Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer}.booking-opponent-actions button:disabled{opacity:.55}.booking-opponent-actions [data-opponent-revoke]{margin-top:16px;background:#fff;color:#a32121;border-color:#a32121}.booking-opponent-actions [data-opponent-message]{min-height:1.2em}


/* booking-parity.css */
.booking-result,.booking-receipt,.booking-cancellation{max-width:680px;margin-inline:auto}.booking-result .outcome{padding:30px 22px}.outcome.pending{background:#fff6e9}.outcome-symbol{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:#e28a16;color:#fff;font-size:32px;font-weight:800}.outcome.success .outcome-symbol{background:#078157}.outcome.danger .outcome-symbol{background:#e63737}.outcome-reference{margin:22px auto 0;padding:13px 16px;max-width:420px;border:1px solid #dce9e4;background:#fff;border-radius:10px;text-align:left;display:grid;gap:3px}.outcome-reference span{font-size:12px;color:#61717b}.outcome-reference b{color:#103a2d}.booking-receipt>h1,.booking-cancellation>h1{font-size:29px;margin:22px 0}.receipt-card{padding:0;overflow:hidden}.receipt-heading{padding:24px;border-bottom:1px solid #e4eaec}.receipt-heading strong{font-size:30px;color:#087a52}.receipt-heading h2{margin:4px 0 0}.receipt-rows{padding:18px 24px}.receipt-rows>p{display:flex;justify-content:space-between;gap:16px;margin:10px 0;color:#53617b}.receipt-rows b{color:#10214a;text-align:right}.receipt-card footer{padding:22px;text-align:center;border-top:1px solid #e4eaec}.cancellation-warning{padding:20px;border-radius:12px;background:#fff1f1;color:#932020}.cancellation-warning p{margin:8px 0 0;color:#6c4a4a}.book-flow .cancellation-ack{display:flex;align-items:flex-start;gap:10px;font-weight:500}.cancellation-ack input{min-height:auto;margin-top:3px}.cancellation-back{display:block;width:100%;min-height:46px;margin-top:12px;border:1px solid #ced9db;border-radius:12px;background:#fff;color:#15334a;font-weight:750}.danger-button:disabled{opacity:.5;cursor:not-allowed}


/* booking-design-conformance.css */
/* Locked Gateway booking-result composition: Visual Authority Pack B9–B11 and Activity A2/A3. */
.booking-result{width:min(760px,calc(100% - 40px));padding:28px 0 64px;background:transparent}.booking-result>header{min-height:48px;margin:0 0 18px;padding:0 2px;border:0}.booking-result>header a{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#102f58}.booking-result>header>b{font-size:18px;color:#102f58}.booking-result>header small{font-size:13px;color:#07844f}
.booking-result .outcome{display:grid;grid-template-columns:64px minmax(0,1fr) minmax(210px,280px);align-items:center;gap:20px;min-height:0;margin:0 0 16px;padding:24px;border:1px solid #f1d8d8;border-radius:14px;background:#fff7f7;text-align:left;box-shadow:0 8px 24px rgba(24,51,77,.055)}.booking-result .outcome.pending{border-color:#f0ddbd;background:#fff9ef}.booking-result .outcome.success{border-color:#bfe3d0;background:#f1fbf6}.booking-result .outcome-symbol{width:54px;height:54px;margin:0;background:#d92d36;font-size:26px}.booking-result .outcome.pending .outcome-symbol{background:#ee9412}.booking-result .outcome.success .outcome-symbol{background:#07844f}.outcome-copy{min-width:0}.outcome-kicker{display:block;margin-bottom:4px;color:#b42318;font-size:11px;font-weight:850;letter-spacing:.08em}.outcome.pending .outcome-kicker{color:#9a6408}.outcome.success .outcome-kicker{color:#07844f}.booking-result .outcome h1{margin:0;color:#102f58;font-size:27px;letter-spacing:-.035em}.booking-result .outcome p{margin:6px 0 0;color:#5f6f83;font-size:14px;line-height:1.45}.booking-result .outcome-reference{width:100%;margin:0;padding:14px 16px;border-color:#d8e2e8;border-radius:10px;box-shadow:none}.booking-result .outcome-reference span{font-size:11px;text-transform:uppercase;letter-spacing:.05em}.booking-result .outcome-reference b{font-size:16px}
.booking-result .review-card{margin:14px 0;padding:20px;border:1px solid #dce6ee;border-radius:13px;background:#fff;box-shadow:0 6px 20px rgba(24,51,77,.045)}.booking-result-summary__head{display:flex;align-items:center;gap:12px;padding-bottom:15px;border-bottom:1px solid #edf1f4}.booking-result-summary__icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#e7f6ee;color:#07844f;font-weight:900}.booking-result-summary__head small{display:block;color:#07844f;font-size:10px;font-weight:850;letter-spacing:.08em}.booking-result-summary__head h2{margin:2px 0 0;font-size:20px;color:#102f58}.booking-result-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;padding-top:7px}.booking-result-facts p{display:grid;gap:4px;margin:0;padding:11px 0;border-bottom:1px solid #edf1f4}.booking-result-facts span{color:#61738b;font-size:12px}.booking-result-facts b{color:#102f58;text-align:left;font-size:14px}.booking-result-facts .booking-result-outstanding b{color:#c42d2d;font-size:20px}.booking-result .booking-liabilities>h2{margin:0 0 14px;font-size:19px;color:#102f58}.booking-result .booking-liabilities>p{display:flex;justify-content:space-between;gap:20px;margin:0;padding:9px 0;border-bottom:1px solid #edf1f4}.booking-result .booking-liabilities>p span{color:#61738b}.booking-result .booking-liabilities>p b{color:#102f58}.booking-result .booking-liability{margin-top:15px;padding:15px;border-radius:10px;background:#f7fafb}.booking-result .booking-liability h3{margin:0 0 10px;font-size:16px}.booking-result .booking-liability p{display:flex;justify-content:space-between;margin:6px 0;color:#61738b}.booking-result .booking-liability p b{color:#102f58}.booking-outcome-actions{display:flex;align-items:center;gap:10px;margin-top:16px}.booking-outcome-actions>button,.booking-outcome-actions>a{min-height:46px;padding:0 20px;border-radius:9px}.booking-payment-overdue{display:flex;align-items:center;min-height:52px;width:100%;margin:0;padding:14px 16px;border-radius:10px;background:#fff0f0;color:#9f2424;font-weight:750}
@media(max-width:699px){.booking-result{width:100%;padding:16px 18px 112px}.booking-result>header{margin-bottom:12px}.booking-result .outcome{grid-template-columns:1fr;justify-items:center;gap:12px;padding:24px 18px;text-align:center}.booking-result .outcome-symbol{width:58px;height:58px}.booking-result .outcome h1{font-size:25px}.booking-result .outcome-reference{margin-top:4px;text-align:left}.booking-result .review-card{padding:17px}.booking-result-facts{grid-template-columns:1fr}.booking-result-summary__head h2{font-size:18px}.booking-result .booking-liabilities>p,.booking-result .booking-liability p{font-size:13px}.booking-liability-actions{grid-template-columns:1fr}.booking-liability-actions .button{min-height:44px;font-size:14px}.booking-outcome-actions{position:sticky;bottom:73px;z-index:3;padding:10px 0;background:linear-gradient(180deg,transparent,#fff 22%)}.booking-outcome-actions:has(.booking-payment-overdue){position:static;padding:0;background:none}.booking-outcome-actions>button,.booking-outcome-actions>a{width:100%}}

/* Payment-link actions use the same Gateway button system as every other
   customer action: one primary settlement action and equal secondary actions. */
.booking-liability-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.booking-liability-actions .button{width:100%;min-height:42px;padding:8px 10px;font-size:12px;white-space:normal;text-align:center}
@media(max-width:699px){.booking-liability-actions{grid-template-columns:1fr}.booking-liability-actions .button{min-height:44px;font-size:14px}}


/* payment-request.css */
.wfo-payer{min-height:100dvh;display:grid;place-items:center;padding:24px;background:#f5f8f5;color:#102f24;font:15px/1.45 Inter,ui-sans-serif,system-ui,sans-serif}.wfo-payer *{box-sizing:border-box}.wfo-payer-card{width:min(100%,440px);overflow:hidden;border:1px solid #d8e4da;border-radius:20px;background:#fff;box-shadow:0 12px 40px #16382312}.wfo-payer-brand{display:flex;flex-direction:column;gap:1px;padding:23px 25px;border-bottom:1px solid #e4ede6}.wfo-payer-brand strong{font-size:25px;line-height:1;color:#007e51}.wfo-payer-brand span{font-size:11px;font-weight:800;letter-spacing:.13em;color:#607a6a}.wfo-payer-body{padding:26px 25px 30px}.wfo-payer-state-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:15px;border-radius:50%;background:#e8f2eb;color:#047e50;font-size:31px;font-weight:900}.wfo-payer-settled .wfo-payer-state-icon{background:#078456;color:#fff}.wfo-payer-failed .wfo-payer-state-icon,.wfo-payer-overdue .wfo-payer-state-icon{background:#fff0ef;color:#cc2630}.wfo-payer h1{margin:0;font-size:25px;line-height:1.15}.wfo-payer-intro{margin:9px 0 20px;color:#5b7062}.wfo-payer-context{padding:16px;border:1px solid #dce7de;border-radius:16px;background:#fafdfa}.wfo-payer-context p{display:flex;justify-content:space-between;gap:18px;margin:0;padding:6px 0}.wfo-payer-context p span{color:#50665a}.wfo-payer-context p b{text-align:right;overflow-wrap:anywhere}.wfo-payer-context .wfo-payer-amount{align-items:baseline;margin-top:10px;padding-top:14px;border-top:1px solid #dce7de;font-size:19px}.wfo-payer-amount b{color:#c4212b}.wfo-payer-settled .wfo-payer-amount b{color:#087e52}.wfo-payer-note,.wfo-payer-settlement,.wfo-payer-error{margin:18px 0 0;padding:13px;border-radius:12px}.wfo-payer-note{background:#fff4dc;color:#675216}.wfo-payer-settlement{background:#e7f5eb;color:#08784e}.wfo-payer-settlement p{margin:4px 0 0}.wfo-payer-error{background:#fff0ef;color:#a62d2d}.wfo-payer-form{display:grid;gap:12px;margin-top:20px}.wfo-payer-form h2{margin:0;font-size:17px}.wfo-payer-form label{display:grid;gap:5px;font-weight:700}.wfo-payer-form input{width:100%;height:44px;padding:0 12px;border:1px solid #b8c9bb;border-radius:9px;font:inherit}.wfo-payer-form button{min-height:47px;border:0;border-radius:9px;background:#05834f;color:#fff;font:800 15px Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer}.wfo-payer-form button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:480px){.wfo-payer{padding:12px}.wfo-payer-card{border-radius:16px}.wfo-payer-body,.wfo-payer-brand{padding-left:19px;padding-right:19px}.wfo-payer h1{font-size:22px}}


/* team-workspace.css */
.team-workspace-shell{min-height:100vh;background:#f7f9fb;display:grid;grid-template-columns:184px minmax(0,1fr)}
.team-workspace-rail{position:sticky;top:0;height:100vh;box-sizing:border-box;padding:22px 14px;background:#fff;border-right:1px solid #e3eaed;display:flex;flex-direction:column;gap:28px}
.team-workspace-brand{color:#087a52;font-size:24px;font-weight:900;text-decoration:none;letter-spacing:.03em}
.team-workspace-rail nav{display:grid;gap:7px}
.team-workspace-rail nav a{padding:11px 12px;border-radius:8px;color:#4e647e;text-decoration:none;font-weight:650}
.team-workspace-rail nav a:hover{background:#e9f6ee;color:#087a52}
@media(max-width:899px){.team-workspace-shell{display:block}.team-workspace-rail{display:none}}
.team-match-page{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:28px 0 64px}.team-back{display:inline-flex;margin-bottom:18px;color:#31506d;font-weight:700;text-decoration:none}.team-match-hero,.team-page-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:24px 0;border-bottom:1px solid #e3eaed}.team-match-hero h1,.team-page-header h1{margin:4px 0 8px;color:#10264a}.team-page-header{margin-bottom:20px}.team-workspace-panel{margin-top:18px;padding:22px;background:#fff;border:1px solid #e0e8ee;border-radius:14px}.team-workspace-panel h2{margin:0 0 6px;color:#10264a}.muted{color:#61738b}.green-button,.outlined-button{margin:12px 10px 0 0;padding:10px 15px;border-radius:8px;font:inherit;font-weight:700;cursor:pointer}.green-button{border:1px solid #07844f;background:#07844f;color:#fff}.outlined-button{border:1px solid #b9c9d6;background:#fff;color:#17375e}.availability-context{display:grid;gap:4px;margin:16px 0;padding:13px 14px;background:#f1f8f4;border-radius:10px}.availability-counts{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:10px;margin:14px 0}.availability-count{padding:12px;border:1px solid #e1e9ef;border-radius:10px;display:grid;gap:3px}.availability-count strong{font-size:20px;color:#10264a}.availability-member-list{display:grid;gap:8px;margin-top:18px}.availability-member-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:12px;border:1px solid #e5ecf1;border-radius:10px}.availability-member-row strong{display:block;color:#14294c}.member-role{margin-left:7px;font-size:12px;color:#5f738a}.availability-note{grid-column:1/-1;margin:0;color:#536b82;font-size:14px}.availability-status{padding:5px 9px;border-radius:999px;font-weight:700;font-size:12px;white-space:nowrap}.availability-available{background:#daf5e5;color:#087343}.availability-maybe{background:#fff1c8;color:#8a5b00}.availability-unavailable{background:#fde0df;color:#a32624}.availability-no_response{background:#edf1f5;color:#65758a}.team-dialog-backdrop{position:fixed;z-index:50;inset:0;background:rgba(11,25,45,.44);display:grid;place-items:center;padding:18px}.team-dialog{width:min(560px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#fff;border-radius:16px;padding:20px;box-sizing:border-box}.team-dialog-head{display:flex;justify-content:space-between;align-items:center}.team-dialog-head h2{margin:0;color:#10264a}.team-field{display:grid;gap:6px;margin-top:13px;font-weight:650;color:#243c5a}.team-field input,.team-field select{padding:11px;border:1px solid #c8d5df;border-radius:8px;font:inherit}.team-check-list{display:grid;gap:8px;margin-top:12px}.team-check-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:9px;border:1px solid #e1e9ef;border-radius:8px}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.team-match-card{text-decoration:none;color:inherit}.timeline-row{padding:10px 0;margin:0;border-bottom:1px solid #edf1f4}.status{color:#087a52;font-weight:700}
@media(max-width:699px){.team-match-page{width:calc(100% - 28px);padding:18px 0 90px}.team-match-hero,.team-page-header{display:grid;gap:14px}.availability-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.availability-member-row{grid-template-columns:minmax(0,1fr) auto}.green-button,.outlined-button{width:100%;margin-right:0}.team-dialog{border-radius:14px;padding:16px}.team-workspace-panel{padding:16px}}


/* team-collections.css */
.team-collections-panel{display:block!important;min-height:0!important}.team-collection-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0 22px}.team-collection-total{padding:13px;border:1px solid #e1e9ef;border-radius:10px;background:#fff;display:grid;gap:5px}.team-collection-total span{font-size:13px;color:#60748b}.team-collection-total strong{font-size:19px;color:#10264a}.team-collection-block{border-top:1px solid #e8eef2;margin-top:18px;padding-top:18px}.team-collection-block h3{margin:0 0 6px;color:#10264a;font-size:17px}.team-collection-block>.muted{margin:0 0 12px;font-size:13px}.team-collection-balance-list{display:grid;gap:10px}.team-collection-balance{padding:14px;border:1px solid #e1e9ef;border-radius:10px;background:#fff}.team-collection-balance-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.team-collection-balance strong{display:block;color:#14294c}.team-collection-outstanding{padding:4px 8px;border-radius:999px;background:#fff4e6;color:#945308;font-size:12px;font-weight:700;white-space:nowrap}.team-collection-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0 0}.team-collection-metrics div{min-width:0}.team-collection-metrics dt{font-size:11px;color:#60748b}.team-collection-metrics dd{margin:3px 0 0;color:#10264a;font-size:13px;font-weight:700}.team-proof-row{padding:14px;border:1px solid #e1e9ef;border-radius:10px;margin:10px 0;display:grid;gap:8px}.team-collections-panel .dialog-status{margin-top:14px}@media(max-width:699px){.team-collection-totals{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.team-collection-total{padding:11px}.team-collection-balance{padding:12px}.team-collection-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.team-collection-metrics div:last-child{grid-column:1/-1}.team-collection-balance-heading{align-items:flex-start;flex-direction:column;gap:6px}.team-proof-row{padding:12px}}


/* customer-activity.css */
.customer-activity-page{width:min(980px,calc(100% - 48px));margin:0 auto;padding:32px 0 56px;color:#10264a}.customer-activity-header{margin-bottom:20px}.customer-activity-header p{margin:0;color:#61738b;font-size:16px}.customer-activity-eyebrow{color:#087a52!important;font-size:12px!important;font-weight:850;letter-spacing:.08em}.customer-activity-header h1{margin:5px 0 8px;font-size:32px;line-height:1.16}.customer-activity-tabs{display:flex;gap:8px;overflow:auto;padding:2px 0 8px;margin:0 -2px 20px;scrollbar-width:none}.customer-activity-tab{white-space:nowrap;border:0;border-radius:999px;padding:10px 16px;background:#edf1f5;color:#405574;font:inherit;font-weight:700;cursor:pointer}.customer-activity-tab.active{background:#10264a;color:#fff}.customer-activity-content{display:grid;gap:24px}.customer-activity-section{display:grid;gap:10px}.customer-activity-section h2{font-size:20px;margin:0 0 2px}.customer-activity-card{background:#fff;border:1px solid #e0e8ee;border-radius:14px;padding:17px 18px;display:grid;gap:14px;box-shadow:0 1px 2px rgba(16,38,74,.025)}.customer-activity-card--attention{border-color:#f0c7c7;background:linear-gradient(135deg,#fff 0%,#fff8f8 100%)}.customer-activity-card--success{border-color:#d7ecdf}.customer-activity-card--muted{background:#fafbfd}.customer-activity-card__top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.customer-activity-card__top>div{min-width:0}.customer-activity-card__type{margin:0 0 4px!important;color:#087a52!important;font-size:11px;font-weight:850;letter-spacing:.07em}.customer-activity-card h3{margin:0;color:#10264a;font-size:18px;line-height:1.25}.customer-activity-card__meta{margin:5px 0 0!important;color:#61738b;font-size:14px}.customer-activity-status{flex:0 0 auto;border-radius:999px;padding:6px 10px;background:#e8f4ec;color:#087a52;font-size:12px;font-weight:800;text-transform:capitalize}.customer-activity-status--attention{background:#fff0ef;color:#c22a2a}.customer-activity-status--info{background:#eef5ff;color:#1762bc}.customer-activity-status--muted{background:#edf1f5;color:#61738b}.customer-activity-payment{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #f0dede;padding-top:13px;color:#bd2828}.customer-activity-action{display:inline-flex;align-items:center;justify-content:center;min-height:38px;color:#087a52;font-weight:800;text-decoration:none}.customer-activity-action--primary{border-radius:9px;background:#087a52;color:#fff;padding:0 18px}.customer-activity-empty{background:#fff;border:1px solid #e0e8ee;border-radius:14px;padding:28px}.customer-activity-empty h1,.customer-activity-empty h2{margin:0 0 8px}.customer-activity-empty p{margin:0 0 18px;color:#61738b}.customer-activity-source-note{margin:0 0 20px;padding:12px 14px;border-radius:10px;background:#fff9e9;color:#70520c;font-size:14px}@media(max-width:699px){.customer-activity-page{width:calc(100% - 32px);padding:22px 0 92px}.customer-activity-header h1{font-size:28px}.customer-activity-header p{font-size:15px}.customer-activity-tabs{margin-bottom:18px}.customer-activity-tab{padding:9px 14px;font-size:14px}.customer-activity-content{gap:22px}.customer-activity-section h2{font-size:19px}.customer-activity-card{padding:15px}.customer-activity-card__top{gap:10px}.customer-activity-card h3{font-size:17px}.customer-activity-status{font-size:11px;padding:5px 8px}.customer-activity-payment{align-items:stretch;flex-direction:column}.customer-activity-payment .customer-activity-action--primary{width:100%}.customer-activity-action:not(.customer-activity-action--primary){justify-content:flex-start}}


/* customer-activity-enhancements.css */
/* Small additive Activity states kept separate from the release-one base sheet. */
.customer-activity-clear{display:flex;align-items:baseline;gap:10px;padding:13px 15px;border:1px solid #d7ecdf;border-radius:12px;background:#f6fcf8;color:#087a52}.customer-activity-clear p{margin:0;color:#61738b;font-size:14px}@media(max-width:699px){.customer-activity-clear{display:grid;gap:4px}}


/* team-entry.css */
.team-create-panel,.team-invite-panel{max-width:680px}.team-create-panel form{display:grid;gap:8px}.team-create-panel input,.team-create-panel select{width:100%;min-height:46px;box-sizing:border-box;padding:10px 12px;border:1px solid #bdccd7;border-radius:9px;background:#fff;color:#10264a;font:inherit}.team-create-panel input:focus,.team-create-panel select:focus{outline:3px solid #d8f1e4;border-color:#07844f}.team-form-error{margin:6px 0 0;color:#a32624;font-weight:650}.team-invite-panel{display:grid;gap:10px}.team-invite-panel h1,.team-create-panel h1{margin:0;color:#10264a}.team-invite-panel .green-button,.team-invite-panel .outlined-button{width:max-content}@media(max-width:699px){.team-invite-panel .green-button,.team-invite-panel .outlined-button{width:100%}}


/* team-match-index.css */
.team-match-index{box-sizing:border-box;width:min(1040px,calc(100% - 64px));margin:0 auto 64px;padding:32px 0 56px}.team-match-index .team-back{display:inline-flex;margin-bottom:22px}.team-match-index-context{display:flex;align-items:center;gap:12px;padding:16px 18px;border:1px solid #dfe8ef;border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(29,56,83,.05)}.team-match-index-context strong{font-size:19px;color:#102f58}.team-match-index-context span{color:#60728a;font-weight:650}.team-match-index .team-overview-nav{margin:0 0 30px;padding:0 4px;border-bottom:1px solid #dce5ed;display:flex;gap:26px}.team-match-index .team-overview-nav a{padding:17px 0 14px;color:#526984;font-weight:750;text-decoration:none}.team-match-index .team-overview-nav a.active{color:#087b52;border-bottom:3px solid #10a36d}.team-match-index .team-page-header{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:18px}.team-match-index .team-page-header h1{margin:0 0 7px;color:#102f58;font-size:30px;letter-spacing:-.035em}.team-match-index .team-page-header p{margin:0;max-width:560px}.team-match-filter-bar{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 18px}.team-match-filter-bar button{border:0;border-radius:999px;background:#edf2f6;color:#405978;padding:9px 15px;font:inherit;font-size:14px;font-weight:750;cursor:pointer}.team-match-filter-bar button.active{background:#087b52;color:#fff}.team-match-index-list{display:grid;gap:13px}.team-match-index-card{display:block;text-decoration:none;color:inherit;padding:20px 22px;border:1px solid #dce6ee;border-radius:13px;background:#fff;box-shadow:0 5px 18px rgba(29,56,83,.05);transition:transform .15s ease,box-shadow .15s ease}.team-match-index-card:hover{transform:translateY(-1px);box-shadow:0 10px 25px rgba(29,56,83,.11)}.team-match-index-card__heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.team-match-index-card h2{margin:0;font-size:20px;color:#102f58}.team-match-index-card__meta{margin:8px 0 0;color:#526984;font-weight:700}.team-match-index-card .match-list-detail{margin:12px 0;color:#61738b;line-height:1.45}.team-match-index-card .team-home-link{color:#087a52;font-weight:800}.team-match-index-empty,.team-match-index-error{padding:25px;border:1px solid #dce6ee;border-radius:13px;background:#fff}.team-match-index-empty h2,.team-match-index-error h2{margin:0 0 8px;color:#102f58}.team-match-index-empty p,.team-match-index-error p{margin:0 0 16px;color:#61738b}@media(max-width:899px){.team-match-index{width:min(760px,calc(100% - 44px))}}@media(max-width:699px){.team-match-index{width:calc(100% - 32px);margin-bottom:28px;padding:20px 0 36px}.team-match-index-context{padding:14px;align-items:flex-start;flex-direction:column;gap:4px}.team-match-index .team-overview-nav{margin:0 -16px 24px;padding:0 16px;gap:21px;overflow:auto;white-space:nowrap}.team-match-index .team-overview-nav a{padding:14px 0 12px;font-size:14px}.team-match-index .team-page-header{display:grid;gap:16px;margin-bottom:16px}.team-match-index .team-page-header h1{font-size:26px}.team-match-index .team-page-header .green-button{width:100%}.team-match-filter-bar{flex-wrap:nowrap;margin:0 -16px 16px;padding:0 16px;overflow:auto}.team-match-filter-bar button{white-space:nowrap}.team-match-index-card{padding:17px}.team-match-index-card__heading{display:grid;gap:9px}.team-match-index-card .status{justify-self:start}}


/* canonical-match-readiness.css */
.canonical-match-detail{box-sizing:border-box;width:min(1040px,calc(100% - 64px));margin:0 auto 64px;padding:32px 0 56px}.canonical-match-detail .team-back{display:inline-flex;margin-bottom:16px}.canonical-match-detail .team-match-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 22px;margin-bottom:14px;border:1px solid #dce6ee;border-radius:13px;background:#fff;box-shadow:0 5px 18px rgba(29,56,83,.05)}.canonical-match-detail .team-match-hero h1{margin:0 0 5px;color:#102f58;font-size:29px;letter-spacing:-.035em}.canonical-match-detail .team-match-hero p{margin:4px 0}.canonical-match-nav{display:flex;gap:22px;overflow:auto;white-space:nowrap;margin:0 0 18px;padding:0 3px;border-bottom:1px solid #dce5ed}.canonical-match-nav a{padding:12px 0 11px;color:#526984;font-size:14px;font-weight:750;text-decoration:none}.canonical-match-nav a:first-child{color:#087b52;border-bottom:3px solid #10a36d}.canonical-match-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.canonical-match-detail .canonical-match-area{padding:19px 20px;border:1px solid #dce6ee;border-radius:13px;background:#fff;box-shadow:0 5px 18px rgba(29,56,83,.05)}.canonical-match-detail .canonical-match-area h2{margin:0 0 8px;color:#102f58;font-size:18px}.canonical-match-detail .canonical-match-area[data-match-area="match-day"] h2,.canonical-match-detail .canonical-match-area[data-match-area="reconciliation"] h2{font-size:0}.canonical-match-detail .canonical-match-area[data-match-area="match-day"] h2:after{content:'Match Day';font-size:18px}.canonical-match-detail .canonical-match-area[data-match-area="reconciliation"] h2:after{content:'Match reconciliation';font-size:18px}.canonical-match-detail .canonical-match-area p{line-height:1.45}.canonical-match-detail .canonical-match-area .green-button,.canonical-match-detail .canonical-match-area .outlined-button{margin-top:13px}.canonical-match-detail [data-match-readiness]{grid-column:1/-1;padding:21px 23px;margin:0 0 14px;border:1px solid #b9dfcf;border-radius:13px;background:linear-gradient(90deg,#effaf4,#f8fcfa)}.canonical-match-detail [data-match-readiness] h2{margin:2px 0 6px;color:#102f58;font-size:23px}.canonical-match-detail [data-match-readiness] p{margin:5px 0 13px}.canonical-match-detail>.team-panel[data-match-area="activity"]{margin-top:14px;padding:20px;border:1px solid #dce6ee;border-radius:13px;background:#fff}.canonical-match-detail>.team-panel[data-match-area="activity"] h2{margin:0 0 8px;color:#102f58;font-size:18px}.canonical-match-detail .timeline-row{padding:9px 0;margin:0;border-top:1px solid #e8eef3;color:#526984}.canonical-match-detail .status{white-space:nowrap}@media(max-width:899px){.canonical-match-detail{width:min(760px,calc(100% - 44px))}}@media(max-width:699px){.canonical-match-detail{width:calc(100% - 32px);margin-bottom:28px;padding:20px 0 36px}.canonical-match-detail .team-match-hero{padding:17px;gap:12px}.canonical-match-detail .team-match-hero h1{font-size:24px}.canonical-match-detail .team-match-hero .status{font-size:12px}.canonical-match-nav{margin:0 -16px 14px;padding:0 16px;gap:20px}.canonical-match-nav a{padding:11px 0 10px}.canonical-match-detail-grid{grid-template-columns:1fr;gap:11px}.canonical-match-detail .canonical-match-area{padding:16px}.canonical-match-detail [data-match-readiness]{padding:17px;margin-bottom:11px}.canonical-match-detail [data-match-readiness] h2{font-size:21px}.canonical-match-detail>.team-panel[data-match-area="activity"]{padding:16px}}


/* customer-home-responsive.css */
.customer-home-main { max-width: 1280px; }
.customer-home-play-grid button,
.customer-home-row,
.customer-home-explore button { border: 1px solid #dce8f5; }
@media (min-width: 1600px) {
  .customer-home-main { max-width: 1440px; padding-inline: clamp(42px, 5vw, 88px); }
  .customer-home-hero { min-height: 220px; }
  .customer-home-hero h1 { font-size: 38px; }
}


/* freshness.css */
.offline-notice{background:#5f4612;color:#fff;padding:9px 3.2vw;font-size:12px;text-align:center}.update-notice{position:fixed;z-index:100;right:18px;bottom:18px;display:flex;align-items:center;gap:14px;max-width:360px;background:#173c2c;color:#fff;border-radius:7px;padding:12px 14px;box-shadow:0 12px 30px rgba(0,0,0,.22);font-size:12px}.update-notice button{border:0;background:#fff;color:#0b6842;border-radius:4px;padding:7px 10px;font-weight:800;white-space:nowrap}.load-error{max-width:560px;margin:40px auto;text-align:center}.load-error h1{font-size:19px;margin:4px 0 8px}.load-error p{font-size:12px;line-height:1.5;color:#758078;margin:0 0 16px}@media(max-width:760px){.offline-notice{font-size:11px;padding:8px 14px}.update-notice{left:12px;right:12px;bottom:75px;max-width:none}}

/* Responsive Home imagery; source images remain available for other routes. */
.customer-home-hero,
.customer-home-hero--team,
.customer-home-hero--booking,
.customer-home-hero--action { background-image: none; }
.customer-home-hero-photo { background-image: url('../assets/home-hero-900.df6cc7780608e606.webp'); }
.customer-home-play-card--play { background-image: url('../assets/home-play-480.4646c4f51add6861.webp') !important; }
.customer-home-play-card--book { background-image: url('../assets/home-book-480.44f3e8076bac4bce.webp') !important; }
.customer-home-play-card--cafe { background-image: url('../assets/home-cafe-480.83037ff266ea7cf5.webp'); }
.customer-home-play-card--store { background-image: url('../assets/home-store-480.251684befbdf630f.webp'); }
@media (max-width: 899px) {
  .customer-home-hero-photo { background-image: url('../assets/home-hero-320.5e35e559e884ea91.webp'); }
  .customer-home-play-card--play { background-image: url('../assets/home-play-320.38073c952fbc733f.webp') !important; }
  .customer-home-play-card--book { background-image: url('../assets/home-book-320.7a59e0013263cdef.webp') !important; }
  .customer-home-play-card--cafe { background-image: url('../assets/home-cafe-320.5cad08ce0d4e651a.webp'); }
  .customer-home-play-card--store { background-image: url('../assets/home-store-320.bfbf3348fce19532.webp'); }
}

/* A hidden menu backdrop must not occupy a second row in the top bar. */
.wfo-topbar-menu>.wfo-customer-menu-backdrop[hidden]{display:none!important}
@media(min-width:900px){.wfo-topbar-menu>.wfo-customer-menu-backdrop{display:none!important}}

/* An explicit exit stays visible in both mobile and desktop authentication. */
.auth-page .auth-exit{align-self:flex-start;display:inline-flex;align-items:center;min-height:42px;margin:10px 0 0;color:#087b52;font-size:13px;font-weight:750;text-decoration:none}
.auth-page .auth-exit:hover,.auth-page .auth-exit:focus-visible{text-decoration:underline}
html[data-wfo-theme="dark"] .auth-page .auth-exit{color:#34d399}

/* Login has no global top bar; its image begins at the viewport edge. */
.wfo-global-shell--immersive .wfo-global-content>.auth-page{min-height:100dvh!important}
.wfo-global-shell--immersive .wfo-global-content{padding:0!important;margin:0}
@media(max-width:680px){.wfo-global-shell--immersive .auth-page{grid-template-rows:230px minmax(0,1fr)}.wfo-global-shell--immersive .auth-visual{margin:0}}

.experience-tabs>[data-public-mode]{appearance:none;border:0;border-right:1px solid rgba(255,255,255,.13);background:transparent;color:#fff;cursor:pointer}.experience-tabs>[data-public-mode]:focus-visible{outline:2px solid #8ee0bd;outline-offset:-2px}.coming-soon-controls{padding:14px 16px;color:#fff}.coming-soon-controls[hidden]{display:none}.coming-soon-controls strong{display:block;font-size:16px}.coming-soon-controls p{margin:4px 0 7px;font-size:13px;line-height:1.4}.coming-soon-controls span{display:inline-block;border:1px solid #8ee0bd;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;color:#c6f6df}@media(max-width:680px){.experience-tabs>[data-public-mode]{min-width:0;width:25%;padding:7px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.experience-tabs>[data-public-mode] .wfo-ui-icon{width:22px;height:22px}.experience-tabs>[data-public-mode] span{font-size:11px}.experience-tabs>[data-public-mode] small{font-size:8px}.coming-soon-controls{padding:11px 13px}}

.hero-controls.is-coming-soon-mode{height:auto!important;min-height:0!important}.hero-controls.is-coming-soon-mode .coming-soon-controls{padding-bottom:12px}@media(max-width:680px){.experience-hero:has(.hero-controls.is-coming-soon-mode){min-height:455px!important}.hero-controls.is-coming-soon-mode{height:auto!important;min-height:0!important}}

@media(max-width:680px){.experience-hero:has(.hero-controls.is-coming-soon-mode){height:455px!important}}

/* Immersive sign-in uses the same elevated surface as the rest of dark mode. */
html[data-wfo-theme="dark"] .auth-page{background:#0b0f17;color:#f8fafc}
html[data-wfo-theme="dark"] .auth-page .auth-form{background:#0b0f17;color:#f8fafc}
html[data-wfo-theme="dark"] .auth-page .auth-copy :is(h1,p),html[data-wfo-theme="dark"] .auth-page .auth-form label,html[data-wfo-theme="dark"] .auth-page .phone-field b{color:#f8fafc!important}
html[data-wfo-theme="dark"] .auth-page :is(.auth-copy span,#auth-note,#otp-countdown){color:#94a3b8!important}
html[data-wfo-theme="dark"] .auth-page :is(.phone-field,.otp-fields input){background:#1e293b;border-color:#334155;color:#f8fafc}
html[data-wfo-theme="dark"] .auth-page .phone-field b{border-color:#334155}
html[data-wfo-theme="dark"] .auth-page :is(.phone-field input,.otp-fields input){background:#1e293b;color:#f8fafc}
html[data-wfo-theme="dark"] .auth-page .phone-field input::placeholder{color:#94a3b8}
/* Auth identity and return action share one row; the mobile form starts promptly. */
.auth-page .auth-brand-row{display:flex;align-items:center;justify-content:flex-start;gap:9px;min-width:0}
.auth-page .auth-brand-row .landing-logo{min-width:0}
.auth-page .auth-exit{display:inline-flex;align-items:center;justify-content:flex-end;min-height:40px;margin:0;color:#087b52;font-size:13px;font-weight:750;text-decoration:none;white-space:nowrap}
.auth-page .auth-exit:focus-visible{outline:2px solid #10b981;outline-offset:3px}
.auth-page .auth-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;max-width:350px;margin:0 0 18px;padding:4px;border:1px solid #d8e3df;border-radius:12px;background:#f3f8f5}
.auth-page .auth-methods button{min-height:44px;padding:8px;border:0;border-radius:9px;background:transparent;color:#465d58;font-size:13px;font-weight:750;cursor:pointer}
.auth-page .auth-methods button.selected{background:#fff;color:#006e49;box-shadow:0 1px 5px #173b281c}
.auth-page .auth-methods button:focus-visible{outline:3px solid #76d2a9;outline-offset:2px}
.auth-page .otp-fields{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;max-width:350px}
.auth-page .otp-fields input{width:100%;min-width:0}
.auth-page .otp-fields--single{position:relative;display:block;width:100%;max-width:350px;height:50px}
.auth-page .otp-fields--single #otp-code{position:absolute;inset:0;z-index:1;width:100%;height:50px;margin:0;padding:0 12px;border:1px solid transparent;border-radius:8px;background:transparent;color:transparent;-webkit-text-fill-color:transparent;caret-color:#059669;font-size:22px;letter-spacing:0;opacity:1}
.auth-page .otp-fields--single #otp-code:focus{outline:0}
.auth-page .otp-slots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;height:50px;pointer-events:none}
.auth-page .otp-slots span{display:grid;place-items:center;min-width:0;border:1px solid #b9cbd4;border-radius:8px;background:#fff;color:#0f172a;font-size:21px;font-weight:700}
.auth-page .otp-slots span.is-filled{border-color:#059669}
.auth-page .otp-fields--single:focus-within .otp-slots span{border-color:#059669;box-shadow:0 0 0 2px #10b98133}
.auth-page .green-button.is-incomplete{background:#94a3b8;color:#fff;box-shadow:none}
html[data-wfo-theme="dark"] .auth-page .otp-fields--single #otp-code{background:transparent;color:transparent;-webkit-text-fill-color:transparent}
html[data-wfo-theme="dark"] .auth-page .otp-slots span{background:#1e293b;border-color:#475569;color:#f8fafc}
html[data-wfo-theme="dark"] .auth-page .otp-slots span.is-filled,html[data-wfo-theme="dark"] .auth-page .otp-fields--single:focus-within .otp-slots span{border-color:#34d399}
html[data-wfo-theme="dark"] .auth-page .green-button.is-incomplete{background:#334155;color:#cbd5e1}
.auth-page #otp-send{width:100%;min-height:46px;border:0;border-radius:8px;background:#008454;color:#fff;font-weight:800;cursor:pointer}
.auth-page #otp-send:disabled{opacity:.55;cursor:wait}
html[data-wfo-theme="dark"] .auth-page .auth-exit{color:#6ee7b7}
html[data-wfo-theme="dark"] .auth-page .auth-methods{background:#1e293b;border-color:#334155}
html[data-wfo-theme="dark"] .auth-page .auth-methods button{color:#cbd5e1}
html[data-wfo-theme="dark"] .auth-page .auth-methods button.selected{background:#065f46;color:#f8fafc;box-shadow:none}
.auth-page .auth-methods{gap:8px;padding:0;border:0;background:transparent}
.auth-page .auth-methods button{appearance:none;display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:8px 10px;border:1.5px solid #94a3b8;border-radius:11px;background:#fff;color:#334155;-webkit-text-fill-color:currentColor;box-shadow:0 1px 2px #0f172a12;transition:transform .15s ease}
.auth-page .auth-methods button:hover{border-color:#059669;background:#f0fdf4}
.auth-page .auth-methods button:active{transform:scale(.98)}
.auth-page .auth-methods button.selected{border-color:#047857;background:#047857;color:#fff;-webkit-text-fill-color:currentColor;box-shadow:0 2px 8px #0478572e}
.auth-page .auth-method-check{display:none;flex:none;place-items:center;width:17px;height:17px;border-radius:50%;background:#ffffff2e;font-size:12px;line-height:1}
.auth-page .auth-methods button.selected .auth-method-check{display:grid}
.auth-page .auth-methods button:focus-visible{outline:3px solid #10b981;outline-offset:3px}
html[data-wfo-theme="dark"] .auth-page .auth-methods{border:0;background:transparent}
html[data-wfo-theme="dark"] .auth-page .auth-methods button{border-color:#64748b;background:#1e293b;color:#f8fafc;-webkit-text-fill-color:currentColor;box-shadow:none}
html[data-wfo-theme="dark"] .auth-page .auth-methods button:hover{border-color:#6ee7b7;background:#26384a}
html[data-wfo-theme="dark"] .auth-page .auth-methods button.selected{border-color:#6ee7b7;background:#047857;color:#fff;-webkit-text-fill-color:currentColor;box-shadow:0 0 0 1px #6ee7b733}
.auth-page .auth-brand-row .wfo-brand-name{display:flex;align-items:baseline;gap:4px;white-space:nowrap}
.auth-page .auth-brand-row .wfo-brand-name small{display:inline;margin:0}
.auth-page .auth-brand-row .auth-exit{flex:none}
.auth-page .auth-legal{margin:auto 0 0;padding-top:30px;color:#64748b;font-size:11px;line-height:1.45}
.auth-page .auth-legal a{color:#087b52;text-decoration:underline;text-underline-offset:2px}
html[data-wfo-theme="dark"] .auth-page .auth-legal{color:#94a3b8}
html[data-wfo-theme="dark"] .auth-page .auth-legal a{color:#6ee7b7}
@media(max-width:680px){
  .auth-page .auth-form{min-height:calc(100dvh - 215px);padding:20px 20px 26px;border-radius:28px 28px 0 0}
  .auth-page .auth-brand-row .landing-logo{font-size:17px}
  .auth-page .auth-brand-row .wfo-brand-mark{width:26px;height:26px}
  .auth-page .auth-brand-row .wfo-brand-name strong{font-size:12px}
  .auth-page .auth-brand-row .wfo-brand-name small{font-size:9px;letter-spacing:.02em}
  .auth-page .auth-exit{font-size:12px;color:#475569}
  .auth-page .auth-copy{margin:28px 0 19px}
  .auth-page .auth-copy p{margin:0 0 10px;font-size:11px;letter-spacing:1.2px;color:#64748b}
  .auth-page .auth-copy h1{margin:0 0 11px;font-size:26px;line-height:1.15;letter-spacing:-.025em}
  .auth-page .auth-copy span{display:block;font-size:15px;line-height:1.45;color:#64748b}
  .auth-page .auth-form form{max-width:none}
  .auth-page .auth-form label{font-size:13px}
  .auth-page .phone-field{height:42px;margin-top:8px;border-radius:10px;overflow:hidden}
  .auth-page .phone-field b{align-self:stretch;display:grid;place-items:center;min-width:47px;padding:0 8px;background:#f1f5f9}
  .auth-page .phone-field input{min-width:0;background:transparent}
  .auth-page #auth-note{margin:9px 0 19px;font-size:12px;line-height:1.4}
  .auth-page .auth-form .green-button{min-height:42px;margin-top:0;border-radius:10px}
  .auth-page .auth-legal{padding-top:36px}
  .auth-page .auth-visual{position:relative;top:calc(-1 * env(safe-area-inset-top,0px));height:calc(230px + env(safe-area-inset-top,0px))}
}
html[data-wfo-theme="dark"] .auth-page .auth-copy p{color:#94a3b8!important}
html[data-wfo-theme="dark"] .auth-page .auth-copy span{color:#94a3b8!important}
html[data-wfo-theme="dark"] .auth-page .phone-field{background:#151d2b;border-color:#334155}
html[data-wfo-theme="dark"] .auth-page .phone-field b{background:#1e293b;border-color:#334155}
html[data-wfo-theme="dark"] .auth-page .phone-field input{background:#151d2b;color:#f8fafc}
html[data-wfo-theme="dark"] .auth-page .phone-field input::placeholder{color:#64748b}
html[data-wfo-theme="dark"] .auth-page .auth-form .green-button:disabled{background:#1e293b;color:#64748b;box-shadow:none}