/* Permissions panel (Admin page only). */
.perm {
  background: var(--surf1); border: 1px solid var(--color-border);
  border-radius: 12px; padding: 20px 22px; margin-bottom: 14px;
}
.perm-name { font-family: var(--font-display); font-weight: 600; font-size: 20px; }
.perm-sum { color: var(--fg2); font-size: 14px; margin: 3px 0 14px; max-width: 60ch; }
.person {
  display: flex; align-items: center; gap: 10px; padding: 8px 0;
  border-top: 1px solid #2A2638; font-size: 14px;
}
.person .who { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.person .note { color: var(--fg3); font-size: 13px; }
.person button, .perm-add button { padding: 6px 12px; font-size: 13px; }
.perm-empty { color: var(--fg3); font-size: 14px; padding: 8px 0; border-top: 1px solid #2A2638; }
.perm-add { display: flex; gap: 8px; margin-top: 10px; flex-wrap: wrap; }
.perm-add input {
  flex: 1; min-width: 200px; padding: 7px 11px; border-radius: 8px;
  background: var(--bg); border: 1px solid var(--color-border); color: var(--fg);
  font-family: var(--font-body); font-size: 14px;
}