/* Sigma OS Calendar Step 4 */
#body:has(.calendar-head) .calendar-capacity{margin:0 0 14px;padding:24px 26px;display:grid;grid-template-columns:minmax(280px,1.25fr) minmax(480px,1fr);gap:28px;align-items:end;border:1px solid #e1e6ec;border-radius:20px;background:linear-gradient(118deg,#fff 0%,#fbfcfd 68%,#fff5f7 100%);box-shadow:0 6px 22px rgba(23,32,51,.04);overflow:hidden}
#body:has(.calendar-head) .cal-eyebrow{display:block;margin-bottom:6px;color:#b92945;font-size:12px;font-weight:800;letter-spacing:.12em}
#body:has(.calendar-head) .calendar-capacity h2{margin:0;color:#172033;font-size:27px;line-height:1.08;letter-spacing:-.035em}
#body:has(.calendar-head) .calendar-capacity p{max-width:620px;margin:8px 0 0;color:#657181;font-size:15px;line-height:1.5}
#body:has(.calendar-head) .cal-capacity-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
#body:has(.calendar-head) .cal-capacity-kpis>div{min-height:76px;padding:12px 13px;border:1px solid rgba(219,224,230,.9);border-radius:14px;background:rgba(255,255,255,.82);box-shadow:0 3px 10px rgba(23,32,51,.025)}
#body:has(.calendar-head) .cal-capacity-kpis small{display:block;color:#697586;font-size:12px;font-weight:600;line-height:1.25}
#body:has(.calendar-head) .cal-capacity-kpis strong{display:block;margin-top:5px;color:#1b2534;font-size:22px;letter-spacing:-.03em}
#body:has(.calendar-head) .calendar-workshop-strip{margin-top:14px;padding:20px;border:1px solid #e2e7ed;border-radius:20px;background:#fff;box-shadow:0 5px 18px rgba(23,32,51,.035)}
#body:has(.calendar-head) .cal-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
#body:has(.calendar-head) .cal-section-head h3{margin:0;color:#172033;font-size:20px;letter-spacing:-.025em}
#body:has(.calendar-head) .cal-booking-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#body:has(.calendar-head) .cal-booking-card{width:100%;min-width:0;padding:11px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:11px;align-items:center;text-align:left;border:1px solid #e3e8ed;border-radius:14px;background:#fafbfc;color:#1f2a39;cursor:pointer;font:inherit;transition:border-color .12s,box-shadow .12s,background .12s}
#body:has(.calendar-head) .cal-booking-card:hover{background:#fff;border-color:#d5dce4;box-shadow:0 5px 14px rgba(23,32,51,.055)}
#body:has(.calendar-head) .cal-booking-date{width:48px;height:48px;display:grid;place-content:center;text-align:center;border-radius:12px;background:#fff1f4;color:#b92945}
#body:has(.calendar-head) .cal-booking-date b{font-size:17px;line-height:1}#body:has(.calendar-head) .cal-booking-date small{margin-top:3px;font-size:10px;font-weight:750;text-transform:uppercase}
#body:has(.calendar-head) .cal-booking-copy{min-width:0}#body:has(.calendar-head) .cal-booking-copy strong,#body:has(.calendar-head) .cal-booking-copy small,#body:has(.calendar-head) .cal-booking-copy em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#body:has(.calendar-head) .cal-booking-copy strong{font-size:14px;color:#1d2736}#body:has(.calendar-head) .cal-booking-copy small{margin-top:3px;font-size:12px;color:#697586}#body:has(.calendar-head) .cal-booking-copy em{margin-top:3px;font-size:11px;font-style:normal;font-weight:650;color:#8a5360}
#body:has(.calendar-head) .cal-booking-status{padding:6px 8px;border-radius:999px;background:#f0f3f6;color:#596575;font-size:10px;font-weight:750;white-space:nowrap}
#body:has(.calendar-head) .cal-empty{padding:22px;border:1px dashed #dce2e8;border-radius:14px;color:#718091;font-size:14px;text-align:center;grid-column:1/-1}
@media(max-width:1050px){#body:has(.calendar-head) .calendar-capacity{grid-template-columns:1fr}#body:has(.calendar-head) .cal-capacity-kpis{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){#body:has(.calendar-head) .calendar-capacity{padding:18px 16px;border-radius:17px;gap:17px}#body:has(.calendar-head) .calendar-capacity h2{font-size:23px}#body:has(.calendar-head) .cal-capacity-kpis{grid-template-columns:repeat(2,1fr)}#body:has(.calendar-head) .calendar-workshop-strip{padding:15px;border-radius:17px}#body:has(.calendar-head) .cal-section-head{align-items:flex-start}#body:has(.calendar-head) .cal-booking-list{grid-template-columns:1fr}#body:has(.calendar-head) .cal-booking-card{grid-template-columns:46px minmax(0,1fr)}#body:has(.calendar-head) .cal-booking-status{grid-column:2;justify-self:start}}
