.mai-analytics-control {
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 1000;
  max-width: min(376px, calc(100vw - 32px));
  color: #163238;
  font: 13px/1.55 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-align: left;
}
.mai-analytics-control *, .mai-analytics-control *::before, .mai-analytics-control *::after { box-sizing: border-box; }
.mai-analytics-control [hidden] { display: none !important; }
.mai-analytics-panel {
  padding: 20px;
  margin: 0 0 9px;
  max-height: calc(100dvh - 100px);
  overflow: auto;
  border: 1px solid #c9d2ca;
  border-radius: 14px;
  background: #f6f2e8;
  box-shadow: 0 8px 36px #16323826;
}
.mai-analytics-panel h2 { margin: 0 0 8px; padding: 0; font: 600 18px/1.3 Georgia, serif; color: #163238; }
.mai-analytics-panel p { margin: 0 0 12px; font: inherit; color: #29474b; }
.mai-analytics-panel .mai-analytics-status { font-size: 12px; color: #4f625a; }
.mai-analytics-control button, .mai-analytics-control a { font: inherit; letter-spacing: normal; text-transform: none; }
.mai-analytics-control button {
  appearance: none;
  cursor: pointer;
  border: 1px solid #b8c5bb;
  border-radius: 8px;
  padding: 9px 12px;
  color: #163238;
  background: #fffdf7;
  line-height: 1.3;
  font-weight: 600;
}
.mai-analytics-control button:focus-visible, .mai-analytics-control a:focus-visible { outline: 3px solid #a44729; outline-offset: 3px; }
.mai-analytics-control button:hover { border-color: #163238; }
.mai-analytics-control button:disabled { cursor: default; opacity: .55; }
.mai-analytics-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.mai-analytics-control .mai-analytics-allow { background: #163238; color: #fffdf7; border-color: #163238; }
.mai-analytics-extras { display: flex; flex-wrap: wrap; gap: 5px 13px; align-items: center; margin-top: 13px; }
.mai-analytics-extras button, .mai-analytics-extras a { padding: 3px 0; border: 0; background: transparent; color: #365851; font-size: 11px; text-decoration: underline; text-underline-offset: 3px; font-weight: 500; }
.mai-analytics-control .mai-analytics-toggle { border-radius: 20px; padding: 7px 11px; font-size: 11px; color: #2a4942; box-shadow: 0 2px 10px #16323812; }
@media (max-width: 520px) {
  .mai-analytics-control { left: 12px; bottom: 12px; max-width: calc(100vw - 24px); }
  .mai-analytics-panel { padding: 17px; max-width: 376px; }
  .mai-analytics-actions button { min-height: 42px; }
}
@media (prefers-reduced-motion: reduce) { .mai-analytics-control * { transition: none !important; } }