.rules-screen { padding: var(--space-4); }
.rules-banner { color: var(--muted); margin-bottom: var(--space-3); }
.rule { align-items: center; display: flex; justify-content: space-between; }
.rule.revoked { opacity: .55; }
.rule small { color: var(--muted); display: block; }
.rule .scope {
  background: var(--accent-soft);
  border-radius: var(--radius-sm);
  color: var(--fg);
  display: inline-block;
  font-family: ui-monospace, Menlo, monospace;
  font-size: var(--fs-meta);
  margin-top: var(--space-1);
  padding: var(--space-1) var(--space-2);
}
.revoke { color: var(--error); font-size: var(--fs-btn); font-weight: 600; }
.rules-empty, .rules-error { color: var(--muted); padding: var(--space-5); }