/* First-visit "we're not tracking you" banner.
 * Palette matches the Flutter app's theme:
 *   --accent  #6E4F8E  (soft lavender)
 *   --bg      #FCF8F5  (warm cream)
 *   --rule    #E5DDD0  (cream divider)
 *   --ink     #2A2233  (deep plum text)
 *   --muted   #6B6275  (secondary text)
 */

.tcb-banner {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.55;
  color: #2A2233;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
  background: #FFFFFF;
  border-top: 1px solid #E5DDD0;
  box-shadow: 0 -4px 16px rgba(42, 34, 51, 0.08);
  padding: 1rem 1.25rem;
  display: none;
}

.tcb-banner.tcb-show { display: block; }

.tcb-banner-inner { max-width: 64rem; margin: 0 auto; }

.tcb-banner-title {
  margin: 0 0 0.5rem;
  font-size: 1.05rem;
  font-weight: 600;
}

.tcb-banner-text { margin: 0 0 1rem; }

.tcb-banner-text a {
  color: #6E4F8E;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.tcb-actions {
  display: flex;
  justify-content: flex-end;
}

.tcb-btn {
  border: 0;
  border-radius: 6px;
  padding: 0.55rem 1rem;
  font: inherit;
  font-weight: 500;
  cursor: pointer;
  min-width: 6rem;
  transition: background-color 120ms ease;
}

.tcb-btn-primary { background: #6E4F8E; color: #FFFFFF; }
.tcb-btn-primary:hover { background: #5d4279; }
.tcb-btn-primary:focus-visible { outline: 2px solid #2A2233; outline-offset: 2px; }

@media (max-width: 540px) {
  .tcb-actions { justify-content: stretch; }
  .tcb-actions .tcb-btn { flex: 1 1 0; min-width: 0; }
  .tcb-banner { padding: 0.85rem 1rem; }
}