.my-analytics [hidden], [data-analytics-settings][hidden] { display: none !important; }
.my-analytics-notice { position: fixed; inset: auto 1.25rem 1.25rem auto; z-index: 90; width: min(32rem, calc(100% - 2.5rem)); padding: 1.2rem 1.4rem; border: 1px solid #dce0d2; border-radius: 1.2rem; background: #fbfaf6; color: #28352d; box-shadow: 0 .4rem 2rem #28352d18; font: inherit; }
.my-analytics-notice strong { font-size: 1rem; }
.my-analytics-notice p { margin: .4rem 0 1rem; color: #657161; font-size: .88rem; line-height: 1.5; }
.my-analytics-actions { display: flex; flex-wrap: wrap; gap: .6rem; }
.my-analytics-actions button { min-height: 42px; border: 1px solid #cbd3bf; border-radius: 999px; padding: .55rem 1rem; background: #f0f3e8; color: #34412e; font: inherit; font-size: .85rem; font-weight: 600; cursor: pointer; }
.my-analytics-actions button[data-consent="denied"] { background: transparent; }
.my-analytics-actions button:focus-visible, [data-analytics-settings]:focus-visible { outline: 3px solid #ed765f; outline-offset: 3px; }
.my-analytics-actions button:disabled { opacity: .5; cursor: default; }
.my-analytics-dialog { width: min(32rem, calc(100% - 2rem)); max-height: calc(100dvh - 3rem); padding: 1.8rem; border: 1px solid #dce0d2; border-radius: 1.3rem; background: #fbfaf6; color: #28352d; }
.my-analytics-dialog::backdrop { background: #28352d80; }
.my-analytics-dialog h2 { margin: 0 0 1rem; font-size: 1.7rem; letter-spacing: -.04em; }
.my-analytics-dialog p { font-size: .95rem; line-height: 1.6; color: #657161; }
.my-analytics-dialog .my-analytics-status { color: #455a35; font-weight: 600; }
[data-analytics-settings] { margin-left: .65rem; }
@media (max-width: 540px) { .my-analytics-notice { inset: auto .75rem .75rem; width: auto; padding: 1rem; } .my-analytics-actions button { flex: 1; } .my-analytics-dialog { padding: 1.4rem; } }