.qahse-site-visits {
  position: fixed;
  left: max(16px, env(safe-area-inset-left));
  bottom: max(12px, env(safe-area-inset-bottom));
  z-index: 12;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: calc(100vw - 32px);
  box-sizing: border-box;
  padding: 7px 12px;
  border: 1px solid #d0e3dc;
  border-radius: 8px;
  background: #fafffcf2;
  color: #426359;
  box-shadow: 0 2px 12px #102e2010;
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  white-space: nowrap;
  pointer-events: none;
  backdrop-filter: blur(8px);
}
.qahse-site-visits output {
  color: #176e4c;
  font: inherit;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.qahse-has-site-visits .scroll-cue { bottom: 66px; }
html:has(dialog[open]) .qahse-site-visits,
body:has(.ModalManager .Modal) .qahse-site-visits { visibility: hidden; }
@media (prefers-color-scheme: dark) {
  .qahse-site-visits { background: #17382ff2; border-color: #527b6e; color: #d7e9e1; }
  .qahse-site-visits output { color: #bceacb; }
}
html[data-theme^="dark"] .qahse-site-visits { background: #17382ff2; border-color: #527b6e; color: #d7e9e1; }
html[data-theme^="dark"] .qahse-site-visits output { color: #bceacb; }
html[data-theme="light"] .qahse-site-visits { background: #fafffcf2; border-color: #d0e3dc; color: #426359; }
html[data-theme="light"] .qahse-site-visits output { color: #176e4c; }
@media (max-width: 600px) {
  .qahse-site-visits {
    position: static;
    margin: 12px max(10px, env(safe-area-inset-left)) max(8px, env(safe-area-inset-bottom));
    padding: 4px 9px;
    gap: 8px;
    font-size: 12px;
    line-height: 18px;
  }
}
@media print { .qahse-site-visits { display: none; } }