/* ViewForm container */
.viewForm {
  width: 100%;
}

/* Field styling */
.fieldGroup {
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #f3f4f6;
}

.fieldGroup:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.fieldLabel {
  display: block;
  font-weight: 600;
  color: #374151;
  margin-bottom: 6px;
  font-size: 14px;
  text-transform: capitalize;
}

.fieldValue {
  color: #6b7280;
  font-size: 14px;
  line-height: 1.5;
  word-break: break-word;
  padding: 4px 0;
}

/* Special styling for different value types */
.fieldValue:empty::before {
  content: 'N/A';
  color: #9ca3af;
  font-style: italic;
}

/* Responsive design */
@media (max-width: 640px) {
  .fieldGroup {
    margin-bottom: 12px;
    padding-bottom: 8px;
  }
  
  .fieldLabel {
    font-size: 13px;
  }
  
  .fieldValue {
    font-size: 13px;
  }
}