/* Sigma OS Calendar Step 6 */
#body:has(.calendar-head) .calendar-view-switch{display:flex;gap:3px;padding:3px;border:1px solid #e0e5eb;border-radius:12px;background:#f5f7f9}
#body:has(.calendar-head) .calendar-view-switch button{height:34px;padding:0 14px;border:0;border-radius:9px;background:transparent;color:#667282;font:700 13px/1 -apple-system,BlinkMacSystemFont,'SF Pro Text',sans-serif;cursor:pointer}
#body:has(.calendar-head) .calendar-view-switch button.active{background:#fff;color:#b92945;box-shadow:0 2px 7px rgba(20,30,45,.08)}
#body:has(.calendar-head) .calendar-week-panel{overflow:hidden}
#body:has(.calendar-head) .calendar-week-grid{display:grid;grid-template-columns:repeat(7,minmax(145px,1fr));min-width:1015px;border-top:1px solid #e5e9ee}
#body:has(.calendar-head) .week-col{min-height:500px;border-right:1px solid #e5e9ee;background:#fff}.calendar-week-grid .week-col:last-child{border-right:0}
#body:has(.calendar-head) .week-col.today{background:#fffafb}
#body:has(.calendar-head) .week-day-head{height:66px;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e9ee;background:#fafbfc}
#body:has(.calendar-head) .week-day-head span{color:#697586;font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}
#body:has(.calendar-head) .week-day-head strong{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#263244;font-size:15px}
#body:has(.calendar-head) .week-col.today .week-day-head strong{background:#d92f50;color:#fff}
#body:has(.calendar-head) .week-items{padding:8px;display:flex;flex-direction:column;gap:7px}
#body:has(.calendar-head) .week-item{width:100%;padding:9px;border:1px solid #e2e7ed;border-radius:11px;background:#f8fafb;text-align:left;font:inherit;cursor:pointer;overflow:hidden}
#body:has(.calendar-head) .week-item:hover{background:#fff;box-shadow:0 4px 12px rgba(23,32,51,.06)}
#body:has(.calendar-head) .week-item.booking-item{border-left:3px solid #d92f50;background:#fff5f7}
#body:has(.calendar-head) .week-item.event-item{border-left:3px solid #7d8795}
#body:has(.calendar-head) .week-item time{display:block;margin-bottom:4px;color:#b92945;font-size:11px;font-weight:800}
#body:has(.calendar-head) .week-item strong{display:block;color:#1e2938;font-size:12px;line-height:1.3;white-space:normal}
#body:has(.calendar-head) .week-item small{display:block;margin-top:4px;color:#6d7888;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#body:has(.calendar-head) .week-empty{padding:14px 8px;border:1px dashed #e1e6eb;border-radius:10px;color:#9aa3ae;font-size:12px;text-align:center}
@media(max-width:1150px){#body:has(.calendar-head) .calendar-week-panel{overflow-x:auto}#body:has(.calendar-head) .week-controls{flex-wrap:wrap}}
@media(max-width:700px){#body:has(.calendar-head) .calendar-view-switch{width:100%}#body:has(.calendar-head) .calendar-view-switch button{flex:1;height:38px;font-size:14px}#body:has(.calendar-head) .calendar-week-panel{padding-bottom:6px}#body:has(.calendar-head) .calendar-week-grid{grid-template-columns:repeat(7,170px);min-width:1190px}#body:has(.calendar-head) .week-col{min-height:360px}#body:has(.calendar-head) .week-item strong{font-size:13px}#body:has(.calendar-head) .week-item small,#body:has(.calendar-head) .week-item time{font-size:12px}}