ui: remove separate exam quality/TZ/acetowhite fields and simplify colposcopic findings label

src/pages/ReportPage.tsx

@@ -758,40 +758,6 @@ export function ReportPage({
                       <h3 className="text-xs font-bold text-[#05998c] uppercase tracking-wider print:text-[10px]">Examination Findings</h3>
                     </div>
                     <div className="p-4 print:p-2 space-y-3 print:space-y-2">
-                      {/* Exam Quality / TZ / Acetowhite row */}
-                      <div className="grid grid-cols-1 md:grid-cols-3 gap-3 print:gap-2">
-                        <div>
-                          <span className="text-[10px] font-bold text-[#05998c] uppercase tracking-wide print:text-[9px] block mb-1">Exam Quality</span>
-                          <input
-                            type="text"
-                            value={formData.examQuality}
-                            onChange={(e) => handleFormChange('examQuality', e.target.value)}
-                            placeholder="Adequate / Inadequate"
-                            className="block w-full font-medium text-gray-900 py-1 print:py-0.5 print:text-xs border-b-2 border-gray-200 focus:border-[#05998c] outline-none bg-transparent transition-colors print:border-gray-400"
-                          />
-                        </div>
-                        <div>
-                          <span className="text-[10px] font-bold text-[#05998c] uppercase tracking-wide print:text-[9px] block mb-1">Transformation Zone</span>
-                          <input
-                            type="text"
-                            value={formData.transformationZone}
-                            onChange={(e) => handleFormChange('transformationZone', e.target.value)}
-                            placeholder="Type I / II / III"
-                            className="block w-full font-medium text-gray-900 py-1 print:py-0.5 print:text-xs border-b-2 border-gray-200 focus:border-[#05998c] outline-none bg-transparent transition-colors print:border-gray-400"
-                          />
-                        </div>
-                        <div>
-                          <span className="text-[10px] font-bold text-[#05998c] uppercase tracking-wide print:text-[9px] block mb-1">Acetowhite Lesion</span>
-                          <input
-                            type="text"
-                            value={formData.acetowL}
-                            onChange={(e) => handleFormChange('acetowL', e.target.value)}
-                            placeholder="Present / Absent"
-                            className="block w-full font-medium text-gray-900 py-1 print:py-0.5 print:text-xs border-b-2 border-gray-200 focus:border-[#05998c] outline-none bg-transparent transition-colors print:border-gray-400"
-                          />
-                        </div>
-                      </div>
-
                       {/* Native & Acetic findings side-by-side */}
                       <div className="grid grid-cols-1 md:grid-cols-2 gap-3 print:gap-2">
                         <div className="border border-gray-200 rounded-lg p-3 print:border-gray-300">
@@ -945,9 +911,9 @@ export function ReportPage({
                       <h3 className="text-xs font-bold text-[#05998c] uppercase tracking-wider print:text-[10px]">Diagnosis &amp; Management Plan</h3>
                     </div>
                     <div className="p-4 print:p-2 space-y-3 print:space-y-2 text-sm">
-                      {/* Colposcopic Findings including Swede Score */}
+                      {/* Colposcopic Findings */}
                       <div className="bg-teal-50 border border-teal-100 rounded-lg p-3 print:bg-transparent print:border print:border-gray-300 print:p-2">
-                        <span className="text-[10px] font-bold text-[#05998c] uppercase tracking-wide print:text-[9px] block mb-1">Colposcopic Findings (Including Swede Score)</span>
+                        <span className="text-[10px] font-bold text-[#05998c] uppercase tracking-wide print:text-[9px] block mb-1">Colposcopic Findings</span>
                         <textarea value={formData.colposcopicFindings} onChange={(e) => handleFormChange('colposcopicFindings', e.target.value)} placeholder="Describe colposcopic findings and include Swede score interpretation..." className="w-full text-gray-900 print:text-xs border border-gray-200 focus:border-[#05998c] outline-none bg-white p-2 print:p-1 resize-none rounded transition-colors" rows={3} />
                       </div>