:root{--text:#434343;--muted:#666;--border:#ccc;--accent:#9fc5e8;--inputSurface:#f2f7fc;--informationSurface:#eaf2f8;--actionText:#315a78;--success:#d9ead3;--successText:#274e13;--attention:#fff2cc;--attentionText:#7f6000;--error:#f4cccc;--errorText:#990000;--surface:#fff;--stripe:#f3f3f3}
*{box-sizing:border-box}body{margin:0;background:#f7f7f7;color:var(--text);font:14px/1.6 'Open Sans',Arial,sans-serif}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--actionText)}button{min-height:42px;padding:8px 15px;background:white;border:1px solid var(--border);border-radius:8px}button:hover:not(:disabled){border-color:var(--actionText);background:var(--inputSurface)}button.primary{background:var(--text);color:white;border-color:var(--text)}button.primary:hover:not(:disabled){background:#292929}button.link{border:0;padding:4px 8px;background:transparent;color:var(--actionText)}button.danger{color:var(--errorText)}header{display:flex;justify-content:space-between;gap:20px;align-items:center;background:white;border-bottom:1px solid var(--border);padding:18px max(24px,calc((100vw - 1240px)/2))}.brand{display:flex;align-items:center;gap:12px;direction:ltr}.brand div{text-align:right;direction:rtl}.brand b{font-size:16px}.brand small{display:block;color:var(--muted);font-size:12px}.brand-mark{background:var(--text);color:white;font-size:24px;width:42px;height:42px;border-radius:10px;display:grid;place-items:center}.demo-switch{font-size:12px;color:var(--muted)}select{display:block;max-width:100%;padding:7px;background:white;border:1px solid var(--border);border-radius:6px}.demo-banner{font-size:12px;text-align:center;background:var(--informationSurface);color:var(--actionText);padding:8px 16px}main{max-width:1240px;margin:32px auto 64px;padding:0 24px}.eyebrow{color:var(--actionText);font-size:12px;font-weight:600}h1{font-size:30px;font-weight:500;margin:4px 0 8px;line-height:1.4}h2{font-size:19px;margin:0 0 10px;font-weight:600}h3{font-size:15px;margin:0}.muted{color:var(--muted)}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.intro p{margin:0}.pill{display:inline-block;border-radius:20px;padding:4px 11px;font-size:12px;background:var(--informationSurface);color:var(--actionText)}.pill.warning{background:var(--attention);color:var(--attentionText)}.summary{display:flex;align-items:center;gap:16px;padding:18px 22px;background:white;border:1px solid var(--border);border-radius:12px;margin-bottom:24px}.summary strong{font-size:23px;line-height:1.4}.summary p{margin:0;color:var(--muted)}.summary .push{margin-inline-start:auto}.rail{display:flex;gap:5px;margin-top:8px}.rail i{width:28px;height:5px;border-radius:3px;background:var(--stripe)}.rail i.filled{background:var(--accent)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:22px;align-items:start}.panel{background:white;border:1px solid var(--border);border-radius:12px;overflow:hidden}.panel-head{padding:20px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h2{margin:0}.panel-body{padding:20px 22px}.week-nav{display:flex;align-items:center;gap:8px}.week-nav button{padding:6px 12px}.week-caption{font-weight:600;direction:ltr;display:inline-block}.days{display:flex;gap:7px;padding:18px 20px;border-bottom:1px solid var(--border)}.day{flex:1;min-width:0;text-align:center;padding:10px 4px;background:var(--stripe);border-color:transparent}.day b{display:block;font-size:19px;font-weight:500}.day small{font-size:10px;display:block}.day.active{background:var(--informationSurface);border-color:var(--accent);color:var(--actionText)}.slots-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.slot{min-height:64px;font-size:17px;direction:ltr}.slot small{display:block;font-size:11px;color:var(--actionText);direction:rtl}.slot.recommended{background:var(--inputSurface);border-color:var(--accent)}.empty{padding:24px 8px;text-align:center;color:var(--muted)}.empty strong{display:block;color:var(--text);margin-bottom:6px}.empty p{margin:5px 0 15px}.booking{padding:16px 0;border-bottom:1px solid var(--border)}.booking:first-child{padding-top:0}.booking:last-child{border:0;padding-bottom:0}.booking-time{font-size:20px;margin:3px 0;direction:ltr;text-align:right}.booking-actions{display:flex;gap:6px;margin-top:8px}.aside-note{margin-top:16px;padding:16px 18px;background:var(--informationSurface);border-radius:10px;color:var(--actionText);font-size:12px}.aside-note p{margin:5px 0 0}.move-banner{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 20px;background:var(--attention);color:var(--attentionText);margin-bottom:18px;border-radius:8px}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(145px,1fr));gap:10px;overflow-x:auto;padding:20px}.coach-day{border:1px solid var(--border);border-radius:8px;min-height:250px;overflow:hidden}.coach-day>h3{background:var(--stripe);text-align:center;padding:12px 5px}.coach-day-body{padding:12px 10px}.window{direction:ltr;text-align:center;padding:6px;background:var(--informationSurface);color:var(--actionText);border-radius:5px;margin-bottom:6px;font-size:12px}.coach-event{margin:9px 0;padding:9px 8px;background:var(--inputSurface);border-right:3px solid var(--accent);font-size:12px}.coach-event.block{background:var(--stripe);border-right-color:var(--muted)}.coach-event small{display:block;color:var(--muted)}.coach-day .link{width:100%;font-size:12px}.coach-tools{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.field{display:block;margin-bottom:14px}.field span{display:block;font-size:12px;font-weight:600;margin-bottom:5px}.field input,.field select{width:100%;min-height:42px;padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--inputSurface)}.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.note{font-size:12px;color:var(--muted);margin:0 0 16px}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.review-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding:11px 0}.review-row:last-child{border:0}dialog{max-width:440px;width:calc(100% - 36px);border:1px solid var(--border);border-radius:14px;color:var(--text);padding:30px}dialog::backdrop{background:#29292980}dialog p{line-height:1.8}.close{position:absolute;left:12px;top:12px;border:0;background:transparent;font-size:20px}.dialog-actions{display:flex;gap:10px;margin-top:24px}.dialog-actions button{flex:1}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:13px 22px;border-radius:10px;background:var(--text);color:white;box-shadow:0 8px 25px #0002;max-width:calc(100% - 32px);z-index:5}#toast.error{background:var(--error);color:var(--errorText)}
.invite-link{width:100%;min-height:44px;direction:ltr;padding:10px;border:1px solid var(--border);border-radius:6px;background:var(--inputSurface);color:var(--text)}
.target-summary form{flex:1;max-width:420px}.target-summary .note{margin:8px 0 0}.target-summary .field{margin-bottom:8px}
.selection-panel{margin-bottom:20px}.selection-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:16px}.selection-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px;background:var(--informationSurface);border:1px solid var(--border);border-radius:8px}.selection-item.unavailable{background:var(--attention);color:var(--attentionText)}.selection-item span{font-size:12px}.slot.chosen{background:var(--informationSurface);border-color:var(--actionText);color:var(--actionText)}.view-options{display:flex;gap:8px;padding:16px 22px 0}.view-options [aria-pressed=true]{background:var(--informationSurface);border-color:var(--accent)}.agenda-day{padding:16px 0;border-bottom:1px solid var(--border)}.agenda-day:first-child{padding-top:0}.agenda-day:last-child{border-bottom:0}.agenda-day details{margin:12px 0}.agenda-day details .slots{margin-top:12px}#confirm-details{white-space:pre-line}
@media(max-width:540px){.target-summary{flex-direction:column;align-items:stretch}.target-summary form{max-width:none}.target-summary .push{align-self:flex-start;margin:0}}
@media(max-width:900px){.layout{grid-template-columns:1fr}.aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.aside-note{margin:0}.coach-tools{grid-template-columns:1fr}.intro{align-items:flex-start}.week-grid{grid-template-columns:repeat(7,160px)}}
@media(max-width:540px){header{padding:14px 16px;gap:12px}.brand small{font-size:10px}.demo-switch{max-width:145px}.demo-banner{font-size:11px}main{padding:0 14px;margin-top:24px}h1{font-size:25px}.intro{display:block}.intro>.pill{margin-top:12px}.summary{padding:16px;gap:12px}.summary .push{font-size:12px}.panel-head{padding:16px;flex-wrap:wrap}.panel-body{padding:16px}.days{padding:12px 8px;gap:3px}.day{padding:8px 2px;font-size:12px}.day b{font-size:17px}.slots{grid-template-columns:repeat(3,minmax(0,1fr))}.slot{font-size:16px}.slots-head{align-items:flex-start;flex-direction:column;gap:6px}.aside{display:block}.aside-note{margin-top:16px}.pair{gap:8px}.move-banner{font-size:12px}.week-nav{width:100%;justify-content:space-between}}

