Update app.py

app.py

@@ -698,38 +698,39 @@ CSS = """
   }
 }
 *,*::before,*::after{box-sizing:border-box}
-body,.gradio-container{font-family:'DM Sans',sans-serif!important;background:var(--surface)!important;color:var(--text)!important}
-.rh-header{background:linear-gradient(135deg,#14432e 0%,#0d2b1e 60%,#0a1f14 100%);border-bottom:2px solid var(--g6);padding:24px 20px 20px;text-align:center;position:relative;overflow:hidden}
+body,.gradio-container{font-family:'DM Sans',sans-serif!important;background:var(--surface)!important;color:var(--text-primary)!important}
+.rh-header{background:var(--header-bg);border-bottom:2px solid var(--g6);padding:24px 20px 20px;text-align:center;position:relative;overflow:hidden}
 .rh-header::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 50% 0%,rgba(37,160,107,.18),transparent);pointer-events:none}
 .rh-header h1{font-family:'Playfair Display',serif!important;font-size:clamp(1.8rem,5vw,3rem)!important;font-weight:900!important;color:#fafdf8!important;margin:0 0 4px!important;line-height:1.1}
 .rh-header .rh-sub{font-family:'Noto Nastaliq Urdu',serif;font-size:clamp(1rem,3vw,1.5rem);color:#f7bc57;direction:rtl;margin:4px 0 8px}
 .rh-header .rh-tag{font-size:clamp(.75rem,2vw,.9rem);color:#5de3a3;letter-spacing:.08em;text-transform:uppercase}
 .badge-strip{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:10px 16px;background:var(--surface2);border-bottom:1px solid var(--border)}
 .badge{font-size:.72rem;font-weight:600;letter-spacing:.06em;padding:4px 12px;border-radius:20px;text-transform:uppercase}
-.badge-ai{background:var(--surface);color:var(--g4);border:1px solid var(--borderf)}
-.badge-pk{background:var(--surface);color:var(--a4);border:1px solid rgba(245,166,35,.4)}
+.badge-ai{background:var(--surface);color:var(--g4);border:1px solid var(--border-strong)}
+.badge-pk{background:var(--surface);color:var(--a4);border:1px solid var(--warn-border)}
 .badge-live{background:var(--surface);color:#ff8080;border:1px solid rgba(232,83,83,.4)}
 .tab-nav{background:var(--surface2)!important;border-bottom:2px solid var(--border)!important}
-.tab-nav button{font-family:'DM Sans',sans-serif!important;font-weight:500!important;font-size:.85rem!important;color:var(--textm)!important;padding:12px 18px!important;border-radius:0!important;transition:all .2s!important}
+.tab-nav button{font-family:'DM Sans',sans-serif!important;font-weight:500!important;font-size:.85rem!important;color:var(--text-muted)!important;padding:12px 18px!important;border-radius:0!important;transition:all .2s!important}
 .tab-nav button.selected,.tab-nav button[aria-selected="true"]{color:var(--a4)!important;border-bottom:3px solid var(--a5)!important;background:transparent!important}
 .card-title{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--g4);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}
-label,.gradio-container .label-wrap span{color:var(--text)!important}
-.gradio-container input,.gradio-container textarea{background:var(--surface)!important;border:1px solid var(--borderf)!important;border-radius:var(--r)!important;color:var(--text)!important;font-family:'DM Sans',sans-serif!important}
+label,.gradio-container .label-wrap span{color:var(--text-primary)!important}
+.gradio-container input,.gradio-container textarea{background:var(--surface)!important;border:1px solid var(--border-strong)!important;border-radius:var(--radius)!important;color:var(--text-primary)!important;font-family:'DM Sans',sans-serif!important}
 .gradio-container input:focus,.gradio-container textarea:focus{border-color:var(--a5)!important;outline:none!important;box-shadow:0 0 0 3px rgba(245,166,35,.15)!important}
-.gradio-container .wrap{background:var(--surface)!important;border-color:var(--borderf)!important}
+.gradio-container .wrap{background:var(--surface)!important;border-color:var(--border-strong)!important}
 .gradio-container .block{background:var(--surface)!important}
-.gradio-container button.primary{background:linear-gradient(135deg,var(--g6),var(--g5))!important;color:#fafdf8!important;border:none!important;border-radius:var(--r)!important;font-weight:600!important;font-size:.9rem!important;padding:12px 24px!important;cursor:pointer!important;box-shadow:var(--shadow)!important;transition:all .2s!important}
+.gradio-container button.primary{background:linear-gradient(135deg,var(--g6),var(--g5))!important;color:#fafdf8!important;border:none!important;border-radius:var(--radius)!important;font-weight:600!important;font-size:.9rem!important;padding:12px 24px!important;cursor:pointer!important;box-shadow:var(--shadow)!important;transition:all .2s!important}
 .gradio-container button.primary:hover{background:linear-gradient(135deg,var(--g5),var(--g4))!important;transform:translateY(-1px)!important}
-.gradio-container button.secondary{background:var(--surface)!important;border:1px solid var(--borderf)!important;color:var(--g4)!important}
-.gradio-container [data-testid="image"]{border:2px dashed var(--borderf)!important;border-radius:var(--rl)!important;background:var(--surface2)!important}
+.gradio-container button.secondary{background:var(--surface)!important;border:1px solid var(--border-strong)!important;color:var(--g4)!important}
+.gradio-container [data-testid="image"]{border:2px dashed var(--border-strong)!important;border-radius:var(--radius-lg)!important;background:var(--surface2)!important}
 .gradio-container .prose h2,.gradio-container .prose h3{color:var(--a4)!important}
-.gradio-container audio{width:100%!important;border-radius:var(--r)!important}
+.gradio-container audio{width:100%!important;border-radius:var(--radius)!important}
+.info-box{background:var(--info-bg);border:1px solid var(--info-border);border-left:4px solid var(--g5);border-radius:var(--radius);padding:12px 16px;font-size:.88rem;line-height:1.6;margin-bottom:8px;color:var(--text-secondary)}
+.warn-box{background:var(--warn-bg);border:1px solid var(--warn-border);border-left:4px solid var(--a5);border-radius:var(--radius);padding:12px 16px;font-size:.88rem;margin-bottom:8px;color:var(--text-secondary)}
+.hotline-pill{display:inline-block;background:var(--surface2);color:var(--a4);border:1px solid var(--warn-border);border-radius:20px;padding:2px 12px;font-size:.8rem;font-weight:600}
 .gradio-container textarea{font-family:'DM Mono','Courier New',monospace!important;font-size:.82rem!important;line-height:1.7!important}
-.info-box{background:var(--surface2);border:1px solid var(--borderf);border-left:4px solid var(--g5);border-radius:var(--r);padding:12px 16px;font-size:.88rem;line-height:1.6;margin-bottom:8px;color:var(--text2)}
-.warn-box{background:#fffbf0;border:1px solid rgba(245,166,35,.5);border-left:4px solid var(--a5);border-radius:var(--r);padding:12px 16px;font-size:.88rem;margin-bottom:8px;color:var(--text2)}
-.hotline-pill{display:inline-block;background:var(--surface2);color:var(--a4);border:1px solid rgba(245,166,35,.4);border-radius:20px;padding:2px 12px;font-size:.8rem;font-weight:600}
-#rahbar-map-box{height:260px;width:100%;border-radius:12px;border:2px solid var(--borderf);background:#e8f5e9;position:relative;overflow:hidden;margin:8px 0}
-.gps-status-box{font-size:.82rem;min-height:28px;padding:7px 12px;border-radius:8px;background:var(--surface2);border:1px solid var(--border);color:var(--g5);font-weight:500;margin-bottom:8px}
+.gradio-container select,.gradio-container [data-testid="dropdown"]{background:var(--surface)!important;color:var(--text-primary)!important;border-color:var(--border-strong)!important}
+.gradio-container .message.user{background:var(--surface3)!important;color:var(--text-primary)!important}
+.gradio-container .message.bot{background:var(--surface2)!important;color:var(--text-primary)!important}
 ::-webkit-scrollbar{width:6px;height:6px}
 ::-webkit-scrollbar-track{background:var(--surface2)}
 ::-webkit-scrollbar-thumb{background:var(--g6);border-radius:3px}