/*
 * ARALIYA Platform Core — Consent-Banner (Modules\Tracking, alpha.704)
 * Tokens aus dem Design System (DesignSystem::print_tokens): --ary-bg, --ary-card, --ary-text, --ary-muted, --ary-border, --ary-primary.
 * Fallbacks nur für Seiten mit Fremd-Chrome (SAW bare).
 */
.ary-consent { position: fixed; inset: auto 16px 16px 16px; z-index: 99990; display: flex; justify-content: center; pointer-events: none; }
.ary-consent[hidden] { display: none; }
.ary-consent__box { pointer-events: auto; max-width: 720px; width: 100%; background: var(--ary-card, #fff); color: var(--ary-text, #24302a); border: 1px solid var(--ary-border, #d9d4cb); border-radius: 12px; box-shadow: 0 12px 40px rgba(0,0,0,.18); padding: 20px 22px; font-size: 14px; line-height: 1.5; }
.ary-consent__title { margin: 0 0 8px; font-size: 17px; font-weight: 600; }
.ary-consent__text { margin: 0 0 12px; color: var(--ary-muted, #5d675f); }
.ary-consent__link { color: var(--ary-primary, #2f5d50); text-decoration: underline; margin-left: 4px; }
.ary-consent__options { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 0 0 14px; }
.ary-consent__opt { display: inline-flex; align-items: center; gap: 6px; }
.ary-consent__actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.ary-consent__btn { appearance: none; border: 1px solid var(--ary-border, #d9d4cb); background: var(--ary-bg, #f7f5f1); color: var(--ary-text, #24302a); border-radius: 8px; padding: 9px 16px; font: inherit; cursor: pointer; }
.ary-consent__btn:hover { border-color: var(--ary-primary, #2f5d50); }
.ary-consent__btn--primary { background: var(--ary-primary, #2f5d50); border-color: var(--ary-primary, #2f5d50); color: #fff; }
.ary-consent__reopen { position: fixed; left: 12px; bottom: 12px; z-index: 99980; appearance: none; border: 1px solid var(--ary-border, #d9d4cb); background: var(--ary-card, #fff); color: var(--ary-muted, #5d675f); border-radius: 999px; padding: 6px 12px; font-size: 12px; cursor: pointer; opacity: .85; }
.ary-consent__reopen[hidden] { display: none; }
@media (max-width: 600px) { .ary-consent { inset: auto 8px 8px 8px; } .ary-consent__actions { justify-content: stretch; } .ary-consent__btn { flex: 1 1 auto; } }