#site-analytics-settings[hidden], #site-analytics-panel[hidden] { display: none !important; }
#site-analytics-settings, #site-analytics-panel { font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; letter-spacing: 0; }
#site-analytics-settings { position: fixed; bottom: 12px; left: 12px; z-index: 101; border: 1px solid #d3dfe1; border-radius: 5px; padding: 7px 10px; min-height: 34px; background: white; color: #31434b; font-size: 13px; font-weight: 650; box-shadow: 0 2px 10px #17212b22; cursor: pointer; }
#site-analytics-panel { position: fixed; bottom: 12px; left: 12px; z-index: 102; width: min(340px, calc(100vw - 24px)); padding: 16px; border: 1px solid #dce2e5; border-radius: 6px; background: white; color: #202934; box-shadow: 0 12px 35px #17212b30; }
#site-analytics-panel h2 { margin: 0 0 5px; font-size: 15px; font-weight: 700; }
#site-analytics-panel p { margin: 0 0 12px; color: #52616b; font-size: 13px; line-height: 1.5; }
#site-analytics-panel div { display: flex; gap: 8px; }
#site-analytics-panel button { flex: 1; min-height: 42px; padding: 8px; border: 1px solid #bbc7cc; border-radius: 5px; background: white; color: #20313b; font-size: 12px; font-weight: 650; cursor: pointer; }
#site-analytics-panel button[data-choice="all"] { border-color: #087c76; background: #087c76; color: white; }
#site-analytics-panel button:hover, #site-analytics-settings:hover { filter: brightness(.94); }
#site-analytics-panel button:focus-visible, #site-analytics-settings:focus-visible { outline: 2px solid #087c76; outline-offset: 2px; }
html[dir="rtl"] #site-analytics-settings, html[dir="rtl"] #site-analytics-panel { left: auto; right: 12px; }
@media (max-width: 767px) {
  body.has-mobile-retail-nav .mobile-retail-nav { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  body.has-mobile-retail-nav #site-analytics-settings { left: auto; right: 16px; bottom: calc(20px + env(safe-area-inset-bottom)); z-index: 61; width: calc((100vw - 32px) / 4); height: 52px; padding: 0; border: 0; background: transparent; box-shadow: none; color: #7b8190; font-size: 0; }
  body.has-mobile-retail-nav #site-analytics-settings::before { content: '\2699'; font-size: 24px; font-weight: 400; }
  body.has-mobile-retail-nav #site-analytics-panel { bottom: calc(96px + env(safe-area-inset-bottom)); }
}