/* Cookie notice on every page: a small card at the bottom, clear of the support chat button in the right corner.
   On a phone it takes the width of the screen above the home indicator; the board lifts it above its bottom bar. */

.cookie-notice {
  position: fixed; left: 50%; bottom: 28px; z-index: 35; transform: translateX(-50%);
  display: flex; align-items: center; gap: 18px;
  width: max-content; max-width: min(680px, calc(100vw - 32px));
  padding: 10px 10px 10px 18px;
  background: var(--field); border: 1px solid var(--field-border); border-radius: var(--radius);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
}
.cookie-notice[hidden] { display: none; }
.cookie-notice .btn { flex-shrink: 0; }

.cookie-notice-text { margin: 0; font-size: 13px; line-height: 1.5; color: var(--fg-row); }
.cookie-notice-text a {
  color: var(--fg-strong);
  text-decoration: underline; text-decoration-color: var(--rule-head); text-underline-offset: 3px;
}
.cookie-notice-text a:hover { text-decoration-color: currentColor; }

@media (max-width: 768px) {
  .cookie-notice {
    left: calc(16px + env(safe-area-inset-left, 0px)); right: calc(16px + env(safe-area-inset-right, 0px));
    bottom: calc(16px + env(safe-area-inset-bottom, 0px));
    transform: none; width: auto; max-width: none; gap: 12px; padding: 10px 10px 10px 14px;
  }
}