.cn-analytics-settings {
    margin-block: 0.25rem 0;
    font-size: 0.75rem;
}

.cn-analytics-settings button {
    min-height: 44px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--wp--preset--color--muted, #a0a0a0);
    font: inherit;
    text-decoration: underline;
    text-underline-offset: 0.2em;
    cursor: pointer;
}

.cn-analytics-panel {
    position: fixed;
    z-index: 99990;
    inset-inline: 24px;
    bottom: 24px;
    box-sizing: border-box;
    width: min(560px, calc(100% - 48px));
    max-height: calc(100dvh - 48px);
    overflow: auto;
    margin-inline: auto;
    padding: 20px;
    border: 1px solid #656565;
    background: var(--wp--preset--color--base, #101010);
    color: var(--wp--preset--color--contrast, #f5f5f5);
    font-size: 0.8125rem;
    line-height: 1.6;
    text-align: left;
}

.cn-analytics-panel h2 {
    margin: 0 0 8px;
    font-size: 0.9375rem;
    line-height: 1.4;
}

.cn-analytics-panel p {
    margin: 0 0 12px;
}

.cn-analytics-panel a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

.cn-analytics-panel__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.cn-analytics-panel button {
    min-height: 44px;
    padding: 8px 12px;
    border: 1px solid #757575;
    border-radius: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    cursor: pointer;
}

.cn-analytics-panel button:hover,
.cn-analytics-settings button:hover {
    color: #fff;
    text-decoration: underline;
}

.cn-analytics-panel :focus-visible,
.cn-analytics-settings button:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

.cn-analytics-panel .cn-analytics-panel__status {
    margin: 12px 0 0;
    color: var(--wp--preset--color--muted, #a0a0a0);
}

.cn-analytics-panel__status:empty,
.cn-analytics-panel[hidden],
.cn-analytics-panel [hidden],
.cn-analytics-settings [hidden] {
    display: none;
}

@media (max-width: 480px) {
    .cn-analytics-panel {
        inset-inline: 16px;
        bottom: 16px;
        width: calc(100% - 32px);
        padding: 16px;
    }
}