analytics-consent { display: block; font: 13px/1.6 system-ui, sans-serif; color: var(--ink, #15223a); }
.shell ~ analytics-consent { margin-left: 280px; }
.analytics-panel { margin: 12px auto; padding: 14px 18px; max-width: 760px; border: 1px solid var(--line, #dce3ef); border-radius: 10px; background: var(--panel, #fff); }
.analytics-panel.needs-choice, .analytics-panel.editing { position: fixed; z-index: 100; bottom: 18px; left: 18px; right: 18px; max-height: 55vh; overflow: auto; box-shadow: 0 6px 28px #0002; }
.analytics-panel p { margin: 8px 0; }
.analytics-panel a { color: var(--cyan, #2563eb); }
.analytics-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.analytics-actions button { min-height: 42px; padding: 8px 14px; border: 1px solid var(--line, #dce3ef); border-radius: 6px; background: var(--control-bg, #f5f7ff); color: var(--ink, #15223a); cursor: pointer; font: inherit; }
.analytics-panel [hidden] { display: none; }
.analytics-panel :is(button,a):focus-visible { outline: 2px solid var(--cyan, #2563eb); outline-offset: 3px; }
.analytics-actions button:disabled { opacity: .6; cursor: default; }
@media (max-width: 760px) { .shell ~ analytics-consent { margin-left: 0; padding-bottom: calc(78px + env(safe-area-inset-bottom)); }.analytics-panel.needs-choice, .analytics-panel.editing { bottom: calc(78px + env(safe-area-inset-bottom)); left: 8px; right: 8px; } }