.material-groups {
  display: grid;
  gap: 11px;
  padding: 12px;
  border: 1px solid #d1cdc2;
  background: rgba(255, 255, 255, 0.35);
}

.material-groups section {
  display: grid;
  gap: 7px;
}

.material-groups section > small {
  font-size: 9px;
  letter-spacing: 0.08em;
  color: #8a7d6d;
}

.material-groups .chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.auth-hint {
  margin: 12px 0 -8px;
  color: #8c806f;
  font-size: 9px;
}

.admin-user header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.user-token-metrics {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px !important;
  margin: 14px 0 !important;
  background: #ded9ce;
}

.user-token-metrics > span {
  padding: 10px;
  background: #f6f3ec;
}

.user-token-metrics b {
  margin-top: 5px;
  color: #3e5e57;
  font-size: 12px;
}

.admin-note {
  display: grid;
  gap: 6px;
  font-size: 10px;
}

.admin-note textarea {
  padding: 9px;
  border: 1px solid #d0cabf;
  background: #faf9f5;
  font: 10px/1.5 inherit;
  resize: vertical;
}

.token-adjust-row {
  display: grid !important;
  grid-template-columns: 1fr 1.2fr auto auto auto;
  gap: 6px !important;
  margin-top: 10px !important;
}

.token-adjust-row input {
  min-width: 0;
  padding: 8px;
  border: 1px solid #d0cabf;
  background: #fff;
  font-size: 9px;
}

.admin-user button[data-user-action="add"] { color: #37675d; }
.admin-user button[data-user-action="deduct"] { color: #966258; }

@media (max-width: 700px) {
  .token-adjust-row { grid-template-columns: 1fr 1fr !important; }
  .token-adjust-row button { width: 100%; }
  .user-token-metrics { grid-template-columns: 1fr; }
}