diff --git a/dashboard.css b/dashboard.css
index aa12d40..21a295b 100644
--- a/dashboard.css
+++ b/dashboard.css
@@ -1347,14 +1347,16 @@
.zen-layout-3col {
display: grid;
- grid-template-columns: 15% 60% 25%;
+ /* 1fr handles the queue; minmax blocks ensure typing canvas and context remain readable */
+ grid-template-columns: 1fr minmax(450px, 2.5fr) minmax(300px, 1.2fr);
gap: 1.5rem;
align-items: start;
- transition: grid-template-columns 0.3s ease;
+ padding: 1rem;
+ height: calc(100vh - 120px); /* Fill screen height perfectly without overflow strings */
}
.zen-layout-3col.collapsed-queue {
- grid-template-columns: 5% 70% 25%;
+ grid-template-columns: 5% minmax(450px, 3fr) minmax(300px, 1.2fr);
}
.zen-pipeline {
@@ -1398,14 +1400,16 @@
}
.soap-container {
+ display: flex;
+ flex-direction: column;
+ gap: 1.25rem;
+ overflow-y: auto; /* Allow independent scrolling for documentation */
+ max-height: 100%;
background: white;
border-radius: 30px;
padding: 2.5rem;
box-shadow: 0 10px 40px rgba(0,0,0,0.02);
border: 1px solid var(--border);
- display: flex;
- flex-direction: column;
- gap: 1.5rem;
}
.soap-field {
@@ -1429,24 +1433,33 @@
.zen-textarea-small {
width: 100%;
- min-height: 100px;
- border: 1px solid var(--border);
- border-radius: 12px;
- padding: 1rem;
- font-size: 1.1rem;
- line-height: 1.6;
- color: var(--text-main);
- font-family: 'Inter', sans-serif;
+ min-height: 110px;
resize: vertical;
+ font-family: 'Inter', sans-serif;
+ font-size: 0.95rem;
+ line-height: 1.5;
+ padding: 0.75rem;
+ border: 1px solid #cbd5e1;
+ border-radius: 6px;
+ transition: border-color 0.2s ease;
background: #F8FAFC;
- transition: all 0.2s;
+ color: var(--text-main);
}
.zen-textarea-small:focus {
+ border-color: #3b82f6;
outline: none;
+ box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
background: white;
- border-color: var(--secondary);
- box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+}
+
+.lang-select {
+ height: 56px;
+ border-radius: 12px;
+ border: 1px solid var(--border);
+ padding: 0 1rem;
+ font-family: 'Inter', sans-serif;
+ font-weight: 500;
}
.btn-sync {
@@ -1544,3 +1557,18 @@
/* Utility Hidden */
.hidden { display: none !important; }
+
+/* Maximize vertical canvas during live examinations */
+body.zen-mode-active .dash-header {
+ display: none;
+}
+
+/* Compact Sidebar Rail */
+.sidebar.compact-rail {
+ width: 70px;
+}
+.sidebar.compact-rail .logo-text,
+.sidebar.compact-rail nav a span:not(:first-child),
+.sidebar.compact-rail .user-profile .info {
+ display: none;
+}
diff --git a/dashboard.html b/dashboard.html
index 7b8a386..316b1e8 100644
--- a/dashboard.html
+++ b/dashboard.html
@@ -14,7 +14,7 @@
-