/* =========================================
   REPORT BADGES
========================================= */

.admin-report-type,
.admin-report-status {
  display: inline-block;

  padding: 4px 8px;

  border-radius: 999px;

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

  text-transform: capitalize;
}


.admin-report-type.listing {
  background: #e0f2fe;

  color: #075985;
}

.admin-report-type.user {
  background: #f3e8ff;

  color: #6b21a8;
}

.admin-report-type.review {
  background-color: #fef3c7;

  color: #92400e;

  border: 1px solid #fde68a;
}


.admin-report-status.open {
  background: #fff7ed;

  color: #c2410c;
}

.admin-report-status.reviewed {
  background: #dcfce7;

  color: #166534;
}

.admin-report-status.dismissed {
  background: #f1f5f9;

  color: #475569;
}


/* =========================================
   REPORT DETAILS
========================================= */

.admin-report-details {
  max-width: 270px;

  white-space: normal;
}


/* =========================================
   REVIEW REPORTS
========================================= */

.admin-review-report {
  min-width: 220px;
  max-width: 320px;
}

.admin-review-report-top {
  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 6px;

  margin-bottom: 6px;
}

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

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

.admin-review-author {
  color: var(--muted);

  font-size: 0.8rem;
}

.admin-review-recipient {
  margin-bottom: 7px;

  color: var(--muted);

  font-size: 0.8rem;
}

.admin-review-comment {
  margin: 0;

  color: var(--text);

  font-size: 0.82rem;

  line-height: 1.45;

  white-space: normal;

  word-break: break-word;
}

.admin-review-no-comment {
  color: var(--light-muted);

  font-style: italic;
}

.admin-review-deleted {
  color: var(--red-dark);

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


/* =========================================
   MOBILE
========================================= */

@media screen and (max-width: 768px) {

  .admin-review-report {
    min-width: 180px;
    max-width: 240px;
  }

  .admin-review-comment {
    font-size: 0.78rem;
  }

}