Update app.py

app.py

@@ -56,7 +56,6 @@ def email_classifier_router(raw_email):
         }
     try:
         output = json.loads(raw_result)
-        # Ensure keys present, fallback if missing
         for key in ["Category", "Priority", "Suggested Recipient", "Draft Response", "Summary", "Action Items"]:
             if key not in output:
                 output[key] = ""
@@ -85,8 +84,41 @@ def add_to_history(email, cat, pri, summ, dra):
 css = """
 body { background: linear-gradient(120deg, #10193a 0%, #175ad7 120%) !important; font-family: 'Inter', 'Segoe UI', Arial, sans-serif;}
 .gradio-container { background: transparent !important; }
-.section-header { font-size: 2em;font-weight:900;letter-spacing:.02em;color:#fff;padding:10px 36px;background:linear-gradient(90deg,#2c53e8 60%,#3ffafc 120%);border-radius:19px;box-shadow:0 8px 52px #2d82b6cc;margin-bottom:-30px;margin-top:18px;text-shadow:0 4px 34px #08dbef,0 2px 15px #2e96ff;display:inline-block;border:4px solid #30d6ff99;}
-.app-title {font-size: 2.4em; letter-spacing: .01em; color: #fff;font-weight:800;margin-bottom:8px;text-shadow:0 2px 24px #2ec5ff; text-align:center;}
+.main-pill-header {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin: 28px auto 23px auto;
+    width: fit-content;
+    padding: 0;
+}
+.main-pill {
+    background: linear-gradient(90deg, #3084f4 0%, #39d5ff 97%);
+    border-radius: 34px;
+    padding: 33px 66px 30px 60px;
+    box-shadow: 0 0 90px 20px #42e5ff3a, 0 0 0 12px #11b6ff0a;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    border: 3.5px solid #79e8ffcc;
+}
+.main-pill-title {
+    font-size: 3.2em;
+    font-weight: 900;
+    color: #fff;
+    letter-spacing: .04em;
+    text-shadow: 0 10px 70px #1ad1f3a9, 0 3px 24px #36b0ecba;
+}
+.main-pill-subtitle {
+    color: #e7f7ff;
+    margin-top: 11px;
+    font-size: 1.17em;
+    font-weight: 500;
+    letter-spacing: .01em;
+    text-shadow: 0 2px 14px #99faffad;
+}
+.section-header { font-size: 1.55em;font-weight:800;letter-spacing:.02em;color:#fff;margin-bottom:24px;margin-top:30px;text-shadow:0 4px 34px #09dede,0 2px 8px #2989d2;display:block;}
 .result-labels-row{display:flex;align-items:center;gap:18px;margin-bottom:10px;margin-top:-6px;}
 .result-label-text{font-size:1.08em;font-weight:700;color:#daf6ff;letter-spacing:.01em;margin-right:2px;}
 .badge{display:inline-block;border-radius:999px;padding:4px 16px;font-weight:600;background:linear-gradient(90deg,#2870ee 70%,#13e4fc 140%);box-shadow:0 1px 12px #0663fd29;color:#fff;margin-right:8px;font-size:1.02em;vertical-align:middle;}
@@ -103,10 +135,18 @@ body { background: linear-gradient(120deg, #10193a 0%, #175ad7 120%) !important;
 .btn-md {padding:10px 22px;border-radius:14px; border:none;font-size:1.03em;font-weight:700;background:#3246b8; color:#fff;}
 .btn-md:hover { background:#2284cc;}
 .clear-btn { background:#db2828!important;color:#fff!important;padding:10px 24px;font-weight:600;border-radius:13px;border:none;font-size:1.07em;margin-bottom:22px;}
+#paste-btn .wrap {font-size:1.13em;}
 """
 
 with gr.Blocks(css=css) as demo:
-    gr.HTML("<div class='app-title'>📧 AI Email Classifier & Router</div>")
+    gr.HTML("""
+    <div class='main-pill-header'>
+      <div class='main-pill'>
+        <span class='main-pill-title'>📧 AI Email Classifier & Router</span>
+        <span class='main-pill-subtitle'>Instantly categorize, summarize, and draft replies to business emails.</span>
+      </div>
+    </div>
+    """)
 
     with gr.Row():
         with gr.Column(scale=6, min_width=420):
@@ -123,6 +163,7 @@ with gr.Blocks(css=css) as demo:
                     legal_button        = gr.Button("Legal Inquiry")
                     meeting_button      = gr.Button("Meeting Scheduling")
                 email_box = gr.Textbox(lines=8, label="", placeholder="From: ...\nSubject: ...")
+                paste_btn = gr.Button("📋 Paste from Clipboard", elem_id="paste-btn", elem_classes=["glass-btn"])
                 classify_btn = gr.Button("Classify Email", elem_classes=["glass-btn"])
         with gr.Column(scale=8, min_width=430):
             gr.HTML("<div class='section-header'>🧮 Classification Results</div>")
@@ -157,6 +198,9 @@ with gr.Blocks(css=css) as demo:
     legal_button.click(lambda: examples[6], None, email_box)
     meeting_button.click(lambda: examples[7], None, email_box)
 
+    # Clipboard paste to input box!
+    paste_btn.click(None, None, email_box, js="(inputs,outputs)=>navigator.clipboard.readText()")
+
     def classify_and_render(email_text):
         result = email_classifier_router(email_text)
         cat = result.get("Category", "")