:root{--bg:#f8fafc;--panel:#fff;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--accent:#ff4b4b;--link:#0ea5e9;--warn:#f59e0b;--danger:#ef4444;--ok:#10b981;--header-row:#f1f5f9;--soft-red:#fef2f2;--soft-amber:#fffbeb;--soft-green:#ecfdf5;--soft-sky:#e0f2fe;--shadow:0 1px 2px #0f172a0f, 0 1px 3px #0f172a0a;color:var(--ink);background:var(--bg);font-family:IBM Plex Sans,Segoe UI,sans-serif;line-height:1.45}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--ink);margin:0}#root{min-height:100vh}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button{cursor:pointer;background:var(--accent);color:#fff;border:0;border-radius:.375rem;padding:.4rem .75rem;font-weight:500}button:disabled{opacity:.5;cursor:not-allowed}button.btn-secondary,.btn-secondary{background:var(--panel);color:var(--ink);border:1px solid var(--line)}button.btn-secondary:hover:not(:disabled),.btn-secondary:hover:not(:disabled){background:var(--header-row)}button.btn-ghost,.btn-ghost{color:var(--link);background:0 0;border:0;padding:.25rem .4rem}input,textarea,select{background:var(--panel);border:1px solid var(--line);width:100%;color:var(--ink);border-radius:.375rem;padding:.4rem .55rem}.shell{background:var(--bg);grid-template-columns:248px 1fr;align-items:start;min-height:100vh;transition:grid-template-columns .2s;display:grid}.shell--nav-collapsed{grid-template-columns:64px 1fr}.nav{background:var(--panel);border-right:1px solid var(--line);max-height:100vh;box-shadow:var(--shadow);flex-direction:column;align-self:start;height:100vh;padding:1.25rem 1rem;transition:padding .2s;display:flex;position:sticky;top:0;overflow:hidden auto}.nav>nav{flex:auto}.nav--collapsed{flex-direction:column;height:100vh;max-height:100vh;padding:.55rem .35rem;display:flex;overflow:hidden}.nav-top{justify-content:space-between;align-items:flex-start;gap:.35rem;margin-bottom:.85rem;display:flex}.nav--collapsed .nav-top{flex-direction:column;flex-shrink:0;align-items:center;margin-bottom:.35rem}.nav--collapsed #ehs360-nav{flex-direction:column;flex:auto;justify-content:space-evenly;gap:0;min-height:0;display:flex;overflow:hidden}.nav--collapsed .nav-icon{width:18px;height:18px}.brand-block{min-width:0}.nav a.brand{color:var(--ink);background:0 0;border-radius:0;margin:0;padding:0;text-decoration:none;display:inline-block;overflow:visible}.nav a.brand:hover,.nav a.brand.active{color:var(--ink);background:0 0;text-decoration:none}.brand{letter-spacing:.02em;color:inherit;font-family:IBM Plex Serif,Georgia,serif;font-size:1.5rem;text-decoration:none}.nav--collapsed .brand{text-align:center;font-size:1.15rem}.brand-sub{display:none}.nav-toggle{color:var(--muted);border:1px solid var(--line);background:0 0;flex-shrink:0;min-width:1.75rem;padding:.2rem .45rem;line-height:1}.nav-toggle:hover{color:var(--ink);background:var(--header-row)}.nav a{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;border-radius:.375rem;align-items:center;gap:.55rem;margin-bottom:.15rem;padding:.4rem .55rem;text-decoration:none;display:flex;overflow:hidden}.nav-icon{opacity:.9;flex-shrink:0}.nav-label{text-overflow:ellipsis;overflow:hidden}.nav--collapsed a:not(.brand){flex:none;justify-content:center;margin-bottom:0;padding:.2rem .15rem}.nav a:hover{background:var(--soft-sky);color:var(--ink);text-decoration:none}.nav a.active{background:var(--soft-red);color:#9f1239;text-decoration:none}.nav-group{margin-bottom:.65rem}.nav-group-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:.55rem .35rem .25rem;padding:0;font-size:.68rem}.stat-strip{flex-wrap:wrap;gap:.5rem;margin:.75rem 0 1rem;display:flex}.stat-chip{border:1px solid var(--line);background:var(--panel);min-width:6.5rem;box-shadow:var(--shadow);border-radius:.5rem;gap:.15rem;padding:.55rem .7rem;display:grid}.stat-value{color:var(--ink);font-size:1.25rem;font-weight:600;line-height:1.1}.stat-label{color:var(--muted);max-width:9rem;font-size:.72rem}.jump-chips{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.65rem;margin:1rem 0 1.25rem;display:grid}.jump-chip{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);color:inherit;border-radius:.5rem;gap:.25rem;padding:.75rem .85rem;text-decoration:none;transition:border-color .15s,background .15s;display:grid}.jump-chip:hover{border-color:var(--link);background:var(--soft-sky);text-decoration:none}.jump-chip-title{color:var(--ink);font-size:.95rem;font-weight:600}.jump-chip-detail{color:var(--muted);font-size:.8rem}.jump-chip-go{color:var(--link);margin-top:.15rem;font-size:.8rem}.home-alerts{gap:.55rem;margin:.75rem 0 1rem;display:grid}.home-alert{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);color:inherit;border-radius:.5rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.75rem .9rem;text-decoration:none;display:flex}.home-alert:hover{border-color:var(--link);text-decoration:none}.home-alert--warn{background:var(--soft-amber);border-color:#fde68a}.home-alert--danger{background:var(--soft-red);border-color:#fecaca}.home-alert-body{gap:.15rem;display:grid}.home-alert-title{color:var(--ink);font-weight:600}.home-alert-detail{color:var(--muted);font-size:.85rem}.home-alert-go{color:var(--link);white-space:nowrap;font-weight:500}.callout{border:1px solid var(--line);border-left:3px solid var(--link);background:var(--soft-sky);color:var(--ink);border-radius:.375rem;max-width:52rem;margin:.75rem 0;padding:.65rem .85rem}.callout--warn{border-left-color:var(--warn);background:var(--soft-amber)}.segmented{flex-wrap:wrap;gap:.35rem;margin:.75rem 0 1rem;display:flex}.segmented button{background:var(--panel);color:var(--ink);border:1px solid var(--line)}.segmented button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.section-title{margin:1.15rem 0 .45rem}.section-title h2{color:var(--ink);margin:0;font-size:1.05rem;font-weight:600}.section-title .hint{margin:.2rem 0 0}.gap-group{margin:1rem 0 1.5rem}.gap-marker{background:var(--danger);vertical-align:middle;border-radius:999px;width:.55rem;height:.55rem;margin-right:.4rem;display:inline-block}.toolbar-row{flex-wrap:wrap;align-items:flex-end;gap:.65rem;margin:.75rem 0;display:flex}.filter-field{color:var(--muted);flex:14rem;gap:.25rem;min-width:14rem;max-width:28rem;font-size:.85rem;display:grid}.check-grid{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.15rem .75rem;display:grid}.form-grid--wide{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));max-width:40rem}.dense-list{margin:.35rem 0 1rem}.warn-inline{color:#b45309}fieldset{border:1px solid var(--line);background:var(--panel);border-radius:.5rem;margin:.75rem 0;padding:.85rem 1rem 1rem}fieldset legend{color:var(--muted);padding:0 .35rem;font-size:.9rem}.check{align-items:flex-start;gap:.55rem;margin:.45rem 0;line-height:1.35;display:flex}.check input{flex-shrink:0;width:auto;margin-top:.2rem}.other-field{max-width:28rem;margin:.5rem 0 .25rem 1.6rem}.alert-card,.detail-panel,.form-panel,.exit-block{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:.5rem;margin:.75rem 0;padding:.85rem 1rem}.alert-card h3,.detail-panel h2,.form-panel h2{margin:0 0 .5rem;font-size:1rem;font-weight:600}.alert-meta{flex-wrap:wrap;gap:.4rem;margin-bottom:.45rem;display:flex}.sds-readable{margin:.5rem 0 .75rem}.hazard-list{flex-wrap:wrap;gap:.35rem;margin:.35rem 0 .75rem;padding:0;list-style:none;display:flex}.hazard-list li{margin:0}.clickable-row{cursor:pointer}.clickable-row:hover{background:var(--header-row)}.clickable-row.selected{background:var(--soft-sky)}.form-grid{gap:.65rem;max-width:28rem;margin-bottom:.75rem;display:grid}.form-grid label{color:var(--muted);gap:.25rem;font-size:.9rem;display:grid}main{background:var(--bg);padding:1.5rem 1.75rem 3rem}.page-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.page-head h1{color:var(--ink);margin:0;font-size:1.45rem;font-weight:600}.lede,.hint{color:var(--muted);max-width:52rem}.empty-note{color:#b45309;background:var(--soft-amber);border:1px dashed #fcd34d;border-radius:.375rem;padding:.65rem .8rem}.error{color:#9f1239;background:var(--soft-red);border:1px solid #fecaca;border-radius:.375rem;padding:.55rem .75rem}.badge{background:var(--header-row);color:var(--ink);text-transform:lowercase;border-radius:.25rem;padding:.1rem .4rem;font-size:.75rem;display:inline-block}.badge.covered,.badge.approved,.badge.required_done,.badge.closed,.badge.complete,.badge.declared{background:var(--soft-green);color:#047857}.badge.needs_review,.badge.submitted,.badge.open,.badge.unset,.badge.required_not_done,.badge.missing,.badge.unknown,.badge.Incomplete,.badge.incomplete{background:var(--soft-amber);color:#b45309}.badge.deferred,.badge.draft{background:var(--header-row);color:#475569}.badge.dismissed{background:var(--header-row);color:var(--muted)}.row{align-items:center;gap:.5rem;max-width:40rem;margin:.75rem 0 1rem;display:flex}.actions{flex-wrap:wrap;gap:.35rem;margin-left:.5rem;display:inline-flex}table{border-collapse:collapse;background:var(--panel);border:1px solid var(--line);width:100%;box-shadow:var(--shadow);border-radius:.5rem;margin:.75rem 0 1.25rem;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.5rem .65rem}th{color:var(--muted);background:var(--header-row);font-size:.8rem;font-weight:600}tbody tr:last-child td{border-bottom:0}ul{padding-left:1.1rem}li{margin:.35rem 0}.meta{grid-template-columns:7rem 1fr;gap:.35rem .75rem;max-width:40rem;display:grid}.meta dt{color:var(--muted)}.exit-block{margin-bottom:1rem}code{background:var(--header-row);border-radius:.25rem;padding:.05rem .3rem;font-size:.85em}.summary-line{color:var(--muted);margin:.35rem 0 .75rem;font-size:.95rem}.auth-gate{background:radial-gradient(ellipse 80% 50% at 50% -20%, #fee2e2 0%, transparent 55%), var(--bg);place-items:center;min-height:100vh;padding:1.5rem;display:grid}.auth-card{background:var(--panel);border:1px solid var(--line);width:min(26rem,100%);box-shadow:var(--shadow);border-radius:.75rem;padding:1.5rem 1.5rem 1.25rem}.auth-brand{letter-spacing:.04em;color:var(--accent);margin:0;font-size:.85rem;font-weight:700}.auth-card h1{margin:.35rem 0 .5rem;font-size:1.35rem}.auth-card .muted{color:var(--muted);margin:0 0 1rem;font-size:.9rem}.auth-tabs{gap:.35rem;margin-bottom:1rem;display:flex}.auth-tabs button{background:var(--header-row);color:var(--ink);flex:1}.auth-tabs button.active{background:var(--accent);color:#fff}.auth-form{gap:.65rem;display:grid}.auth-form label{color:var(--muted);gap:.25rem;font-size:.85rem;display:grid}.auth-form input{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:.35rem;padding:.45rem .55rem}.auth-divider{text-align:center;color:var(--muted);margin:1rem 0 .75rem;font-size:.8rem}.auth-demo{background:#0f172a;width:100%}.auth-error{color:var(--danger);margin:.75rem 0 0;font-size:.9rem}.auth-hint{margin:.85rem 0 0;font-size:.8rem}.session-panel{border-top:1px solid var(--line);gap:.35rem;margin-top:auto;padding:.75rem .5rem .25rem;display:grid}.session-email{word-break:break-all;margin:0;font-size:.8rem;font-weight:600}.session-lab{color:var(--muted);margin:0;font-size:.75rem}.session-btn{width:100%;padding:.35rem .5rem;font-size:.8rem}.session-btn.secondary{background:var(--header-row);color:var(--ink)}.session-banner{color:var(--ok);margin:.25rem 0 0;font-size:.75rem}@media (width<=800px){.shell,.shell--nav-collapsed{grid-template-columns:1fr}.nav{border-right:0;border-bottom:1px solid var(--line);height:auto;max-height:none;position:static;overflow:visible}.nav--collapsed{height:auto;max-height:none;padding:.75rem .5rem}.nav--collapsed .nav-top{flex-direction:row;justify-content:space-between;width:100%}.nav--collapsed #ehs360-nav{flex-flow:wrap;justify-content:flex-start;gap:.25rem;display:flex}.nav--collapsed #ehs360-nav a:not(.brand){flex:none;min-width:2.25rem}}