:root{--t-navy: #0033a0;--t-blue: #0051c4;--t-violet: #7c3aed;--t-ink: #0b1220;--t-text: #0f172a;--t-mut: #64748b;--t-faint: #94a3b8;--t-line: #e2e8f0;--t-soft: #f3f4f8;--t-softer: #f8fafc;--t-paper: #ffffff;--t-ok: #059669;--t-warn: #d97706;--t-bad: #dc2626;--t-border: 1px solid var(--t-line);--t-shadow-sm: 0 1px 3px rgba(15, 23, 42, .08);--t-shadow-md: 0 4px 16px rgba(15, 23, 42, .12);--t-shadow-lg: 0 10px 36px rgba(15, 23, 42, .18);--t-radius-sm: 6px;--t-radius-md: 8px;--t-radius-lg: 12px;--t-radius-pill: 9999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,app-root{width:100%;height:100%}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:#f0f4f8;color:#1e293b;-webkit-font-smoothing:antialiased}app-root{width:100vw;height:100vh;overflow:hidden;display:flex;flex-direction:column}router-outlet{display:none}app-root>*:not(app-toast-container):not(router-outlet),.app-shell-outlet-host>*:not(router-outlet){flex:1;min-height:0;overflow:hidden}[class*=step-][class*=-component],app-step-create,app-step-metadata,app-step-upload,app-step-amendment,app-step-spec,app-step-gen-sds,app-step-edit-spec,app-step-upload-sds,app-step-sds-valid,app-step-summary{display:flex;flex:1;min-height:0;min-width:0;flex-direction:column}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes hitlGlow{0%,to{box-shadow:0 0 #16a34ad9,0 0 10px 3px #16a34a99}50%{box-shadow:0 0 0 10px #16a34a00,0 0 22px 8px #16a34af2}}.hitl-glow{animation:hitlGlow 1.6s ease-in-out infinite}@keyframes intelGlow{0%,to{box-shadow:0 0 #0033a08c,0 0 6px 2px #0033a059}50%{box-shadow:0 0 0 6px #0033a000,0 0 14px 4px #0033a0bf}}.intel-glow{animation:intelGlow 1.8s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-2{gap:2px}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}.min-w-0{min-width:0}.min-h-0{min-height:0}.grid{display:grid}.place-center{display:grid;place-items:center}.hidden{display:none}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.text-truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.uppercase{text-transform:uppercase}.text-left{text-align:left}.text-center{text-align:center}.nowrap{white-space:nowrap}.pointer{cursor:pointer}.border-t{border-top:var(--t-border)}.border-b{border-bottom:var(--t-border)}.border-r{border-right:var(--t-border)}.border{border:var(--t-border)}.rounded-sm{border-radius:var(--t-radius-sm)}.rounded-md{border-radius:var(--t-radius-md)}.rounded-lg{border-radius:var(--t-radius-lg)}.rounded-pill{border-radius:var(--t-radius-pill)}.bg-paper{background:var(--t-paper)}.bg-softer{background:var(--t-softer)}.bg-soft{background:var(--t-soft)}.text-navy{color:var(--t-navy)}.text-text{color:var(--t-text)}.text-mut{color:var(--t-mut)}.text-faint{color:var(--t-faint)}.text-ok{color:var(--t-ok)}.text-warn{color:var(--t-warn)}.text-bad{color:var(--t-bad)}.text-white{color:#fff}.fs-9{font-size:9px}.fs-10{font-size:10px}.fs-11{font-size:11px}.fs-12{font-size:12px}.fs-13{font-size:13px}.fs-14{font-size:14px}.fs-15{font-size:15px}.fs-16{font-size:16px}.fs-18{font-size:18px}.fs-20{font-size:20px}.fs-22{font-size:22px}.fs-24{font-size:24px}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.shadow-sm{box-shadow:var(--t-shadow-sm)}.shadow-md{box-shadow:var(--t-shadow-md)}.shadow-lg{box-shadow:var(--t-shadow-lg)}.section-label{padding:14px 10px 6px;font-size:10px;color:var(--t-faint);font-weight:700;letter-spacing:1px;text-transform:uppercase}.icon-btn{display:grid;place-items:center;border:var(--t-border);background:var(--t-paper);border-radius:var(--t-radius-md);cursor:pointer;flex-shrink:0}.icon-btn-sm{width:28px;height:28px}.icon-btn-md{width:34px;height:34px}.icon-btn-lg{width:36px;height:36px}.v-divider{width:1px;height:24px;background:var(--t-line);flex-shrink:0}.h-divider{height:1px;background:var(--t-line)}.dropdown-panel{position:absolute;background:var(--t-paper);border:var(--t-border);border-radius:var(--t-radius-lg);box-shadow:var(--t-shadow-lg);z-index:50;overflow:hidden}.pill-badge{display:inline-block;padding:2px 8px;border-radius:var(--t-radius-pill);font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.modal-overlay{position:fixed;inset:0;background:#00000059;z-index:100;display:flex;align-items:center;justify-content:center}.page-scroll{flex:1;overflow-y:auto;padding:24px;min-height:0}.stat-card{background:var(--t-paper);border:var(--t-border);border-radius:var(--t-radius-lg);padding:16px 20px}.data-table{width:100%;border-collapse:collapse}.data-table th{font-size:10px;font-weight:700;color:var(--t-faint);text-transform:uppercase;letter-spacing:.5px;padding:0 8px 8px;text-align:left}.data-table td{font-size:12.5px;padding:10px 8px;border-top:var(--t-border);color:var(--t-text);vertical-align:middle}.data-table tr:hover td{background:var(--t-softer)}