/* Gastwünsche (requests.js) – lazy über GP.lazy, nicht im Start-Payload. Tokens aus styles.css. */

.req-chips { display: flex; flex-wrap: wrap; gap: var(--r1); margin: 14px 0 6px; }
.req-chip {
  display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 8px 16px 8px 12px;
  border: 1px solid var(--line-stark); border-radius: 999px; background: var(--karte); color: var(--text-2);
  font: inherit; font-size: 15px; font-weight: 600; line-height: 1.25; text-align: left; cursor: pointer;
  transition: background var(--zeit) var(--kurve), border-color var(--zeit) var(--kurve), color var(--zeit) var(--kurve);
}
.req-chip:hover:not([disabled]) { border-color: var(--accent); background: var(--accent-tint-2); }
.req-chip[aria-pressed="true"] { background: var(--accent-tint-2); border-color: var(--accent); color: var(--accent); }
.req-chip[disabled] { cursor: default; }
.req-chip[disabled][aria-pressed="false"] { display: none; }
.req-box {
  display: inline-flex; align-items: center; justify-content: center; flex: none; width: 22px; height: 22px;
  border: 1.5px solid var(--line-stark); border-radius: 50%; background: var(--karte);
}
.req-chip[aria-pressed="true"] .req-box { background: var(--accent); border-color: var(--accent); color: var(--auf-akzent); }
.req-check { width: 14px; height: 14px; }
.req-status:empty { display: none; }
.req-wa { margin-top: var(--r1); }