.hsbf-calendar-field{grid-column:1/-1;min-width:0;width:100%;box-sizing:border-box}
.hsbf-calendar-field>label{display:block}
.hsbf-calendar{margin-top:10px;padding:12px;border:1px solid #d4deec;border-radius:8px;background:#fff}
.hsbf-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:8px}
.hsbf-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}
.hsbf-calendar-grid>span{font-size:11px;color:#555;padding:4px 0}
html body .hsbf-calendar button{box-sizing:border-box;min-width:0;padding:7px 2px;margin:0;border:1px solid #e1e8f2;border-radius:5px;background:#fff;color:#222;font-size:13px;line-height:1.3;cursor:pointer;box-shadow:none}
html body .hsbf-calendar-header button{width:32px;font-size:20px}
html body .hsbf-calendar button:disabled{color:#999;background:#f3f3f3;cursor:not-allowed;opacity:1}
html body .hsbf-calendar button.is-booked{background:#f5b8ce;border-color:#d58a94;color:#762841;opacity:1}
html body .hsbf-calendar button.is-selected{background:#222;color:#fff}
html body .hsbf-calendar button:focus-visible{outline:2px solid #762841;outline-offset:2px}
.hsbf-calendar-legend,.hsbf-calendar-status{margin:10px 0 0;font-size:12px;color:#762841}
.hsbf-calendar-legend:before{content:"";display:inline-block;width:12px;height:12px;margin-right:6px;background:#f5b8ce;border-radius:3px;vertical-align:middle}