.analytics-banner { position: fixed; z-index: 120; inset: auto 20px 20px; width: min(760px, calc(100% - 40px)); margin-inline: auto; max-height: calc(100dvh - 40px); overflow: auto; padding: 24px; border: 1px solid var(--line); border-radius: 20px; background: #10172c; box-shadow: 0 12px 48px rgba(0,0,0,.45); color: var(--text); }
.analytics-banner p { font-size: .95rem; line-height: 1.7; }
.analytics-banner a, .analytics-settings { color: var(--gold); text-decoration: underline; text-underline-offset: 4px; }
.analytics-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 18px; }
.analytics-actions button { flex: 1; min-height: 44px; padding: 12px 18px; border: 1px solid var(--gold); border-radius: 12px; background: transparent; color: var(--gold); font: inherit; font-weight: 600; cursor: pointer; }
.analytics-actions button:hover { background: var(--gold-soft); }
.analytics-banner a:focus-visible, .analytics-actions button:focus-visible, .analytics-settings:focus-visible { outline: 2px solid var(--gold); outline-offset: 4px; }
.analytics-links { display: flex; flex-wrap: wrap; gap: 8px 20px; align-items: center; }
.analytics-links a { display: inline-flex; align-items: center; min-height: 44px; font-size: .9rem; }
.analytics-banner .analytics-close { margin-top: 12px; border: 0; background: transparent; color: var(--muted); font: inherit; text-decoration: underline; min-height: 44px; cursor: pointer; }
@media (max-width: 560px) { .analytics-banner { inset: auto 10px 10px; width: calc(100% - 20px); padding: 20px; max-height: calc(100dvh - 20px); } .analytics-actions { display: grid; grid-template-columns: 1fr 1fr; } }