/* Graphite shell, mineral paper surfaces, restrained engineering accents. */
.hse-intro { grid-template-columns: 1fr; gap: 36px; padding-bottom: 56px; }
.hse-intro-copy { display: grid; grid-template-columns: 1.1fr 1fr; column-gap: 8%; align-items: start; }
.hse-back { grid-column: 1 / -1; margin-bottom: 30px; }
.hse-intro-copy > .hse-kicker { grid-column: 1; }
.hse-intro h1 { grid-column: 1; grid-row: 3 / 5; font-size: clamp(42px, 4.3vw, 65px); margin: 18px 0 0; }
.hse-intro-copy > p { grid-column: 2; grid-row: 3; margin-top: 18px; font-size: 17px; }
.hse-intro-actions { grid-column: 2; grid-row: 4; margin-top: 25px; gap: 16px; }
.hse-photo { aspect-ratio: 1672 / 941; min-height: 0; height: auto; border-radius: 4px; }
.hse-photo img { object-position: center; }
.hse-photo figcaption { font-size: 12px; }
.hse-photo figcaption span:last-child { background: #151c23e8; padding: 6px 10px; border: 1px solid #ffffff25; border-radius: 4px; }
.hse-photo::after { inset: 83% 0 0; }
.safety-demo { background: #171c21; color: #e6e9ec; border-top: 1px solid #ffffff20; padding-top: 72px; }
.hse-demo-heading .hse-kicker { color: #a8bac9; }
.hse-demo-heading p, .hse-demo-note, .hse-demo-footer > span { color: #acb6bf; }
.hse-demo-heading { padding-bottom: 38px; }
.hse-workspace.product-shell { grid-template-columns: 240px minmax(0, 1fr); background: #e8ebe9; color: #252e33; border: 1px solid #454e54; border-radius: 9px; box-shadow: 0 24px 70px #0002; margin-inline: 24px; }
.hse-workspace .app-sidebar { background: #22292f; color: #e3e8ec; border-color: #3a444c; }
.hse-workspace .app-sidebar-inner { padding-top: 26px; min-height: 980px; }
.hse-workspace .app-brand { font-size: 20px; }
.hse-workspace .app-brand small { font-size: 10px; color: #a7b4bf; }
.hse-workspace .app-mark { background: #dce3e5; color: #26333b; border-radius: 4px; width: 40px; height: 40px; }
.hse-workspace .organization { background: #2b343b; color: #dae2e6; border-color: #404c55; font-size: 13px; padding: 13px 10px; }
.hse-workspace .organization small { font-size: 11px; color: #a6b4bf; }
.hse-workspace .organization-icon { background: #45535d; color: #e3e9ed; }
.hse-workspace .nav-section-label { color: #a9b7c3; font-size: 10px; letter-spacing: .08em; }
.hse-workspace .app-nav a { color: #c2cbd3; padding-block: 13px; font-size: 14px; border-radius: 4px; }
.hse-workspace .app-nav a:hover { background: #323e47; color: #fff; }
.hse-workspace .app-nav a[aria-current] { background: #455a68; color: #f2f6f8; }
.hse-workspace .app-nav small { background: #253440; color: #d3e0e9; }
.hse-workspace .app-profile { border-color: #ffffff25; color: #dce4e9; }
.hse-workspace .app-profile small { color: #a9b7c1; font-size: 11px; }
.hse-workspace .avatar { background: #485b64; color: #e2ecef; }
.hse-sidebar-process { margin-bottom: 24px; padding: 17px 12px; border: 1px solid #4c5b64; border-radius: 4px; }
.hse-sidebar-process > span { color: #a5b7c4; font-size: 10px; letter-spacing: .08em; }
.hse-sidebar-process strong { display: block; font-size: 15px; font-weight: 500; margin-top: 12px; }
.hse-sidebar-process p { font-size: 12px; line-height: 1.6; color: #afbbc5; }
.hse-sidebar-process button { display: flex; align-items: center; gap: 15px; font-size: 12px; color: #e9f0f3; background: none; padding: 8px 0 0; }
.hse-sidebar-process svg { width: 15px; height: 15px; }
.hse-workspace .app-topbar { background: #293239; border-color: #414b53; border-radius: 0 8px 0 0; }
.hse-workspace .breadcrumb { color: #a7b7c4; }
.hse-workspace .breadcrumb b { color: #e3eaee; }
.hse-workspace .demo-badge { color: #c8d3db; border-color: #51606a; }
.hse-workspace .page-heading { align-items: end; }
.hse-workspace .page-eyebrow { color: #586a73; font-size: 11px; }
.hse-workspace .page-heading p { color: #5e6c75; font-size: 14px; }
.hse-workspace .page-heading h3 { font-size: clamp(24px, 2.1vw, 32px); font-weight: 500; }
.hse-workspace .primary-button, .safety-mode .demo-page-dialog .primary-button, .safety-mode .record-dialog .primary-button { background: #385b70; border-color: #385b70; min-height: 40px; box-shadow: none; border-radius: 4px; font-size: 14px; }
.hse-workspace .primary-button:hover, .safety-mode .demo-page-dialog .primary-button:hover, .safety-mode .record-dialog .primary-button:hover { background: #294a5e; }
.hse-workspace .subtle-button, .safety-mode .demo-page-dialog .subtle-button, .safety-mode .record-dialog .subtle-button { color: #465e6c; border-color: #bac6cb; min-height: 40px; border-radius: 4px; font-size: 14px; }
.hse-metrics { gap: 12px; }
.hse-metrics .metric { background: #f5f6f3; border-color: #cbd2d2; border-radius: 4px; padding: 18px; }
.hse-metrics .metric > div { color: #50616b; font-size: 12px; line-height: 1.5; align-items: start; }
.hse-metrics .metric strong { color: #2f404a; font-size: 34px; font-weight: 500; }
.hse-metrics .metric small { color: #687981; font-size: 11px; }
.hse-metrics .metric svg { color: #71848e; flex-shrink: 0; }
.hse-metrics .metric-alert { background: #313b42; border-color: #313b42; }
.hse-metrics .metric-alert > div, .hse-metrics .metric-alert small, .hse-metrics .metric-alert svg { color: #c5d0d6; }
.hse-metrics .metric-alert strong { color: #e0c49b; }
.hse-scenario-banner { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 22px 24px; margin-bottom: 24px; background: #d8e2e3; border-left: 3px solid #668b91; border-radius: 3px; }
.hse-scenario-banner span { font-size: 10px; letter-spacing: .06em; color: #496974; }
.hse-scenario-banner strong { display: block; margin-top: 8px; font-size: 17px; line-height: 1.4; font-weight: 500; }
.hse-scenario-banner p { color: #506773; font-size: 13px; line-height: 1.5; margin: 7px 0 0; max-width: 590px; }
.hse-scenario-banner button { flex-shrink: 0; display: flex; align-items: center; gap: 12px; color: #274c60; border-bottom: 1px solid #76949f; background: none; padding: 10px 0; font-size: 14px; }
.hse-scenario-banner svg { width: 16px; height: 16px; }
.hse-workspace .table-panel, .safety-mode .demo-page-dialog .table-panel { border-color: #cbd2d2; border-radius: 4px; background: #f9faf7; }
.hse-workspace .panel-heading h2, .safety-mode .demo-page-dialog .panel-heading h2 { font-size: 17px; font-weight: 500; }
.hse-workspace td, .safety-mode .demo-page-dialog td { color: #566873; border-color: #dde3e1; }
.hse-workspace th, .safety-mode .demo-page-dialog th { background: #e9eeeb; border-color: #d5deda; }
.hse-workspace th button, .safety-mode .demo-page-dialog th button { color: #4b626e; }
.hse-workspace .record-link, .safety-mode .demo-page-dialog .record-link { color: #2d5c74; font-size: 13px; font-weight: 500; }
.hse-workspace .record-title, .safety-mode .demo-page-dialog .record-title { color: #2a3b45; }
.hse-workspace .owner-cell, .safety-mode .demo-page-dialog .owner-cell { font-size: 13px; }
.hse-workspace .table-footer, .hse-workspace .period, .hse-workspace .count-badge, .safety-mode .demo-page-dialog .table-footer, .safety-mode .demo-page-dialog .period { color: #667880; }
.hse-workspace .table-toolbar select, .hse-workspace .search-field input, .safety-mode .demo-page-dialog .table-toolbar select, .safety-mode .demo-page-dialog .search-field input { border-color: #c5d0d0; color: #445d6a; background: #fcfdfa; border-radius: 4px; }
.hse-workspace .search-field input::placeholder, .safety-mode .demo-page-dialog .search-field input::placeholder { color: #74868f; }
.safety-mode .status.complete { color: #386a59; background: #e0ede3; }
.safety-mode .status.warning { color: #815e26; background: #f1e6ce; }
.safety-mode .status.working { color: #46657a; background: #e3eaf0; }
.safety-mode .risk.high { color: #ad5444; }
.safety-mode .risk.medium { color: #947034; }
.safety-mode .risk.low { color: #4d7967; }
.hse-analytics { display: grid; grid-template-columns: 1.2fr 1fr; gap: 18px; margin-top: 26px; }
.hse-analytics article { padding: 26px; border-radius: 4px; min-width: 0; }
.hse-dark-chart { background: #263239; color: #eaf0f1; }
.hse-dark-chart .hse-kicker { color: #aec1ca; font-size: 10px; }
.hse-analytics .chart-heading h2 { font-size: 20px; font-weight: 400; margin-top: 10px; }
.hse-dark-chart .chart-heading p { color: #b3c0c6; font-size: 12px; }
.hse-dark-chart .chart-heading > strong { font-size: 42px; font-weight: 400; letter-spacing: -.04em; }
.hse-dark-chart .chart-heading > strong small { font-size: 20px; color: #a8bdc5; }
.hse-progress-track { height: 9px; background: #42515a; margin-top: 24px; }
.hse-progress-track i { display: block; height: 100%; background: #a6c9bd; transition: width .3s; }
.hse-chart-summary { display: flex; justify-content: space-between; gap: 15px; margin-top: 11px; font-size: 11px; color: #b9c7ce; }
.hse-unit-bars { display: grid; gap: 17px; margin-top: 28px; }
.hse-unit-bars > div { display: grid; grid-template-columns: 90px minmax(0,1fr) 38px; align-items: center; gap: 15px; font-size: 12px; color: #c7d3d9; }
.hse-unit-bars > div > div { height: 5px; background: #40505a; }
.hse-unit-bars i { display: block; height: 100%; background: #90afc1; }
.hse-unit-bars b { text-align: right; font-weight: 400; }
.hse-stage-chart { background: #f5f7f3; color: #2e414b; border: 1px solid #c8d2d0; }
.hse-stage-chart .hse-kicker { color: #667a83; font-size: 10px; }
.hse-stage-chart .chart-tag { color: #617783; }
.hse-stage-row { display: grid; grid-template-columns: 135px 1fr 20px; gap: 14px; align-items: center; padding: 12px 0; border-bottom: 1px solid #dce4df; font-size: 13px; }
.hse-stage-row > div { height: 6px; background: #e0e7e4; }
.hse-stage-row i { display: block; height: 100%; background: #74969d; }
.hse-stage-row b { font-weight: 500; text-align: right; }
.hse-analytics-footnote { font-size: 11px; line-height: 1.6; color: #61747f; margin: 13px 0 25px; }
.hse-norms { margin: 20px 0 0; border-block: 1px solid #c1cfcd; color: #405862; }
.hse-norms summary { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 19px 0; font-size: 13px; font-weight: 500; cursor: pointer; }
.hse-norms summary svg { width: 16px; height: 16px; transition: transform .2s; }
.hse-norms[open] summary svg { transform: rotate(90deg); }
.hse-norm-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 28px; padding: 4px 0 8px; }
.hse-norm-grid a { display: block; border-left: 2px solid #9fb6b8; padding-left: 13px; }
.hse-norm-grid strong { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; color: #294f64; }
.hse-norm-grid svg { width: 13px; height: 13px; }
.hse-norm-grid span, .hse-norms > p { display: block; margin-top: 8px; font-size: 12px; line-height: 1.6; color: #5e747f; }
.hse-norms > p { padding-bottom: 16px; }
.safety-mode .demo-page-dialog { background: #e8ede9; border-color: #62747c; border-radius: 8px; }
.safety-mode .demo-page-header { background: #263138; color: #eff3f4; border-color: #40505b; }
.safety-mode .demo-page-header .page-eyebrow { color: #b0c1cb; }
.safety-mode .demo-page-close { background: #3c4a52; color: #dfe8ed; }
.safety-mode .demo-page-intro > p, .safety-mode .demo-page-note { color: #5b717c; }
.safety-mode .demo-page-content > .hse-analytics:first-child { margin-top: 0; }
.hse-permit-dialog { width: 1260px; border-radius: 8px; background: #edf0ec; border-color: #5d707a; }
.hse-entity-dialog { width: 850px; background: #eef2ed; border-color: #596d79; border-radius: 8px; }
.hse-record-header { background: #263239; color: #f0f3f3; padding: 24px 28px; align-items: center; border-bottom: 1px solid #42545e; }
.hse-record-header .page-eyebrow { color: #afc0ca; font-size: 10px; }
.hse-record-header h2 { font-weight: 500; font-size: 27px; line-height: 1.1; outline: none; }
.hse-record-header p { color: #bac8cf; margin: 9px 0 0; font-size: 13px; line-height: 1.45; }
.hse-record-header button { background: #41515b; color: #e4edef; border-radius: 50%; }
.hse-record-tools { display: flex; align-items: center; gap: 16px; }
.hse-state { display: inline-flex; border: 1px solid #667c88; color: #d9e4e9; padding: 7px 11px; font-size: 12px; white-space: nowrap; border-radius: 3px; }
.hse-state.paused { color: #f0cca0; border-color: #a58557; }
.hse-state.closed { color: #b4d6c9; border-color: #709787; }
.hse-stepper { display: grid; grid-template-columns: repeat(5, 1fr); list-style: none; padding: 0 28px; margin: 0; background: #dce4e2; border-bottom: 1px solid #becdcc; }
.hse-stepper li { display: flex; align-items: center; gap: 9px; padding: 17px 8px; color: #687b84; font-size: 12px; border-bottom: 2px solid transparent; }
.hse-stepper li > span { display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid #bdcdcc; border-radius: 50%; font-size: 10px; flex-shrink: 0; }
.hse-stepper li.current { color: #274f64; border-color: #456f80; }
.hse-stepper li.current > span { background: #36596c; border-color: #36596c; color: #fff; }
.hse-stepper li.done { color: #426b5f; }
.hse-form-layout { display: grid; grid-template-columns: 180px minmax(0, 1fr); align-items: start; }
.hse-form-nav { position: sticky; top: 120px; display: grid; padding: 23px 14px; gap: 4px; }
.hse-form-nav button { display: flex; align-items: center; gap: 10px; padding: 12px 7px; background: transparent; color: #455e6a; font-size: 13px; text-align: left; border-radius: 3px; }
.hse-form-nav button:hover { background: #dce5e0; }
.hse-form-nav button > span { font-size: 10px; color: #7c929b; }
.hse-form-nav > p { margin: 26px 7px 0; font-size: 11px; line-height: 1.7; color: #72868e; }
.hse-form-content { min-width: 0; border-left: 1px solid #ced9d4; padding: 0 30px; background: #f8faf5; }
.hse-form-context { display: flex; justify-content: space-between; gap: 15px; padding: 19px 0; color: #6d818c; font-size: 11px; border-bottom: 1px solid #dce4df; }
.hse-form-section { padding: 29px 0; border-bottom: 1px solid #d4dfd9; scroll-margin-top: 135px; }
.hse-form-section:last-child { border: 0; }
.hse-form-section-title { display: flex; gap: 16px; align-items: start; margin-bottom: 23px; }
.hse-form-section-title > span { color: #688995; font-size: 12px; padding-top: 4px; }
.hse-form-section-title h3 { color: #263e49; font-size: 21px; font-weight: 500; letter-spacing: -.025em; margin: 0; }
.hse-form-section-title p { color: #617782; font-size: 13px; line-height: 1.6; margin: 7px 0 0; }
.hse-form-section h4 { color: #3c5865; font-size: 14px; font-weight: 500; margin: 24px 0 12px; }
.hse-permit-dialog fieldset, .hse-entity-dialog fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.hse-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 20px; }
.hse-fields > label { display: flex; flex-direction: column; min-width: 0; gap: 8px; color: #4c6571; font-size: 13px; line-height: 1.4; }
.hse-fields > .hse-check { flex-direction: row; grid-column: 1 / -1; align-items: start; }
.hse-fields input:not([type=checkbox]), .hse-fields textarea, .hse-fields select { width: 100%; min-width: 0; background: #fff; color: #253e4c; border: 1px solid #becdc9; border-radius: 4px; padding: 11px 12px; min-height: 44px; font: inherit; font-size: 15px; line-height: 1.45; box-shadow: 0 1px 0 #2f493605; }
.hse-fields textarea { resize: vertical; min-height: 85px; }
.hse-fields input:focus, .hse-fields textarea:focus, .hse-fields select:focus { outline: 2px solid #7296a6; outline-offset: 2px; }
.hse-fields input:disabled, .hse-fields textarea:disabled, .hse-fields select:disabled { opacity: 1; -webkit-text-fill-color: #4d656f; color: #4d656f; background: #ebf0eb; border-color: #d0dcd3; }
.hse-wide { grid-column: 1 / -1; }
.hse-check { display: flex; align-items: start; gap: 10px; padding: 11px 0; color: #405e6a; font-size: 13px; line-height: 1.5; cursor: pointer; }
.hse-check input, .hse-crew-table input[type=checkbox] { width: 18px; height: 18px; min-height: 18px; flex-shrink: 0; margin: 1px 0 0; accent-color: #426d78; }
.hse-control-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px; border-block: 1px solid #d7e1db; padding: 10px 0; margin-top: 20px; }
.hse-control-grid .hse-check { padding: 12px 0; }
.hse-field-help, .hse-lock-note { color: #68808a; font-size: 12px; line-height: 1.7; margin: 14px 0 0; }
.hse-lock-note { padding: 14px; border-left: 2px solid #86a3aa; background: #e6edeb; }
.hse-crew-table { border: 1px solid #cbd8d2; border-radius: 4px; }
.hse-crew-table th { padding: 13px; font-size: 11px; color: #526c76; background: #e8eeea; }
.hse-crew-table td { padding: 12px; color: #425f6c; height: auto; font-size: 12px; border-color: #dce5de; }
.hse-crew-table tr { cursor: default; }
.hse-crew-table td strong { font-weight: 500; font-size: 13px; }
.hse-crew-table td small { display: block; font-size: 10px; color: #6a818b; margin-top: 5px; }
.hse-crew-table .has-issue { background: #f3eddf; }
.hse-crew-table small.hse-field-warning { color: #925e28; max-width: 220px; white-space: normal; line-height: 1.5; }
.hse-crew-table .hse-check { font-size: 11px; }
.hse-briefing-fields { margin-top: 20px; }
.hse-risk-item { display: grid; grid-template-columns: 28px minmax(0, 1fr) 30px; gap: 10px; padding: 18px 16px; margin-bottom: 16px; border: 1px solid #c7d7cf; border-radius: 4px; background: #edf2ec; }
.hse-risk-index { font-size: 11px; color: #6e8b92; padding-top: 4px; }
.hse-risk-item > button { width: 28px; height: 28px; background: transparent; color: #637d88; }
.hse-risk-item > button svg { width: 16px; height: 16px; }
.hse-risk-fields > .subtle-button { margin: 0 0 24px; }
.hse-approval-list { border: 1px solid #d1dcd5; border-radius: 4px; padding-inline: 18px; margin-bottom: 20px; }
.hse-approval-list > div { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 14px 0; border-bottom: 1px solid #dce5de; }
.hse-approval-list > div:last-child { border: 0; }
.hse-approval-list > div > span { font-size: 11px; color: #69818b; }
.hse-approval-list strong { display: block; font-size: 14px; color: #34515e; font-weight: 500; margin-top: 5px; }
.hse-approval-list .hse-check { font-size: 12px; }
.hse-history { list-style: none; padding: 0; margin: 0; }
.hse-history li { display: grid; grid-template-columns: 125px minmax(0, 1fr); gap: 18px; padding: 17px 0; border-bottom: 1px solid #dce5de; font-size: 12px; line-height: 1.6; }
.hse-history time { color: #68808c; }
.hse-history strong { display: block; font-weight: 500; color: #314f5e; }
.hse-history li span { display: block; color: #7c929a; margin-top: 5px; font-size: 11px; }
.hse-permit-footer { position: sticky; bottom: 0; z-index: 3; display: flex; align-items: center; justify-content: space-between; gap: 20px; background: #26353e; color: #d9e4e9; padding: 18px 26px; border-top: 1px solid #637782; box-shadow: 0 -5px 20px #15352a0a; }
.hse-permit-footer > span { font-size: 13px; line-height: 1.5; }
.hse-permit-footer > span > small { display: block; color: #aebfc7; font-size: 10px; margin-top: 5px; }
.hse-permit-footer > div { display: flex; flex-wrap: wrap; align-items: center; justify-content: end; gap: 8px; }
.safety-mode .hse-permit-footer .primary-button { background: #bad1d1; color: #213f4d; border-color: #bad1d1; }
.safety-mode .hse-permit-footer .primary-button:hover { background: #d2e2df; }
.safety-mode .hse-permit-footer .subtle-button { background: #394e59; color: #e0e9ec; border-color: #6b848f; }
.hse-stop-button { padding: 10px 13px; border: 1px solid #ba9267; background: #524437; color: #f0d4b3; border-radius: 4px; min-height: 40px; font-size: 13px; }
.hse-closed-note { color: #bed6ce; font-size: 12px; }
.hse-form-errors { background: #f7e8dd; border: 1px solid #c99776; border-radius: 4px; padding: 20px; margin-top: 22px; color: #804a2b; font-size: 13px; line-height: 1.6; scroll-margin-top: 140px; }
.hse-form-errors[hidden] { display: none; }
.hse-form-errors ul { padding-left: 20px; margin: 10px 0 0; }
.hse-callout { padding: 20px; border: 1px solid #c6a978; background: #f5ecdc; margin-top: 22px; color: #785829; font-size: 13px; line-height: 1.6; }
.hse-callout p { margin: 8px 0; }
.hse-entity-body { padding: 28px; }
.hse-entity-body .hse-form-errors { margin: 0 0 22px; }
.hse-entity-dialog .record-form-footer { background: #e0e9e1; border-top-color: #bfcec3; }
@media (min-width: 1600px) { .hse-workspace.product-shell { max-width: 1552px; margin-inline: auto; } }
@media (max-width: 1199px) {
  .hse-workspace.product-shell { grid-template-columns: 210px minmax(0,1fr); margin-inline: 16px; }
  .hse-workspace .app-content { padding: 24px 20px; }
  .hse-workspace .page-heading { align-items: start; flex-wrap: wrap; }
  .hse-workspace .metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .hse-analytics { grid-template-columns: 1fr; }
  .hse-scenario-banner { align-items: start; flex-wrap: wrap; }
  .hse-intro h1 { font-size: 46px; }
  .hse-form-layout { grid-template-columns: 150px minmax(0,1fr); }
  .hse-form-content { padding-inline: 22px; }
  .hse-form-nav { padding-inline: 10px; }
}
@media (max-width: 800px) {
  .hse-intro-copy { display: block; }
  .hse-intro h1 { font-size: clamp(42px, 8vw, 58px); margin: 18px 0 24px; }
  .hse-intro-copy > p { font-size: 16px; }
  .hse-photo { height: auto; aspect-ratio: 1672/941; }
  .hse-photo figcaption { bottom: 10px; left: 12px; right: 12px; font-size: 9px; align-items: center; }
  .hse-photo figcaption span:last-child { padding: 4px 6px; max-width: 65%; }
  .hse-workspace.product-shell { display: block; margin-inline: 12px; }
  .hse-workspace .app-sidebar { border-radius: 8px 8px 0 0; }
  .hse-workspace .app-sidebar-inner { min-height: 0; padding: 18px 14px 12px; }
  .hse-workspace .organization, .hse-workspace .sidebar-bottom, .hse-workspace .nav-section-label { display: none; }
  .hse-workspace .app-brand { display: flex; }
  .hse-workspace .app-nav { display: flex; overflow-x: auto; flex-wrap: nowrap; gap: 8px; padding-top: 15px; }
  .hse-workspace .app-nav a { white-space: nowrap; padding: 10px 13px; font-size: 13px; flex-shrink: 0; }
  .hse-workspace .app-topbar { border-radius: 0; padding-inline: 16px; gap: 10px; }
  .hse-workspace .breadcrumb { font-size: 11px; }
  .hse-workspace .demo-badge { font-size: 9px; white-space: normal; text-align: right; }
  .hse-workspace .app-content { padding: 25px 16px 18px; }
  .hse-workspace .page-actions { flex-direction: row; flex-wrap: wrap; }
  .hse-workspace .page-actions .subtle-button { display: flex; }
  .hse-metrics .metric { padding: 15px; }
  .hse-metrics .metric > div { font-size: 11px; }
  .hse-metrics .metric small { font-size: 10px; }
  .hse-metrics .metric strong { font-size: 30px; }
  .hse-scenario-banner { padding: 20px; gap: 14px; }
  .hse-analytics article { padding: 22px; }
  .hse-norm-grid { grid-template-columns: 1fr; }
  .hse-record-header { padding: 19px; }
  .hse-record-header h2 { font-size: 24px; }
  .hse-record-header p { font-size: 11px; }
  .hse-record-tools { flex-direction: column-reverse; align-items: end; gap: 8px; }
  .hse-state { font-size: 10px; padding: 4px 6px; }
  .hse-stepper { display: flex; overflow-x: auto; padding-inline: 12px; }
  .hse-stepper li { flex: 0 0 auto; font-size: 11px; padding: 13px 10px; }
  .hse-form-layout { display: block; }
  .hse-form-nav { display: flex; position: static; overflow-x: auto; padding: 9px 10px; gap: 2px; }
  .hse-form-nav button { flex-shrink: 0; font-size: 12px; padding: 10px; }
  .hse-form-nav p { display: none; }
  .hse-form-content { padding-inline: 18px; border-left: 0; }
  .hse-form-context { flex-wrap: wrap; gap: 6px; font-size: 10px; }
  .hse-fields { gap: 16px; }
  .hse-fields input:not([type=checkbox]), .hse-fields textarea, .hse-fields select { font-size: 16px; }
  .hse-control-grid { grid-template-columns: 1fr; }
  .hse-permit-footer { flex-direction: column; align-items: stretch; gap: 12px; padding: 14px 16px; }
  .hse-permit-footer > span { font-size: 11px; }
  .hse-permit-footer > span > small { display: none; }
  .hse-permit-footer > div { justify-content: start; }
  .safety-mode .hse-permit-footer .primary-button, .safety-mode .hse-permit-footer .subtle-button { font-size: 12px; }
  .hse-form-section-title h3 { font-size: 20px; }
  .hse-entity-body { padding: 22px; }
}
@media (max-width: 540px) {
  .hse-fields { grid-template-columns: 1fr; }
  .hse-risk-item { grid-template-columns: 1fr 28px; gap: 8px; padding: 15px 12px; }
  .hse-risk-index { grid-column: 1; grid-row: 1; }
  .hse-risk-item > button { grid-column: 2; grid-row: 1; }
  .hse-risk-item > .hse-fields { grid-column: 1/-1; grid-row: 2; }
  .hse-approval-list { padding-inline: 14px; }
  .hse-approval-list > div { align-items: start; flex-direction: column; gap: 8px; }
  .hse-approval-list .hse-check { padding: 5px 0; }
  .hse-history li { grid-template-columns: 1fr; gap: 7px; }
  .hse-unit-bars > div { grid-template-columns: 80px 1fr 32px; gap: 10px; font-size: 11px; }
  .hse-stage-row { grid-template-columns: 125px 1fr 18px; gap: 10px; font-size: 12px; }
  .hse-chart-summary { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) { .hse-progress-track i, .hse-norms summary svg { transition: none; } }