.hosting-chat-fallback {
  box-sizing: border-box;
  width: min(460px, calc(100% - 32px));
  max-height: calc(100% - 32px);
  margin: auto;
  padding: 28px;
  border: 1px solid #555;
  border-radius: 20px;
  background: #181818;
  color: #fff;
  font: 16px/1.5 Arial, sans-serif;
}
.hosting-chat-fallback::backdrop { background: rgb(0 0 0 / 65%); }
.hosting-chat-fallback h2 { margin: 0 0 16px; font: bold 24px/1.3 Arial, sans-serif; color: #fff; }
.hosting-chat-fallback p { margin: 0 0 20px; }
.hosting-chat-options { display: flex; flex-wrap: wrap; gap: 12px 24px; }
.hosting-chat-fallback a { color: #fff; text-decoration: underline; }
.hosting-chat-fallback button { padding: 10px 16px; border: 1px solid #888; border-radius: 10px; color: #fff; background: #333; cursor: pointer; }
.hosting-chat-fallback :focus-visible { outline: 2px solid #fff; outline-offset: 3px; }