.clarity-consent {
    position: fixed;
    z-index: 90;
    inset: auto 0 0;
    max-height: 60dvh;
    overflow: auto;
    color: #475569;
    background: #fff;
    border-top: 1px solid #e2e8f0;
    box-shadow: 0 -2px 12px #192b4508;
    font: 14px/1.6 system-ui, sans-serif;
}
.clarity-consent-inner { max-width: 1240px; margin: 0 auto; padding: 12px 28px max(12px, env(safe-area-inset-bottom)); display: flex; align-items: center; gap: 24px; }
.clarity-consent p { flex: 1; min-width: 0; margin: 0; }
.clarity-consent a { color: #475569; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.clarity-consent-actions, .clarity-settings-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 16px; }
[data-clarity-choice] { min-width: 96px; min-height: 44px; padding: 8px 16px; border: 1px solid #94a3b8; border-radius: 8px; color: #192b45; background: #fff; font: inherit; cursor: pointer; }
[data-clarity-choice="granted"] { color: #fff; background: #1746a2; border-color: #1746a2; }
.clarity-consent-actions { flex-shrink: 0; flex-wrap: nowrap; gap: 8px; margin-top: 0; }
.clarity-consent [data-clarity-choice] { min-width: 80px; padding: 8px 14px; border-color: #cbd5e1; border-radius: 6px; color: #334155; background: #fff; white-space: nowrap; }
.clarity-consent [data-clarity-choice]:hover { border-color: #94a3b8; background: #f8fafc; }
[data-clarity-choice]:focus-visible, .clarity-consent a:focus-visible { outline: 3px solid #1746a2; outline-offset: 3px; }
html:has(#clarity-consent) { scroll-padding-bottom: calc(var(--clarity-consent-height, 0px) + 20px); }
body:has(#clarity-consent) { padding-bottom: var(--clarity-consent-height, 0px); }
body:has(#clarity-consent) .workspace-mobile-action { bottom: var(--clarity-consent-height, 0px); }
@media (max-width: 760px) {
    .clarity-consent-inner { display: grid; gap: 10px; padding: 12px 18px max(12px, env(safe-area-inset-bottom)); }
    .clarity-consent p { font-size: 13px; }
    .clarity-consent-actions { justify-content: flex-end; }
}