/* token-pages.css — DIG-270 CSP Phase 2 (style-src ohne 'unsafe-inline')
 * Externalisiert die 3 Inline-<style>-Blöcke der Token-Seiten (status/invite/donor)
 * und die von page-status.js / page-invite.js / page-donor.js erzeugten Inline-Styles.
 * Per <link> in den jeweiligen Seiten-Heads eingebunden -> style-src 'self' deckt es ab.
 * Deklarationen 1:1 aus dem bisherigen Inline-Code (pixel-identisch). */

/* ---- status/index.html ---- */
.ar-status-card { max-width: 520px; margin: 0 auto; }
.ar-status-emoji { font-size: 3rem; }
.ar-chip {
    display: inline-block; padding: .3rem .8rem; border-radius: 20px;
    font-size: .85rem; font-weight: 600;
}
.ar-chip-fine { background: #dcfce7; color: #14532d; }
.ar-chip-overdue { background: #fee2e2; color: #991b1b; }
.ar-status-alert {
    background: #fee2e2; border: 1px solid #fca5a5; border-radius: 8px;
    padding: .75rem 1rem; font-size: .9rem; color: #991b1b;
}

/* ---- invite/index.html ---- */
.ar-invite-card { max-width: 520px; margin: 0 auto; }
.ar-invite-emoji { font-size: 2.4rem; }
.ar-consent-box {
    background: #faf5f8; border: 1px solid rgba(176, 61, 99, .18);
    border-radius: 8px; padding: .85rem 1rem; font-size: .86rem;
}

/* ---- privacy-hint: gemeinsam (invite-Variante) + status-Zusatz (border-top) ---- */
.ar-privacy-hint {
    font-size: .82rem; color: #6c757d; display: flex; gap: .5rem;
    align-items: flex-start; margin-top: 1rem;
}
.ar-status-card .ar-privacy-hint {
    border-top: 1px solid rgba(0, 0, 0, .08); padding-top: .75rem;
}

/* ---- DIG-341: status-Seite „Verbindung beenden" ---- */
.ar-status-disconnect {
    border-top: 1px solid rgba(0, 0, 0, .08);
    padding-top: .75rem;
    text-align: center;
}

/* ---- donor/index.html ---- */
.labelWithLine { font-size: 0.8em; border-top: 1px dotted red; }

/* ---- von den Token-Seiten-Scripts erzeugte Inline-Styles (DIG-270 §3) ---- */
.ar-ok { color: #1a7a3f; }
.ar-bad { color: #991b1b; }
.ar-consent-label { font-size: .88rem; }
.ar-donor-lead { font-weight: bold; }
.ar-donor-indent { padding-left: 15px; }