/* Scoped, non-modal analytics controls. Both actions have equal prominence. */
.tf-analytics-banner { position: fixed; z-index: 50; right: 20px; bottom: 20px; width: min(460px, calc(100vw - 40px)); box-sizing: border-box; padding: 22px; border: 1px solid #746591; border-radius: 16px; background: #211637; color: #f7f2ff; box-shadow: 0 10px 36px #09041470; font: 15px/1.5 system-ui, sans-serif; max-height: calc(100dvh - 40px); overflow-y: auto; }
.tf-analytics-banner[hidden] { display: none; }
.tf-analytics-banner h2 { margin: 0 40px 10px 0; font: 700 19px/1.3 system-ui, sans-serif; color: #fff; letter-spacing: 0; }
.tf-analytics-banner p { margin: 0 0 10px; font: inherit; color: #eee7f7; }
.tf-analytics-banner a { color: #94ead9; text-decoration: underline; text-underline-offset: 3px; }
.tf-analytics-banner .tf-analytics-dismiss { position: absolute; top: 8px; right: 8px; width: 44px; height: 44px; border: 0; border-radius: 8px; padding: 0; background: transparent; color: #eee7f7; font: 26px/1 system-ui, sans-serif; cursor: pointer; }
.tf-analytics-banner .tf-analytics-dismiss:hover { background: #4c3769; }
.tf-analytics-option { display: flex; align-items: flex-start; gap: 12px; margin: 12px 0; padding: 12px; border: 1px solid #746591; border-radius: 8px; cursor: pointer; }
.tf-analytics-option input { flex: 0 0 22px; width: 22px; height: 22px; min-height: 0; margin: 3px 0 0; padding: 0; accent-color: #94ead9; }
.tf-analytics-option strong { display: block; color: #fff; font: 650 15px/1.5 system-ui, sans-serif; }
.tf-analytics-option small { display: block; margin-top: 3px; color: #eee7f7; font: 14px/1.45 system-ui, sans-serif; }
.tf-analytics-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 18px; }
.tf-analytics-actions button { min-height: 46px; padding: 10px 8px; border: 1px solid #b1a1ca; border-radius: 8px; background: #35264b; color: #fff; font: 600 14px/1.35 system-ui, sans-serif; cursor: pointer; }
.tf-analytics-actions button:hover { background: #4c3769; }
.tf-analytics-actions button:disabled { opacity: .55; cursor: default; }
.tf-analytics-banner :focus-visible, [data-analytics-choices]:focus-visible { outline: 3px solid #94ead9; outline-offset: 3px; }
.store-footer [data-analytics-choices] { padding: 0; border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 520px) { .tf-analytics-banner { right: 12px; bottom: 12px; width: calc(100vw - 24px); padding: 18px; font-size: 14px; max-height: calc(100dvh - 24px); } }