body .ho-reservations button.ho-res-agenda-item,body .ho-reservations button.ho-res-agenda-item:hover,body .ho-reservations button.ho-res-agenda-item:focus{grid-template-columns:116px minmax(0,1fr) 20px!important;grid-template-rows:auto auto auto!important;gap:5px 14px!important;min-height:100px!important;padding:12px 14px!important}
body .ho-reservations button.ho-res-agenda-item .ho-res-agenda-clock{grid-column:1!important;grid-row:1/4!important;display:grid!important;grid-template-columns:16px auto!important;grid-template-rows:auto auto!important;align-content:center!important;justify-content:center!important;justify-self:stretch!important;align-self:stretch!important;gap:5px!important;padding:10px 6px!important;white-space:normal!important}
body .ho-reservations button.ho-res-agenda-item .ho-res-agenda-clock .icon{grid-column:1!important;grid-row:1!important}
body .ho-reservations button.ho-res-agenda-item .ho-res-agenda-clock strong{grid-column:2!important;grid-row:1!important;font-size:16px!important}
body .ho-reservations button.ho-res-agenda-item .ho-res-agenda-clock small{grid-column:1/3!important;grid-row:2!important;border:0!important;padding:0!important;margin:0!important;font-size:10px!important;white-space:nowrap!important;text-align:center!important}
body .ho-reservations button.ho-res-agenda-item .ho-res-agenda-name{grid-column:2!important;grid-row:1!important;align-self:end!important;margin:0!important}
body .ho-reservations button.ho-res-agenda-item .ho-res-agenda-top{grid-column:2!important;grid-row:2!important;display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
body .ho-reservations button.ho-res-agenda-item .ho-res-agenda-top>span:first-child{overflow-wrap:anywhere!important}
body .ho-reservations button.ho-res-agenda-item>small{grid-column:2!important;grid-row:3!important;align-self:start!important}
body .ho-reservations button.ho-res-agenda-item .ho-res-agenda-chevron{grid-column:3!important;grid-row:1/4!important}
@media(max-width:650px){body .ho-reservations button.ho-res-agenda-item,body .ho-reservations button.ho-res-agenda-item:hover,body .ho-reservations button.ho-res-agenda-item:focus{grid-template-columns:104px minmax(0,1fr) 16px!important;gap:5px 9px!important;padding:10px!important}}
body .ho-reservations button.ho-res-agenda-item,body .ho-reservations button.ho-res-agenda-item:hover,body .ho-reservations button.ho-res-agenda-item:focus{min-height:78px!important;padding:9px 12px!important;gap:3px 12px!important;border-radius:8px!important}
body .ho-reservations button.ho-res-agenda-item .ho-res-agenda-clock{padding:5px!important;background:color-mix(in srgb,var(--text) 3%,var(--surface-soft))!important;border-right:1px solid var(--line)!important;border-radius:5px!important}
body .ho-reservations button.ho-res-agenda-item .ho-res-agenda-name{font-size:13px!important}
body .ho-reservations button.ho-res-agenda-item .ho-res-agenda-top>span:first-child{font-size:10px!important}
body .ho-reservations button.ho-res-agenda-item>small{font-size:10px!important}
body .ho-reservations button.ho-res-agenda-item .ho-res-agenda-pill{font-size:9px!important;padding:3px 6px!important}
body .ho-reservations button.ho-res-agenda-item .ho-res-agenda-pill{font-weight:600!important}
body .ho-reservations.is-calendar-focus .ho-res-grid{align-items:stretch!important}
body .ho-reservations.is-calendar-focus .ho-res-daytable{display:flex!important;flex-direction:column!important;align-self:stretch!important;min-height:0!important}
body .ho-reservations.is-calendar-focus .ho-res-agenda{max-height:none!important;min-height:0!important;overflow:visible!important;align-content:start!important;padding-right:0!important}
body .ho-agenda-pages{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:16px}
body .ho-agenda-pages a{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:4px 8px;border:1px solid var(--line);border-radius:6px;font-size:12px;background:var(--surface-soft);color:var(--text);text-decoration:none}
body .ho-agenda-pages a[aria-current=page]{background:var(--accent);color:var(--on-accent,#fff);border-color:var(--accent)}
body .ho-reservations .ho-res-pill.is-planned,body .ho-reservations button.ho-res-agenda-item .ho-res-agenda-pill.is-planned,body .ho-reservations .rd-status[data-state=planned]{font-weight:600!important}
body .ho-reservations .ho-res-pill.is-planned,body .ho-reservations button.ho-res-agenda-item .ho-res-agenda-pill.is-planned,body .ho-reservations .rd-status[data-state=planned]{font-weight:500!important}