/* =========================================
   TABLES
========================================= */

.admin-table-wrapper {
  overflow-x: auto;
}

.admin-table {
  min-width: 1050px;
}

.admin-table th {
  color: var(--navy);

  font-size: 0.76rem;

  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.admin-table td {
  vertical-align: middle;
}


/* =========================================
   LINKS
========================================= */

.admin-link {
  color: var(--blue);

  font-weight: 750;

  text-decoration: underline;
  text-underline-offset: 2px;
}

.admin-link:hover {
  color: var(--orange-dark);
}

.admin-listing-title {
  font-weight: 800;
}

.admin-price {
  color: var(--orange-dark);

  font-weight: 800;
}


/* =========================================
   USER / ACCOUNT BADGES
========================================= */

.admin-role-badge {
  display: inline-block;

  padding: 4px 8px;

  background: #e0e7ff;

  color: #3730a3;

  border-radius: 999px;

  font-size: 0.72rem;
  font-weight: 800;
}

.admin-role-user {
  color: var(--light-muted);

  font-size: 0.8rem;
  font-weight: 700;
}

.admin-account-status {
  display: inline-block;

  padding: 4px 8px;

  border-radius: 999px;

  font-size: 0.72rem;
  font-weight: 800;
}

.admin-account-status.active {
  background: #dcfce7;

  color: #166534;
}

.admin-account-status.suspended {
  background: #fee2e2;

  color: #991b1b;
}


/* =========================================
   LISTING STATUS
========================================= */

.admin-listing-status {
  display: inline-block;

  padding: 4px 8px;

  border-radius: 999px;

  font-size: 0.7rem;
  font-weight: 800;

  text-transform: capitalize;
}

.admin-listing-status.active {
  background: #dcfce7;

  color: #166534;
}

.admin-listing-status.reserved {
  background: #fff7ed;

  color: #c2410c;
}

.admin-listing-status.sold {
  background: #f1f5f9;

  color: #475569;
}


/* =========================================
   ACTIONS
========================================= */

.admin-actions {
  display: flex;

  flex-wrap: wrap;

  gap: 6px;
}

.admin-table .admin-actions {
  min-width: 130px;
}

.admin-table .admin-actions .button {
  white-space: nowrap;
}

.admin-protected-account,
.admin-no-action {
  color: var(--light-muted);

  font-size: 0.78rem;
  font-weight: 700;
}