@font-face { font-family: Lato; src: url('assets/assets/world/fonts/Lato-Regular.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: Lato; src: url('assets/assets/world/fonts/Lato-Bold.ttf') format('truetype'); font-weight: 700; font-display: swap; }
.je-analytics-panel, .je-analytics-preferences {
  font-family: Lato, sans-serif;
  letter-spacing: 0;
  color: #f0f3f0;
  background: #151e20;
  border: 1px solid #415052;
  position: fixed;
  z-index: 2147483000;
  box-sizing: border-box;
}
.je-analytics-panel {
  left: 16px;
  bottom: 16px;
  width: min(520px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  padding: 24px;
  border-radius: 8px;
  box-shadow: 0 12px 36px #0006;
}
.je-analytics-panel[hidden], .je-analytics-preferences[hidden] { display: none; }
.je-analytics-panel h2 { font-size: 20px; line-height: 1.3; margin: 0 0 12px; }
.je-analytics-panel p { font-size: 14px; line-height: 1.6; margin: 0 0 16px; }
.je-analytics-panel label { display: flex; gap: 10px; align-items: center; font-size: 14px; line-height: 1.5; }
.je-analytics-panel input { width: 20px; height: 20px; flex: none; accent-color: #b6d8c6; }
.je-analytics-panel a { color: #cde7da; font-size: 13px; line-height: 1.5; display: inline-block; margin-top: 16px; }
.je-analytics-buttons { display: flex; flex-wrap: wrap; gap: 10px; }
.je-analytics-buttons button { flex: 1; min-width: 160px; min-height: 44px; padding: 10px 14px; font: inherit; font-size: 14px; border: 1px solid #7c9990; border-radius: 4px; background: #202d2e; color: #f0f3f0; cursor: pointer; }
.je-analytics-buttons button:disabled { cursor: default; opacity: .55; }
.je-analytics-panel :focus-visible, .je-analytics-preferences:focus-visible { outline: 3px solid #b6d8c6; outline-offset: 3px; }
.je-analytics-panel .je-analytics-status { margin: 12px 0; }
.je-analytics-preferences { left: 12px; bottom: 8px; border-radius: 4px; min-height: 32px; padding: 6px 10px; font-size: 11px; cursor: pointer; }
