.candidate-photo-field {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px;
  border: 1px solid #dce5ed;
  border-radius: 12px;
  background: #f7f9fb;
}
.candidate-photo-field[hidden] { display: none !important; }
.candidate-photo-preview {
  display: grid;
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  place-items: center;
  overflow: hidden;
  border: 1px solid #cfdae4;
  border-radius: 15px;
  background: #111;
  color: #fff;
  font-size: 16px;
  font-weight: 800;
}
.candidate-photo-preview img { width: 100%; height: 100%; object-fit: cover; }
.candidate-photo-field > label { flex: 1; }
.candidate-photo-field > label strong,
.candidate-photo-field > label small { display: block; text-transform: none; }
.candidate-photo-field > label small { margin: 3px 0 8px; color: #718095; font-weight: 500; }
.candidate-photo-field input[type="file"] { height: auto !important; padding: 8px !important; font-size: 10px; }