.availability-toolbar{display:flex;align-items:center;gap:24px;margin-bottom:16px}.availability-toolbar strong{text-transform:capitalize;min-width:200px;text-align:center}.availability-toolbar button{width:42px;height:42px;border:1px solid #d6ddcf;border-radius:50%;background:transparent;color:#28543a;cursor:pointer}.availability-toolbar button:disabled{opacity:.4}.availability-grid{overflow:auto;border:1px solid #d6ddcf;border-radius:10px}.availability-table{display:grid;grid-template-columns:110px repeat(var(--days),38px);width:max-content;min-width:100%;font-size:11px}.availability-table>div{padding:10px 4px;text-align:center;border-right:1px solid #e2e5dc;border-bottom:1px solid #e2e5dc}.availability-table .availability-house{position:sticky;left:0;background:#f7f7ef;z-index:1;font-size:12px;padding:14px 10px;text-align:left}.availability-table .availability-night{padding:6px 3px}.availability-night button{width:100%;min-height:31px;border:0;border-radius:4px;background:#e0ead9;color:#28543a;cursor:pointer}.availability-night button:disabled{background:#9ca18c;color:#fff;cursor:default}.availability-night.past button{background:#eeeede;color:#acb2a4}.availability-note,.availability-status{font-size:11px;line-height:1.8;color:#65745c;margin:14px 0}.free-key,.busy-key{display:inline-block;width:9px;height:9px;border-radius:2px;margin:0 4px 0 12px;background:#e0ead9}.busy-key{background:#9ca18c}.availability-toolbar button:focus-visible,.availability-night button:focus-visible{outline:2px solid #28543a;outline-offset:2px}
.availability-night button.is-busy{background:#9ca18c;color:#fff}.availability-night button[aria-pressed=true]{box-shadow:inset 0 0 0 2px #28543a}.availability-table .availability-spa-name{color:#28543a}.availability-spa{margin-top:16px;padding:22px 24px;border:1px solid #d6ddcf;border-radius:10px;background:#f7f7ef}.availability-spa[hidden]{display:none}.availability-spa h3{font-size:17px;line-height:1.5;margin:0 0 8px}.availability-spa-summary p{margin:0 0 20px;font-size:13px;line-height:1.8;overflow-wrap:anywhere}.availability-spa-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.availability-spa-actions label{display:grid;gap:8px;font-size:12px}.availability-spa-actions select{min-width:150px;max-width:100%;padding:10px 12px;border:1px solid #aebca5;border-radius:4px;background:#fff;color:#28543a;font-size:15px}.availability-spa-actions>span{font-size:12px;line-height:1.8}.availability-spa-actions .button{margin-left:auto}.availability-spa-actions .button:disabled{opacity:.5;cursor:default}.availability-spa-actions select:focus-visible{outline:2px solid #28543a;outline-offset:2px}@media(max-width:600px){.availability-toolbar{gap:10px;justify-content:space-between}.availability-toolbar strong{min-width:0;font-size:14px}.availability-spa{padding:18px 16px}.availability-spa-actions{gap:14px}.availability-spa-actions label{flex:1;min-width:0}.availability-spa-actions select{min-width:0;width:100%}.availability-spa-actions .button{width:100%;margin-left:0;justify-content:center}.availability-spa-actions>span{flex:1}}