/* Bookimatic calendar/B/sparkle mark in the actual app palette. Portfolio branding stays intact. */
html .site-header .portfolio-product-link__icon--bookimatic {
  color: #a23982;
  background: #f7eaf4;
  border-color: #e3bfd9;
}
html .portfolio-product-panel--bookimatic .portfolio-product-panel__intro h2 {
  color: var(--shell-text);
}
.bookimatic-product-logo {
  display: block;
  width: min(260px, 100%);
  height: auto;
  margin-bottom: 22px;
}
.help-product-brand {
  display: block;
  width: min(190px, 100%);
  margin: 0 0 22px;
}
.help-product-brand img {
  display: block;
  width: 100%;
  height: auto;
}
.footer-bookimatic-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.footer-bookimatic-link img {
  flex: none;
}
.bookimatic-support-mark {
  display: block;
  margin-bottom: 12px;
}
.company-product-marquee__bookimatic-logo img {
  filter: none;
}
.company-product-marquee__bookimatic-logo strong {
  color: #a23982;
}
.page-bookimatic .site-header--saas {
  --shell-accent: #a23982;
}
.page-bookimatic .site-header--saas .nav-actions .btn--spark,
.page-bookimatic
  .site-header--saas
  .nav-actions
  .btn--spark:is(:hover, :focus-visible) {
  background: #303744;
  border-color: #252c38;
  box-shadow: 0 8px 18px rgba(162, 57, 130, 0.15);
}
.page-bookimatic
  .site-header--saas
  .nav-actions
  .btn--spark:is(:hover, :focus-visible) {
  background: #252c38;
  border-color: #252c38;
}
.page-bookimatic
  .portfolio-resource-link
  > .material-symbols-rounded:first-child {
  color: #a23982;
  background: #f7eaf4;
  border-color: #e3bfd9;
}
.page-bookimatic-docs .help-page a {
  color: #a23982;
}
.page-bookimatic-docs .help-topic-link[aria-current="page"] {
  color: #a23982;
  background: #f7eaf4;
}
.page-bookimatic-docs .help-search-field:focus-within {
  border-color: #a23982;
  box-shadow: 0 0 0 3px rgba(162, 57, 130, 0.12);
}
.page-bookimatic-docs .help-page a:focus-visible,
.page-bookimatic-docs .help-product-brand:focus-visible {
  outline-color: #a23982;
}
.page-bookimatic-docs .help-search-response a:is(:hover, :focus-visible) {
  background: #f7eaf4;
}
@media (max-width: 720px) {
  .bookimatic-product-logo {
    width: 220px;
    margin-bottom: 18px;
  }
  .help-product-brand {
    width: 170px;
    margin-bottom: 16px;
  }
}
@media (forced-colors: active) {
  .page-bookimatic-docs .help-page a {
    color: LinkText;
  }
}