/* Independent, optional analytics consent. The checkout remains usable without a choice. */
.utba-panel, .utba-settings { box-sizing: border-box; font-family: inherit; }
.utba-panel *, .utba-panel *::before, .utba-panel *::after { box-sizing: border-box; }
.utba-panel[hidden], .utba-panel [hidden] { display: none !important; }
.utba-panel {
  position: fixed; z-index: 10020; inset-inline-end: 20px; bottom: 76px;
  width: min(450px, calc(100% - 40px)); max-height: min(620px, calc(100dvh - 112px)); overflow-y: auto;
  padding: 23px; border: 1px solid #dac8c3; border-radius: 17px;
  background: #fffaf5; color: #35262d; box-shadow: 0 14px 55px #24182135;
  text-align: right; line-height: 1.85; overscroll-behavior: contain;
}
.utba-panel h2 { margin: 0 0 10px; font-size: 19px; line-height: 1.5; color: #4f1526; }
.utba-panel p { margin: 0 0 12px; font-size: 12px; line-height: 1.9; }
.utba-panel .utba-details { font-size: 11px; color: #6d5a61; }
.utba-panel a { color: #7f1832; text-decoration: underline; text-underline-offset: 3px; }
.utba-panel .utba-status { color: #5a5750; font-size: 11px; }
.utba-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.utba-panel button, .utba-settings { cursor: pointer; font: inherit; transition: background .15s; }
.utba-panel .utba-choice {
  min-height: 46px; padding: 10px 8px; border: 1px solid #7f1832; border-radius: 9px;
  background: #7f1832; color: #fff; font-size: 12px; font-weight: 600; line-height: 1.6;
}
.utba-panel .utba-reject { background: #fffaf5; color: #7f1832; }
.utba-panel .utba-choice:hover { background: #641128; color: #fff; }
.utba-panel .utba-close, .utba-panel .utba-reload {
  min-height: 44px; margin-top: 8px; padding: 9px 12px; border: 0; border-radius: 8px;
  background: transparent; color: #68434c; font-size: 12px; text-decoration: underline; text-underline-offset: 3px;
}
.utba-settings {
  position: fixed; z-index: 10010; inset-inline-end: 16px; bottom: max(16px, env(safe-area-inset-bottom));
  min-height: 44px; max-width: calc(100% - 32px); padding: 9px 13px;
  border: 1px solid #d6c4bf; border-radius: 10px; background: #fffaf5; color: #67192d;
  box-shadow: 0 3px 15px #281c2820; font-size: 11px; line-height: 1.6;
}
.utba-settings:hover { background: #f5e6e2; }
.utba-panel button:focus-visible, .utba-panel a:focus-visible, .utba-settings:focus-visible { outline: 3px solid #b96542; outline-offset: 3px; }
@media (max-width: 850px) {
  body:has(.utbb-dock) .utba-settings { bottom: calc(112px + env(safe-area-inset-bottom, 0px)); }
  body:has(.utbb-dock) .utba-panel { bottom: calc(166px + env(safe-area-inset-bottom, 0px)); max-height: calc(100dvh - 186px - env(safe-area-inset-bottom, 0px)); }
}
@media (max-width: 520px) {
  .utba-panel { inset-inline-end: 12px; width: calc(100% - 24px); padding: 18px; }
  .utba-panel h2 { font-size: 18px; }
  .utba-panel p { font-size: 12px; }
  .utba-settings { inset-inline-end: 12px; font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) { .utba-panel button, .utba-settings { transition: none; } }