@layer feature{.access{display:grid;gap:var(--size-3);max-inline-size:var(--size-content-2)}.access>.intro{max-inline-size:48ch}.access>form{display:grid;gap:var(--size-3)}.access :is(button,.button){justify-self:start}.access .error:not(:empty){padding:var(--size-2) var(--size-2-5);border:var(--hairline) solid var(--danger-line);border-radius:var(--radius-control);background:var(--danger-soft);color:var(--danger)}.users{display:grid;gap:var(--size-4)}.users>.page-heading{margin:0}.users>:is(.notice,[role=status]){max-inline-size:var(--column-inline-size)}.users .notice .help{color:inherit}.invitation-link{display:grid;gap:var(--size-3);max-inline-size:var(--column-inline-size);padding:var(--size-3);border:var(--hairline) solid var(--line);border-radius:var(--radius-panel);background:var(--sunken)}.invitation-link h2{font-size:var(--font-size-1)}.invitation-link input{font-family:var(--font-code);font-size:var(--text-sm)}.invitation-issuance{display:grid;justify-items:start;gap:var(--size-2)}:is(.user-roster,.invitation-ledger){display:grid;gap:var(--size-3);margin-block-start:var(--size-3)}:is(.user-roster,.invitation-ledger)>h2{font-size:var(--font-size-1)}:is(.user-roster,.invitation-ledger)>ul{border-block-start:var(--hairline) solid var(--line)}:is(.user-roster,.invitation-ledger) li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--size-2) var(--size-3);padding-block:var(--size-2-5);border-block-end:var(--hairline) solid var(--line)}:is(.user-roster,.invitation-ledger) header{display:grid;gap:var(--size-1);min-inline-size:0}:is(.user-roster,.invitation-ledger) h3{display:flex;flex-wrap:wrap;align-items:center;gap:var(--size-2);font-size:var(--text-base);overflow-wrap:anywhere}.invitation-ledger button{min-inline-size:var(--size-11)}.invitation-ledger .badge[data-status=Claimed]{border-color:var(--ok-line);background:var(--ok-soft);color:var(--ok)}.invitation-ledger .badge:is([data-status=Expired],[data-status=Revoked]){border-color:var(--warn-line);background:var(--warn-soft);color:var(--warn)}}
