UI v9

app.py

@@ -314,8 +314,8 @@ Answer:"""
             position: relative;
             overflow: hidden;
             z-index: 10;
-            margin-bottom: 2rem; /* Reduced margin */
-            border: 2px solid var(--border-color-primary) !important; /* Thicker border */
+            margin-bottom: 1.5rem; /* Reduced margin */
+            border: 3px solid var(--border-color-primary) !important; /* Thicker border */
             border-top: none;
             max-width: 1120px;
             margin-left: auto;
@@ -323,7 +323,7 @@ Answer:"""
             width: 100%;
             /* Enhanced background */
             background-image: linear-gradient(135deg, var(--background-fill-primary) 0%, var(--background-fill-secondary) 100%);
-            box-shadow: 0 10px 30px rgba(0,0,0,0.4); /* More pronounced shadow */
+            box-shadow: 0 12px 35px rgba(0,0,0,0.5); /* More pronounced shadow */
         }
         .app-header { display: flex; flex-direction: column; align-items: center; position: relative; z-index: 1; }
         .app-header-logo {
@@ -350,17 +350,17 @@ Answer:"""
         /* Main dashboard container */
         .main-dashboard-container {
             border-radius: 24px;
-            border: 2px solid var(--border-color-primary) !important; /* Thicker border */
+            border: 3px solid var(--border-color-primary) !important; /* Thicker border */
             padding: 3.5rem !important;
-            margin: 0 auto 0.6rem auto; /* Reduced margin-bottom */
+            margin: 0 auto 0.4rem auto; /* Further reduced margin-bottom */
             z-index: 1; position: relative;
-            display: flex; flex-direction: column; gap: 2rem; /* Reduced gap between boxes */
+            display: flex; flex-direction: column; gap: 1.5rem; /* Further reduced gap between boxes */
             max-width: 1120px;
         }
         /* Card sections within the dashboard */
         .dashboard-card-section {
             border-radius: 12px;
-            border: 2px solid var(--border-color-primary); /* Thicker border */
+            border: 2px solid var(--border-color-primary); /* Keeping at 2px for inner cards, fits better */
             padding: 2.5rem;
             box-shadow: inset 0 0 10px rgba(0,0,0,0.2);
             display: flex; flex-direction: column; gap: 1.5rem;
@@ -372,9 +372,9 @@ Answer:"""
         /* Section titles */
         .sub-section-title {
             font-family: 'Playfair Display', serif !important;
-            font-size: 3.0rem !important; /* Increased font size */
+            font-size: 3.2rem !important; /* Increased font size */
             font-weight: 800 !important;
-            text-align: center !important; /* Already centered, kept */
+            text-align: center !important;
             margin-top: 1.5rem !important;
             margin-bottom: 0.8rem !important;
             display: block !important;
@@ -413,7 +413,7 @@ Answer:"""
         }
         .gr-button-secondary { /* Override for secondary button specific look */
             background: transparent !important;
-            border: 2px solid var(--neutral-500) !important; /* Used neutral-500 for clearer border */
+            border: 2px solid var(--neutral-700) !important; /* Made border darker for contrast */
             box-shadow: none !important;
         }
         .gr-button-secondary:hover:not(:disabled) {
@@ -455,7 +455,7 @@ Answer:"""
         /* Examples table styling */
         .examples-section table.gr-samples-table {
             border-radius: 12px !important;
-            border: 2px solid var(--border-color-primary) !important; /* Thicker border */
+            border: 2px solid var(--border-color-primary) !important; /* Keeps border at 2px for consistency with other cards */
             overflow: hidden;
             box-shadow: inset 0 0 10px rgba(0,0,0,0.2);
         }
@@ -475,7 +475,7 @@ Answer:"""
         .examples-section table.gr-samples-table tr:first-child td { border-top: none !important; }
         /* Footer styling */
         .app-footer-wrapper {
-            border-top: 2px solid var(--border-color-primary) !important; /* Thicker border */
+            border-top: 3px solid var(--border-color-primary) !important; /* Thicker border */
             margin-top: 0.5rem;
             padding-top: 2.5rem;
             padding-bottom: 2.5rem;
@@ -499,10 +499,20 @@ Answer:"""
         }
         .app-footer p {
             font-size: 1.05rem !important;
-            text-align: left !important;
+            text-align: left !important; /* Explicitly left-aligned */
             margin-bottom: 1rem;
         }
-        .app-footer a { font-weight: 500; }
+        .app-footer strong {
+            color: var(--text-color-body) !important; /* Ensure bold text is clearly visible */
+        }
+        .app-footer a {
+            font-weight: 500;
+            color: var(--primary-500) !important; /* Ensure links are themed and clear */
+            text-decoration: underline; /* Added underline for clarity */
+        }
+        .app-footer a:hover {
+            text-decoration: none; /* Remove underline on hover */
+        }
         /* Hide default Gradio example labels and related elements for cleaner presentation */
         .gr-examples .gr-label, .gr-examples button.gr-button-filter, .gr-examples .label-wrap,
         .gr-examples div[data-testid*="label-text"], .gr-examples span[data-testid*="label-text"],
@@ -522,10 +532,10 @@ Answer:"""
         @media (max-width: 1024px) {
             .gradio-container > .flex.flex-col { max-width: 960px; padding: 0 1.5rem !important; }
             .app-header-title { font-size: 3.8rem; } .app-header-tagline { font-size: 1.5rem; }
-            .app-header-wrapper { padding: 2.5rem 3.5rem !important; margin-bottom: 1.8rem; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
-            .main-dashboard-container { padding: 2.5rem !important; margin-bottom: 0.6rem; border-radius: 12px; gap: 1.8rem; } /* Adjusted gap */
+            .app-header-wrapper { padding: 2.5rem 3.5rem !important; margin-bottom: 1.2rem; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; } /* Adjusted margin */
+            .main-dashboard-container { padding: 2.5rem !important; margin-bottom: 0.3rem; border-radius: 12px; gap: 1.2rem; } /* Adjusted gap */
             .dashboard-card-section { padding: 1.8rem; border-radius: 8px; }
-            .sub-section-title { font-size: 2.5rem !important; margin-bottom: 0.7rem !important; } /* Adjusted font size */
+            .sub-section-title { font-size: 2.8rem !important; margin-bottom: 0.7rem !important; } /* Adjusted font size */
             .input-row { gap: 1.5rem; } .input-field { min-width: 280px; }
             .gradio-textbox textarea { min-height: 160px; } .output-card .response-header { font-size: 1.7rem; }
             .examples-section { padding-top: 1.2rem; }
@@ -535,12 +545,12 @@ Answer:"""
         }
         @media (max-width: 768px) {
             .gradio-container > .flex.flex-col { padding: 0 1rem !important; }
-            .app-header-wrapper { padding: 1.8rem 2.5rem !important; margin-bottom: 1.5rem; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
+            .app-header-wrapper { padding: 1.8rem 2.5rem !important; margin-bottom: 1rem; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; } /* Adjusted margin */
             .app-header-logo { font-size: 4.5rem; margin-bottom: 0.6rem; } .app-header-title { font-size: 3.2rem; letter-spacing: -0.06em; }
             .app-header-tagline { font-size: 1.3rem; }
-            .main-dashboard-container { padding: 1.8rem !important; margin-bottom: 0.5rem; border-radius: 12px; gap: 1.5rem; } /* Adjusted gap */
+            .main-dashboard-container { padding: 1.8rem !important; margin-bottom: 0.2rem; border-radius: 12px; gap: 1rem; } /* Adjusted gap */
             .dashboard-card-section { padding: 1.5rem; border-radius: 8px; }
-            .sub-section-title { font-size: 2.0rem !important; margin-top: 1rem !important; margin-bottom: 0.6rem !important; } /* Adjusted font size */
+            .sub-section-title { font-size: 2.3rem !important; margin-top: 1rem !important; margin-bottom: 0.6rem !important; } /* Adjusted font size */
             .input-row { flex-direction: column; gap: 1rem; } .input-field { min-width: 100%; }
             .gradio-textbox textarea { min-height: 140px; } .button-row { justify-content: stretch; gap: 1rem; }
             .gradio-button { width: 100%; padding: 1.1rem 2rem !important; font-size: 1.1rem !important; }
@@ -553,12 +563,12 @@ Answer:"""
         }
         @media (max-width: 480px) {
             .gradio-container > .flex.flex-col { padding: 0 0.8rem !important; }
-            .app-header-wrapper { padding: 1.2rem 1rem !important; margin-bottom: 1.2rem; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
+            .app-header-wrapper { padding: 1.2rem 1rem !important; margin-bottom: 0.8rem; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } /* Adjusted margin */
             .app-header-logo { font-size: 3.8rem; margin-bottom: 0.5rem; } .app-header-title { font-size: 2.8rem; }
             .app-header-tagline { font-size: 1.1rem; }
-            .main-dashboard-container { padding: 1.2rem !important; margin-bottom: 0.4rem; border-radius: 8px; gap: 1.2rem; } /* Adjusted gap */
+            .main-dashboard-container { padding: 1.2rem !important; margin-bottom: 0.2rem; border-radius: 8px; gap: 0.8rem; } /* Adjusted gap */
             .dashboard-card-section { padding: 1rem; border-radius: 4px; }
-            .sub-section-title { font-size: 1.8rem !important; margin-top: 0.8rem !important; margin-bottom: 0.5rem !important; } /* Adjusted font size */
+            .sub-section-title { font-size: 2.0rem !important; margin-top: 0.8rem !important; margin-bottom: 0.5rem !important; } /* Adjusted font size */
             .gradio-textbox textarea, .gradio-dropdown select, .gradio-textbox input[type=password] { font-size: 1.05rem !important; padding: 1rem 1.2rem !important; }
             .gradio-textbox textarea { min-height: 120px; }
             .gradio-button { padding: 1rem 1.5rem !important; font-size: 1.0rem !important; }
@@ -695,8 +705,6 @@ if __name__ == "__main__":
             print(f"\n--- CONFIGURATION ERROR ---\nPDF file ('{os.path.basename(PDF_PATH)}') not found at: {PDF_PATH}.\nPlease ensure it exists or set 'PDF_PATH' environment variable.\n---------------------------\n")
             exit(1) # This exit is correct: if file not found
 
-        # This `if` block checks for readability *only if the file exists*.
-        # The erroneous `exit(1)` that was likely at line 701 has been removed.
         if not os.access(PDF_PATH, os.R_OK):
             logging.error(f"FATAL: PDF file at '{PDF_PATH}' exists but is not readable. Check file permissions.")
             print(f"\n--- PERMISSION ERROR ---\nPDF file ('{os.path.basename(PDF_PATH)}') found but not readable at: {PDF_PATH}\nPlease check file permissions (e.g., using 'chmod +r' in terminal).\n---------------------------\n")