.brand-logo {
  display: block;
  width: auto;
  height: 50px;
  max-width: min(240px, 70vw);
  object-fit: contain;
}

#admin-view,
.view-switch {
  display: none !important;
}

@media (max-width: 720px) {
  .brand-logo {
    height: 42px;
  }
}

.booking-date-picker{width:min(420px,94vw);border:1px solid #d5dce3;border-radius:16px;padding:20px;color:#172b40;font:inherit;max-height:90dvh;overflow:auto}.booking-date-picker::backdrop{background:#0006}.booking-date-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.booking-date-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:14px 0}.booking-date-grid>*{text-align:center;min-height:40px;display:grid;place-items:center}.booking-date-picker button{font:inherit;min-height:40px;border:1px solid #d5dce3;background:white;border-radius:7px;color:#173c58;cursor:pointer}.booking-date-grid button:disabled{color:#a1a1a1;background:#f2f2f2;cursor:default}.booking-date-grid button[aria-pressed=true]{background:#173c58;color:white}.booking-date-picker button:focus-visible{outline:3px solid #1688d5;outline-offset:2px}