/* Bloc « Relever » — mobile d'abord, jetons de pcg_tokens.css uniquement. */
.rlv { display: grid; gap: var(--gap); padding: 16px; background: var(--bg-elev); border: 1px solid var(--line); border-radius: var(--r-l); box-shadow: var(--shadow-1); }
.rlv h3 { font-size: 1.1rem; letter-spacing: -.02em; }
.rlv h4 { font-size: .8rem; letter-spacing: .04em; text-transform: uppercase; color: var(--ink-3); margin-bottom: 8px; }
.rlv-tete { display: grid; gap: 8px; }
.rlv-section { display: grid; gap: 8px; padding-top: 12px; border-top: 1px solid var(--line); }
.rlv-note { color: var(--ink-2); font-size: .85rem; }
.rlv-alerte { padding: 10px 12px; border-radius: var(--r-m); background: var(--warn-soft); color: var(--warn); border: 1px solid color-mix(in srgb, var(--warn) 30%, transparent); font-size: .85rem; font-weight: 600; }
.rlv-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: flex-start; }
.rlv-btn { min-height: 44px; padding: 0 16px; border-radius: var(--r-m); border: 1px solid var(--line-strong); background: var(--bg-soft); color: var(--ink); font: inherit; font-weight: 600; font-size: .85rem; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.rlv-btn:hover { border-color: var(--accent); }
.rlv-btn:focus-visible, .rlv-lien:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.rlv-btn[disabled] { opacity: .6; cursor: progress; }
.rlv-btn--primaire { background: var(--grad); color: var(--accent-ink); border-color: transparent; box-shadow: 0 6px 20px var(--glow); }
.rlv-btn--ok { background: var(--ok-soft); color: var(--ok); border-color: color-mix(in srgb, var(--ok) 35%, transparent); }
.rlv-btn--bad { background: var(--bad-soft); color: var(--bad); border-color: color-mix(in srgb, var(--bad) 35%, transparent); }
.rlv-avancement, .rlv-captures, .rlv-valides { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.rlv-ligne { display: grid; grid-template-columns: 1fr auto; gap: 2px 10px; align-items: center; padding: 8px 10px; border-radius: var(--r-m); background: var(--bg-soft); }
.rlv-ligne time { grid-column: 1 / -1; font-size: .72rem; color: var(--ink-3); font-family: var(--mono); }
.rlv-source { font-weight: 600; }
.rlv-etat { display: inline-block; padding: 3px 9px; border-radius: var(--r-pill); font-size: .72rem; font-weight: 650; background: var(--bg-soft); color: var(--ink-2); border: 1px solid var(--line-strong); }
.rlv-etat--ok { background: var(--ok-soft); color: var(--ok); border-color: transparent; }
.rlv-etat--warn { background: var(--warn-soft); color: var(--warn); border-color: transparent; }
.rlv-etat--bad { background: var(--bad-soft); color: var(--bad); border-color: transparent; }
.rlv-etat--accent { background: var(--accent-soft); color: var(--accent); border-color: transparent; }
.rlv-capture { display: grid; gap: 6px; padding: 10px 12px; border: 1px solid var(--line); border-radius: var(--r-m); justify-items: start; }
.rlv-lien { color: var(--accent); font-weight: 600; text-decoration: none; overflow-wrap: anywhere; }
.rlv-lien:hover { text-decoration: underline; }
.rlv-lien--fort { min-height: 44px; display: inline-flex; align-items: center; }
.rlv-sans-lien { color: var(--ink-3); font-size: .85rem; }
.rlv-carte { display: grid; gap: 8px; padding: 12px; border: 1px dashed var(--line-strong); border-radius: var(--r-m); background: var(--bg); }
.rlv-carte__haut { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.rlv-valeur { font-family: var(--mono); font-size: 1.15rem; letter-spacing: -.03em; }
.rlv-corresp { font-size: .8rem; font-weight: 600; }
.rlv-corresp--ok { color: var(--ok); } .rlv-corresp--warn { color: var(--warn); }
.rlv-detail { display: grid; gap: 2px; font-size: .82rem; }
.rlv-detail dt { color: var(--ink-3); font-size: .7rem; text-transform: uppercase; letter-spacing: .04em; margin-top: 6px; }
.rlv-detail dd { margin: 0; overflow-wrap: anywhere; }
.rlv-detail code { font-family: var(--mono); font-size: .75rem; color: var(--ink-2); }
.rlv-rejet { flex: 1 1 100%; }
.rlv-rejet summary { list-style: none; }
.rlv-rejet[open] { display: grid; gap: 8px; }
.rlv-rejet label { display: grid; gap: 4px; font-size: .78rem; color: var(--ink-2); }
.rlv-rejet input { min-height: 44px; padding: 0 12px; border-radius: var(--r-m); border: 1px solid var(--line-strong); background: var(--bg-elev); color: var(--ink); font: inherit; }
.rlv-valide { display: grid; gap: 2px; padding: 10px 12px; border-radius: var(--r-m); background: var(--ok-soft); }
.rlv-libelle { font-size: .72rem; color: var(--ink-2); text-transform: uppercase; letter-spacing: .04em; }
.rlv-meta { font-size: .78rem; color: var(--ink-2); overflow-wrap: anywhere; }
.rlv-perime { color: var(--warn); font-weight: 650; }
@media (min-width: 720px) { .rlv { padding: 22px; } .rlv-valides { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); } }