.user-row { transition: background-color .18s ease; }
.user-row:hover { background: #fafbfd; }
.user-row-inactive { background: #fcfcfd; }
.user-row-inactive td:not(.user-action) { color: #768196; }
.user-row-inactive code { opacity: .72; }
.user-row .badge { display: inline-flex; align-items: center; gap: 6px; }
.user-row .badge i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.user-action { min-width: 250px; text-align: right; }
.user-action-group { display: flex; align-items: center; justify-content: flex-end; gap: 7px; }
.user-action form { display: inline-block; margin: 0; }
.user-action-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 112px;
  padding: 8px 13px;
  border-radius: 9px;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.user-action-button:hover { transform: translateY(-1px); box-shadow: 0 5px 14px rgba(16,42,67,.1); }
.user-action-button span { font-size: 17px; line-height: 10px; }
.restore-action { border: 1px solid #a9ddca; background: #ebf8f3; color: #117354; }
.restore-action:hover { background: #dff3eb; }
.edit-action { border: 1px solid #d8c4d3; background: #faf5f9; color: var(--purple); text-decoration: none; }
.edit-action:hover { background: #f2e6ef; }
.delete-action { border: 1px solid #edc1c7; background: #fff5f6; color: #aa3040; }
.delete-action:hover { background: #fce9ec; }
.protected-label,.current-label { display: inline-flex; align-items: center; gap: 6px; padding: 7px 10px; border-radius: 8px; font-size: 11px; font-weight: 750; }
.protected-label { background: #f1e7ef; color: var(--purple); }
.current-label { background: #e9f1f7; color: #356783; }
@media (max-width: 600px) {
  .user-action { min-width: 230px; }
  .user-action-button { min-width: 104px; }
}