/* 06-components/_grants.css — .c-grants: the three module grants on a user, as a row of labelled switches (users page) or read-only pills (My account). */
.c-grants { display: inline-flex; align-items: center; gap: var(--space-sm); white-space: nowrap; }
.c-register .c-grants { gap: var(--space-2xs); }
.c-grants__legend { display: block; font-weight: 400; letter-spacing: 0; text-transform: none; color: var(--ink-faint); }
.c-grant { display: inline-flex; align-items: center; gap: var(--space-2xs); cursor: pointer; }
.c-grant__label { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--ink-muted); letter-spacing: 0.02em; }
.c-grant:has(input:checked) .c-grant__label { color: var(--ink); }
.c-grant:has(input:disabled) { cursor: default; }
.c-grant .c-switch { width: 2rem; height: 1.125rem; }
.c-grant .c-switch__track::before { width: 0.75rem; height: 0.75rem; }
.c-grant .c-switch input:checked + .c-switch__track::before { translate: 0.875rem 0; }
@media (pointer: coarse) { .c-grant .c-switch input { inset-block: calc((1.125rem - var(--height-control)) / 2); } }
.c-grants--pills .c-pill { text-transform: none; letter-spacing: 0; }
.c-grants--pills .c-pill[data-granted="no"] { color: var(--ink-faint); background: transparent; border-color: var(--rule); text-decoration: line-through; }