/* Brand assets are decorative; native messages and parameters stay escaped. */
.hs-brand-empty, .hs-brand-error {
  --state-ink: #23354b;
  --state-muted: #52647a;
  --state-surface: #ffffff;
  --state-line: #d7e0eb;
  --state-link: #236594;
}
:is(.theme--dark, [data-mantine-color-scheme="dark"]) :is(.hs-brand-empty, .hs-brand-error) {
  --state-ink: #f1f5fb;
  --state-muted: #bfd0e3;
  --state-surface: #122239;
  --state-line: #71849f;
  --state-link: #a7d5ff;
}
.nothing-placeholder.hs-brand-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 28px 16px;
  color: var(--state-muted);
  font-size: 16px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.nothing-placeholder.hs-brand-empty img { display: block; flex: none; object-fit: contain; }
.nothing-placeholder.hs-brand-empty.compact { padding: 16px; gap: 8px; font-size: 14px; }
.nothing-placeholder.hs-brand-empty.compact img { width: 56px; height: 58px; }
.hs-brand-error {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 24px;
  box-sizing: border-box;
  max-width: 760px;
  margin: 0 auto;
  padding: 24px;
  background: var(--state-surface);
  color: var(--state-ink);
  border: 1px solid var(--state-line);
  border-radius: 8px;
  line-height: 1.65;
  overflow-wrap: anywhere;
}
.hs-brand-error > img { display: block; object-fit: contain; }
.hs-brand-error h1 { margin: 0 0 12px; color: var(--state-ink); font-size: 26px; line-height: 1.3; }
.hs-brand-error p { margin: 0 0 16px; }
.hs-brand-error .hs-error-home.button {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  margin: 0;
  padding: 0 18px;
  border: 1px solid var(--state-line);
  background: var(--state-surface);
  color: var(--state-link);
  line-height: 1.4;
}
.hs-brand-error .hs-error-home.button:is(:hover, :focus) { border-color: var(--state-link); color: var(--state-link); }
.hs-brand-error .hs-error-details { margin-top: 16px; color: var(--state-muted); font-size: 14px; }
.hs-brand-error summary { width: fit-content; min-height: 44px; line-height: 44px; cursor: pointer; color: var(--state-link); }
.hs-brand-error .hs-error-details p { margin-bottom: 8px; }
.hs-brand-error .hs-error-details ol { padding-left: 24px; margin: 0; }
.hs-brand-error :is(a, summary):focus-visible { outline: 3px solid var(--state-link) !important; outline-offset: 3px; }
@media (max-width: 600px) {
  .hs-brand-error { grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 20px; }
  .hs-brand-error > img { width: 96px; height: 100px; }
}