/* Dog Photos moderation tab */

.dog-photo-card {
  display: flex;
  gap: 16px;
  padding: 16px;
  background: #fff;
  border: 1px solid #e5e1d5;
  border-radius: 8px;
  margin-bottom: 16px;
}

.dog-photo-thumb img {
  width: 200px;
  height: 200px;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}

.dog-photo-missing {
  width: 200px;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f2eee3;
  color: #8a8370;
  font-size: 13px;
  border-radius: 8px;
}

.dog-photo-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

.dog-photo-header strong {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  margin-right: 8px;
}

.dog-photo-meta {
  color: #6b6554;
  font-size: 13px;
}

.dog-photo-badges {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}

.badge.badge-source {
  background: #eef2f7;
  color: #34495e;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 12px;
}

.badge.badge-status {
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 12px;
  text-transform: capitalize;
}

.badge-status-submitted { background: #fff3cd; color: #8a6d00; }
.badge-status-approved  { background: #d4edda; color: #1e6b35; }
.badge-status-featured  { background: #d6e4ff; color: #1a3f99; }
.badge-status-rejected  { background: #f8d7da; color: #8a1c28; }
.badge-status-revoked   { background: #e2e3e5; color: #555; }

.dog-photo-date {
  color: #8a8370;
  font-size: 12px;
}

.dog-photo-consent {
  display: flex;
  gap: 6px;
}

.consent-pill {
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 12px;
  border: 1px solid transparent;
}

.consent-pill.on  { background: #e8f5ed; color: #1e6b35; border-color: #bfe3cc; }
.consent-pill.off { background: #f5f5f5; color: #999;    border-color: #e0e0e0; text-decoration: line-through; }

.dog-photo-caption label,
.dog-photo-flags > label {
  display: block;
  font-size: 12px;
  color: #6b6554;
  margin-bottom: 4px;
}

.dog-photo-caption textarea {
  width: 100%;
  resize: vertical;
  font-family: inherit;
  font-size: 14px;
  padding: 6px 8px;
  border: 1px solid #d9d5c6;
  border-radius: 4px;
}

.dog-photo-flags {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.flag-toggle {
  display: flex;
  gap: 12px;
  font-size: 13px;
}

.flag-toggle label {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-weight: normal;
  color: #333;
}

.checkbox-inline {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #333;
}

.dog-photo-actions {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 4px;
}

.reject-group {
  display: flex;
  gap: 4px;
  align-items: center;
}

.reject-reason {
  font-size: 13px;
  padding: 6px 8px;
  border: 1px solid #d9d5c6;
  border-radius: 4px;
  background: #fff;
}

.dog-photo-reject-note {
  font-size: 12px;
  color: #8a1c28;
  font-style: italic;
}

.dog-photo-mod-note {
  font-size: 12px;
  color: #8a8370;
}

@media (max-width: 720px) {
  .dog-photo-card { flex-direction: column; }
  .dog-photo-thumb img,
  .dog-photo-missing { width: 100%; height: auto; aspect-ratio: 1 / 1; }
}
