.calendar-page{--property-width:290px;--day-width:81px;--reservation:#386d8c;--blocked:#e95836;--maintenance:#88ab2e;color:#383838}.calendar-title h1{font-size:28px;margin:4px 0 16px}.calendar-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 0 20px}.calendar-toolbar button{border-radius:8px}.calendar-month-label{margin:0}.calendar-month-label input{max-width:180px}.calendar-filter{margin:0;min-width:210px;margin-left:auto}.schedule-scroll{overflow:auto;max-height:640px;border:1px solid #cecece;background:#fff;position:relative;scrollbar-color:#bbb #eee;isolation:isolate}.schedule-board{width:calc(var(--property-width) + var(--days)*var(--day-width));min-width:100%}.schedule-head,.schedule-group,.schedule-unit{display:flex;width:100%}.schedule-head{height:64px;position:sticky;top:0;z-index:5;background:#fff}.property-head,.property-group,.property-cell{width:var(--property-width);min-width:var(--property-width);position:sticky;left:0;z-index:3;background:#fff;border-right:14px solid #f7f7f7;box-shadow:3px 0 4px #00000009}.property-head{padding:16px;font-weight:650;display:flex;gap:14px;align-items:center;border-bottom:1px solid #ddd;z-index:6}.property-head span{color:#888;font-size:12px}.date-track,.track-background{display:grid;grid-template-columns:repeat(var(--days),var(--day-width));width:calc(var(--days)*var(--day-width))}.date-cell{height:64px;border:0;border-right:1px solid #eee;border-bottom:1px solid #ddd;border-radius:0;padding:5px;display:flex;flex-direction:column;justify-content:center;gap:0;align-items:center;background:#fff;color:#757575;min-width:0}.date-cell span{text-transform:uppercase;font-size:13px;line-height:22px;color:#999}.date-cell strong{font-size:16px;font-weight:600}.date-cell.weekend{background:#e8e8e8}.date-cell.weekend span{color:#c9452f}.date-cell.selected-day{border:3px solid #f13426;background:#fbe1d8;padding:2px}.schedule-group{height:55px;border-bottom:1px solid #bdbdbd;background:#fff}.property-group{padding:8px 10px;display:flex;align-items:center;justify-content:space-between;border-left:0;border-top:0;border-bottom:0;border-radius:0;font-size:18px;font-weight:750;text-align:left;min-height:0}.property-group:hover{background:#fafafa;border-right-color:#f7f7f7}.collapse-symbol{color:white;background:#3c3c3c;font-size:17px;border-radius:3px;width:19px;height:19px;line-height:17px;text-align:center;flex-shrink:0}.group-track{flex:1}.schedule-unit{height:calc(64px + (var(--lanes) - 1)*43px);border-bottom:1px solid #bbb}.property-cell{display:flex;gap:12px;align-items:center;overflow:hidden}.property-photo{display:block;width:94px;min-width:94px;height:63px;object-fit:cover;align-self:flex-start}.property-photo.placeholder{background:#f0efec;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#817e76;border-right:1px solid #dedbd5;gap:0}.placeholder span{font-size:24px;line-height:28px}.placeholder small{font-size:8px;letter-spacing:1px}.unit-name{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;line-height:22px}.unit-name small{display:block;font-size:10px;color:#a2331f}.unit-more{border:0;padding:0;margin-right:9px;border-radius:4px;min-height:30px;min-width:24px;background:#3c3c3c;color:#fff;font-size:19px;line-height:24px;height:24px}.unit-track{position:relative;width:calc(var(--days)*var(--day-width));flex-shrink:0;height:100%}.track-background{position:absolute;inset:0;height:100%}.track-day{height:100%;border-right:1px solid #eee}.track-day.weekend{background:#e8e8e8}.track-day.selected-day{background:#fbe1d8;border-right:2px solid #f13426;border-left:2px solid #f13426}.schedule-event{position:absolute;left:calc(var(--left)*var(--day-width));width:calc(var(--span)*var(--day-width));top:calc(13px + var(--lane)*43px);height:36px;min-height:36px;display:flex;align-items:center;gap:10px;border:0;border-radius:22px;background:var(--reservation);box-shadow:0 5px 5px #0003;padding:4px 17px;color:#fff;font-size:15px;font-weight:750;overflow:hidden;white-space:nowrap;z-index:1;text-align:left;line-height:24px}.schedule-event:hover{background:#2d5d79;border:0;box-shadow:0 4px 7px #0005}.schedule-event.blocked{background:var(--blocked);box-shadow:none}.schedule-event.maintenance{background:var(--maintenance);box-shadow:none}.schedule-event.blocked:hover{background:#cf4627}.schedule-event.maintenance:hover{background:#718d27}.schedule-event.clipped-start{border-top-left-radius:0;border-bottom-left-radius:0}.schedule-event.clipped-end{border-top-right-radius:0;border-bottom-right-radius:0}.event-text{overflow:hidden;text-overflow:ellipsis;min-width:0}.channel-icon{width:24px;height:24px;object-fit:contain;filter:brightness(0) invert(1);flex-shrink:0}.channel-fallback{font-size:11px;border:1px solid #fff9;line-height:20px;padding:0 4px;border-radius:5px;flex-shrink:0}.event-symbol{font-size:25px;line-height:28px;flex-shrink:0}.edge-marker{font-size:17px;color:#fff;flex-shrink:0}.calendar-foot{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;padding:16px 0 8px}.calendar-foot>span{display:flex;gap:7px;align-items:center}.legend-dot{width:22px;height:10px;border-radius:5px;display:inline-block}.legend-dot.reservation{background:var(--reservation)}.legend-dot.blocked{background:var(--blocked)}.legend-dot.maintenance{background:var(--maintenance)}.main:has(.calendar-page){max-width:none;padding-left:24px;padding-right:24px}.calendar-detail:empty{display:none}@media(max-width:720px){.calendar-page{--property-width:184px;--day-width:72px}.property-photo{width:54px;min-width:54px}.property-cell{gap:8px}.unit-name{font-size:12px}.property-group{font-size:14px}.property-head,.property-group,.property-cell{border-right-width:7px}.calendar-toolbar{gap:8px}.calendar-filter{margin-left:0;flex:1}.schedule-scroll{max-height:65vh}.calendar-title h1{font-size:25px}.schedule-event{font-size:13px;padding-left:12px;gap:7px}.main:has(.calendar-page){padding-left:12px;padding-right:12px}}

.main{min-width:0}.calendar-page{min-width:0}.install-app{margin-top:12px}

.reservation-modal{border:1px solid #ccc;border-radius:5px;padding:0;width:min(900px,calc(100vw - 32px));max-height:calc(100dvh - 32px);color:#444;background:#fff;box-shadow:0 12px 48px #0004;overflow:auto}.reservation-modal::backdrop{background:#0008}.reservation-modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #ddd;gap:12px}.reservation-modal-head h2{font-size:22px;line-height:1.4;margin:0;overflow-wrap:anywhere}.reservation-modal-head h2 span{font-weight:400}.reservation-modal .modal-x{border:0;background:none;font-size:30px;color:#777;padding:0;min-width:44px;flex-shrink:0}.reservation-modal-body{padding:18px 24px}.reservation-modal-body>p:first-child{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 20px}.reservation-dates{display:grid;grid-template-columns:1fr 1fr;gap:22px}.reservation-date{display:flex;border:1px solid #e6e6e6;border-radius:12px;box-shadow:0 2px 3px #0003;overflow:hidden;min-height:112px;align-items:stretch}.reservation-date>div:last-child{padding:16px 20px;display:flex;flex-direction:column}.reservation-date span,.reservation-date small{color:#777;font-size:16px}.reservation-date strong{font-size:22px;font-weight:600;color:#333}.date-icon{background:#f7f7f7;display:flex;align-items:center;justify-content:center;width:88px;flex-shrink:0;font-size:38px;color:#999}.reservation-facts{margin:28px 0 16px}.reservation-fact{display:flex;justify-content:space-between;align-items:center;padding:16px 12px;border-top:1px solid #ddd;gap:16px;font-size:17px}.reservation-fact dt{color:#777}.reservation-fact dd{margin:0;text-align:right}.reservation-status{border:1px solid #ccc;border-radius:25px;padding:8px 18px;display:inline-block;color:#386d8c}.reservation-partner{display:inline-flex;align-items:center;gap:8px;font-weight:600}.reservation-partner img{width:22px;height:22px}.reservation-modal-footer{border-top:1px solid #ddd;padding:20px 24px}.reservation-modal-footer button{border-radius:24px}.reservation-modal button:focus-visible{outline:3px solid #386d8c;outline-offset:3px}@media(max-width:600px){.reservation-modal{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.reservation-modal-head,.reservation-modal-body,.reservation-modal-footer{padding:16px}.reservation-modal-head h2{font-size:17px}.reservation-dates{grid-template-columns:1fr;gap:14px}.reservation-date{min-height:90px}.reservation-date strong{font-size:20px}.reservation-fact{font-size:15px;padding:14px 0}.reservation-fact dd{max-width:58%;overflow-wrap:anywhere}.date-icon{width:64px}}

.reservation-modal[open]{display:flex;flex-direction:column;overflow:hidden}.reservation-modal-head,.reservation-modal-footer{flex-shrink:0}.reservation-modal-body{overflow:auto}.reservation-modal-footer{padding:12px 24px}.reservation-fact{padding-top:12px;padding-bottom:12px}