diff --git a/dashboard.css b/dashboard.css index 7b0dfab..4d6ec7c 100644 --- a/dashboard.css +++ b/dashboard.css @@ -1312,6 +1312,150 @@ min-width: 180px !important; } +/* --- WORLD-CLASS ZEN 4.0 ADD-ONS --- */ +.safety-header { + background: white; + padding: 1.5rem 2.5rem; + border-radius: 20px; + box-shadow: 0 4px 20px rgba(0,0,0,0.03); + border: 1px solid var(--border); + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 2rem; + position: sticky; + top: 1rem; + z-index: 10; +} + +.patient-identity-row { + display: flex; + align-items: center; + gap: 1rem; +} + +.patient-identity-row h1 { + font-size: 2rem; + font-family: 'Outfit', sans-serif; + color: var(--primary); + margin: 0; +} + +.patient-identity-row .allergy-tag { + margin: 0; + padding: 0.5rem 1rem; + font-size: 0.9rem; + font-weight: 700; +} + +.zen-layout-3col { + display: grid; + grid-template-columns: 15% 55% 30%; + gap: 2rem; + align-items: start; + transition: grid-template-columns 0.3s ease; +} + +.zen-layout-3col.collapsed-queue { + grid-template-columns: 5% 65% 30%; +} + +.zen-pipeline { + background: white; + border-radius: 20px; + padding: 1.5rem; + box-shadow: 0 4px 20px rgba(0,0,0,0.03); + border: 1px solid var(--border); + transition: all 0.3s ease; + overflow: hidden; +} + +.zen-pipeline.collapsed { + padding: 1.5rem 0.5rem; + text-align: center; +} + +.zen-pipeline.collapsed .pipeline-header h3, +.zen-pipeline.collapsed .pipeline-header .badge, +.zen-pipeline.collapsed .p-info { + display: none; +} + +.zen-pipeline.collapsed .p-token { + font-size: 0.75rem; + padding: 0.25rem; + margin-bottom: 0.5rem; +} + +.zen-workspace-soap { + display: flex; + flex-direction: column; + gap: 1.5rem; +} + +.soap-container { + 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 { + display: flex; + flex-direction: column; + gap: 0.5rem; +} + +.field-header { + display: flex; + justify-content: space-between; + align-items: center; +} + +.soap-field label { + font-family: 'Outfit', sans-serif; + font-weight: 600; + color: var(--primary); + font-size: 1.1rem; +} + +.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; + resize: vertical; + background: #F8FAFC; + transition: all 0.2s; +} + +.zen-textarea-small:focus { + outline: none; + background: white; + border-color: var(--secondary); + box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1); +} + +.btn-sync { + background: #EEF2FF; + color: #4F46E5; + border: 1px solid #C7D2FE; + font-weight: 600; +} + +.btn-sync:hover { + background: #E0E7FF; +} + @media (max-width: 768px) { .rx-panels { grid-template-columns: 1fr; diff --git a/dashboard.html b/dashboard.html index d52d387..7056cc8 100644 --- a/dashboard.html +++ b/dashboard.html @@ -113,11 +113,30 @@