/* =====================================
   OFFENDER LIST PAGE
===================================== */

.poc-offender-page {
  background: #ffffff;

  padding: 60px 0;
}

.poc-offender-container {
  width: 90%;

  max-width: 1150px;

  margin: auto;
}

/* HEADER */

.poc-offender-container h1 {
  font-size: 38px;

  line-height: 1.2;

  color: #102b4c;

  margin: 0 0 8px;

  font-weight: 700;
}

.page-desc {
  color: #64748b;

  font-size: 15px;

  margin-bottom: 30px;
}

/* SEARCH */

.offender-search-form {
  display: flex;

  gap: 10px;

  margin-bottom: 20px;
}

.offender-search-form input {
  flex: 1;

  height: 42px;

  border: 1px solid #dbe3ea;

  border-radius: 6px;

  padding: 0 15px;

  font-size: 14px;
}

.offender-search-form button {
  background: #12345a;

  color: #fff;

  border: none;

  padding: 0 30px;

  border-radius: 6px;

  cursor: pointer;
}

/* FILTERS */

.offender-filters {
  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 15px;

  margin-bottom: 35px;
}

.offender-filters select {
  height: 42px;

  border: 1px solid #dbe3ea;

  border-radius: 6px;

  padding: 0 12px;

  background: white;

  color: #334155;
}

/* RESULT HEADER */

.offender-result-head {
  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-bottom: 20px;

  color: #475569;

  font-size: 14px;
}

.offender-result-head select {
  height: 38px;

  border: 1px solid #dbe3ea;

  border-radius: 6px;

  padding: 0 15px;
}

/* CARD LIST */

.offender-list-items {
  display: flex;

  flex-direction: column;

  gap: 15px;
}

/* CARD */

.poc-offender-card {
  display: flex;

  align-items: center;

  gap: 20px;

  padding: 18px;

  background: #fff;

  border: 1px solid #e2e8f0;

  border-radius: 10px;

  transition: 0.2s;
}

.poc-offender-card:hover {
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
}

/* IMAGE */

.offender-photo img {
  width: 90px;

  height: 90px;

  object-fit: cover;

  border-radius: 8px;
}

/* INFO */

.offender-info {
  flex: 1;
}

.offender-title-row {
  display: flex;

  align-items: center;

  gap: 10px;

  margin-bottom: 8px;
}

.offender-title-row h3 {
  margin: 0;

  font-size: 18px;

  color: #102b4c;
}

/* STATUS */

.offender-status {
  padding: 4px 10px;

  border-radius: 20px;

  font-size: 12px;

  font-weight: 600;
}

.offender-status.verified {
  background: #fee2e2;

  color: #dc2626;
}

.offender-status.pending {
  background: #fef3c7;

  color: #d97706;
}

.offender-status.fake {
  background: #e5e7eb;

  color: #475569;
}

/* META */

.offender-meta {
  display: flex;

  gap: 20px;

  color: #64748b;

  font-size: 13px;

  margin-bottom: 7px;
}

.offender-description {
  margin: 5px 0 0;

  color: #475569;

  font-size: 14px;
}

/* ACTION */

.offender-action a {
  background: #eff6ff;

  color: #12345a;

  padding: 10px 18px;

  border-radius: 6px;

  text-decoration: none;

  font-size: 14px;

  white-space: nowrap;
}

/* MOBILE */

@media (max-width: 768px) {
  .poc-offender-container {
    width: 92%;
  }

  .offender-filters {
    grid-template-columns: 1fr;
  }

  .poc-offender-card {
    flex-direction: column;

    align-items: flex-start;
  }

  .offender-title-row {
    flex-wrap: wrap;
  }

  .offender-meta {
    flex-direction: column;

    gap: 5px;
  }
}


/* Final list page additions */
.poc-list-page-heading { display:flex; justify-content:space-between; gap:25px; align-items:flex-start; margin-bottom:24px; }
.poc-list-report { background:#c9272f; color:#fff; padding:11px 17px; border-radius:7px; white-space:nowrap; }
.poc-list-filter-form { background:#f7f9fc; border:1px solid #e4eaf0; border-radius:10px; padding:18px; margin-bottom:26px; }
.poc-list-filter-actions { display:flex; gap:12px; align-items:center; }
.poc-list-filter-actions button { border:0; background:#12345a; color:#fff; padding:11px 18px; border-radius:6px; cursor:pointer; }
.poc-list-filter-actions a { color:#52606d; }
.poc-pagination { display:flex; justify-content:center; gap:8px; margin-top:28px; }
.poc-pagination a { min-width:36px; height:36px; display:flex; align-items:center; justify-content:center; border:1px solid #dbe3ea; border-radius:6px; color:#334e68; }
.poc-pagination a.active { background:#12345a; color:#fff; border-color:#12345a; }
.poc-card-avatar { width:90px; height:90px; }
.poc-abuse-pill { margin-left:2px; }
@media(max-width:760px){ .poc-list-page-heading{flex-direction:column}.offender-filters{grid-template-columns:1fr}.poc-list-report{white-space:normal}.offender-result-head{align-items:flex-start;gap:12px;flex-direction:column} }

/* 1.3.2 location + institution filter cleanup */
.offender-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.offender-filters select { width: 100%; }