/* --- WORLD-CLASS ZEN 3.0 DESIGN SYSTEM --- */ .doctor-zen-section { padding: 3rem; max-width: 1400px; margin: 0 auto; background: #F1F5F9; min-height: 100vh; } .zen-layout { display: grid; grid-template-columns: 320px 1fr; gap: 3rem; } /* Patient Info Slab */ .patient-info-slab { background: white; padding: 2.5rem; border-radius: 32px; box-shadow: 0 10px 40px rgba(0,0,0,0.03); border: 1px solid rgba(226, 232, 240, 0.5); display: flex; justify-content: space-between; align-items: center; margin-bottom: 2.5rem; } .patient-identity h1 { font-size: 2.8rem; font-family: 'Outfit', sans-serif; color: #0F172A; margin-bottom: 0.5rem; letter-spacing: -0.03em; } .patient-identity .meta-pills { display: flex; gap: 0.75rem; align-items: center; } .pill { padding: 0.5rem 1rem; border-radius: 100px; font-size: 0.85rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; } .pill.active { background: #DCFCE7; color: #15803D; } .pill.triage { background: #FEE2E2; color: #B91C1C; } .pill.time { background: #F1F5F9; color: #64748B; } /* Action Center */ .action-center { display: flex; gap: 1rem; background: #F8FAFC; padding: 0.75rem; border-radius: 20px; } .btn-zen { height: 56px; padding: 0 1.8rem; border-radius: 16px; font-weight: 700; font-size: 1rem; display: flex; align-items: center; gap: 0.8rem; border: none; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .btn-zen.scribe { background: #0EA5E9; color: white; box-shadow: 0 4px 15px rgba(14, 165, 233, 0.3); } .btn-zen.history { background: white; color: #475569; border: 1px solid #E2E8F0; } .btn-zen.start { background: #0F172A; color: white; } .btn-zen:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(0,0,0,0.1); } /* Note Canvas */ .note-canvas-container { background: white; border-radius: 40px; padding: 3rem; box-shadow: 0 10px 50px rgba(0,0,0,0.02); border: 1px solid #F1F5F9; } .zen-textarea { width: 100%; height: 550px; border: none; font-size: 1.3rem; line-height: 1.8; color: #334155; font-family: 'Inter', sans-serif; resize: none; background: transparent; } .zen-textarea:focus { outline: none; } /* Scribe Pulse */ .scribe-status-bar { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem; padding: 1rem 2rem; background: #F0F9FF; border-radius: 100px; width: fit-content; color: #0369a1; font-weight: 600; font-size: 0.9rem; } .pulse-dot { width: 12px; height: 12px; background: #0EA5E9; border-radius: 50%; animation: scribePulse 1.5s infinite; } @keyframes scribePulse { 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.4); } 70% { transform: scale(1.1); box-shadow: 0 0 0 10px rgba(14, 165, 233, 0); } 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(14, 165, 233, 0); } }