/* Inherit the site's fonts; corporate IBM Plex stays consistent with its page. */
.vervig-analytics-panel[hidden] { display: none !important; }
.vervig-analytics-panel, .vervig-analytics-panel *, .vervig-analytics-footer, .vervig-analytics-footer * { box-sizing: border-box; }
.vervig-analytics-panel {
  position: fixed; inset: auto 0 0; z-index: 10001; max-height: 80vh; max-height: 80dvh;
  overflow-y: auto; overscroll-behavior: contain; background: #f4f4f4; color: #161616;
  border-top: 2px solid #0f62fe; border-radius: 0; box-shadow: none;
  font-family: inherit; font-size: 14px; line-height: 1.5;
}
.vervig-analytics-inner { max-width: 1376px; margin: 0 auto; padding: 20px 24px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 20px 32px; align-items: center; }
.vervig-analytics-copy { min-width: 0; overflow-wrap: anywhere; }
.vervig-analytics-copy h2 { margin: 0 0 8px; color: inherit; font: inherit; font-size: 18px; line-height: 1.4; font-weight: 500; letter-spacing: normal; }
.vervig-analytics-copy p { margin: 0 0 8px; font: inherit; color: inherit; max-width: none; }
.vervig-analytics-copy a { color: #0f62fe; text-decoration: underline; }
.vervig-analytics-details { padding: 0; border: 0; margin: 8px 0; background: transparent; border-radius: 0; }
.vervig-analytics-details summary { padding: 8px 0; color: #0f62fe; cursor: pointer; font: inherit; min-height: 40px; list-style: disclosure-closed; display: list-item; }
.vervig-analytics-details[open] summary { list-style: disclosure-open; }
.vervig-analytics-status:empty { display: none; }
.vervig-analytics-actions { display: flex; gap: 8px; align-items: stretch; }
.vervig-analytics-button {
  appearance: none; min-width: 132px; min-height: 48px; margin: 0; padding: 12px 16px;
  border: 1px solid #0f62fe; border-radius: 0; background: #fff; color: #0f62fe;
  font: inherit; font-weight: 500; text-align: center; cursor: pointer;
}
.vervig-analytics-button:hover { background: #e8e8e8; }
.vervig-analytics-footer {
  position: fixed; z-index: 10000; right: var(--vervig-analytics-control-right, 12px);
  bottom: var(--vervig-analytics-control-bottom, calc(12px + env(safe-area-inset-bottom, 0px)));
  max-width: calc(100vw - 24px); padding: 0; border: 1px solid #c6c6c6; border-radius: 0;
  background: #fff; color: #161616; font-family: inherit; font-size: 14px; line-height: 1.5;
}
.vervig-analytics-preferences { appearance: none; border: 0; border-radius: 0; padding: 8px 12px; min-height: 44px; background: transparent; color: #0f62fe; font: inherit; text-decoration: underline; cursor: pointer; }
.vervig-analytics-footer[data-site="divesites"] { right: 72px; bottom: 36px; }
.vervig-analytics-panel :focus-visible, .vervig-analytics-preferences:focus-visible { outline: 2px solid #0f62fe; outline-offset: 3px; }
@media (max-width: 760px) {
  .vervig-analytics-inner { grid-template-columns: 1fr; padding: 16px; gap: 12px; }
  .vervig-analytics-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vervig-analytics-button { min-width: 0; overflow-wrap: anywhere; padding-inline: 8px; }
  .vervig-analytics-footer[data-site="divesites"] { left: 12px; right: auto; bottom: calc(115px + env(safe-area-inset-bottom, 0px)); }
}
@media (forced-colors: active) { .vervig-analytics-panel { border-color: CanvasText; } .vervig-analytics-button { border-color: ButtonText; } }

/* Sites hosting toolbar: keep Analytics preferences reachable. */
@media (min-width: 761px) { .vervig-analytics-footer[data-site="divesites"] { bottom: calc(90px + env(safe-area-inset-bottom, 0px)); } }