/* PUTCH ROOM — onglet « Mes interactions » (participations PUTCH LAB) */
.interactions-list { display: grid; gap: 12px; margin-top: 18px; }
.inter-card { border: 1px solid var(--line, #e8e8e8); background: #fff; padding: 16px 18px; }
.inter-card.is-annule { opacity: .6; }
.inter-top { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; flex-wrap: wrap; }
.inter-eyebrow { font-family: var(--mono); font-size: .66rem; letter-spacing: .18em; text-transform: uppercase; color: var(--muted, #6b6b6b); margin: 0 0 4px; }
.inter-nom { font-weight: 800; font-size: 1.02rem; margin: 0; }
.inter-meta { font-size: .84rem; color: var(--muted, #6b6b6b); margin: 4px 0 0; }
.inter-badge { font-family: var(--mono); font-size: .64rem; letter-spacing: .14em; text-transform: uppercase; border: 1px solid #000; border-radius: 999px; padding: 4px 10px; white-space: nowrap; }
.inter-badge.is-on { background: #000; color: #fff; }
.inter-fuel { margin-top: 12px; border-top: 1px dashed #ccc; padding-top: 12px; }
.inter-fuel-amt { font-weight: 800; font-size: 1.4rem; font-variant-numeric: tabular-nums; }
.inter-range { width: 100%; accent-color: #000; margin: 8px 0 2px; }
.inter-ticks { display: flex; justify-content: space-between; font-family: var(--mono); font-size: .6rem; color: var(--muted, #6b6b6b); }
.inter-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 12px; align-items: center; }
.inter-btn { font-family: var(--mono); font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; padding: 9px 16px; border-radius: 999px; border: 1px solid #000; background: #fff; color: #000; cursor: pointer; }
.inter-btn.is-primary { background: #000; color: #fff; }
.inter-btn[disabled] { opacity: .35; cursor: not-allowed; }
.inter-msg { font-size: .82rem; color: var(--muted, #6b6b6b); }
.inter-msg.is-err { color: #a00; }
.inter-pending { border: 1px solid #000; padding: 12px 16px; margin-top: 14px; font-size: .9rem; }