.live-schedule{background:#f3f1e8}.live-schedule-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.live-schedule-heading>label{width:min(280px,100%);margin-bottom:24px}.availability-key{display:flex;flex-wrap:wrap;gap:18px;margin:18px 0 28px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.availability-key span{display:flex;align-items:center;gap:7px}.availability-key span:before{content:"";width:9px;height:9px;border-radius:50%;background:#8fa099}.availability-key .available:before{background:#72a64e}.availability-key .pending:before{background:#e6a52d}.availability-key .reserved:before{background:#c94c3c}.availability-key .blocked:before{background:#303b37}.availability-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;transition:opacity .2s}.availability-board.loading{opacity:.45}.availability-board>article{background:#fff;border:1px solid #d6dbd4;padding:24px}.availability-board h3{font:800 30px var(--display);text-transform:uppercase;margin:0}.availability-board article>p{font-size:12px;color:#68766f;margin:3px 0 18px}.slot-list{display:grid;gap:7px}.schedule-slot{width:100%;min-height:48px;display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border:1px solid #dce1da;background:#f7f9f5;color:#17251f;cursor:pointer}.schedule-slot strong{font:800 20px var(--display)}.schedule-slot span{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.schedule-slot.available:hover{border-color:#7da052;background:#eff8df;transform:translateX(3px)}.schedule-slot.pending{background:#fff3d8;border-color:#e6bd69}.schedule-slot.confirmed{background:#fbe5df;border-color:#de897d}.schedule-slot.blocked{background:#e8eae7;border-color:#9ba39f}.schedule-slot:disabled{cursor:not-allowed;color:#4e5d56}.availability-note{margin:22px 0 0;color:#62716a;font-size:13px}.schedule-error{padding:15px;background:#ffe7e1;color:#8b3025}@media(max-width:900px){.availability-board{grid-template-columns:1fr 1fr}.availability-board>article:last-child{grid-column:1/-1}}@media(max-width:620px){.live-schedule-heading{align-items:stretch;flex-direction:column}.availability-board{grid-template-columns:1fr}.availability-board>article:last-child{grid-column:auto}.availability-key{gap:10px 16px}}