/* Onglet « Ma fidélité » — mise en forme fonctionnelle uniquement. */
.esc-loyalty-account section { margin-bottom: 2rem; }
.esc-loyalty-account progress { width: 100%; height: 1rem; }
.esc-loyalty-hint { margin-top: .25rem; font-size: .9em; }
.esc-loyalty-table { width: 100%; }
.esc-loyalty-table th,
.esc-loyalty-table td { padding: .5rem; vertical-align: top; }
.esc-loyalty-code { font-size: 1.05em; letter-spacing: .05em; padding: .15rem .35rem; border: 1px dashed currentColor; }
.esc-loyalty-status { display: inline-block; padding: .1rem .5rem; border-radius: 999px; background: rgba(0,0,0,.06); }
.esc-loyalty-reward--issued .esc-loyalty-status { background: rgba(0,128,0,.12); }
.esc-loyalty-reward--deferred .esc-loyalty-status { background: rgba(255,165,0,.18); }
.esc-loyalty-reward--revoked .esc-loyalty-status,
.esc-loyalty-reward--expired .esc-loyalty-status,
.esc-loyalty-reward--failed .esc-loyalty-status { background: rgba(200,0,0,.12); }
.esc-loyalty-notice { margin: 0 0 .5rem; }
.esc-loyalty-optout { margin-top: 1rem; }