Update app.py

app.py

@@ -685,6 +685,7 @@ def nav_prev(ranked_dicts: List[Dict[str, Any]], idx: int):
 def nav_next(ranked_dicts: List[Dict[str, Any]], idx: int):
     return render_single_html(ranked_dicts, _safe_int(idx, 0) + 1)
 
+
 # =========================================================
 # Shortlist export
 # =========================================================
@@ -782,7 +783,9 @@ def rank_app(
             continue
 
         filename = os.path.basename(p)
-        contacts_map[filename] = extract_contact_info(raw) if show_contacts_toggle else {"name": "", "email": "", "phone": ""}
+        contacts_map[filename] = (
+            extract_contact_info(raw) if show_contacts_toggle else {"name": "", "email": "", "phone": ""}
+        )
 
         chunks = chunk_text_safe(raw)
         if not chunks:
@@ -844,7 +847,9 @@ def rank_app(
     tmp = tempfile.NamedTemporaryFile(delete=False, suffix=".csv")
     with open(tmp.name, "w", newline="", encoding="utf-8") as f:
         w = csv.writer(f)
-        w.writerow(["Rank", "Filename", "FinalScore(0-100)", "FitLevel", "Name", "Email", "Phone", "Summary", "LocalScore"])
+        w.writerow(
+            ["Rank", "Filename", "FinalScore(0-100)", "FitLevel", "Name", "Email", "Phone", "Summary", "LocalScore"]
+        )
         for ridx, c in enumerate(ranked, start=1):
             ci = contacts_map.get(c.filename, {"name": "", "email": "", "phone": ""})
             local = next((x["local_score"] for x in local_pool if x["filename"] == c.filename), "")
@@ -865,9 +870,22 @@ def rank_app(
     shortlist_rows = []
     for ridx, c in enumerate(ranked, start=1):
         ci = contacts_map.get(c.filename, {"name": "", "email": "", "phone": ""})
-        shortlist_rows.append([False, ridx, c.filename, round(float(c.final_score), 2), c.fit_level, ci.get("name", ""), ci.get("email", ""), ci.get("phone", "")])
+        shortlist_rows.append(
+            [
+                False,
+                ridx,
+                c.filename,
+                round(float(c.final_score), 2),
+                c.fit_level,
+                ci.get("name", ""),
+                ci.get("email", ""),
+                ci.get("phone", ""),
+            ]
+        )
 
-    shortlist_df = pd.DataFrame(shortlist_rows, columns=["Shortlisted", "Rank", "Filename", "Score", "Fit", "Name", "Email", "Phone"])
+    shortlist_df = pd.DataFrame(
+        shortlist_rows, columns=["Shortlisted", "Rank", "Filename", "Score", "Fit", "Name", "Email", "Phone"]
+    )
 
     elapsed = time.time() - t0
     meta = (
@@ -884,8 +902,10 @@ def rank_app(
 
     progress(1.0, desc="Done ✅")
     return first_html, meta, tmp.name, shortlist_df, "", "", ranked_dicts, idx0, nav
+
+
 # =========================================================
-# SGS CSS (neutral light-grey, visible borders on BOTH light/dark)
+# SGS CSS (neutral light-grey + visible borders + file uploader fixed)
 # =========================================================
 CUSTOM_CSS = """
 :root{
@@ -944,8 +964,7 @@ body:before{
   100%{ background-position: 0% 50%; }
 }
 
-/* IMPORTANT:
-   Keep text dark always so it's readable even if OS is in dark mode */
+/* Keep text dark always (theme-proof) */
 .gradio-container, .gradio-container *{ color: var(--text) !important; }
 
 /* Hero */
@@ -1242,14 +1261,63 @@ button.primary:active, .gradio-container button:active{
 .checkrow.partial .st{ color: rgba(150,95,10,1) !important; }
 .checkrow.miss .st{ color: rgba(160,20,20,1) !important; }
 
-/* File uploader text color (force readable) */
+/* =========================================================
+   File uploader: force readable label/filename ALWAYS
+   (fixes the "blue header text = same color" issue)
+   ========================================================= */
+
+/* Make uploader surface light-grey with strong border */
 .gradio-container .file,
 .gradio-container .file-upload,
 .gradio-container .upload-button,
+.gradio-container .file-upload > div,
+.gradio-container [data-testid="file"]{
+  background: rgba(245,247,250,.92) !important;
+  border: 1.4px solid rgba(17,24,39,.28) !important;
+  border-radius: 16px !important;
+  box-shadow: 0 12px 24px rgba(2,6,23,.10) !important;
+}
+
+/* Force ALL text inside uploader to dark */
 .gradio-container .file *,
 .gradio-container .file-upload *,
-.gradio-container .upload-button *{
-  color: var(--text) !important;
+.gradio-container .upload-button *,
+.gradio-container [data-testid="file"] *{
+  color: #111827 !important;
+}
+
+/* Normalize any internal header strip that turns blue */
+.gradio-container .file-upload .file-title,
+.gradio-container .file-upload .file-label,
+.gradio-container .file-upload .label,
+.gradio-container .file-upload .wrap,
+.gradio-container .file-upload .header,
+.gradio-container [data-testid="file"] .label{
+  background: rgba(245,247,250,.92) !important;
+  border-bottom: 1.4px solid rgba(17,24,39,.20) !important;
+}
+
+/* Filename emphasis */
+.gradio-container .file-upload .file-name,
+.gradio-container .file-upload .filename,
+.gradio-container [data-testid="file"] .file-name{
+  font-weight: 900 !important;
+}
+
+/* Close / clear button visible */
+.gradio-container .file-upload button,
+.gradio-container [data-testid="file"] button{
+  background: rgba(255,255,255,.85) !important;
+  border: 1.2px solid rgba(17,24,39,.28) !important;
+  color: #111827 !important;
+}
+
+/* Hover feedback */
+.gradio-container .file:hover,
+.gradio-container .file-upload:hover,
+.gradio-container [data-testid="file"]:hover{
+  border-color: rgba(17,24,39,.36) !important;
+  box-shadow: 0 16px 32px rgba(2,6,23,.12) !important;
 }
 
 /* Respect reduced motion */
@@ -1299,7 +1367,11 @@ with gr.Blocks(title="SGS ATS Candidate Matcher", theme=theme, css=CUSTOM_CSS) a
 
     with gr.Row():
         jd_file = gr.File(label="Job Description file (PDF/DOCX/TXT)", file_types=[".pdf", ".docx", ".txt"])
-        cv_files = gr.File(label=f"Upload CVs (max {MAX_CV_UPLOADS})", file_count="multiple", file_types=[".pdf", ".docx", ".txt"])
+        cv_files = gr.File(
+            label=f"Upload CVs (max {MAX_CV_UPLOADS})",
+            file_count="multiple",
+            file_types=[".pdf", ".docx", ".txt"],
+        )
 
     with gr.Accordion("Settings", open=False):
         must_haves = gr.Textbox(
@@ -1345,7 +1417,17 @@ with gr.Blocks(title="SGS ATS Candidate Matcher", theme=theme, css=CUSTOM_CSS) a
     run_btn.click(
         fn=rank_app,
         inputs=[jd_file, cv_files, must_haves, mask_pii_toggle, show_contacts_toggle],
-        outputs=[report_html, meta_md, export_full, shortlist_df, export_shortlist_msg, email_list, ranked_state, idx_state, nav_text],
+        outputs=[
+            report_html,
+            meta_md,
+            export_full,
+            shortlist_df,
+            export_shortlist_msg,
+            email_list,
+            ranked_state,
+            idx_state,
+            nav_text,
+        ],
     )
 
     # Navigation (Executive Report): render one card at a time for smooth fullscreen