diff --git a/dashboard.css b/dashboard.css index ada0803..c91faff 100644 --- a/dashboard.css +++ b/dashboard.css @@ -89,6 +89,111 @@ overflow-y: auto; } +/* --- CLINICAL ZEN VIEW (PREMIUM REFACTOR) --- */ +.doctor-zen-section { + padding: 2rem; + max-width: 1200px; + margin: 0 auto; +} + +.zen-layout { + display: grid; + grid-template-columns: 280px 1fr; + gap: 2.5rem; + height: calc(100vh - 120px); +} + +.current-patient h1 { + font-size: 2.2rem; + color: var(--primary); + margin-bottom: 0.5rem; + letter-spacing: -0.02em; +} + +.current-patient h1 small { + font-size: 1.1rem; + color: #64748B; + font-weight: 400; +} + +.patient-meta { + display: flex; + gap: 1rem; + color: #64748B; + font-size: 0.95rem; + margin-bottom: 2rem; +} + +.workspace-actions { + display: flex; + gap: 1rem; + align-items: center; + margin-bottom: 2rem; + background: white; + padding: 0.75rem; + border-radius: 16px; + box-shadow: 0 4px 12px rgba(0,0,0,0.05); + width: fit-content; +} + +.lang-select { + padding: 0.75rem 1rem; + border: 1px solid #E2E8F0; + border-radius: 12px; + font-weight: 600; + color: var(--primary); + background: #F8FAFC; + cursor: pointer; +} + +.btn-scribe, .btn-secondary, .btn-primary { + height: 48px; + padding: 0 1.5rem; + border-radius: 12px; + font-weight: 600; + display: flex; + align-items: center; + gap: 0.6rem; + transition: all 0.2s ease; +} + +.btn-scribe { + background: #F0F9FF; + color: #0EA5E9; + border: 1px solid #BAE6FD; +} + +.btn-scribe:hover { + background: #E0F2FE; + transform: translateY(-1px); +} + +.zen-textarea { + width: 100%; + height: 400px; + padding: 2rem; + border-radius: 24px; + border: 2px solid #F1F5F9; + background: white; + font-size: 1.1rem; + line-height: 1.6; + resize: none; + transition: border-color 0.2s ease; +} + +.zen-textarea:focus { + border-color: var(--secondary); + outline: none; + box-shadow: 0 0 0 4px rgba(14, 165, 233, 0.1); +} + +.pipeline-card { + background: #F8FAFC; + border-radius: 24px; + padding: 1.5rem; + border: 1px solid #E2E8F0; +} + .dash-header { display: flex; justify-content: space-between;