/* V28 — the unified training workspace. Tables keep their own horizontal scroll. */
.v27-training-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 22px;padding:5px;background:#dbe5eb;border:1px solid #bccbd7;border-radius:13px;width:fit-content}
.v27-training-tabs button{border:0;border-radius:9px;padding:11px 19px;background:transparent;color:#344b5b;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}
.v27-training-tabs button[aria-selected=true]{background:#fff;color:#176958;box-shadow:0 2px 6px #203b4d1c}
.v27-agenda-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.v27-agenda-toolbar h2{margin:0;min-width:180px;text-align:center;text-transform:capitalize}
.v27-agenda-toolbar .hint{margin-left:auto}
.v27-agenda-scroll{max-width:100%;overflow-x:auto;border:1px solid #b4c6d4;border-radius:12px;scrollbar-width:auto;scrollbar-color:#708e9f #e2ebef;overscroll-behavior-x:contain}
.v27-agenda-grid{min-width:980px;background:#f8fafb;border:0;display:block}
.v28-agenda-weekdays,.v28-agenda-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:stretch}
.v28-agenda-week{border-top:1px solid #b9cbd7;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(100% / 7 - 1px),#c5d2dc calc(100% / 7 - 1px),#c5d2dc calc(100% / 7));row-gap:0;min-height:126px;align-content:start}
.v27-agenda-weekday{padding:10px;text-align:center;font-weight:700;background:#dfe9f0;border-right:1px solid #c5d2dc}
.v27-agenda-day{min-height:48px;padding:10px 8px 5px;min-width:0;background:#f8fafb;border-right:1px solid #c5d2dc}
.v27-agenda-day.outside{background:#e9eff2;color:#768690}
.v27-agenda-day.today{background:#edf8ef;box-shadow:inset 0 0 0 2px #438b68}
.v27-agenda-date{display:flex;align-items:baseline;gap:5px;font-size:15px;font-weight:750;margin-bottom:8px;line-height:22px}
.v27-agenda-date small{font-size:10px;font-weight:600;white-space:nowrap}
.v27-agenda-booking{display:block;width:100%;margin:0 0 6px;border:1px solid #aec2cf;border-left:3px solid #7193aa;border-radius:7px;padding:7px;text-align:left;background:#edf3f7;color:#314e61;cursor:pointer;font:inherit;font-size:12px}
.v27-agenda-booking.booked{border-color:var(--booking-border,#1f7f68);border-left-width:4px;background:var(--booking-bg,#dcf1e8);color:var(--booking-text,#1a5746)}
.v27-agenda-booking strong,.v27-agenda-booking small,.v27-agenda-booking span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v27-agenda-booking span{font-size:10px}
.v27-agenda-booking small{font-size:10px;margin-top:2px}
.v27-agenda-booking:focus-visible,.v28-booking-span:focus-visible,.v27-training-tabs button:focus-visible{outline:3px solid #2575bb;outline-offset:2px}
.v28-booking-span{font:inherit;font-size:11px;line-height:1.25;min-width:0;margin:0 5px 6px;padding:7px 10px;text-align:left;border:2px solid var(--booking-border);border-top-width:4px;border-radius:8px;color:var(--booking-text);background:var(--booking-bg);cursor:pointer;z-index:1}
.v28-booking-span strong,.v28-booking-span small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v28-booking-span small{font-size:10px;margin-top:3px}
.v31-booking-card{padding:10px;line-height:1.4;box-shadow:0 2px 4px #203b4d12}
.v31-booking-card strong,.v31-booking-card span,.v31-booking-card small{display:block;white-space:normal;overflow:visible;overflow-wrap:anywhere;text-overflow:clip}
.v31-booking-client{font-size:13px}.v31-booking-formula{font-size:12px;font-weight:700;margin-top:3px}
.v31-booking-time{margin-top:6px}.v31-booking-duration{font-weight:650}.v31-booking-number{padding-top:5px;border-top:1px solid var(--booking-border);margin-top:7px!important}
.v31-booking-session{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:10px;min-width:0}
.v31-booking-session>span{min-width:0;overflow-wrap:anywhere}
.v31-booking-session .button{flex:none;margin:0 0 0 auto}
.v32-booking-day{display:block;font-size:15px;line-height:1.5}
.v28-booking-span.continues-before{border-left-style:dashed;border-top-left-radius:0;border-bottom-left-radius:0;margin-left:0}
.v28-booking-span.continues-after{border-right-style:dashed;border-top-right-radius:0;border-bottom-right-radius:0;margin-right:0}
.v28-booking-summary{padding:18px;border:2px solid var(--booking-border);border-radius:12px;background:var(--booking-bg);color:var(--booking-text)}
.v28-booking-summary ol{padding-left:24px;margin:18px 0 0}.v28-booking-summary li{margin:0 0 16px;padding:0 0 16px 4px;border-bottom:1px solid var(--booking-border)}.v28-booking-summary li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}.v28-agenda-legend{margin:14px 0 0}
.v28-client-0{--booking-bg:#dcf1e8;--booking-border:#238568;--booking-text:#15553f}
.v28-client-1{--booking-bg:#e3eaff;--booking-border:#4567bf;--booking-text:#2c427c}
.v28-client-2{--booking-bg:#f2e1fa;--booking-border:#9856ad;--booking-text:#673575}
.v28-client-3{--booking-bg:#fff0da;--booking-border:#bd7b20;--booking-text:#77501b}
.v28-client-4{--booking-bg:#f9e1e9;--booking-border:#b65376;--booking-text:#7d2d49}
.v28-client-5{--booking-bg:#dcf2f3;--booking-border:#26868d;--booking-text:#1b5c61}
.v28-client-6{--booking-bg:#e7efdc;--booking-border:#6e893e;--booking-text:#465d22}
.v28-client-7{--booking-bg:#f8e7dc;--booking-border:#b16d48;--booking-text:#77462c}
.v28-client-8{--booking-bg:#e6dffa;--booking-border:#7854bd;--booking-text:#513980}
.v28-client-9{--booking-bg:#dcecf9;--booking-border:#4083b8;--booking-text:#285778}
.v28-client-10{--booking-bg:#efe8dc;--booking-border:#98805a;--booking-text:#625134}
.v28-client-11{--booking-bg:#f5dff3;--booking-border:#aa519c;--booking-text:#703268}
.v27-agenda-booking .v28-client-dots{display:flex;gap:4px;margin-top:5px}.v28-client-dots i{display:block;width:9px;height:9px;border-radius:50%;background:var(--booking-border)}
/* Date and period controls have the same height even in Safari. */
#v27-training .v26-calendar-toolbar .field{display:flex;flex-direction:column;gap:7px;justify-content:flex-end}
#v27-training .v26-calendar-toolbar .field label{margin:0;line-height:1.4}
#v27-training .v26-calendar-toolbar select,#v27-training .v26-calendar-toolbar input[type=date]{height:48px;min-height:48px;box-sizing:border-box;padding:10px 13px;font:inherit;line-height:1.2;border:1px solid #aebfcd;border-radius:10px;background:#f4f8fb;color:#283e4f;width:100%}
#v27-training .v26-calendar-toolbar input[type=date]::-webkit-datetime-edit{padding:0;line-height:normal}
#v27-training .v26-calendar-toolbar input[type=date]::-webkit-date-and-time-value{text-align:left}
#v27-training .v26-calendar-navigation{align-items:center}
#v27-training [data-action=new-training-slot]{background:linear-gradient(#9875bf,#663b90);color:#fff}
#v27-training .v28-training-next,#v27-training [data-action=v26-calendar-nearest]{background:linear-gradient(#b4894c,#80591e);color:#fff}
.v27-hours{margin:12px 0 0!important;padding:15px!important}
.v27-time-range{display:flex;gap:12px;align-items:end;margin-bottom:12px}
.v27-time-range label{flex:1;margin:0;font-size:13px;font-weight:650;color:#344b5b;min-width:0}
.v27-time-range input{width:100%;height:44px;min-height:44px;box-sizing:border-box;border:1px solid #b7c8d5;border-radius:9px;background:#f4f8fb;color:#243b4d;padding:9px 12px;font:inherit}
.v27-time-range>span{padding-bottom:15px}.v27-time-range .button{margin-bottom:4px;white-space:nowrap}
.v27-connection-field small{color:var(--muted);font-size:13px}.v27-hours legend{font-size:15px!important}.v27-hours .hint{margin-bottom:0}
[data-v27-training] .field input[type=date],[data-v27-training] .field select{min-height:46px;height:46px;box-sizing:border-box;font:inherit;line-height:1.2;padding:10px 13px}
@media(max-width:700px){.v27-training-tabs{width:100%;box-sizing:border-box}.v27-training-tabs button{flex:1;font-size:13px;padding:10px}.v27-agenda-toolbar .hint{width:100%;margin:0}.v27-time-range{gap:7px}.v27-time-range .button{font-size:11px;padding:9px}.v27-agenda-toolbar h2{min-width:150px;font-size:20px}}
@media(max-width:480px){.v28-booking-summary{padding:14px}.v31-booking-session{flex-wrap:wrap;gap:10px}.v31-booking-session>span{flex-basis:100%}.v31-booking-session .button{min-height:44px}}