:root{--bg-primary: #fafaf9;--bg-surface: #ffffff;--text-primary: #1a1a1a;--red-coral: #e63946;--yellow-amber: #f4a261;--green-teal: #2a9d8f;--accent-amber: #d97706;--accent-cyan: #0891b2;--accent-slate: #64748b;--accent-purple: #8b5cf6;--border-light: #e5e7eb;--border-medium: #d1d5db;--font-primary: "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-accent: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--shadow-soft: 0px 2px 8px rgba(0, 0, 0, .08);--shadow-ambient: 0px 8px 32px rgba(0, 0, 0, .04);--shadow-elevated: 0px 4px 16px rgba(0, 0, 0, .12);--glow-amber: 0 0 0 3px rgba(217, 119, 6, .1);--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 48px;--radius-sm: 8px;--radius-md: 12px;--transition-fast: .2s ease;--transition-medium: .3s ease;--transition-slow: .5s ease-out}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;opacity:.03;z-index:-1;pointer-events:none;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px)}.font-primary{font-family:var(--font-primary)}.font-accent{font-family:var(--font-accent)}.font-mono{font-family:var(--font-mono)}@keyframes spotlight-glow{0%{box-shadow:0 0 #d977064d}50%{box-shadow:0 0 0 8px #d977061a}to{box-shadow:0 0 #d9770600}}@keyframes card-lift{0%{transform:translateY(0);box-shadow:var(--shadow-soft)}to{transform:translateY(-2px);box-shadow:var(--shadow-elevated)}}@keyframes draw-check{0%{stroke-dashoffset:50}to{stroke-dashoffset:0}}@keyframes pulse-circles{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}to{transform:translate(-50%,-50%) scale(1.8);opacity:0}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes status-blink{0%,to{opacity:1}50%{opacity:.5}}.card-interactive{transition:transform var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-elevated)}.focus-amber:focus{outline:none;border-color:var(--accent-amber);box-shadow:var(--glow-amber)}.section-active{position:relative}.section-active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--accent-amber);border-radius:0 2px 2px 0}.spotlight{animation:spotlight-glow var(--transition-slow)}.voice-recording-circle{position:relative;overflow:visible}.voice-recording-circle:before,.voice-recording-circle:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);border-radius:9999px;border:2px solid currentColor;opacity:.6;animation:pulse-circles 1.5s infinite ease-out;pointer-events:none}.voice-recording-circle:before{animation-delay:0s}.voice-recording-circle:after{animation-delay:.5s}.checklist-item{transition:all var(--transition-fast);cursor:pointer}.checklist-item:hover{background-color:#d977060d}.checklist-item.completed{background-color:#8b5cf60d}.checklist-checkbox{width:24px;height:24px;border-radius:var(--radius-sm);border:2px solid var(--border-medium);background-color:var(--bg-surface);transition:all var(--transition-fast);position:relative}.checklist-checkbox.checked{background-color:var(--accent-amber);border-color:var(--accent-amber)}.checklist-checkbox.checked svg{stroke-dasharray:50;stroke-dashoffset:50;animation:draw-check .4s ease-out forwards}input:not([type=checkbox]):not([type=radio]),select,textarea{font-family:var(--font-primary);font-size:16px;line-height:1.5;transition:all var(--transition-fast)}input:not([type=checkbox]):not([type=radio]):not([class*=px-]):not([class*=py-]),select:not([class*=px-]):not([class*=py-]),textarea:not([class*=px-]):not([class*=py-]){padding:8px 12px}input:focus:not([type=checkbox]):not([type=radio]),select:focus,textarea:focus{outline:none;border-color:var(--accent-amber);box-shadow:var(--glow-amber)}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;cursor:pointer}select:hover{border-color:var(--border-medium)}select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23d97706' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}select:not([class*=pr-]){padding-right:40px!important}.drag-active{border-color:var(--accent-amber)!important;background-color:#d977060d!important;animation:spotlight-glow var(--transition-slow)}button{font-family:var(--font-primary);font-weight:600;transition:all var(--transition-fast);cursor:pointer}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--accent-amber);color:#fff;border:none;padding:12px 24px;border-radius:var(--radius-sm);min-height:48px}.btn-primary:hover:not(:disabled){background-color:#b45309;box-shadow:var(--shadow-soft)}.btn-secondary{background-color:var(--accent-cyan);color:#fff;border:none;padding:12px 24px;border-radius:var(--radius-sm);min-height:48px}.btn-secondary:hover:not(:disabled){background-color:#0e7490;box-shadow:var(--shadow-soft)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--border-light);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--accent-slate);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-primary)}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:6px 12px;background:var(--text-primary);color:var(--bg-surface);font-size:12px;border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);margin-bottom:8px}.tooltip:hover:after{opacity:1}.skeleton{background:linear-gradient(90deg,var(--border-light) 0%,var(--border-medium) 50%,var(--border-light) 100%);background-size:200px 100%;animation:shimmer 1.5s infinite}.status-critical{animation:status-blink 1s infinite}.animate-in{animation:fade-up .3s ease-out}.text-balance{text-wrap:balance}.max-ch-60{max-width:60ch}@media print{@page{margin:.5cm;size:portrait}body{background-color:#fff!important;color:#000!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body:before{display:none}#root{background-color:#fff!important}header,footer,button,.no-print{display:none!important}main{padding:0!important;margin:0!important}.max-w-7xl{max-width:none!important;width:100%!important}.card,.bg-white,[style*="background-color: rgb(255, 255, 255)"]{background-color:#fff!important;border:1px solid #ccc!important;color:#000!important;box-shadow:none!important;margin-bottom:1rem}*{color:#000!important}.triage-red{background-color:#fff!important;border:4px solid #e63946!important;color:#e63946!important}.triage-yellow{background-color:#fff!important;border:4px solid #f4a261!important;color:#f4a261!important}.triage-green{background-color:#fff!important;border:4px solid #2a9d8f!important;color:#2a9d8f!important}h1,h2,h3,h4{color:#000!important;page-break-after:avoid}.checklist-item,.differential-card,.card{break-inside:avoid}.border{border-color:#000!important}*{animation:none!important;transition:none!important}}@media(max-width:640px){:root{--spacing-lg: 32px}.vitals-grid{grid-template-columns:repeat(2,1fr)}button,.btn-primary,.btn-secondary{min-height:44px}}
