.multi-role-picker {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 8px;
}
.multi-role-option {
  position: relative;
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 42px;
  margin: 0;
  padding: 10px 11px;
  color: var(--text-soft);
  background: rgba(255,255,255,.025);
  border: 1px solid var(--line);
  border-radius: 10px;
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease;
}
.multi-role-option:hover {
  border-color: rgba(211, 72, 84, .3);
  background: rgba(211, 72, 84, .045);
}
.multi-role-option input {
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: var(--accent);
}
.multi-role-option span {
  font-size: 11px;
  font-weight: 750;
}
.admin-current-roles {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 7px;
}
.admin-role-form.multi {
  min-width: 360px;
}
.admin-role-save-row {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}
@media (max-width: 820px) {
  .admin-role-form.multi { min-width: 0; }
}
@media (max-width: 520px) {
  .multi-role-picker { grid-template-columns: 1fr; }
}