/* Coach web design system. Change these tokens to theme every screen and dialog. */ html:not(.native-app) { --coach-ink:#202724; --coach-muted:#5E6B65; --coach-accent:#193D35; --coach-soft:#EAF0EB; --coach-line:#DEE5E1; --coach-surface:#fff; --coach-radius:16px; --coach-modal-radius:22px; --coach-modal-shadow:0 24px 80px #18251d26; --ink:var(--coach-ink); --charcoal:var(--coach-ink); --olive:var(--coach-accent); --olive-dark:#123028; --line:var(--coach-line); --paper:#fff; --cream:#F5F7F6; --primary:var(--coach-accent); --primary-foreground:#fff; --ring:var(--coach-accent); --border:var(--coach-line); --muted-foreground:var(--coach-muted); } .coach-redesign {color:var(--coach-ink);font-family:Manrope,Arial,sans-serif} .coach-redesign .manager-topbar{height:86px!important;min-height:86px!important;padding:0 4%!important;background:#fff!important;border-bottom:1px solid var(--coach-line)!important;box-shadow:none!important;color:var(--coach-ink)!important;gap:24px!important} .coach-redesign .manager-brand{color:var(--coach-ink)!important;gap:10px!important;flex-shrink:0} .coach-redesign .manager-brand>span{font-size:11px!important;letter-spacing:.08em!important;max-width:95px;white-space:normal;line-height:1.5} .coach-redesign .manager-brand img{filter:brightness(0);width:38px!important;height:38px!important;object-fit:contain} .coach-redesign .manager-nav{flex:1;justify-content:center;gap:6px!important} .coach-redesign .manager-nav>button{color:var(--coach-ink)!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:13px!important;font-weight:600!important;padding:22px 14px!important;min-height:64px!important} .coach-redesign .manager-nav>button>svg{display:none} .coach-redesign .manager-nav>button.active{color:var(--coach-accent)!important;box-shadow:inset 0 -3px var(--coach-accent)!important} .coach-redesign .manager-nav>button:hover{background:#F5F7F6!important} .coach-redesign .manager-nav>.nav-messaging{margin-left:auto;padding:12px!important;border-radius:50%!important;min-height:42px!important} .coach-redesign .nav-messaging>svg{display:block!important;width:21px}.coach-redesign .nav-messaging>span{display:none} .coach-redesign .manager-account{border:0!important;color:var(--coach-ink)!important;gap:12px!important} .coach-redesign .account-button,.coach-redesign .manager-signout{color:var(--coach-ink)!important;background:white!important;border-color:var(--coach-line)!important;box-shadow:none!important} .coach-redesign .account-button i{background:var(--coach-soft)!important;color:var(--coach-accent)!important} .coach-redesign .account-button small{color:var(--coach-muted)!important} .coach-redesign main.obf-mobile-page{max-width:1500px!important;width:100%!important;margin:0 auto!important;padding:32px 4% 48px!important;background:#fff!important;min-height:calc(100vh - 130px)} .coach-redesign .obf-screen-content{max-width:none!important;width:100%} .coach-redesign .heading{padding:0!important;margin:0 0 28px!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;min-height:auto!important;color:var(--coach-ink)!important} .coach-redesign .heading h1{color:var(--coach-ink)!important;font-size:30px!important;letter-spacing:-1px;font-weight:650} .coach-redesign .over{color:var(--coach-muted)!important;font-size:10px;letter-spacing:.13em} .coach-redesign .heading .over{display:none} .coach-redesign .planning-title-copy{display:block!important}.coach-redesign .planning-title-copy>span{display:block;margin-top:7px;font-size:13px!important;color:var(--coach-muted)!important} .coach-redesign .brand-btn,html:not(.native-app) .obf-dialog[data-slot="dialog-content"] .brand-btn{background:var(--coach-accent)!important;color:white!important;border-color:var(--coach-accent)!important;box-shadow:none!important;border-radius:10px!important} .coach-redesign button:focus-visible,html:not(.native-app) .obf-dialog[data-slot="dialog-content"] button:focus-visible{outline:2px solid var(--coach-accent);outline-offset:3px} .coach-redesign button:disabled{opacity:.5;cursor:not-allowed} .coach-redesign input,.coach-redesign select,.coach-redesign textarea{color:var(--coach-ink)!important;background:white!important;border-color:var(--coach-line)!important;border-radius:10px!important} .coach-redesign .detail-card,.coach-redesign .table-panel{background:white!important;border:1px solid var(--coach-line)!important;border-radius:var(--coach-radius)!important;box-shadow:none!important} .coach-redesign .table-panel thead,.coach-redesign th{color:var(--coach-muted)!important;background:#F5F7F6!important;font-weight:500!important;font-size:12px!important} .coach-redesign td{border-color:var(--coach-line)!important}.coach-redesign tbody tr:hover{background:#F5F7F6!important} .coach-redesign .management-tabs{display:flex;gap:24px;align-items:center;border-bottom:1px solid var(--coach-line);margin:-10px 0 30px;overflow-x:auto} .coach-redesign .management-tabs button{padding:16px 0;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--coach-muted);white-space:nowrap;font-size:13px} .coach-redesign .management-tabs button.active{color:var(--coach-accent);border-bottom-color:var(--coach-accent)} .coach-redesign .management-tabs select{margin-left:auto;padding:8px} /* One continuous time axis, with a readable Open Gym lane on every day. */ html:not(.native-app) .coach-redesign .coach-planning .toolbar{box-shadow:none!important;background:#fff!important;border:0!important;padding:0!important;margin:0 0 20px!important;gap:12px;flex-wrap:wrap} html:not(.native-app) .coach-redesign .coach-planning .toolbar>aside{gap:6px;flex-wrap:wrap} html:not(.native-app) .coach-redesign .coach-planning .toolbar button{font-size:11px!important;height:36px!important;border-radius:8px!important;background:#fff!important} html:not(.native-app) .coach-redesign .coach-planning .calendar{display:block!important;border:1px solid var(--coach-line)!important;box-shadow:none!important;border-radius:14px!important;overflow:auto!important;min-width:0;max-height:none!important;height:auto!important;opacity:1!important} html:not(.native-app) .coach-redesign .coach-planning .calendar>div{display:grid!important;min-width:1133px!important;opacity:1!important} html:not(.native-app) .coach-redesign .coach-planning .calendar>div{grid-template-columns:48px repeat(7,minmax(155px,1fr))!important} html:not(.native-app) .coach-redesign .calendar section{min-width:0!important;border-right:1px solid var(--coach-line)!important} html:not(.native-app) .coach-redesign .calendar section>header{height:44px!important;display:flex!important;align-items:center;justify-content:center;gap:8px;background:#fff!important;color:var(--coach-ink)!important} html:not(.native-app) .coach-redesign .calendar section>header span{font-size:11px!important} html:not(.native-app) .coach-redesign .calendar section>header b{display:none!important} .coach-redesign .planning-lane-labels{height:28px;display:grid;grid-template-columns:1fr 48px;align-items:center;padding:0 5px;font-size:9px;color:var(--coach-muted);background:#f9faf8;border-bottom:1px solid var(--coach-line);text-align:center} html:not(.native-app) .coach-redesign .coach-planning .day-grid{position:relative!important;height:var(--planning-grid-height)!important;min-height:var(--planning-grid-height)!important;background:repeating-linear-gradient(to bottom,transparent 0,transparent 35px,#edf0eb 35px,#edf0eb 36px)!important} html:not(.native-app) .coach-redesign .planning-time-rail>header{height:72px!important;background:white!important} html:not(.native-app) .coach-redesign .planning-time-rail>div{height:var(--planning-grid-height)!important;position:relative} html:not(.native-app) .coach-redesign .planning-time-rail span{font-size:10px!important;color:var(--coach-muted)!important} html:not(.native-app) .coach-redesign .coach-planning .day-grid .schedule-slot{position:absolute!important;left:5px!important;right:55px!important;padding:7px!important;border:1px solid #dce7de!important;border-left:3px solid #638771!important;border-radius:8px!important;background:#EAF0EB!important;box-shadow:none!important;overflow:hidden;cursor:pointer} html:not(.native-app) .coach-redesign .coach-planning .day-grid .schedule-slot.hyrox{background:#f6f0e7!important;border-color:#e9dcc6!important;border-left-color:#af9564!important} html:not(.native-app) .coach-redesign .coach-planning .day-grid .schedule-slot.spe{background:#f1edf7!important;border-left-color:#9d8ab6!important} html:not(.native-app) .coach-redesign .coach-planning .day-grid .schedule-slot.event-slot{background:#f8eeee!important;border-left-color:#b58787!important} html:not(.native-app) .coach-redesign .coach-planning .schedule-slot time{font-size:9px!important;display:block!important;padding:0!important;color:#69746c!important;line-height:1.25} html:not(.native-app) .coach-redesign .coach-planning .schedule-slot b{font-size:11px!important;line-height:1.5!important;color:var(--coach-ink)!important;display:block;margin-top:2px} html:not(.native-app) .coach-redesign .coach-planning .schedule-slot .slot-fill{position:static!important;background:transparent!important;font-size:10px!important;color:var(--coach-accent)!important;padding:0!important;display:block!important;line-height:1.3} .coach-redesign .slot-coach,.coach-redesign .slot-occupancy{display:none!important}.coach-redesign .slot-copy{opacity:0}.coach-redesign .schedule-slot:hover .slot-copy,.coach-redesign .schedule-slot:focus-within .slot-copy{opacity:1} html:not(.native-app) .coach-redesign .coach-planning .open-rail{position:absolute!important;top:0!important;bottom:0!important;right:4px!important;width:46px!important;background:#f7f9f5!important;border-left:1px solid var(--coach-line)!important} html:not(.native-app) .coach-redesign .coach-planning .open-rail button{position:absolute!important;left:2px!important;right:2px!important;width:42px!important;border:0!important;border-bottom:2px solid white!important;border-radius:5px!important;background:#193D35!important;color:#fff!important;font-weight:700!important;min-height:0!important;font-size:10px!important;display:grid!important;place-items:center!important;padding:0!important} html:not(.native-app) .coach-redesign .coach-planning .open-rail button.available{background:#f2f6ef!important;color:#83907d!important;font-weight:400!important} html:not(.native-app) .coach-redesign .coach-planning .open-rail button.full{background:#ecd9b4!important;color:#78591c!important} .coach-redesign .coach-planning-layout{display:block;min-width:0}.coach-redesign .key{margin:15px 0;color:var(--coach-muted)} .coach-redesign .coach-planning-today .planning-sticky-controls,.coach-redesign .coach-planning-today .planning-create-actions,.coach-redesign .coach-planning-today .empty-week{display:none!important} .coach-redesign .coach-planning-today .coach-planning-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:start} html:not(.native-app) .coach-redesign .coach-planning-today .calendar>div{grid-template-columns:55px minmax(0,1fr)!important;min-width:0!important} html:not(.native-app) .coach-redesign .coach-planning-today .day-grid .schedule-slot{right:89px!important;padding:8px 14px!important} html:not(.native-app) .coach-redesign .coach-planning-today .open-rail{width:78px!important} html:not(.native-app) .coach-redesign .coach-planning-today .open-rail button{width:74px!important;font-size:12px!important} .coach-redesign .coach-planning-today .planning-lane-labels{grid-template-columns:1fr 78px;font-size:11px} html:not(.native-app) .coach-redesign .coach-planning-today .schedule-slot b{font-size:14px!important}.coach-redesign .coach-planning-today .slot-coach{display:inline!important} .coach-redesign .today-aside{padding:8px 0;display:grid;gap:40px} .coach-redesign .today-aside section{background:transparent;border:0;box-shadow:none;padding:0} .coach-redesign .today-aside h2{font-size:19px;letter-spacing:-.4px;margin:6px 0 20px;color:var(--coach-ink);font-weight:600} .coach-redesign .today-aside h2>span{display:inline-grid;place-items:center;margin-left:8px;border-radius:50%;width:24px;height:24px;background:var(--coach-soft);font-size:12px;color:var(--coach-accent)} .coach-redesign .today-trial{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:0;border-bottom:1px solid var(--coach-line);background:white;padding:16px 0;color:var(--coach-ink)} .coach-redesign .today-trial i,.coach-redesign .member-name-button i{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:#f0eee7;color:#706956;font-size:12px;font-style:normal} .coach-redesign .today-trial span{display:grid;gap:5px;flex:1}.coach-redesign .today-trial b{font-size:13px}.coach-redesign .today-trial small,.coach-redesign .today-empty{font-size:12px;color:var(--coach-muted);line-height:1.6}.coach-redesign .today-trial svg{width:16px} .coach-redesign .today-shortcuts>div{display:grid;grid-template-columns:1fr 1fr;gap:12px} .coach-redesign .today-shortcuts button{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:18px;border:1px solid var(--coach-line);border-radius:12px;background:white;color:var(--coach-ink);font-size:12px;text-align:left} .coach-redesign .today-shortcuts button:hover{border-color:#a6bcab;background:#fafcf9}.coach-redesign .today-shortcuts svg{width:21px;color:var(--coach-accent)} .coach-redesign .today-week-link{display:flex;align-items:center;gap:10px;background:none;border:0;color:var(--coach-accent);font-size:13px;padding:0}.coach-redesign .today-week-link svg{width:16px} /* Member directory and the shared centered profile. */ .coach-redesign .members-table-workspace{border:1px solid var(--coach-line);border-radius:16px;overflow:hidden} .coach-redesign .members-table-toolbar{display:flex;align-items:center;gap:16px;padding:20px;border-bottom:1px solid var(--coach-line)} .coach-redesign .members-table-toolbar .member-search{display:flex;align-items:center;gap:8px;max-width:380px;width:100%;margin:0;border:1px solid var(--coach-line);padding:0 12px;border-radius:10px} .coach-redesign .member-search input{border:0!important;box-shadow:none!important;height:42px}.coach-redesign .member-search svg{width:17px;color:var(--coach-muted)} .coach-redesign .members-table-toolbar select{padding:10px;max-width:240px;font-size:12px}.coach-redesign .members-table-toolbar>span{margin-left:auto;font-size:12px;white-space:nowrap;color:var(--coach-muted)} .coach-redesign .members-table-scroll{overflow-x:auto}.coach-redesign .members-table-scroll table{width:100%;min-width:640px}.coach-redesign .members-table-scroll th,.coach-redesign .members-table-scroll td{padding:16px 20px;text-align:left} .coach-redesign .member-table-row{cursor:pointer} .coach-redesign .member-name-button{display:flex;align-items:center;justify-content:flex-start;width:100%;gap:12px;text-align:left;background:none;border:0;padding:0;color:var(--coach-ink)} .coach-redesign .member-name-button span{display:grid;gap:5px}.coach-redesign .member-name-button b{font-size:13px}.coach-redesign .member-name-button small{color:var(--coach-muted);font-size:11px} .coach-redesign .member-offer-tags{display:flex;gap:5px;flex-wrap:wrap}.coach-redesign .member-offer-tags>span{padding:5px 8px;background:#f2f5ef;border-radius:6px;font-size:11px} /* Every business dialog shares these tokens, including Open Gym. */ html:not(.native-app) [data-slot="dialog-overlay"],html:not(.native-app) .msg-modal{background:#17261e55!important;backdrop-filter:blur(3px)!important} html:not(.native-app) .obf-dialog[data-slot="dialog-content"],html:not(.native-app) [data-slot="alert-dialog-content"],html:not(.native-app) .msg-dialog{background:var(--coach-surface)!important;color:var(--coach-ink)!important;border:1px solid var(--coach-line)!important;border-radius:var(--coach-modal-radius)!important;box-shadow:var(--coach-modal-shadow)!important;padding:28px!important} html:not(.native-app) .obf-dialog[data-slot="dialog-content"]{top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;translate:none!important;width:calc(100vw - 40px)!important;max-width:720px!important;height:auto!important;max-height:calc(100dvh - 48px)!important;overflow:auto!important} html:not(.native-app) .obf-dialog[data-slot="dialog-content"] [data-slot="dialog-header"]{background:white!important;color:var(--coach-ink)!important;margin:0 0 18px!important;padding:0 40px 18px 0!important;border-bottom:1px solid var(--coach-line);border-radius:0!important} html:not(.native-app) .obf-dialog[data-slot="dialog-content"] [data-slot="dialog-title"]{color:var(--coach-ink)!important;font-size:23px!important} html:not(.native-app) .obf-dialog[data-slot="dialog-content"] [data-slot="dialog-description"]{color:var(--coach-muted)!important;font-size:13px!important} html:not(.native-app) .obf-dialog[data-slot="dialog-content"] [data-slot="dialog-close"],html:not(.native-app) .slot-detail-close{color:var(--coach-ink)!important;background:#f1f4ef!important;border:0!important} html:not(.native-app) .obf-dialog[data-slot="dialog-content"] [data-slot="dialog-footer"]{background:#fff!important;border-top:1px solid var(--coach-line)!important;margin:20px 0 0!important;padding:18px 0 0!important;position:static!important;border-radius:0!important} html:not(.native-app) .obf-dialog[data-slot="dialog-content"].member-profile-dialog{max-width:960px!important} html:not(.native-app) .member-profile-dialog .contact-detail{display:block!important;padding:0!important;border:0!important;background:#fff!important;min-height:0!important;box-shadow:none!important} html:not(.native-app) .member-profile-dialog .member-profile-header{background:white!important;color:var(--coach-ink)!important;border:0!important;box-shadow:none!important;padding:12px 0 0!important} html:not(.native-app) .member-profile-dialog .member-profile-identity{flex-wrap:wrap;padding-right:32px;gap:14px} html:not(.native-app) .member-profile-dialog .member-profile-actions{width:100%;justify-content:flex-start;flex-wrap:wrap;margin:10px 0} html:not(.native-app) .member-profile-dialog .member-summary-cards{gap:16px;margin:18px 0}.member-profile-dialog .member-summary-cards article{background:#f7f9f5!important;box-shadow:none!important;border:0!important;border-radius:12px!important} html:not(.native-app) .member-profile-dialog .member-profile-header nav{overflow-x:auto;display:flex;background:white!important;border-bottom:1px solid var(--coach-line);gap:16px} html:not(.native-app) .member-profile-dialog .member-profile-header nav button{white-space:nowrap;background:none!important;color:var(--coach-muted)!important;border-radius:0!important;padding:14px 0!important} html:not(.native-app) .member-profile-dialog .member-profile-header nav button.active{color:var(--coach-accent)!important;box-shadow:inset 0 -2px var(--coach-accent)!important} /* Point of sale and conversations use the same quiet surfaces. */ .coach-redesign .pos-layout{grid-template-columns:minmax(0,1.5fr) minmax(330px,1fr)!important;gap:28px!important} .coach-redesign .product-catalog,.coach-redesign .cart{background:white!important;border:1px solid var(--coach-line)!important;border-radius:16px!important;box-shadow:none!important} .coach-redesign .product-catalog>header,.coach-redesign .cart>header{background:white!important;color:var(--coach-ink)!important;border-color:var(--coach-line)!important} .coach-redesign .product-catalog>div>button{background:#fafbf8!important;color:var(--coach-ink)!important;border:1px solid var(--coach-line)!important;box-shadow:none!important;border-radius:12px!important;min-height:130px!important} .coach-redesign .product-catalog>div>button:hover{border-color:var(--coach-accent)!important}.coach-redesign .product-catalog>div>button i{background:var(--coach-soft)!important;color:var(--coach-accent)!important} .coach-redesign .msg-layout,.coach-redesign .msg-sidebar,.coach-redesign .msg-thread{background:white!important;color:var(--coach-ink)!important;box-shadow:none!important;border-color:var(--coach-line)!important} .coach-redesign .msg-sidebar{border-right:1px solid var(--coach-line)!important}.coach-redesign .msg-row.active{background:var(--coach-soft)!important;color:var(--coach-accent)!important} .coach-redesign .msg-primary{background:var(--coach-accent)!important;color:white!important;box-shadow:none!important}.coach-redesign .msg-avatar{background:#edf1e9!important;color:#527257!important}.coach-redesign .msg-composer{background:#fff!important;border-color:var(--coach-line)!important} .coach-redesign .foot{border-top:1px solid var(--coach-line);color:var(--coach-muted);background:white!important;font-size:10px} @media (max-width:1150px){.coach-redesign .manager-topbar{padding:0 22px!important;gap:14px!important}.coach-redesign .manager-brand>span,.coach-redesign .account-button>span{display:none!important}.coach-redesign .manager-nav>button{padding:22px 10px!important}.coach-redesign .coach-planning-today .coach-planning-layout{gap:28px}} @media (max-width:760px){ .coach-redesign .manager-topbar{height:64px!important;min-height:64px!important;padding:0 16px!important}.coach-redesign .mobile-current-section,.coach-redesign .mobile-menu-toggle{color:var(--coach-ink)!important}.coach-redesign .manager-nav.mobile-open{background:white!important;color:var(--coach-ink)!important;justify-content:flex-start!important;gap:0!important}.coach-redesign .manager-nav>button{padding:16px!important;min-height:48px!important;border-radius:8px!important}.coach-redesign .manager-nav>button>svg{display:block}.coach-redesign .manager-nav>.nav-messaging{margin:0!important}.coach-redesign .nav-messaging>span{display:inline}.coach-redesign main.obf-mobile-page{padding:22px 16px 90px!important}.coach-redesign .heading{margin-bottom:22px!important;gap:12px}.coach-redesign .heading h1{font-size:27px!important}.coach-redesign .planning-title-copy>span{font-size:12px!important}.coach-redesign .planning-create-actions{flex-wrap:wrap}.coach-redesign .coach-planning-today .coach-planning-layout{grid-template-columns:1fr;gap:30px}.coach-redesign .today-aside{grid-row:1;gap:24px}.coach-redesign .today-shortcuts>div{grid-template-columns:repeat(2,1fr)}.coach-redesign .today-shortcuts button{padding:14px;gap:10px}.coach-redesign .members-table-toolbar{flex-wrap:wrap;padding:14px;gap:10px}.coach-redesign .members-table-toolbar .member-search{max-width:none}.coach-redesign .members-table-toolbar select{flex:1}.coach-redesign .pos-layout{grid-template-columns:1fr!important}.coach-redesign .management-tabs{gap:20px}.coach-redesign .coach-bottom-nav{background:#fff!important;color:var(--coach-ink)!important}.coach-redesign .coach-bottom-nav button.active{color:var(--coach-accent)!important;background:var(--coach-soft)!important} html:not(.native-app) .obf-dialog[data-slot="dialog-content"]{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 24px)!important;padding:20px!important;min-width:0!important}.member-profile-dialog .member-summary-cards{grid-template-columns:1fr!important}.member-profile-dialog .member-profile-identity{padding-right:18px!important}.member-profile-dialog .member-profile-header nav{gap:12px!important} } .coach-redesign .cash-category-tabs{display:flex;gap:7px;padding:0 20px 16px;overflow-x:auto} .coach-redesign .cash-category-tabs button{border:1px solid var(--coach-line);border-radius:20px;padding:8px 14px;background:white;color:var(--coach-ink);white-space:nowrap;font-size:12px} .coach-redesign .cash-category-tabs button.active{background:var(--coach-soft);border-color:#ceddd1;color:var(--coach-accent)} .coach-redesign .cash-product-grid{display:grid!important;gap:12px!important;padding:0 20px 20px!important} .coach-redesign .cash-product-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important} .coach-redesign .msg-title{background:none!important;border:0!important;box-shadow:none!important;padding:0 0 26px!important;color:var(--coach-ink)!important} .coach-redesign .msg-title h1{font-size:30px!important;color:var(--coach-ink)!important;letter-spacing:-1px}.coach-redesign .msg-title small{display:none}.coach-redesign .msg-title p{color:var(--coach-muted)!important;font-size:13px} .coach-redesign .msg-cockpit{border:1px solid var(--coach-line)!important;border-radius:16px!important;box-shadow:none!important;overflow:hidden} .coach-redesign .msg-thread{padding:0!important;min-height:0!important}.coach-redesign .msg-thread>header{background:white!important;border-bottom:1px solid var(--coach-line)!important} .coach-redesign .msg-sidebar{background:#fcfdfa!important}.coach-redesign .msg-group>button{color:var(--coach-ink)!important}.coach-redesign .msg-group>button.active{background:var(--coach-soft)!important;color:var(--coach-accent)!important} .coach-redesign .planning-options{position:relative;font-size:12px;color:var(--coach-ink);margin-left:auto} .coach-redesign .planning-options summary{list-style:none;cursor:pointer;border:1px solid var(--coach-line);border-radius:9px;padding:10px 14px;font-weight:600;background:white} .coach-redesign .planning-options summary::after{content:'⌄';margin-left:12px} .coach-redesign .planning-options>aside{position:absolute;right:0;top:46px;z-index:20;background:white;border:1px solid var(--coach-line);border-radius:14px;box-shadow:0 12px 30px #26372914;padding:12px;display:grid;gap:8px;min-width:240px} .coach-redesign .today-next{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--coach-line);padding:0 0 22px;margin:0 0 22px} .coach-redesign .today-next>span{display:grid;gap:5px}.coach-redesign .today-next small{color:var(--coach-muted);font-size:11px}.coach-redesign .today-next b{font-size:14px} html:not(.native-app) .coach-redesign .coach-planning .day-grid .schedule-slot.is-next{border-color:var(--coach-accent)!important;box-shadow:0 0 0 1px var(--coach-accent)!important} @media (min-width:761px){html:not(.native-app) .coach-redesign .coach-planning-today .calendar{max-height:none!important}.coach-redesign .calendar section>header{position:sticky;top:0;z-index:3}.coach-redesign .planning-lane-labels{position:sticky;top:44px;z-index:3}} @media (prefers-reduced-motion:reduce){.coach-redesign *{scroll-behavior:auto!important;transition:none!important;animation:none!important}} /* Legacy selectors are scoped under the shared primitive, so one theme wins everywhere. */ html:not(.native-app) .obf-dialog.msg-dialog>small{background:white!important;color:var(--coach-muted)!important;margin:0!important;padding:0 40px 8px 0!important} html:not(.native-app) .obf-dialog.msg-dialog>h2:not(.sr-only){background:white!important;color:var(--coach-ink)!important;margin:0 0 20px!important;padding:0 40px 20px 0!important;border-bottom:1px solid var(--coach-line)} html:not(.native-app) .obf-dialog.msg-dialog>.close{background:#f1f4ef!important;color:var(--coach-ink)!important;border:0!important} html:not(.native-app) .obf-dialog [data-slot="dialog-header"] p,html:not(.native-app) .obf-dialog .slot-sheet-label{color:var(--coach-muted)!important} html:not(.native-app) .obf-dialog .brand-btn,html:not(.native-app) .obf-dialog .msg-primary{background:var(--coach-accent)!important;border-color:var(--coach-accent)!important;color:white!important;border-radius:10px!important} .coach-redesign .manager-nav button svg,.coach-redesign .mobile-menu-toggle svg,.coach-redesign .manager-signout svg{color:currentColor!important;stroke:currentColor!important} .coach-redesign .coach-menu-account{color:var(--coach-ink)!important}.coach-redesign .coach-menu-account small{color:var(--coach-muted)!important} .coach-redesign main[data-view="communication"]{height:calc(100dvh - 86px)!important;min-height:650px!important}.coach-redesign .messaging-page{padding:0!important} /* The document is the only vertical scroller for both planning views. */ html:not(.native-app) .coach-redesign main.obf-mobile-page:is([data-view="planning"],[data-view="dashboard"]){display:block!important;height:auto!important;max-height:none!important;overflow:visible!important} html:not(.native-app) .coach-redesign main:is([data-view="planning"],[data-view="dashboard"])>.obf-screen-content{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;flex:none!important} html:not(.native-app) .coach-redesign .coach-planning .calendar{height:auto!important;max-height:none!important;overflow-x:auto!important;overflow-y:hidden!important;flex:none!important} html:not(.native-app) .coach-redesign .coach-planning .calendar>div{height:auto!important;max-height:none!important} .coach-redesign .header-messaging{display:grid;place-items:center;width:40px;height:40px;border:1px solid #dfe5df;border-radius:50%;background:#ffffffa6;color:var(--coach-ink)} @media (min-width:761px){ .coach-redesign .manager-topbar{display:grid!important;grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr)!important;grid-template-rows:86px!important;gap:12px!important;padding:0 24px!important;background:linear-gradient(115deg,#ffffffd9,#f1f5f1b8 55%,#ffffffd9)!important;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border-bottom:1px solid #e5eae599!important;box-shadow:0 1px 14px #26392d06!important} .coach-redesign .manager-brand{grid-column:1!important;grid-row:1!important;justify-self:start} .coach-redesign .manager-account{grid-column:3!important;grid-row:1!important;justify-self:end;padding:0!important;gap:8px!important} .coach-redesign .manager-account .account-button>span{display:none!important} .coach-redesign .manager-nav{grid-column:2!important;grid-row:1!important;justify-self:center;display:flex!important;flex:0 0 auto!important;flex-wrap:nowrap!important;width:max-content!important;height:54px!important;align-items:center!important;gap:4px!important;padding:5px!important;border:1px solid #ffffffed!important;border-radius:999px!important;background:linear-gradient(130deg,#ffffffd4,#eaf0eaa6)!important;box-shadow:inset 0 1px 1px #fff,inset 0 -1px 2px #dce5df80,0 5px 20px #28463210!important;backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%)} .coach-redesign .manager-nav>button{display:flex!important;justify-content:center!important;align-items:center!important;flex:0 0 auto!important;height:42px!important;min-height:42px!important;padding:0 18px!important;margin:0!important;border:1px solid transparent!important;border-radius:999px!important;line-height:1!important;text-align:center!important;box-shadow:none!important;font-size:13px!important} .coach-redesign .manager-nav>button.active{background:linear-gradient(140deg,#fff,#e3eee7b8)!important;border-color:#ffffffed!important;color:var(--coach-accent)!important;box-shadow:inset 0 1px 1px #fff,0 2px 7px #234b3720!important} .coach-redesign .manager-nav>button:hover{background:#ffffff9e!important} .coach-redesign .manager-nav>.nav-messaging{display:none!important} } @media (min-width:761px) and (max-width:1000px){.coach-redesign .manager-nav>button{padding:0 11px!important;font-size:12px!important}.coach-redesign .manager-topbar{padding:0 14px!important}.coach-redesign .manager-account{gap:4px!important}.coach-redesign .manager-brand>span{display:none!important}} @media (max-width:760px){.coach-redesign .header-messaging{display:none}} /* Course detail matches the approved two-column window. */ html:not(.native-app) .obf-dialog[data-slot="dialog-content"].course-dialog{display:block!important;width:calc(100vw - 40px)!important;max-width:960px!important;padding:0!important;gap:0!important;border-radius:24px!important;background:#fff!important} .course-dialog .course-dialog-bar{position:relative;display:flex;align-items:center;justify-content:center;min-height:64px;border-bottom:1px solid var(--coach-line);padding:16px 65px} html:not(.native-app) .obf-dialog.course-dialog .course-dialog-bar [data-slot="dialog-title"]{font-size:17px!important;line-height:1.4!important;margin:0!important;text-align:center} .course-dialog-bar>button{position:absolute;left:22px;top:16px;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:#f1f3f0;color:var(--coach-ink)} .course-dialog-bar>button svg{width:18px} .course-dialog-body{padding:24px 30px} .course-intro{position:relative;margin:0 0 24px;padding:0;background:white} .course-intro h2{font-size:36px;letter-spacing:-1.2px;line-height:1.1;margin:0 0 12px;color:var(--coach-ink);font-weight:700;padding-right:150px} .course-intro>strong{display:block;font-size:15px;font-weight:550;text-transform:capitalize}.course-intro>p{color:var(--coach-muted);font-size:13px;margin:7px 0 0} .course-visibility{position:absolute;right:0;top:4px;font-size:11px;color:var(--coach-accent);background:#f0f8f1;border:1px solid #b8d4bd;padding:6px 10px;border-radius:20px} .course-columns{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:26px;align-items:start}.course-participants{min-width:0} .course-tabs{display:flex;gap:22px;border-bottom:1px solid var(--coach-line);margin-bottom:16px} .course-tabs>button{padding:12px 0;border:0;border-bottom:2px solid transparent;background:none;color:var(--coach-muted);font-size:13px;font-weight:500} .course-tabs>button[aria-selected="true"]{color:var(--coach-ink);border-bottom-color:var(--coach-accent);font-weight:600}.course-tabs span{background:#f0f2ef;border-radius:14px;padding:3px 7px;margin-left:4px;font-size:11px} .course-search{display:flex;align-items:center;gap:10px;border:1px solid var(--coach-line);padding:0 12px;border-radius:10px}.course-search>svg{width:18px;flex:none;color:var(--coach-muted)} html:not(.native-app) .obf-dialog.course-dialog .course-search input{border:0!important;background:transparent!important;box-shadow:none!important;min-width:0;padding:0!important;font-weight:400} .course-roster{max-height:370px;overflow:auto;margin-top:8px;padding-right:6px} .course-person{position:relative;display:flex;align-items:center;gap:10px;padding:16px 0;border-bottom:1px solid var(--coach-line);min-height:70px} .course-person>i{display:grid;place-items:center;flex:0 0 35px;height:35px;background:#f0f2ee;border-radius:50%;font-style:normal;font-size:12px}.course-person-name{flex:1;min-width:0}.course-person-name b{display:block;font-size:13px;font-weight:550}.course-person-name small{display:block;font-size:11px;color:var(--coach-muted);margin-top:4px} .course-presence{display:flex;flex:none;border:1px solid var(--coach-line);border-radius:9px;overflow:hidden}.course-presence>button{border:0;background:white;padding:9px 10px;color:var(--coach-ink);font-size:11px}.course-presence>button+button{border-left:1px solid var(--coach-line)}.course-presence>button[aria-pressed="true"]{background:#d9f4dd;color:#204d31}.course-presence>button:last-child[aria-pressed="true"]{background:#fbe3df;color:#a34235} .course-person-menu{position:relative}.course-person-menu>button:first-child{display:grid;place-items:center;border:0;background:none;width:28px;height:32px;color:var(--coach-ink)}.course-person-menu svg{width:17px}.course-person-menu .course-unsubscribe{position:absolute;z-index:4;right:0;bottom:35px;display:flex;align-items:center;gap:8px;padding:12px 14px;background:white;border:1px solid var(--coach-line);border-radius:10px;box-shadow:0 6px 20px #27362a20;color:#b6382e;white-space:nowrap;font-size:12px} .course-empty{padding:28px 8px;text-align:center;font-size:13px;color:var(--coach-muted)} .course-add{padding:20px;border:1px solid var(--coach-line);border-radius:13px}.course-add h3{font-size:17px;font-weight:600;margin:0 0 6px}.course-add>p{margin:0 0 18px;font-size:12px;color:var(--coach-muted)}.course-add form{display:grid;gap:14px}.course-add label{display:grid;gap:7px}.course-add select{width:100%;min-width:0;padding:9px;font-weight:400}.course-add form>button,.course-add>button{width:100%}.course-add dl{padding:16px 0;margin:20px 0 0;border-top:1px solid var(--coach-line);font-size:12px}.course-add dl>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.course-add dd{margin:0}.course-add dt{color:var(--coach-muted)} html:not(.native-app) .obf-dialog.course-dialog .course-trial{display:flex;align-items:center;font-weight:400;gap:8px}.course-options{font-size:11px;margin-top:14px}.course-options summary{cursor:pointer;color:var(--coach-muted)}.course-options>button{border:0;background:none;padding:14px 0;color:var(--coach-ink)} .course-dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--coach-line);padding:18px 28px}.course-cancel{border:0;background:none;color:#bc3f33;font-size:12px}.course-feedback{padding:10px 12px;background:#f3f6ef;border-radius:8px;font-size:13px}.course-feedback[role="alert"]{background:#fff0ed;color:#a03e31} @media (max-width:760px){html:not(.native-app) .obf-dialog[data-slot="dialog-content"].course-dialog{width:calc(100vw - 20px)!important;padding:0!important}.course-dialog-body{padding:20px}.course-columns{grid-template-columns:1fr;gap:22px}.course-intro h2{font-size:30px}.course-visibility{font-size:9px;max-width:140px}.course-person{flex-wrap:wrap}.course-presence{margin-left:auto}.course-roster{max-height:none;overflow:visible}.course-dialog-footer{padding:16px 20px}} /* Compact header: every control shares a single centered row. */ .coach-redesign .manager-topbar{height:64px!important;min-height:64px!important;max-height:64px!important;grid-template-rows:64px!important;align-items:center!important;box-sizing:border-box!important;flex:0 0 64px!important} .coach-redesign .manager-brand,.coach-redesign .manager-account{align-self:center!important;align-items:center!important;margin-block:0!important;height:40px!important} .coach-redesign .manager-brand img{height:32px!important;width:32px!important} .coach-redesign .manager-account button{align-self:center!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-block:0!important;max-height:36px!important} .coach-redesign .header-messaging,.coach-redesign .manager-signout{height:36px!important;width:36px!important;padding:8px!important} .coach-redesign .manager-account .manager-signout{flex:0 0 36px!important;gap:0!important} .coach-redesign .manager-account .manager-signout>span{display:none!important} .coach-redesign .manager-account .manager-signout>svg{flex:none!important;width:17px!important;height:17px!important} @media (min-width:761px){.coach-redesign .manager-nav{height:44px!important;min-height:44px!important;align-self:center!important;box-sizing:border-box!important;padding:4px!important;margin:0!important}.coach-redesign .manager-nav>button{height:34px!important;min-height:34px!important;padding-block:0!important;line-height:1!important;align-items:center!important;justify-content:center!important}.coach-redesign .manager-account .account-button{height:36px!important;padding:0!important}.coach-redesign .account-button i{width:34px!important;height:34px!important;display:grid!important;place-items:center!important}} /* The viewport stays fixed. Only the calendar scrolls vertically. */ html:not(.native-app) .coach-redesign.schedule-workspace{height:100dvh!important;min-height:0!important;max-height:100dvh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important} html:not(.native-app) .coach-redesign.schedule-workspace>.foot{display:none!important} html:not(.native-app) .coach-redesign.schedule-workspace main.obf-mobile-page:is([data-view="planning"],[data-view="dashboard"]){flex:1 1 0!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important;padding:20px 4% 12px!important;box-sizing:border-box!important;margin:0 auto!important} html:not(.native-app) .coach-redesign.schedule-workspace main>.obf-screen-content{display:block!important;height:100%!important;min-height:0!important;max-height:100%!important;overflow:hidden!important} html:not(.native-app) .coach-redesign.schedule-workspace .coach-planning{display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important;overflow:hidden!important} html:not(.native-app) .coach-redesign.schedule-workspace .coach-planning> :not(.coach-planning-layout){flex:0 0 auto!important} html:not(.native-app) .coach-redesign.schedule-workspace .coach-planning .heading{margin-bottom:16px!important} html:not(.native-app) .coach-redesign.schedule-workspace .coach-planning-layout{flex:1 1 0!important;min-height:0!important;overflow:hidden!important;align-items:stretch!important} html:not(.native-app) .coach-redesign.schedule-workspace .coach-planning .calendar{height:100%!important;min-height:0!important;max-height:100%!important;overflow:auto!important;overscroll-behavior:contain;scroll-behavior:auto;scrollbar-gutter:stable} html:not(.native-app) .coach-redesign.schedule-workspace .today-aside{min-height:0!important;max-height:100%!important;overflow-y:auto;align-content:start} html:not(.native-app) .coach-redesign.schedule-workspace .key{margin:8px 0 0!important;font-size:10px} html:not(.native-app) .coach-redesign .calendar section>header{position:sticky!important;top:0!important;z-index:5!important} html:not(.native-app) .coach-redesign .planning-lane-labels{position:sticky!important;top:44px!important;z-index:5!important} html:not(.native-app) .coach-redesign .planning-time-rail>header{position:sticky!important;top:0!important;z-index:6!important} .planning-now-line{position:absolute;left:0;right:0;border-top:2px solid #368466;z-index:4;pointer-events:none} .planning-now-line::before{content:'';position:absolute;left:0;top:-5px;width:8px;height:8px;background:#368466;border-radius:50%} @media (max-width:760px){html:not(.native-app) .coach-redesign.schedule-workspace main.obf-mobile-page:is([data-view="planning"],[data-view="dashboard"]){padding:12px 12px 76px!important}.coach-redesign.schedule-workspace .planning-title-copy>span{display:none!important}.coach-redesign.schedule-workspace .today-next{padding-bottom:10px;margin-bottom:10px}.coach-redesign.schedule-workspace .coach-planning-today .coach-planning-layout{grid-template-rows:minmax(0,1fr) minmax(0,160px);gap:12px}.coach-redesign.schedule-workspace .today-aside{grid-row:2!important;gap:16px}.coach-redesign.schedule-workspace .today-aside h2{font-size:16px;margin-bottom:8px}.coach-redesign.schedule-workspace .coach-planning .toolbar{margin-bottom:10px!important}} /* Solid, understated header without glass effects. */ .coach-redesign .manager-topbar{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;border-bottom:1px solid var(--coach-line)!important} @media (min-width:761px){ .coach-redesign .manager-nav{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:transparent!important;box-shadow:none!important} .coach-redesign .manager-nav>button.active{background:var(--coach-soft)!important;border-color:transparent!important;box-shadow:none!important} .coach-redesign .manager-nav>button:hover{background:#F5F7F6!important} } .coach-redesign .header-messaging{background:#fff!important;box-shadow:none!important} .coach-redesign .manager-topbar .manager-nav button::after{display:none!important;content:none!important} /* Consistent field geometry, including browser-native selects. */ html:not(.native-app) .coach-redesign select, html:not(.native-app) .obf-dialog[data-slot="dialog-content"] select{ appearance:none!important;-webkit-appearance:none!important;display:block;box-sizing:border-box!important;height:44px!important;min-height:44px!important;padding:0 38px 0 13px!important;border:1px solid #dfe5e0!important;border-radius:10px!important;background-color:#fff!important;color:var(--coach-ink)!important;font:400 13px/normal Manrope,Arial,sans-serif!important;box-shadow:none!important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23778077' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px!important; } html:not(.native-app) .obf-dialog[data-slot="dialog-content"] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"])), html:not(.native-app) .coach-redesign :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"])){height:44px!important;min-height:44px!important;box-sizing:border-box!important;border-radius:10px!important;background-color:#fff!important;font-weight:400!important;box-shadow:none!important} html:not(.native-app) .obf-dialog[data-slot="dialog-content"] :is(input,select):focus-visible,.coach-redesign :is(input,select):focus-visible{outline:2px solid #29634d38!important;outline-offset:1px!important;border-color:#83a391!important;box-shadow:none!important} html:not(.native-app) .obf-dialog[data-slot="dialog-content"] select:disabled,.coach-redesign select:disabled{background-color:#f6f8f5!important;color:#939b94!important;opacity:1!important;cursor:not-allowed} .course-member-field{display:grid;gap:7px}.course-member-field>span{font-size:12px;font-weight:600;color:var(--coach-ink)} .search-select{position:relative;min-width:0}.search-select-control{display:flex;align-items:center;gap:9px;height:44px;padding:0 12px;border:1px solid #dfe5e0;border-radius:10px;background:#fff;box-sizing:border-box}.search-select-control:focus-within{border-color:#83a391;outline:2px solid #29634d22;outline-offset:1px}.search-select-control>svg{width:17px;height:17px;flex:none;color:#8b958c} html:not(.native-app) .obf-dialog.course-dialog .search-select-control input{flex:1;min-width:0;width:100%;height:40px!important;min-height:40px!important;padding:0!important;border:0!important;border-radius:0!important;outline:none!important;background:transparent!important;box-shadow:none!important;font-size:13px!important;color:var(--coach-ink)} .search-select-control>button{display:grid;place-items:center;flex:none;width:20px;height:28px;padding:0;background:none;border:0;color:#778077}.search-select-control>button svg{width:16px;height:16px} .search-select-results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;max-height:220px;overflow-y:auto;overscroll-behavior:contain;padding:5px;background:#fff;border:1px solid #e2e7e1;border-radius:12px;box-shadow:0 10px 28px #22392a1a} .search-select-results>button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:10px;text-align:left;border:0;border-radius:7px;background:#fff;color:var(--coach-ink)}.search-select-results>button.highlighted{background:#f0f5ef}.search-select-results span{display:grid;gap:3px;min-width:0}.search-select-results b{font-size:12px;font-weight:500}.search-select-results small{font-size:10px;color:var(--coach-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-select-results svg{width:16px;color:var(--coach-accent)}.search-select-results>p{font-size:12px;padding:12px;color:var(--coach-muted)} html:not(.native-app) .obf-dialog.course-dialog .course-add>button{height:42px!important;min-height:42px!important;border-radius:10px!important;box-shadow:none!important;border:1px solid #dfe5e0!important;font-size:12px!important} @media (max-width:760px){html:not(.native-app) .obf-dialog.course-dialog .search-select-control input,html:not(.native-app) .obf-dialog[data-slot="dialog-content"] select{font-size:16px!important}} /* Cash counter: full-width shortcuts, compact receipt rows, anchored checkout. */ html:not(.native-app) .coach-redesign.cash-workspace{height:100dvh!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important} html:not(.native-app) .coach-redesign.cash-workspace>.foot{display:none!important} html:not(.native-app) .coach-redesign.cash-workspace main.obf-mobile-page{flex:1 1 0!important;min-height:0!important;height:auto!important;max-width:none!important;padding:28px 32px 24px!important;overflow:hidden!important;background:#f8f9f7!important} html:not(.native-app) .coach-redesign.cash-workspace .obf-screen-content{height:100%;min-height:0} .coach-redesign .cash-counter-page{height:100%;min-height:0;display:flex;flex-direction:column;gap:16px;position:relative} .coach-redesign .cash-counter-heading{position:static;flex:0 0 auto;margin:0!important} .coach-redesign .cash-counter-heading h1{font-size:36px!important;line-height:1.25!important} .coach-redesign .cash-counter-tabs{flex:1 1 0;min-height:0;display:flex;flex-direction:column;gap:0!important} .coach-redesign .cash-counter-tabs>[role="tabpanel"]{min-height:0;overflow:auto;margin:0!important} html:not(.native-app) .coach-redesign .cash-counter-panel{overflow:hidden!important;flex:1 1 0!important} .coach-redesign .cash-counter{display:grid;grid-template-columns:minmax(260px,24%) minmax(0,1fr);height:100%;min-height:0;border:1px solid var(--coach-line);border-radius:8px;background:white;overflow:hidden} .coach-redesign .cash-counter button{cursor:pointer;font:inherit} .coach-redesign .cash-counter button:disabled{cursor:not-allowed} .coach-redesign .cash-counter svg{width:18px;height:18px;flex-shrink:0} .coach-redesign .counter-shortcuts{padding:24px 20px;overflow:auto;border-right:1px solid var(--coach-line);background:#fcfcfb;min-width:0} .coach-redesign .counter-shortcuts h2{font-size:17px;font-weight:650;margin:0 0 20px;line-height:1.4} .coach-redesign .counter-shortcuts h3{font-size:14px;font-weight:650;margin:26px 0 4px} .coach-redesign .counter-search{position:relative} .coach-redesign .counter-search>svg{position:absolute;left:12px;top:13px;color:var(--coach-muted);pointer-events:none} html:not(.native-app) .coach-redesign .counter-search input{height:44px!important;padding-left:38px!important;font-size:13px!important;box-shadow:none!important;width:100%!important;border-radius:7px!important} .coach-redesign .counter-category{display:block;margin-top:12px} .coach-redesign .counter-category>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)} html:not(.native-app) .coach-redesign .counter-category select{height:36px!important;min-height:36px!important;font-size:12px!important;width:100%;background-color:transparent!important;border-color:transparent!important;padding-left:0!important;color:var(--coach-muted)!important} .coach-redesign .counter-product{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;text-align:left;background:none;border:0;border-bottom:1px solid var(--coach-line);padding:18px 0;color:var(--coach-ink)} .coach-redesign .counter-product:last-child{border-bottom:0} .coach-redesign .counter-product>span{display:grid;gap:6px;min-width:0} .coach-redesign .counter-product b{font-size:14px;font-weight:600} .coach-redesign .counter-product small{font-size:13px;color:var(--coach-muted)} .coach-redesign .counter-product i{width:36px;height:36px;border:1px solid var(--coach-line);border-radius:7px;display:grid;place-items:center;background:white;flex-shrink:0} .coach-redesign .counter-product:hover i{border-color:var(--coach-accent);background:var(--coach-soft);color:var(--coach-accent)} .coach-redesign .counter-ticket{display:flex;flex-direction:column;min-height:0;min-width:0} .coach-redesign .counter-client{display:flex;align-items:center;gap:20px;padding:24px 30px;border-bottom:1px solid var(--coach-line);flex-shrink:0;background:transparent} .coach-redesign .counter-identity{display:flex;gap:18px;align-items:center;flex:1;min-width:0} .coach-redesign .counter-avatar{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#f0f1ee;flex-shrink:0} .coach-redesign .counter-avatar svg{width:25px;height:25px} .coach-redesign .counter-identity small{font-size:12px;color:var(--coach-muted)} .coach-redesign .counter-identity h2{font-size:21px;line-height:1.4;margin:2px 0;font-weight:650;overflow-wrap:anywhere} .coach-redesign .counter-identity p{font-size:13px;color:var(--coach-muted);margin:0} .coach-redesign .counter-status{font-size:11px;color:var(--coach-accent);background:var(--coach-soft);padding:7px 10px;border-radius:5px;white-space:nowrap} .coach-redesign .counter-client>button{background:white;border:1px solid var(--coach-line);border-radius:8px;box-shadow:none;color:var(--coach-ink);font-size:12px;height:40px} .coach-redesign .counter-basket{padding:0 30px;overflow:auto;min-height:0;flex:1 1 0} html:not(.native-app) .coach-redesign .counter-basket table{width:100%!important;min-width:0!important;border-collapse:collapse;table-layout:auto;margin:0;background:white} html:not(.native-app) .coach-redesign .counter-basket th{background:white!important;padding:20px 10px!important;font-size:12px!important;font-weight:400!important;text-align:right!important;border-bottom:1px solid var(--coach-line)!important;white-space:nowrap} html:not(.native-app) .coach-redesign .counter-basket td{padding:18px 10px!important;border-bottom:1px solid var(--coach-line)!important;font-size:14px!important;text-align:right!important;background:white!important} html:not(.native-app) .coach-redesign .counter-basket :is(th,td):first-child{text-align:left!important;padding-left:0!important;width:40%;white-space:normal} html:not(.native-app) .coach-redesign .counter-basket :is(th,td):nth-child(2){text-align:center!important} html:not(.native-app) .coach-redesign .counter-basket :is(th,td):last-child{width:30px;padding-right:0!important} .coach-redesign .counter-basket td b,.coach-redesign .counter-basket td strong{font-weight:600} .coach-redesign .counter-quantity{display:inline-flex;height:36px;border:1px solid var(--coach-line);border-radius:7px;align-items:center;overflow:hidden;white-space:nowrap} .coach-redesign .counter-quantity button{border:0;background:#F5F7F6;display:grid;place-items:center;width:34px;height:34px;color:var(--coach-ink)} .coach-redesign .counter-quantity span{display:inline-grid;place-items:center;min-width:35px;padding:0 4px;font-size:13px} .coach-redesign .counter-quantity svg{width:14px;height:14px} .coach-redesign .counter-remove{display:grid;place-items:center;border:0;background:transparent;color:var(--coach-muted);width:32px;height:36px} .coach-redesign .counter-clear{display:flex;align-items:center;gap:7px;margin:16px 0 0 auto;padding:7px 0;background:transparent;border:0;color:var(--coach-muted);font-size:12px!important} .coach-redesign .counter-clear svg{width:14px;height:14px} .coach-redesign .counter-empty{font-size:13px;color:var(--coach-muted);padding:26px 0;line-height:1.6} .coach-redesign .counter-checkout{flex-shrink:0;border-top:1px solid var(--coach-line);padding:24px 30px 18px;background:white} .coach-redesign .counter-payment-row{display:flex;align-items:center;gap:24px;justify-content:space-between} .coach-redesign .counter-total{flex:1;min-width:135px;display:grid;gap:4px} .coach-redesign .counter-total>span{font-size:13px;color:var(--coach-muted)} .coach-redesign .counter-total>strong{font-size:32px;line-height:1.25;letter-spacing:-1px;font-weight:650;white-space:nowrap;font-variant-numeric:tabular-nums} .coach-redesign .counter-payment-methods{display:flex;align-items:stretch;border:1px solid var(--coach-line);border-radius:7px;overflow:hidden} .coach-redesign .counter-payment-methods button{display:flex;gap:9px;align-items:center;justify-content:center;height:52px;padding:0 17px;border:0;border-right:1px solid var(--coach-line);background:white;color:var(--coach-ink);font-size:13px;white-space:nowrap} .coach-redesign .counter-payment-methods button:last-child{border-right:0} .coach-redesign .counter-payment-methods button[aria-pressed="true"]{background:var(--coach-soft);color:var(--coach-accent);box-shadow:inset 0 0 0 1px var(--coach-accent)} html:not(.native-app) .coach-redesign .counter-confirm{height:54px!important;border-radius:8px!important;font-size:15px!important;font-weight:600!important;padding:0 24px!important;white-space:nowrap;gap:14px} .coach-redesign .counter-taxes{margin-top:20px;font-size:11px;color:var(--coach-muted)} .coach-redesign .counter-taxes summary{cursor:pointer;width:fit-content} .coach-redesign .counter-taxes>div{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:10px} .coach-redesign .counter-cash-tender{display:flex;align-items:center;justify-content:flex-end;gap:24px;margin-top:16px} .coach-redesign .counter-cash-tender label,.coach-redesign .counter-cash-tender>div{display:grid;gap:5px;font-size:12px;color:var(--coach-muted)} .coach-redesign .counter-cash-tender input{width:160px;height:40px;font-size:14px} .coach-redesign .counter-cash-tender strong{font-size:19px;color:var(--coach-ink)} @media (max-width:1200px){.coach-redesign .counter-client{padding:20px;gap:12px}.coach-redesign .counter-basket{padding:0 20px}.coach-redesign .counter-status{display:none}.coach-redesign .counter-checkout{padding:20px}.coach-redesign .counter-payment-row{gap:14px;flex-wrap:wrap}.coach-redesign .counter-payment-methods button{padding:0 12px}.coach-redesign .counter-total>strong{font-size:28px}.coach-redesign .counter-total{min-width:120px}} @media (max-width:760px){html:not(.native-app) .coach-redesign.cash-workspace main.obf-mobile-page{padding:18px 12px 76px!important;overflow:auto!important}.coach-redesign .cash-counter-page{height:auto;min-height:100%}.coach-redesign .cash-counter-heading{position:static;margin-bottom:16px!important}.coach-redesign .cash-counter-heading h1{font-size:28px!important}.coach-redesign .cash-counter-tabs{height:auto}.coach-redesign .cash-counter{height:auto;grid-template-columns:1fr}.coach-redesign .counter-shortcuts{border-right:0;border-bottom:1px solid var(--coach-line);padding:18px;max-height:340px}.coach-redesign .counter-product-list{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.coach-redesign .counter-shortcuts h3{margin-top:14px}.coach-redesign .counter-product{padding:12px 0}.coach-redesign .counter-client{flex-wrap:wrap;padding:18px}.coach-redesign .counter-identity h2{font-size:18px}.coach-redesign .counter-avatar{width:38px;height:38px}.coach-redesign .counter-basket{flex:auto;padding:0 14px;overflow:auto}.coach-redesign .counter-checkout{position:sticky;bottom:0;padding:18px}.coach-redesign .counter-payment-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.coach-redesign .counter-payment-methods{grid-column:1 / -1;grid-row:2}.coach-redesign .counter-payment-methods button{flex:1;padding:0 10px}.coach-redesign .counter-confirm{grid-row:1;grid-column:2}.coach-redesign .counter-cash-tender{justify-content:space-between;gap:10px}.coach-redesign .counter-client>button{margin-left:auto}.coach-redesign .counter-basket :is(th,td):nth-child(3){display:none}.coach-redesign .counter-basket .counter-quantity button{width:28px}.coach-redesign .counter-basket .counter-quantity span{min-width:26px}} .coach-redesign .counter-feedback{font-size:13px;color:var(--coach-ink);margin:0 0 14px;padding:10px 12px;border-radius:6px;background:var(--coach-soft)} /* Direct client selection and personal browser favorites. */ html:not(.native-app) .coach-redesign .counter-client>button.counter-identity{height:auto;min-height:70px;border:0;background:transparent;text-align:left;padding:0;border-radius:8px;justify-content:flex-start;white-space:normal;box-shadow:none} .coach-redesign .counter-identity:hover .counter-client-name{color:var(--coach-accent)} .coach-redesign .counter-client-name{display:block;font-size:21px;line-height:1.4;margin:2px 0;font-weight:650;overflow-wrap:anywhere} .coach-redesign .counter-client-detail{display:block;font-size:13px;color:var(--coach-muted)} .coach-redesign .counter-catalog-mode{display:flex;gap:6px;margin:20px 0 4px} .coach-redesign .counter-catalog-mode button{display:flex;align-items:center;gap:6px;padding:8px 10px;background:transparent;border:0;border-radius:7px;font-size:12px;color:var(--coach-muted)} .coach-redesign .counter-catalog-mode button[aria-pressed="true"]{background:var(--coach-soft);color:var(--coach-accent);font-weight:600} .coach-redesign .counter-catalog-mode svg{width:14px;height:14px} .coach-redesign .counter-product-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--coach-line);min-width:0} .coach-redesign .counter-product-row:last-child{border-bottom:0} .coach-redesign .counter-product-row .counter-product{border:0;min-width:0;flex:1} .coach-redesign .counter-favorite{border:0;background:transparent;color:#90978f;width:30px;height:38px;display:grid;place-items:center;flex-shrink:0;border-radius:6px} .coach-redesign .counter-favorite[aria-pressed="true"]{color:var(--coach-accent)} .coach-redesign .counter-favorite[aria-pressed="true"] svg{fill:var(--coach-accent)} .coach-redesign .counter-favorite:hover{background:var(--coach-soft)} .coach-redesign .counter-show-all{border:0;background:none;padding:0;color:var(--coach-accent);text-decoration:underline} @media (max-width:760px){.coach-redesign .counter-client-name{font-size:18px}.coach-redesign .counter-product-row{gap:4px}} html:not(.native-app) .obf-dialog .pos-bundle-fields{grid-column:1/-1;display:grid;gap:14px} html:not(.native-app) .obf-dialog .pos-bundle-fields p,html:not(.native-app) .obf-dialog .pos-bundle-fields small{font-size:12px;color:var(--coach-muted);line-height:1.5} html:not(.native-app) .obf-dialog .pos-bundle-toggle,html:not(.native-app) .obf-dialog .pos-slot-options label{display:flex;align-items:center;gap:9px} html:not(.native-app) .obf-dialog .pos-bundle-fields input[type=checkbox]{width:17px;height:17px;min-height:0;accent-color:var(--coach-accent)} html:not(.native-app) .obf-dialog .pos-bundle-fields fieldset{border:1px solid var(--coach-line);border-radius:10px;padding:14px;display:grid;gap:10px} html:not(.native-app) .obf-dialog .pos-slot-heading{display:flex;gap:10px;align-items:end} html:not(.native-app) .obf-dialog .pos-slot-heading>input{flex:1;min-width:0} html:not(.native-app) .obf-dialog .pos-slot-heading label{width:80px} html:not(.native-app) .obf-dialog .pos-slot-options{max-height:150px;overflow:auto;display:grid;gap:9px} html:not(.native-app) .obf-dialog .pos-bundle-selection{display:grid;gap:20px} html:not(.native-app) .obf-dialog .pos-bundle-selection label{display:grid;gap:8px} html:not(.native-app) .obf-dialog .pos-bundle-selection select{width:100%} /* Open Gym shares the WOD dialog and attendance components. */ .open-gym-dialog .open-presence-filters{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 24px} .open-gym-dialog .open-presence-filters label{display:grid;gap:7px} .open-gym-dialog .open-presence-filters select{width:100%;min-width:0} .open-gym-dialog .course-tabs>button[aria-pressed="true"]{color:var(--coach-ink);border-bottom-color:var(--coach-accent);font-weight:600} .open-gym-dialog .course-dialog-footer{flex-wrap:wrap} .open-gym-dialog .course-dialog-footer>.brand-btn{margin-left:auto} .open-gym-native-footer{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap} @media (max-width:760px){.open-gym-dialog .open-presence-filters{grid-template-columns:1fr}.open-gym-dialog .course-dialog-footer>.brand-btn{width:100%;margin-left:0}} .open-gym-dialog .course-intro h2{padding-right:0} .coach-leaves{max-width:1400px;margin:0 auto;padding-bottom:24px}.coach-leaves .heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.coach-leaves .heading p{color:var(--coach-muted);font-size:13px} .leave-toolbar{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin:24px 0}.leave-toolbar label,.leave-editor label{display:grid;gap:7px;font-size:12px;font-weight:550}.leave-toolbar select{min-width:175px}.leave-year{display:flex;align-items:center;gap:18px;height:40px}.leave-year button{background:#fff;border:1px solid var(--coach-line);border-radius:8px;width:32px;height:36px;font-size:20px}.leave-summary{display:flex;gap:32px;flex-wrap:wrap;padding:18px 0 24px;font-size:13px;color:var(--coach-muted)}.leave-summary b{font-size:22px;color:var(--coach-ink);margin-right:6px} .leave-table-wrap{background:#fff;border:1px solid var(--coach-line);border-radius:14px;overflow:auto}.leave-table{width:100%;border-collapse:collapse;text-align:left;min-width:720px}.leave-table th{font-size:11px;color:var(--coach-muted);font-weight:550;padding:16px 20px;background:#fafbf8}.leave-table td{padding:18px 20px;border-top:1px solid var(--coach-line);font-size:13px}.leave-table td small{display:block;color:var(--coach-muted);font-size:11px;margin-top:7px}.leave-note{max-width:280px;white-space:pre-wrap;overflow-wrap:anywhere}.leave-status{display:inline-flex;border-radius:20px;padding:6px 10px;font-size:11px;white-space:nowrap;background:#f0f1ef;color:#62695f}.leave-status.pending{background:#fff2d7;color:#8a651b}.leave-status.approved{background:#e3f1e6;color:#286140}.leave-status.rejected{background:#fce9e5;color:#9d4336}.leave-empty{padding:50px 20px;text-align:center;color:var(--coach-muted)}.leave-empty svg{margin:0 auto 12px}.leave-empty h3{font-size:17px;color:var(--coach-ink)}.leave-empty p,.leave-footnote{font-size:12px;color:var(--coach-muted)}.leave-footnote{margin-top:18px;line-height:1.6}.leave-notice{background:#e3f1e6;color:#286140;padding:12px;border-radius:9px}.leave-error{background:#fff0ed;color:#9d4336;padding:12px;border-radius:9px;font-size:13px} .leave-editor fieldset{border:0;padding:0;margin:0 0 20px;display:grid;gap:16px;min-width:0}.leave-date-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.leave-editor select,.leave-editor textarea{width:100%;min-width:0}.leave-editor textarea{padding:10px;border:1px solid var(--coach-line);border-radius:10px;resize:vertical}.leave-editor label span{color:var(--coach-muted);font-weight:400}.leave-duration{font-size:12px;margin:0;color:var(--coach-muted)} @media (max-width:760px){.coach-leaves .heading{align-items:flex-start;flex-direction:column}.leave-summary{gap:16px}.leave-toolbar{gap:12px}.leave-toolbar label{flex:1}.leave-toolbar select{min-width:140px}.leave-date-grid{grid-template-columns:1fr}} .coach-hr{max-width:1400px;margin:0 auto;padding-bottom:30px}.coach-hr>.heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.coach-hr .heading p{font-size:13px;color:var(--coach-muted)}.hr-tabs{display:flex;gap:24px;border-bottom:1px solid var(--coach-line);margin:20px 0}.hr-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:12px 0;color:var(--coach-muted);font-size:13px}.hr-tabs button[aria-selected="true"],.hr-tabs button[aria-pressed="true"]{color:var(--coach-ink);border-bottom-color:var(--coach-accent);font-weight:600}.hr-team{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.hr-person-card{border:1px solid var(--coach-line);border-radius:16px;background:#fff;padding:24px}.hr-person-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.hr-person-card h2{font-size:20px;margin:0}.hr-person-card header p{font-size:12px;color:var(--coach-muted);margin:8px 0}.hr-test{display:inline-block;margin-left:10px;border-radius:12px;background:#fff2d7;color:#805d18;padding:3px 7px;font-size:10px}.hr-profile-summary{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--coach-muted);margin:16px 0}.hr-balances{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:18px 0;border-top:1px solid var(--coach-line)}.hr-balances span,.hr-hours-summary span{display:block;font-size:12px;color:var(--coach-muted)}.hr-balances strong,.hr-hours-summary strong{display:block;font-size:27px;line-height:1.6}.hr-balances small,.hr-hours-summary small{display:block;font-size:11px;color:var(--coach-muted);line-height:1.7}.hr-negative{color:#a33e30!important}.hr-documents{margin-top:24px;border-top:1px solid var(--coach-line);padding-top:16px}.hr-documents>header{display:flex;justify-content:space-between;align-items:center}.hr-documents h3{font-size:14px;margin:0}.hr-documents button{display:inline-flex;align-items:center;gap:5px;border:0;background:none;color:var(--coach-accent);font-size:12px;padding:7px}.hr-documents svg{width:16px;height:16px;flex:none}.hr-documents p,.hr-independent{font-size:12px;color:var(--coach-muted);line-height:1.6}.hr-document{display:flex;gap:8px;align-items:center;padding:14px 0;border-bottom:1px solid var(--coach-line)}.hr-document>span{flex:1;min-width:0}.hr-document b{display:block;font-size:12px;overflow-wrap:anywhere}.hr-document small{display:block;font-size:10px;color:var(--coach-muted);margin-top:5px}.hr-hours-summary{display:flex;gap:40px;flex-wrap:wrap;padding:16px 0 26px}.hr-calendar{width:100%;min-width:850px;border-collapse:collapse;font-size:12px}.hr-calendar th,.hr-calendar td{border-bottom:1px solid var(--coach-line);padding:16px 10px;text-align:center}.hr-calendar th:first-child{text-align:left;min-width:140px}.hr-calendar td{min-width:95px}.hr-calendar .leave-status{display:block;white-space:normal;margin:4px 0;line-height:1.5}.hr-conflict-title{margin:24px 0 12px;font-size:17px}.hr-workdays{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.hr-workdays label,.hr-editor .hr-checkbox{display:flex;align-items:center;gap:5px}.hr-workdays input,.hr-editor .hr-checkbox input{width:16px!important;height:16px!important;min-height:0!important}.hr-editor input[type="file"]{height:auto!important;padding:12px!important}.coach-hr .coach-leaves .heading h1{font-size:23px} @media (max-width:900px){.hr-team{grid-template-columns:1fr}.hr-person-card{padding:18px}.hr-tabs{gap:18px;overflow:auto}.hr-tabs button{white-space:nowrap}.hr-balances{gap:12px}.hr-document{flex-wrap:wrap}.coach-hr>.heading{align-items:flex-start}} html:not(.native-app) .obf-dialog.leave-cover-editor{max-width:860px!important}.leave-cover{margin:22px 0;padding-top:20px;border-top:1px solid var(--coach-line)}.leave-cover h3{font-size:19px;margin:0 0 8px}.leave-cover>p{font-size:12px;color:var(--coach-muted);line-height:1.6}.leave-cover label{margin-top:12px}.leave-cover-templates{margin:18px 0;font-size:12px}.leave-cover-templates summary{cursor:pointer}.leave-cover-templates label{display:flex;align-items:center;gap:16px}.leave-cover-templates select{width:auto;flex:1}.leave-cover-slots{margin:16px 0;max-height:360px;overflow:auto}.leave-cover-slots>label{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,1fr);gap:18px;padding:14px 0;border-bottom:1px solid var(--coach-line);align-items:center}.leave-cover-slots b{display:block;font-size:13px}.leave-cover-slots small{display:block;color:var(--coach-muted);font-size:11px;line-height:1.7}@media (max-width:640px){.leave-cover-slots>label{grid-template-columns:1fr;gap:9px}.leave-cover-templates label{display:grid}} /* Keep the communication toolbar and composer inside the available viewport. */ html:not(.native-app) .manager-shell.coach-redesign:has(> main[data-view="communication"]){ display:flex!important;flex-direction:column!important; height:100dvh!important;min-height:0!important;overflow:hidden!important; } html:not(.native-app) .coach-redesign>main.obf-mobile-page[data-view="communication"]{ flex:1 1 0!important;height:auto!important;min-height:0!important; } html:not(.native-app) .coach-redesign>main[data-view="communication"]>.obf-screen-content{ display:flex!important;flex-direction:column!important; height:100%!important;min-height:0!important;overflow:hidden!important; } html:not(.native-app) .coach-redesign>main[data-view="communication"]>.obf-screen-content>.communication-tools{ flex:0 0 auto; } html:not(.native-app) .coach-redesign>main[data-view="communication"]>.obf-screen-content>.messaging-page{ flex:1 1 0;min-height:0;height:auto; } html:not(.native-app) .coach-redesign>main[data-view="communication"] .msg-cockpit{ height:auto;min-height:0; } /* Match neighbouring profile actions while keeping account state non-interactive. */ .member-account-state{display:inline-flex;align-items:center;align-self:stretch;justify-content:center;gap:8px;flex:0 0 auto;box-sizing:border-box;min-height:40px;height:auto;padding:8px 12px;border:1px solid #dce8e1;border-radius:10px;background:#f3f8f5;color:#193D35;font-size:11px;font-weight:600;line-height:18px;white-space:nowrap;} .member-account-state svg{display:block;flex-shrink:0;width:15px;height:15px;} /* Member privacy and manager approvals */ .coach-member-list{display:grid}.coach-member-list>.member-name-button{display:flex;justify-content:space-between;width:100%;padding:20px 24px;background:white;border:0;border-bottom:1px solid #e3e7e2;color:#30362e;text-align:left;font:inherit;cursor:pointer}.coach-member-list>.member-name-button:hover{background:#f2f7f4}.coach-member-dialog{max-height:85dvh;overflow-y:auto}.coach-member-dialog nav{display:flex;gap:20px;border-bottom:1px solid #dfe5df;margin-top:22px}.coach-member-dialog nav button{border:0;background:none;padding:12px 0;color:#737c72;font:inherit;cursor:pointer}.coach-member-dialog nav button.active{color:#2c624e;border-bottom:3px solid #2c624e}.coach-member-privacy{color:#778175;font-size:13px}.coach-member-offers,.coach-member-reservations{display:grid;gap:16px;padding:20px 0}.coach-member-offers article,.coach-member-reservations article,.member-change-card{border:1px solid #e0e5df;border-radius:14px;padding:20px;background:#fff}.member-change-panel{margin:24px 0;padding:22px;background:#f7f9f5;border:1px solid #e0e5df;border-radius:16px}.member-change-panel header{display:flex;justify-content:space-between;gap:16px;align-items:center}.member-change-panel h3{margin:0}.member-change-panel p{color:#717970;font-size:13px;margin:8px 0 16px}.member-change-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.member-change-actions input{flex:1;min-width:160px}.member-change-card{margin-top:14px}.member-change-card header>span{color:#2c624e;background:#eef5ef;border-radius:8px;padding:8px 12px;font-size:12px}.member-change-values{display:grid;gap:10px;margin:16px 0}.member-change-values div{display:grid;grid-template-columns:150px 1fr;gap:12px}.member-change-values dt{font-size:13px;color:#717970}.member-change-values dd{margin:0;overflow-wrap:anywhere}.member-change-values dd span{color:#717970}@media(max-width:700px){.member-change-panel header{align-items:flex-start;flex-direction:column}.member-change-values div{grid-template-columns:1fr;gap:4px}.coach-member-dialog nav{gap:14px}.coach-member-dialog .member-profile-actions{flex-wrap:wrap}} /* Shared web presentation for the settings, profiles and offer workspace. */ html:not(.native-app) .room-email-settings{max-width:900px;color:#29352e} html:not(.native-app) .room-email-settings>h2{font-size:24px;line-height:1.3;margin:0 0 12px} html:not(.native-app) .room-email-settings>p{max-width:720px;font-size:14px;line-height:1.65;color:#65736a} html:not(.native-app) .room-email-settings dl{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px 20px;margin:24px 0;padding:20px;border:1px solid #dfe6e1;border-radius:14px;background:#F5F7F6;font-size:14px;line-height:1.6} html:not(.native-app) .room-email-settings dt{font-weight:600;color:#65736a} html:not(.native-app) .room-email-settings dd{margin:0;overflow-wrap:anywhere} html:not(.native-app) .room-email-fields{display:grid;gap:12px;max-width:720px;margin:24px 0} html:not(.native-app) .room-email-fields label{display:grid;gap:8px;font-size:14px;font-weight:600;line-height:1.5} html:not(.native-app) .room-email-fields :is(input,textarea){box-sizing:border-box!important;display:block!important;width:100%!important;min-width:0!important;padding:12px 14px!important;border:1px solid #dce4df!important;border-radius:10px!important;background:#fff!important;color:#29352e!important;font-family:inherit!important;font-size:14px!important;font-weight:400!important;line-height:1.5!important} html:not(.native-app) .room-email-fields input{min-height:44px!important} html:not(.native-app) .room-email-fields textarea{min-height:120px;resize:vertical} html:not(.native-app) .room-email-fields p{margin:0 0 10px;color:#65736a;font-size:13px;line-height:1.6} html:not(.native-app) .room-email-fields :is(input,textarea):focus-visible{outline:2px solid #193D35;outline-offset:2px} html:not(.native-app) .room-email-settings button,html:not(.native-app) .member-change-panel button[data-slot=button]{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:42px!important;padding:10px 16px!important;border-radius:10px!important;font-size:13px!important;line-height:1.4!important;font-weight:600;box-shadow:none!important} html:not(.native-app) .member-change-panel.is-empty{padding:16px 20px;margin:20px 0} html:not(.native-app) .member-change-panel.is-empty header p{margin:4px 0 0} html:not(.native-app) .member-change-panel.is-empty .member-change-empty{margin:10px 0 0;font-size:13px} html:not(.native-app) .coach-redesign .msg-search{display:flex!important;align-items:center!important;gap:8px!important;padding:0 12px!important;min-width:0!important} html:not(.native-app) .coach-redesign .msg-search input{flex:1 1 0!important;width:0!important;min-width:0!important;height:100%!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:13px!important} html:not(.native-app) .coach-redesign .msg-search kbd{flex:0 0 auto} html:not(.native-app) .coach-redesign .msg-search:focus-within{outline:2px solid #193D35;outline-offset:2px} html:not(.native-app) .coach-redesign .offer-page-tabs>[role=tablist]{display:flex!important;gap:4px!important;padding:4px!important;background:#f2f5f1!important;border:1px solid #dfe6e1!important;border-radius:12px!important;width:fit-content!important;height:auto!important;margin:24px 0 16px!important} html:not(.native-app) .coach-redesign .offer-page-tabs>[role=tablist]>[role=tab]{min-height:40px!important;padding:10px 18px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#627067!important;box-shadow:none!important;font-size:14px!important;font-weight:600!important} html:not(.native-app) .coach-redesign .offer-page-tabs>[role=tablist]>[data-state=active]{background:#fff!important;color:#193D35!important;box-shadow:0 1px 4px #24362c12!important} html:not(.native-app) .coach-redesign .offer-master-rows>button>span:nth-child(2)>b{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.5!important;overflow-wrap:anywhere} html:not(.native-app) .coach-redesign .offer-detail-panel>header{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;align-items:start!important;gap:14px!important} html:not(.native-app) .coach-redesign .offer-detail-panel>header>i{width:64px!important;height:64px!important} html:not(.native-app) .coach-redesign .offer-detail-panel>header>div{min-width:0!important} html:not(.native-app) .coach-redesign .offer-detail-panel>header h2{font-size:22px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere} html:not(.native-app) .coach-redesign .offer-detail-panel>header>aside{grid-column:2;display:flex!important;flex-wrap:wrap;justify-content:flex-start!important;gap:8px!important;margin:0!important} html:not(.native-app) .coach-redesign .planning-time-rail span:first-child{transform:none!important;padding-top:3px} @media(min-width:761px){ html:not(.native-app) .obf-dialog[data-slot=dialog-content].member-profile-dialog{top:100px!important;bottom:24px!important;height:auto!important;max-height:none!important;transform:translateX(-50%)!important;translate:none!important;display:block!important;overflow-y:auto!important;scrollbar-gutter:stable} html:not(.native-app) .member-profile-dialog .member-profile-header{position:sticky!important;top:-24px;z-index:2;padding-top:24px!important;background:#fff!important} } @media(max-width:760px){ html:not(.native-app) .room-email-settings dl{grid-template-columns:1fr;gap:5px;padding:16px} html:not(.native-app) .room-email-settings dd+dt{margin-top:12px} html:not(.native-app) .member-change-panel.is-empty{padding:16px} html:not(.native-app) .coach-redesign .offer-detail-panel>header h2{font-size:19px!important} } /* Shared secondary navigation in Gestion. */ html:not(.native-app) .coach-redesign .settings{grid-template-columns:minmax(0,1fr)!important;gap:24px!important} html:not(.native-app) .coach-redesign :is(.settings>nav,.offer-page-tabs>[role=tablist],.finance-tabs>[role=tablist],.cash-counter-tabs>[role=tablist],.pilot-tabs>[role=tablist]){ display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:4px!important; width:fit-content!important;max-width:100%!important;height:auto!important;min-height:50px!important; padding:4px!important;border:1px solid #dfe6e1!important;border-radius:12px!important; background:#f2f5f1!important;box-shadow:none!important;overflow-x:auto!important; flex:none!important;flex-wrap:nowrap!important } html:not(.native-app) .coach-redesign .settings>nav{position:static!important;top:auto!important;margin:0!important} html:not(.native-app) .coach-redesign :is(.offer-page-tabs,.finance-tabs,.cash-counter-tabs,.pilot-tabs)>[role=tablist]{margin:0 0 20px!important} html:not(.native-app) .coach-redesign :is(.settings>nav,.offer-page-tabs>[role=tablist],.finance-tabs>[role=tablist],.cash-counter-tabs>[role=tablist],.pilot-tabs>[role=tablist])>button{ display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important; flex:0 0 auto!important;width:auto!important;min-height:40px!important;height:40px!important;padding:10px 18px!important; border:0!important;border-radius:8px!important;background:transparent!important;color:#627067!important; box-shadow:none!important;font-family:inherit!important;font-size:14px!important;font-weight:600!important; line-height:20px!important;white-space:nowrap!important } html:not(.native-app) .coach-redesign :is(.settings>nav,.offer-page-tabs>[role=tablist],.finance-tabs>[role=tablist],.cash-counter-tabs>[role=tablist],.pilot-tabs>[role=tablist])>button:is(.active,[data-state=active]){ background:#fff!important;color:#193D35!important;box-shadow:0 1px 4px #24362c12!important } html:not(.native-app) .coach-redesign :is(.settings>nav,.offer-page-tabs>[role=tablist],.finance-tabs>[role=tablist],.cash-counter-tabs>[role=tablist],.pilot-tabs>[role=tablist])>button:hover{color:#193D35!important} html:not(.native-app) .coach-redesign :is(.settings>nav,.offer-page-tabs>[role=tablist],.finance-tabs>[role=tablist],.cash-counter-tabs>[role=tablist],.pilot-tabs>[role=tablist])>button:focus-visible{outline:2px solid #193D35!important;outline-offset:-2px!important} html:not(.native-app) .coach-redesign :is(.offer-page-tabs,.finance-tabs,.cash-counter-tabs,.pilot-tabs)>[role=tablist]>button::after{display:none!important} @media(max-width:760px){ html:not(.native-app) .coach-redesign :is(.settings>nav,.offer-page-tabs>[role=tablist],.finance-tabs>[role=tablist],.cash-counter-tabs>[role=tablist],.pilot-tabs>[role=tablist]){width:100%!important} html:not(.native-app) .coach-redesign :is(.settings>nav,.offer-page-tabs>[role=tablist],.finance-tabs>[role=tablist],.cash-counter-tabs>[role=tablist],.pilot-tabs>[role=tablist])>button{padding-inline:14px!important} } /* Important messages use the same Gestion page, cards and controls. */ html:not(.native-app) .coach-redesign .important-messages{display:grid;gap:24px;min-width:0} html:not(.native-app) .coach-redesign .important-messages>.heading{margin:0!important} html:not(.native-app) .coach-redesign .important-messages .heading p{margin:8px 0 0;color:var(--coach-muted);font-size:14px;line-height:1.6} html:not(.native-app) .coach-redesign .important-message-actions{display:flex;gap:12px;flex-wrap:wrap} html:not(.native-app) .coach-redesign .important-messages button[data-slot=button]{min-height:44px!important;height:auto!important;padding:10px 16px!important;border-radius:12px!important;font-size:14px!important;gap:8px!important} html:not(.native-app) .coach-redesign .important-messages button[data-variant=outline]{background:#fff!important;border:1px solid var(--coach-line)!important;color:var(--coach-ink)!important} html:not(.native-app) .coach-redesign .important-messages button.brand-btn{background:var(--coach-accent)!important;color:#fff!important} html:not(.native-app) .coach-redesign .important-messages button svg{width:18px!important;height:18px!important;flex:none} html:not(.native-app) .coach-redesign .important-message-editor{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:24px;align-items:start} html:not(.native-app) .coach-redesign :is(.important-message-fields,.important-message-card,.important-message-empty){padding:24px;background:#fff;border:1px solid var(--coach-line);border-radius:16px} html:not(.native-app) .coach-redesign .important-message-fields{display:grid;gap:20px;min-width:0} html:not(.native-app) .coach-redesign .important-messages h2{margin:0;font-size:20px;line-height:1.4;color:var(--coach-ink)} html:not(.native-app) .coach-redesign .important-message-fields label{display:grid;gap:8px;font-size:14px;font-weight:600;color:var(--coach-ink)} html:not(.native-app) .coach-redesign .important-message-fields label>span{color:var(--coach-muted);font-weight:400} html:not(.native-app) .coach-redesign .important-message-fields :is(input:not([type=checkbox]),textarea,select){box-sizing:border-box;width:100%!important;min-width:0!important;min-height:46px!important;padding:12px!important;border:1px solid var(--coach-line)!important;border-radius:10px!important;background:#fff!important;color:var(--coach-ink)!important;font:400 14px/1.5 Manrope,Arial,sans-serif!important} html:not(.native-app) .coach-redesign .important-message-fields textarea{resize:vertical} html:not(.native-app) .coach-redesign .important-message-fields :is(input,textarea,select):focus-visible{outline:2px solid var(--coach-accent);outline-offset:2px} html:not(.native-app) .coach-redesign .important-message-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} html:not(.native-app) .coach-redesign .important-message-fields .important-message-toggle{display:flex;align-items:center;gap:10px;padding:14px;border-radius:10px;background:var(--coach-soft)} html:not(.native-app) .coach-redesign .important-message-toggle input{width:18px!important;height:18px!important;min-height:0!important;margin:0!important;accent-color:var(--coach-accent);flex:none} html:not(.native-app) .coach-redesign .important-message-preview{display:grid;gap:16px;padding:24px;background:#F5F7F6;border-radius:16px;min-width:0} html:not(.native-app) .coach-redesign .important-message-preview-card{display:grid;gap:14px;padding:24px;border:1px solid var(--coach-line);border-radius:20px;background:#fff;box-shadow:0 8px 24px #24362c0a} html:not(.native-app) .coach-redesign .important-message-preview-card>svg{width:40px;height:40px;padding:8px;box-sizing:border-box;border-radius:12px;color:var(--coach-accent);background:var(--coach-soft)} html:not(.native-app) .coach-redesign .important-message-preview-card small{color:var(--coach-muted);font-size:12px} html:not(.native-app) .coach-redesign .important-message-preview-card h3{margin:0;font-size:22px;line-height:1.4} html:not(.native-app) .coach-redesign :is(.important-message-preview-card p,.important-message-body){margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7} html:not(.native-app) .coach-redesign .important-message-preview-confirm{display:block;text-align:center;border-radius:12px;padding:12px;background:var(--coach-accent);color:#fff;font-size:14px;font-weight:600} html:not(.native-app) .coach-redesign .important-message-hint{margin:0;color:var(--coach-muted);font-size:13px;line-height:1.6} html:not(.native-app) .coach-redesign .important-message-list{display:grid;gap:16px} html:not(.native-app) .coach-redesign .important-message-card{display:grid;gap:20px;min-width:0} html:not(.native-app) .coach-redesign .important-message-card :is(header,footer){display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap} html:not(.native-app) .coach-redesign .important-message-card h2{overflow-wrap:anywhere;min-width:0} html:not(.native-app) .coach-redesign .important-message-card footer{padding-top:16px;border-top:1px solid var(--coach-line)} html:not(.native-app) .coach-redesign .important-message-status{padding:5px 10px;border-radius:20px;background:#f1f3ef;color:var(--coach-muted);font-size:12px;font-weight:600} html:not(.native-app) .coach-redesign .important-message-status.is-active{background:var(--coach-soft);color:var(--coach-accent)} html:not(.native-app) .coach-redesign .important-message-meta{display:flex;flex-wrap:wrap;gap:12px 20px;color:var(--coach-muted);font-size:13px} html:not(.native-app) .coach-redesign .important-message-meta span{display:inline-flex;align-items:center;gap:7px} html:not(.native-app) .coach-redesign .important-message-meta svg{width:16px;height:16px;flex:none} html:not(.native-app) .coach-redesign .important-message-empty{text-align:center;padding:48px 24px;color:var(--coach-muted)} html:not(.native-app) .coach-redesign .important-message-empty>svg{width:40px;height:40px;margin:0 auto 16px;color:var(--coach-accent)} html:not(.native-app) .coach-redesign .important-message-empty p{margin:12px 0 0;font-size:14px;line-height:1.6} html:not(.native-app) .coach-redesign .important-message-feedback{margin:0;padding:14px 18px;border:1px solid #cdded2;border-radius:12px;background:var(--coach-soft);color:var(--coach-accent);font-size:14px} html:not(.native-app) .coach-redesign .important-message-feedback.is-error{background:#fff2ef;color:#973d30;border-color:#eacbc4} @media(max-width:900px){html:not(.native-app) .coach-redesign .important-message-editor{grid-template-columns:minmax(0,1fr)}} @media(max-width:600px){html:not(.native-app) .coach-redesign .important-message-dates{grid-template-columns:minmax(0,1fr)}html:not(.native-app) .coach-redesign :is(.important-message-fields,.important-message-card,.important-message-preview){padding:18px}html:not(.native-app) .coach-redesign .important-messages>.heading{align-items:flex-start!important;flex-direction:column!important}} /* Setup links keep their target visible below the fixed navigation. */ .settings #settings-finance,.settings #settings-sepa{scroll-margin-top:120px}