@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700&family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,600;1,9..144,300&display=swap";:root{--bg:#faf8f5;--surface:#fff;--surface-alt:#f3f0eb;--border:#e5e0d8;--text:#2c2825;--text-muted:#8a8380;--accent:#d4782f;--accent-light:#fdf0e5;--accent-dark:#b8612a;--success:#4a8c5c;--success-light:#edf5ef;--warning:#c4922a;--warning-light:#fef8eb;--danger:#c45a4a;--info-bg:#f0f4f8;--info-border:#c8d6e0;--score-0:#4a8c5c;--score-1:#c4922a;--score-2:#d4782f;--score-3:#c45a4a;--radius:8px;--radius-lg:14px;--shadow-sm:0 1px 3px #2c28250f;--shadow-md:0 4px 16px #2c282514;--shadow-lg:0 8px 32px #2c28251f;--transition:.2s ease}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:DM Sans,sans-serif;line-height:1.6}.sidebar{background:var(--surface);border-right:1px solid var(--border);z-index:100;flex-direction:column;width:280px;transition:transform .3s;display:flex;overflow-y:auto}.sidebar-header{border-bottom:1px solid var(--border);padding:24px 20px 16px}.subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:2px;font-size:12px}.nav-section{padding:12px 12px 4px}.nav-section-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);padding:8px 8px 4px;font-size:10px;font-weight:700}.nav-item{border-radius:var(--radius);cursor:pointer;transition:all var(--transition);color:var(--text);text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:7px 12px;font-size:13px;display:flex}.nav-item:hover{background:var(--surface-alt)}.nav-item.active{background:var(--accent-light);color:var(--accent-dark);font-weight:500}.nav-number{background:var(--surface-alt);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.nav-item.active .nav-number{background:var(--accent);color:#fff}.nav-status{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-left:auto}.nav-status.done{background:var(--success)}.nav-status.partial{background:var(--warning)}.sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding:16px}.field-group label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:4px;font-size:11px;font-weight:500;display:block}.field-group input,.field-group select{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);width:100%;transition:border-color var(--transition);padding:8px 12px;font-family:inherit;font-size:14px}.field-group input:focus,.field-group select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);outline:none}.patient-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px;padding:20px 24px;display:grid}.section-header{margin-bottom:24px}.section-header h2{letter-spacing:-.5px;margin-bottom:4px;font-family:Fraunces,serif;font-size:26px;font-weight:600}.section-tag{text-transform:uppercase;letter-spacing:1px;color:var(--accent);background:var(--accent-light);border-radius:20px;margin-bottom:8px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.observation-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:24px}.observation-card h3{margin-bottom:8px;font-size:14px;font-weight:600}.notes-textarea{border:1px solid var(--border);border-radius:var(--radius);resize:vertical;background:var(--bg);width:100%;min-height:100px;transition:border-color var(--transition);padding:12px 14px;font-family:inherit;font-size:14px;line-height:1.6}.notes-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);outline:none}.notes-textarea::placeholder{color:#c0bbb5}.info-toggle{background:var(--info-bg);border:1px solid var(--info-border);color:#4a6b80;cursor:pointer;transition:all var(--transition);border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-size:12px;font-weight:500;display:inline-flex}.info-toggle:hover{background:#e3ebf1}.info-panel{background:var(--info-bg);border:1px solid var(--info-border);border-radius:var(--radius);color:#3a5568;margin-top:10px;margin-bottom:14px;padding:16px 18px;font-size:13px;line-height:1.7;display:none}.info-panel.open{display:block}.scoring-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:16px;overflow:hidden}.scoring-item{border-bottom:1px solid var(--border);padding:20px 24px}.scoring-item:last-child{border-bottom:none}.scoring-item-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px;display:flex}.scoring-item-code{color:var(--accent);white-space:nowrap;font-family:Fraunces,serif;font-size:15px;font-weight:600}.scoring-item-title{flex:1;font-size:14px;font-weight:600}.scoring-item-desc-short{color:var(--text-muted);margin-bottom:8px;font-size:13px}.score-buttons{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.score-btn{border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;transition:all var(--transition);color:var(--text);text-align:center;min-width:44px;padding:6px 16px;font-family:inherit;font-size:13px;font-weight:600}.score-btn:hover{border-color:var(--accent);background:var(--accent-light)}.scoring-note textarea{border:1px solid var(--border);border-radius:var(--radius);resize:vertical;background:var(--bg);width:100%;min-height:44px;padding:8px 12px;font-family:inherit;font-size:13px}.scoring-note textarea:focus{border-color:var(--accent);outline:none}.score-criteria{gap:6px;margin-top:8px;display:grid}.score-criteria-row{background:#fff;border-radius:6px;gap:8px;padding:6px 10px;font-size:12px;line-height:1.5;display:flex}.score-criteria-val{color:var(--accent);flex-shrink:0;min-width:24px;font-weight:700}.results-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.result-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.result-card h4{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:8px;font-size:12px}.result-card .score-value{font-family:Fraunces,serif;font-size:36px;font-weight:600}.result-card .score-cutoff{color:var(--text-muted);margin-top:4px;font-size:12px}.result-card.full-width{grid-column:1/-1}.classification-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);text-align:center;margin-bottom:20px;padding:24px}.classification-card.autism{border-color:var(--danger);background:#fdf5f4}.classification-card.spectrum{border-color:var(--warning);background:var(--warning-light)}.classification-card.non-spectrum{border-color:var(--success);background:var(--success-light)}.classification-label{font-family:Fraunces,serif;font-size:22px;font-weight:600}.classification-detail{color:var(--text-muted);margin-top:4px;font-size:13px}.btn{border-radius:var(--radius);cursor:pointer;transition:all var(--transition);border:none;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-alt)}.btn-success{background:var(--success);color:#fff}.btn-sm{padding:6px 12px;font-size:12px}.nav-buttons{border-top:1px solid var(--border);justify-content:space-between;margin-top:32px;padding-top:24px;display:flex}.abbrev-bar{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.abbrev-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--accent-dark);transition:all var(--transition);border-radius:4px;padding:3px 8px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;position:relative}.abbrev-btn:hover{background:var(--accent-light);border-color:var(--accent)}.abbrev-tip{background:var(--text);color:#fff;white-space:nowrap;z-index:200;pointer-events:none;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:400;display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.abbrev-btn:hover .abbrev-tip{display:block}.ref-fab{z-index:500;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.ref-fab-btn{background:var(--accent);color:#fff;cursor:pointer;width:48px;height:48px;box-shadow:var(--shadow-lg);transition:all var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex}.ref-fab-btn:hover{background:var(--accent-dark)}.ref-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:320px;max-height:60vh;box-shadow:var(--shadow-lg);padding:20px;font-size:13px;display:none;overflow-y:auto}.ref-panel.open{display:block}.ref-table{border-collapse:collapse;width:100%}.ref-table th{text-align:left;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);border-bottom:2px solid var(--border);padding:6px 8px;font-size:10px}.ref-table td{border-bottom:1px solid var(--border);padding:6px 8px}.ref-table td:first-child{color:var(--accent-dark);font-weight:700}.save-indicator{color:var(--success);align-items:center;gap:4px;font-size:11px;display:flex}.focus-bar{background:var(--surface);border-bottom:1px solid var(--border);z-index:200;height:50px;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.focus-title{color:var(--accent);font-family:Fraunces,serif;font-size:15px;font-weight:600}.focus-nav{align-items:center;gap:8px;display:flex}.focus-nav button{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);cursor:pointer;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500}.exit-focus{background:var(--accent-light)!important;border-color:var(--accent)!important;color:var(--accent-dark)!important}.sidebar-toggle{z-index:150;background:var(--surface);border:1px solid var(--border);cursor:pointer;width:44px;height:44px;box-shadow:var(--shadow-md);border-radius:10px;justify-content:center;align-items:center;font-size:18px;display:flex;position:fixed;top:16px;left:16px}@media (width<=900px){.results-grid,.patient-bar{grid-template-columns:1fr}}@media print{.sidebar,.nav-buttons,.btn,.info-toggle,.ref-fab,.focus-bar,.sidebar-toggle,.abbrev-bar{display:none!important}.main-content{margin-left:0!important}}