.admin-panel {
  width: min(100%, 980px);
}

.admin-copy {
  margin: 8px 0 0;
  color: #89928b;
  line-height: 1.5;
}

.add-email-form {
  display: grid;
  grid-template-columns: minmax(190px, .8fr) minmax(220px, 1fr) auto;
  align-items: end;
  gap: 12px;
  margin: 0 0 20px;
  padding: 16px;
  border: 1px solid rgba(184, 255, 61, .2);
  border-radius: 16px;
  background: rgba(184, 255, 61, .035);
}

.add-email-form div { display: grid; gap: 4px; }
.add-email-form label { font-weight: 800; }
.add-email-form small { color: #818b83; }
.add-email-form input { min-width: 0; padding: 11px 12px; border: 1px solid #394139; border-radius: 11px; color: #fff; background: #090d0b; outline: none; }
.add-email-form input:focus { border-color: rgba(184, 255, 61, .6); }
.add-email-form button { padding: 11px 15px; color: #09100c; background: #b8ff3d; font-weight: 800; }

.access-groups {
  display: grid;
  gap: 18px;
}

.access-group {
  padding: 18px;
  border: 1px solid #29312b;
  border-radius: 16px;
  background: rgba(8, 12, 10, .56);
}

.approved-group {
  border-color: rgba(159, 216, 255, .26);
  background: rgba(159, 216, 255, .035);
}

.muted-group {
  opacity: .82;
}

.access-group-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
}

.access-group-heading h2 {
  margin: 0;
  font-size: 20px;
}

.group-count {
  min-width: 34px;
  padding: 7px 10px;
  border: 1px solid currentColor;
  border-radius: 99px;
  text-align: center;
  font-size: 12px;
  font-weight: 800;
}

.empty.compact {
  padding: 22px 16px;
  border: 1px dashed #303832;
  border-radius: 14px;
}

@media (max-width: 680px) {
  .add-email-form {
    grid-template-columns: 1fr;
    align-items: stretch;
  }
  .access-group {
    padding: 14px;
  }
}