feat: polish clinical zen UI and responsiveness (v12)

dashboard.css

@@ -643,6 +643,85 @@
     border-color: var(--secondary);
 }
 
+/* Clinical Zen Responsive Enhancements */
+.workspace-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    gap: 1.5rem;
+    flex-wrap: wrap;
+    margin-bottom: 2rem;
+}
+
+.workspace-actions {
+    display: flex;
+    gap: 0.75rem;
+    flex-wrap: wrap;
+}
+
+.lang-select {
+    border: 2px solid var(--secondary);
+    background: #F0F9FF;
+}
+
+.btn-scribe {
+    padding: 1rem 2rem;
+    font-size: 1rem;
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
+}
+
+.btn-scribe.active {
+    background: #EF4444;
+    animation: scribePulse 2s infinite;
+}
+
+@keyframes scribePulse {
+    0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4); }
+    70% { box-shadow: 0 0 0 15px rgba(239, 68, 68, 0); }
+    100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
+}
+
+/* Tablet & Mobile Adjustments */
+@media (max-width: 1024px) {
+    .doctor-zen-section {
+        grid-template-columns: 1fr;
+    }
+    
+    .patient-pipeline {
+        border-right: none;
+        border-bottom: 1px solid var(--border);
+        padding-bottom: 1.5rem;
+    }
+
+    .workspace-header {
+        flex-direction: column;
+    }
+    
+    .workspace-actions {
+        width: 100%;
+        justify-content: stretch;
+    }
+    
+    .workspace-actions button, .workspace-actions select {
+        flex: 1;
+        min-width: 140px;
+    }
+}
+
+@media (max-width: 768px) {
+    .zen-grid {
+        grid-template-columns: 1fr;
+    }
+    
+    .clinical-notes-card textarea {
+        min-height: 300px;
+    }
+    
+    .summary-actions {
+        flex-direction: column;
+    }
+}
+
     display: flex;
     flex-direction: column;
     gap: 1.5rem;
@@ -672,6 +751,7 @@
     gap: 1rem;
 }
 
+.btn-scribe {
     background: var(--secondary);
     color: white;
     border: none;

dashboard.js

@@ -113,13 +113,14 @@ function updateScribeUI() {
     const status = document.getElementById("scribeStatus");
     if (isScribing) {
         btn.innerText = "🛑 Stop AI Scribe";
-        btn.style.background = "#EF4444";
+        btn.classList.add("active"); // Trigger pulsing animation
         status.classList.remove("hidden");
     } else {
         btn.innerText = "🎙️ Start AI Scribe";
-        btn.style.background = "";
+        btn.classList.remove("active");
         status.classList.add("hidden");
     }
+
 }
 
 async function startDeepCapture() {