body.zaradance-cabinet #bookings .zara-bookings-root[hidden] { display:none; }
body.zaradance-cabinet #bookings:not(.zara-bookings-client-tab) > .booking-layout,
body.zaradance-cabinet #bookings:not(.zara-bookings-client-tab) > .panel { display:none; }
body.zaradance-cabinet #bookings.zara-bookings-client-tab .booking-layout { display:grid; }
body.zaradance-cabinet #bookings .trainer-panel { display:none; }
body.zaradance-cabinet #bookings.zara-bookings-advanced .trainer-panel:not([hidden]) { display:block; }
body.zaradance-cabinet .zara-bookings-root { margin-bottom:18px; color:#253a4a; }
.zara-bookings-heading { display:flex; justify-content:space-between; gap:20px; align-items:center; padding:24px 26px; border:1px solid #cde7f4; border-radius:18px 18px 0 0; background:linear-gradient(115deg,#e5f5fd,#f7fcff); }
.zara-bookings-heading h2 { margin:3px 0 4px; font-size:25px; }
.zara-bookings-heading p { margin:0; color:#647b8b; }
.zara-eyebrow { color:#247b9b; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.zara-bookings-tabs { display:flex; gap:8px; padding:12px 18px; background:#f4fbff; border:1px solid #cde7f4; border-top:0; border-radius:0 0 18px 18px; }
.zara-bookings-tabs button { border:0; border-radius:10px; padding:11px 18px; color:#526c7b; background:transparent; font-weight:700; }
.zara-bookings-tabs button[aria-selected="true"] { background:#fff; color:#176e91; box-shadow:0 2px 12px #bddceb80; }
.zara-create-trainer { display:grid; grid-template-columns:1fr 1fr 1fr auto; gap:12px; align-items:end; margin-top:16px; padding:16px; border:1px solid #cde7f4; border-radius:14px; background:#eef9fe; }
.zara-create-trainer > div { display:grid; gap:4px; }
.zara-create-trainer small { color:#647b8b; }
.zara-create-trainer label { display:grid; gap:6px; font-size:13px; font-weight:700; }
.zara-create-trainer input { min-height:42px; width:100%; padding:8px 11px; border:1px solid #c7dfe9; border-radius:9px; background:#fff; }
.zara-create-trainer [role=status] { grid-column:1/-1; color:#b03642; }
.zara-bookings-grid { display:grid; grid-template-columns:minmax(220px,280px) minmax(0,1fr); gap:18px; margin-top:18px; align-items:start; }
.zara-trainer-picker,.zara-schedule-card { border:1px solid #cfe7f2; border-radius:17px; padding:20px; background:#f5fbfe; }
.zara-trainer-picker h3,.zara-schedule-card h3 { margin:0; font-size:18px; }
.zara-trainer-choice { width:100%; display:flex; align-items:center; gap:12px; margin-top:12px; padding:12px; border:1px solid #d2e7ef; border-radius:12px; background:#fff; text-align:left; color:#263a46; }
.zara-trainer-choice.is-active { border-color:#399ac3; box-shadow:0 0 0 2px #d7f2fc; }
.zara-trainer-choice span:last-child { display:grid; gap:2px; }
.zara-trainer-choice small,.zara-slot small { color:#607785; }
.zara-trainer-avatar { display:grid; place-items:center; flex:none; width:38px; height:38px; border-radius:50%; color:#fff; font-weight:800; }
.zara-trainer-workspace { display:grid; gap:18px; min-width:0; }
.zara-section-head { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:17px; }
.zara-section-head > div { display:flex; align-items:center; gap:11px; }
.zara-step { display:grid; place-items:center; width:30px; height:30px; border-radius:9px; background:#d9eff9; color:#176e91; font-weight:800; }
.zara-count { color:#277d9d; font-weight:700; white-space:nowrap; }
.zara-slot-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:10px; }
.zara-slot { display:flex; gap:14px; align-items:center; padding:14px; background:#fff; border:1px solid #d5eaf2; border-radius:12px; }
.zara-slot-time { color:#126d90; font-weight:800; white-space:nowrap; }
.zara-slot > div:last-child { display:grid; gap:4px; min-width:0; }
.zara-slot strong { overflow-wrap:anywhere; }
.zara-edit-schedule { margin-top:15px; }
.zara-slot-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.zara-slot-form > label,.zara-slot-form-row > label { display:grid; gap:7px; font-size:13px; font-weight:700; color:#4d6877; }
.zara-slot-form input,.zara-slot-form select { width:100%; min-height:42px; border:1px solid #c7dfe9; border-radius:9px; background:#fff; padding:8px 11px; color:#253a4a; }
.zara-weekdays { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; border:0; }
.zara-weekdays legend { margin-bottom:8px; font-size:13px; font-weight:700; color:#4d6877; }
.zara-weekdays label { position:relative; cursor:pointer; }
.zara-weekdays input { position:absolute; opacity:0; width:1px; height:1px; }
.zara-weekdays span { display:block; min-width:43px; padding:9px 12px; border:1px solid #c7dfe9; border-radius:9px; text-align:center; background:#fff; }
.zara-weekdays input:checked + span { background:#187f9e; color:#fff; border-color:#187f9e; }
.zara-weekdays input:focus-visible + span { outline:3px solid #6bbce0; }
.zara-slot-form-row { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.zara-form-bottom { grid-column:1/-1; display:flex; justify-content:space-between; align-items:center; gap:20px; color:#607785; font-size:13px; }
.zara-form-bottom button { white-space:nowrap; }
.zara-slot-result { grid-column:1/-1; min-height:1em; color:#b03642; font-size:13px; }
.zara-client-hint { margin:16px 0; padding:14px 18px; border-radius:11px; background:#e8f6fb; color:#476676; }
@media(max-width:1000px) { .zara-create-trainer { grid-template-columns:1fr 1fr; } }
@media(max-width:800px) { .zara-bookings-grid { grid-template-columns:1fr; } .zara-bookings-heading { align-items:flex-start; flex-direction:column; } .zara-slot-form,.zara-create-trainer { grid-template-columns:1fr; } .zara-form-bottom { align-items:stretch; flex-direction:column; } }