.local-matomo {
    position: fixed;
    z-index: 100;
    left: max(16px, env(safe-area-inset-left));
    bottom: max(16px, env(safe-area-inset-bottom));
    width: min(425px, calc(100% - 32px));
    max-height: calc(100dvh - 32px);
    overflow: auto;
    padding: 16px;
    border: 1px solid #d7dce5;
    border-radius: 15px;
    background: #fff;
    color: #152138;
    box-shadow: 0 12px 40px #0003;
    font: inherit;
    line-height: 1.55;
}
body:has(#virtualx-local-environment) .local-matomo {
    bottom: max(64px, env(safe-area-inset-bottom));
    max-height: calc(100dvh - 80px);
}
.local-matomo[hidden] { display: none; }
.local-matomo strong { font-weight: 750; }
.local-matomo p { margin: 7px 0 12px; color: #4a596c; }
.local-matomo a { color: var(--accent, #234ebc); text-decoration: underline; }
.local-matomo-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.local-matomo-actions button {
    min-height: 40px;
    padding: 7px 14px;
    border: 1px solid var(--accent, #234ebc);
    border-radius: 8px;
    background: #fff;
    color: var(--accent, #234ebc);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}
.local-matomo-actions [data-local-matomo-choice="allowed"] {
    background: var(--accent, #234ebc);
    color: #fff;
}
.local-matomo :is(a, button):focus-visible {
    outline: 2px solid var(--accent, #234ebc);
    outline-offset: 3px;
}