.calendar{width:100%;font-family:Arial,sans-serif;background-color:var(--offwhite);padding:1rem;min-height:450px;position:relative;margin-bottom:1.5rem}.calendar .calendar-header{display:flex;gap:2rem;justify-content:center;align-items:center;margin-bottom:1rem}.calendar .calendar-header p{color:var(--black);min-width:150px}.calendar .calendar-header *{margin-bottom:0}.calendar .calendar-header button{background:#0000;color:var(--black);font-size:1.25rem;line-height:0}.calendar .calendar-header button:hover{background:var(--offwhite);color:var(--orange)}.calendar .days-row,.calendar .cells-row{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.calendar .day-name,.calendar .cell{text-align:center!important;padding:10px;border:.5px solid var(--gray-light);min-height:30px;font-size:12px}.calendar .cell{cursor:pointer}.calendar .cell.disabled{background-color:#f0f0f0!important;color:#ccc!important;pointer-events:none;cursor:auto}.calendar .cell.disabled .marker{background-color:#0000!important}.calendar .cell.selected{background-color:#0000001a}.calendar .cell.available,.calendar .cell.partial,.calendar .cell.unavailable{color:var(--black)}.calendar .marker{display:block;height:12px;width:100%;border-radius:3px;background-color:#0000;margin:6px auto 0}.calendar .marker.available{background-color:var(--green)!important}.calendar .marker.partial{background-color:var(--yellow)}.calendar .marker.unavailable{background-color:var(--red)!important}.calendar .legend{display:flex;justify-content:space-around;margin-top:2rem}.calendar .legend-item{padding:5px 10px;color:#fff;border-radius:5px;font-size:.75rem}.calendar .legend-item.available{background-color:var(--green)}.calendar .legend-item.partial{background-color:var(--yellow)}.calendar .legend-item.unavailable{background-color:var(--red)}.calendar .time-slot{text-decoration:none;display:block;padding:10px;margin-bottom:10px;border-radius:4px}.calendar .time-slot.available:hover{color:var(--black)}.calendar .time-slot.available{background-color:var(--green);color:#fff}.calendar .time-slot.partially-available{background-color:var(--yellow);color:#fff}.calendar .time-slot.unavailable{background-color:var(--red);color:#fff}.calendar .time-slots-panel{width:100%;height:auto}.calendar .calendar-view{position:relative;z-index:500}.calendar button{background-color:#333;color:#fff;border:none;padding:10px;cursor:pointer;border-radius:4px;margin-bottom:10px}