.coach-agenda{grid-template-columns:1fr;overflow:visible}.coach-agenda .coach-day{min-height:0}.coach-agenda .coach-day-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;align-items:start}.coach-agenda .coach-day>h3{text-align:right;padding:12px 16px}.coach-agenda .window{font-size:14px}.coach-agenda .coach-event{margin:0;font-size:14px}.coach-agenda .coach-day .link{font-size:14px}.coach-agenda .coach-event .note{display:block;margin:4px 0}.summary{flex-wrap:wrap}.field span{font-size:14px}.note{font-size:14px}.slot small{font-size:12px}
/* Shared Coaching OS palette, including device-following appearance. */
:root{color-scheme:light dark;--text:light-dark(#434343,#f7f7f7);--muted:light-dark(#666666,#d9d9d9);--border:light-dark(#cccccc,#666666);--surface:light-dark(#ffffff,#353535);--stripe:light-dark(#f3f3f3,#3d3d3d);--canvas:light-dark(#f7f7f7,#292929);--inputSurface:light-dark(#f2f7fc,#3b5060);--informationSurface:light-dark(#eaf2f8,#3b5060);--actionText:light-dark(#315a78,#cfe2f3);--attention:light-dark(#fff2cc,#594824);--attentionText:light-dark(#7f6000,#fff2cc);--error:light-dark(#f4cccc,#5c3434);--errorText:light-dark(#990000,#f4cccc);--buttonSurface:light-dark(#434343,#cfe2f3);--buttonText:light-dark(#ffffff,#292929)}
body{background:var(--canvas)}button,select,header,.summary,.panel,dialog{background:var(--surface)}button.primary,.brand-mark,#toast{background:var(--buttonSurface);color:var(--buttonText);border-color:var(--buttonSurface)}button.primary:hover:not(:disabled){background:var(--buttonSurface);filter:brightness(.9)}.appearance-bar{display:flex;gap:10px;align-items:center;justify-content:flex-end;padding:10px max(24px,calc((100vw - 1240px)/2));background:var(--surface)}.appearance-bar select{min-width:125px}.athlete-day-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.athlete-day-cards .agenda-day{padding:16px;border:1px solid var(--border);border-radius:10px;background:var(--surface);min-width:0}.athlete-day-cards .slots{grid-template-columns:repeat(2,minmax(0,1fr))}.athlete-day-cards .slots-head{display:block}.athlete-day-cards .slots-head h3{margin-bottom:4px}
.coach-timeline{display:grid;grid-template-columns:48px repeat(7,minmax(0,1fr));direction:rtl;padding:16px 12px;min-width:0}.timeline-head{height:118px;text-align:center;background:var(--stripe);padding:10px 3px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center}.timeline-head small{display:block}.timeline-head .link{padding:4px;min-height:36px;font-size:12px}.timeline-axis>div:last-child,.timeline-track{position:relative}.timeline-axis span{position:absolute;font-size:12px;direction:ltr;inset-inline-start:0}.timeline-day{min-width:0;border-inline-start:1px solid var(--border)}.timeline-track{background:repeating-linear-gradient(to bottom,transparent 0,transparent 89px,var(--border) 89px,var(--border) 90px)}.timeline-window{position:absolute;inset-inline:2px;background:var(--informationSurface);opacity:.6;border:1px dashed var(--accent);font-size:11px;padding:2px;text-align:center}.timeline-event{position:absolute;inset-inline:3px;background:var(--inputSurface);border-inline-start:3px solid var(--accent);padding:4px;font-size:12px;overflow:auto;z-index:1}.timeline-event b,.timeline-event small,.timeline-event>span{display:block;overflow-wrap:anywhere}.timeline-event small{font-size:12px}.timeline-event.block{background:var(--stripe);border-inline-start-color:var(--muted)}.timeline-event .link{padding:2px 4px;font-size:12px;min-height:30px}.timeline-fallback{display:none}
@media(max-width:600px){.coach-timeline{display:none}.timeline-fallback{display:grid}}
.timeline-window{opacity:1;color:var(--actionText);font-size:12px}
.booking-summary{display:grid;grid-template-columns:minmax(160px,1fr) minmax(0,2fr) minmax(160px,1fr);align-items:center;gap:20px;padding:20px 24px;text-align:center}.booking-summary-count strong{display:block}.booking-summary .booking-summary-duration{justify-self:center}.booking-summary .booking-summary-instruction{margin:0}
.availability-status{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 22px;color:var(--muted);font-size:12px;border-bottom:1px solid var(--border)}.availability-status .link{font-size:14px}
@media(max-width:700px){.booking-summary{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding:18px}.booking-summary-count{grid-column:1;grid-row:1}.booking-summary .booking-summary-duration{grid-column:2;grid-row:1}.booking-summary-instruction{grid-column:1/-1;grid-row:2}}
@media(max-width:540px){.athlete-day-cards{grid-template-columns:1fr}.appearance-bar{padding:8px 16px}.timeline-event .link{min-height:44px}}
@media(max-width:540px){.coach-agenda .coach-day-body{grid-template-columns:1fr}.summary .push{margin-inline-start:0}.summary>button{flex:1;min-width:140px}}
.login-panel{max-width:440px;margin:32px auto;padding:28px;text-align:center}.login-panel h1{font-size:26px;margin:0 0 12px}.login-panel>p{line-height:1.7}.login-panel>button{width:100%;margin:12px 0 22px;min-height:48px}.login-panel form{display:grid;gap:10px}.login-panel .field{text-align:right}.login-panel input{font:inherit;color:var(--text)}.login-panel form button{min-height:44px}.login-panel [role=status]{color:var(--actionText);line-height:1.7;min-height:24px}
