/* Door Access Mappings Page Styles */

/* Status badges - custom styles for door access mapping statuses */
.status-badge-synced {
  background-color: #E8F5E9 !important;
  color: #4CAF50 !important;
  border: none !important;
  padding: 6px 12px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  border-radius: 6px !important;
}

.status-badge-pending {
  background-color: #FFF4E5 !important;
  color: #FF9800 !important;
  border: none !important;
  padding: 6px 12px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  border-radius: 6px !important;
}

.status-badge-failed {
  background-color: #FFEBEE !important;
  color: #F44336 !important;
  border: none !important;
  padding: 6px 12px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  border-radius: 6px !important;
  cursor: help !important;
}

.status-badge-removed {
  background-color: #F5F5F5 !important;
  color: #7E8299 !important;
  border: none !important;
  padding: 6px 12px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  border-radius: 6px !important;
}

/* Face uploaded badges */
.face-badge-yes {
  background-color: #E8F5E9 !important;
  color: #4CAF50 !important;
  border: none !important;
  padding: 6px 12px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  border-radius: 6px !important;
}

.face-badge-no {
  background-color: #F5F5F5 !important;
  color: #7E8299 !important;
  border: none !important;
  padding: 6px 12px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  border-radius: 6px !important;
}

/* Action buttons */
.door-access-action-buttons {
  display: flex;
  gap: 8px;
  align-items: center;
}

/* Face image thumbnail */
.face-image-thumbnail {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 6px;
  border: 1px solid #E4E6EF;
}

/* Table styling - reuse projects-table pattern */
.door-access-mappings-table {
  border: none !important;
  margin-bottom: 0 !important;
}

.door-access-mappings-table thead {
  background-color: #F3F6F9 !important;
}

.door-access-mappings-table thead th {
  background-color: #F3F6F9 !important;
  border: none !important;
  color: #7E8299 !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  padding: 12px 16px !important;
  border-bottom: 1px solid #E4E6EF !important;
}

.door-access-mappings-table thead th:first-child {
  border-top-left-radius: 8px !important;
}

.door-access-mappings-table thead th:last-child {
  border-top-right-radius: 8px !important;
}

.door-access-mappings-table tbody tr {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #F1F1F2 !important;
}

.door-access-mappings-table tbody tr:last-child {
  border-bottom: none !important;
}

.door-access-mappings-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 8px !important;
}

.door-access-mappings-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 8px !important;
}

.door-access-mappings-table tbody td {
  padding: 16px !important;
  vertical-align: middle !important;
  border: none !important;
  background-color: #FFFFFF !important;
}