/* Stage 7 — viewing request card, debrief card, booked-viewing line (SCREEN_2 §5.2/§5.5/§5.6). */

.viewing-card--overdue {
  border-color: #fca5a5;
  background: #fef2f2;
}

.viewing-chips {
  display: flex;
  gap: 6px;
  margin-bottom: 8px;
}

.viewing-chip {
  font-size: 12px;
  padding: 2px 10px;
  border-radius: 999px;
  background: #f3f4f6;
  color: #374151;
}

.viewing-chip--you {
  background: #fef3c7;
  color: #92400e;
  font-weight: 600;
}

.viewing-ask {
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 8px;
}

.viewing-fit {
  font-size: 13px;
  color: #047857;
  margin: 0 0 8px;
}

.viewing-fit--outside {
  color: #b45309;
}

.viewing-id-note {
  font-size: 13px;
  color: #0f766e;
  background: #f0fdfa;
  border: 1px solid #99f6e4;
  border-radius: 8px;
  padding: 8px 10px;
  margin: 0 0 8px;
}

.viewing-date {
  font-size: 13px;
  color: #6b7280;
  margin: 0 0 10px;
}

.viewing-booked-line {
  font-size: 13px;
  color: #6b7280;
  margin: 8px 0 0;
}

.debrief-note {
  font-size: 13px;
  color: #6b7280;
  margin: 0 0 8px;
}

.debrief-happened-btn {
  width: 100%;
  margin-bottom: 8px;
}