/* Onglet Utilisation (demande n° 41) — mêmes cartes que les Débriefs. */
.page-usage .liste button.us-vide { opacity: .55; }
.us-ligne-jour { display: flex; justify-content: space-between; gap: .5rem; }
.us-ligne-jour b { font-variant-numeric: tabular-nums; }
.us-barre { display: block; height: 4px; border-radius: 99px; background: var(--surface-2); margin: .25rem 0 .15rem; overflow: hidden; }
.us-barre i { display: block; height: 100%; background: var(--accent); border-radius: 99px; }
.us-outils { display: flex; justify-content: flex-end; }
.us-table tbody tr[data-auteur] { cursor: pointer; }
.us-table tbody tr.actif { background: var(--accent-doux); }
.db-section .us-table td.zero { color: var(--discret); }
.db-section .us-table td.us-sg { color: var(--attention); font-weight: 700; }
.us-non { color: var(--alerte); font-weight: 600; }
.us-tendance { display: inline-flex; align-items: flex-end; gap: 2px; height: 22px; vertical-align: middle; }
.us-tendance i { display: block; width: 5px; min-height: 1px; background: var(--bord); border-radius: 2px 2px 0 0; }
.us-tendance i[style*="height:0%"] { height: 1px !important; }
.us-tendance i:not([style*="height:0%"]) { background: var(--accent); opacity: .45; }
.us-tendance i.auj:not([style*="height:0%"]) { opacity: 1; }
.us-sg-liste { margin: 0; padding-left: 1.1em; display: grid; gap: .5rem; }
.us-posture { display: inline-block; font-size: .78rem; padding: .05rem .5rem; margin: 0 .25rem .1rem 0; border-radius: 99px; background: var(--surface-2); color: var(--discret); }
.us-posture b { color: var(--texte); }
.us-appel { white-space: nowrap; }