@media screen {
.msds-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}.msds-form label{display:block;margin:8px 0}.msds-form textarea{width:100%;min-height:80px;box-sizing:border-box}.msds-form fieldset{border:1px solid #dce3ec;border-radius:6px;padding:12px;margin:12px 0}.msds-location{display:flex;flex-wrap:wrap;gap:8px;align-items:end}.msds-location label{flex:1;min-width:120px}.msds-form input:not([type=checkbox]),.msds-form select{max-width:100%;width:100%;box-sizing:border-box}.msds-preserve{white-space:pre-wrap;overflow-wrap:anywhere}.msds-detail .actions{flex-wrap:wrap;margin:12px 0}.msds-qr{text-align:center}.msds-qr svg{max-width:100%;height:auto}.msds-detail select{max-width:100%}@media(max-width:640px){.msds-grid{grid-template-columns:1fr}.msds-location{border-bottom:1px solid #dce3ec;padding-bottom:10px}}
}
@media screen {
.msds-workspace{color:#202b3e}.msds-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}.msds-tabs button{min-height:40px}.msds-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.msds-metric{display:flex;flex-direction:column;align-items:flex-start;gap:16px;text-align:left;background:white!important;color:#202b3e!important;border:1px solid #dce3ec!important;border-top:4px solid #2865df!important;padding:16px!important;border-radius:8px;min-height:160px}.msds-metric.tone-1{border-top-color:#129d89!important}.msds-metric.tone-2{border-top-color:#df940c!important}.msds-metric.tone-3{border-top-color:#8055d9!important}.msds-metric>b{font-size:32px}.msds-metric small{font-size:13px;font-weight:400}.msds-metric>span:last-child{font-size:12px;color:#59677c}.msds-metric .metric-heading{display:flex;gap:10px;align-items:center;font-size:18px}.msds-metric .metric-icon{display:grid;place-items:center;width:38px;height:38px;background:#eaf0ff;color:#2865df;border-radius:8px}.msds-metric svg{width:24px;height:24px}.msds-charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.msds-chart{min-width:0}.msds-chart h3{margin-top:0}.msds-bar{display:grid;grid-template-columns:minmax(70px,1fr) 1.5fr 32px;align-items:center;gap:8px;border:0!important;background:transparent!important;color:#202b3e!important;width:100%;text-align:left;padding:8px 0!important}.msds-track{background:#edf2f7;height:14px;border-radius:4px;overflow:hidden}.msds-track i{display:block;height:100%;background:#3c87ec;border-radius:4px}.msds-chart:nth-child(2) .msds-track i{background:#26aa96}.msds-chart:nth-child(3) .msds-track i{background:#f1846c}.msds-list-actions,.msds-row-actions,.msds-pager{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0}.msds-list-actions>span{margin-right:auto}.msds-row-actions{margin:0}.msds-row-actions>*{white-space:nowrap}.msds-table small{display:block;margin-top:5px;color:#59677c}.msds-badge{display:inline-block;padding:4px 10px;background:#eef2ff;border-radius:4px;color:#345eba;font-size:13px}.msds-badge.live{background:#dff5ee;color:#08755d}.msds-badge.stopped{background:#fff0ed;color:#b42424}.msds-pager{justify-content:center}.msds-field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.msds-product-card{color:#202b3e!important;background:white!important;text-align:left;white-space:normal!important;padding:18px!important;border:1px solid #dce3ec!important}.msds-product-card>span{color:#59677c}.msds-product-card strong{color:#2865df}.msds-pictograms{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.msds-pictograms img{width:64px;height:64px;object-fit:contain}.msds-detail-heading{display:flex;align-items:center;gap:12px}.msds-detail-heading h2{margin:0}.msds-split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.msds-facts{display:grid;grid-template-columns:100px 1fr;line-height:1.6;margin:0}.msds-facts dt,.msds-facts dd{margin:0;padding:10px;border-bottom:1px solid #e2e8f0;white-space:pre-wrap}.msds-facts dt{background:#f1f5fc}.msds-safety h3{display:flex;align-items:center;gap:10px}.msds-safety svg{width:25px;height:25px;flex-shrink:0}.msds-safety{border-left:4px solid #8798b3!important}.msds-hazards{background:#fff1ee!important;border-left-color:#e4564b!important}.msds-ppe{background:#edf5ff!important;border-left-color:#2865df!important}.msds-firstAid{background:#e9f8f0!important;border-left-color:#159570!important}.msds-field{max-width:680px;margin:auto}.msds-field .msds-safety{margin:12px 0}.msds-field .msds-tabs{position:sticky;top:0;z-index:2;background:white;padding:8px 0}.msds-field-footer{position:sticky;bottom:0;background:white;padding:12px 0}.msds-field-footer a{display:block;text-align:center}.msds-signal{color:#c33328;font-size:20px}.msds-pdf{width:100%;height:65vh;border:1px solid #dce3ec;border-radius:6px;background:#f4f6f9;margin:8px 0}.msds-wizard-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 20px}.msds-wizard-nav button{background:#eff3f9!important;color:#59677c!important;border:0!important;white-space:normal!important}.msds-wizard-nav button.active{background:#e7f0ff!important;color:#1658cf!important}.msds-wizard-nav b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#cbd5e1;color:white;margin-right:6px}.msds-wizard-nav .active b{background:#2865df}.msds-wizard-panel[hidden],.msds-detail .msds-grid[hidden]{display:none!important}.msds-upload-guide{text-align:center;background:#f3f7fd;border:2px dashed #b8c9e6;padding:32px 16px;margin-bottom:16px}.msds-upload-guide svg{width:48px;height:48px;color:#2865df}.msds-compare{display:grid;grid-template-columns:minmax(200px,0.8fr) minmax(0,1.2fr);gap:16px}.msds-compare aside{position:sticky;top:0;align-self:start}.msds-compare .msds-grid{grid-template-columns:1fr}.msds-ghs-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.msds-ghs-options label{display:flex!important;flex-direction:column;align-items:center;border:1px solid #dce3ec;padding:8px;text-align:center;font-size:12px}.msds-ghs-options img{width:48px;height:48px;object-fit:contain}.msds-ghs-options input{width:auto!important}.msds-qr-sheet{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.msds-qr-sheet section{text-align:center;padding:20px;border:1px solid #ccd7e4}.msds-qr-sheet svg{max-width:100%;height:auto}dialog:has(.msds-detail),dialog:has(.msds-form){width:min(1200px,95vw)!important;max-width:95vw!important}dialog:has(.msds-field){width:min(720px,95vw)!important}
@media(max-width:900px){.msds-metrics{grid-template-columns:repeat(2,1fr)}.msds-charts{grid-template-columns:1fr}.msds-field-grid{grid-template-columns:repeat(2,1fr)}.msds-split{grid-template-columns:1fr}.msds-compare{grid-template-columns:1fr}.msds-compare aside{position:static}.msds-compare .msds-pdf{height:300px}}
@media(max-width:560px){.msds-workspace .panel{padding:12px}.msds-field-grid{grid-template-columns:1fr}.msds-metric{padding:12px!important}.msds-metric .metric-heading{font-size:15px}.msds-metric>b{font-size:28px}.msds-wizard-nav{gap:4px}.msds-wizard-nav button{font-size:12px;padding:8px 4px!important}.msds-wizard-nav b{display:grid;margin:0 auto 4px}.msds-field .msds-tabs{display:grid;grid-template-columns:repeat(2,1fr)}.msds-facts{grid-template-columns:90px 1fr}.msds-form .actions{flex-wrap:wrap}.msds-qr-sheet{grid-template-columns:1fr}.msds-tabs button{flex:1}.msds-ghs-options{grid-template-columns:repeat(3,1fr)}}
}
@media print{body.msds-printing>*:not(#modal){display:none!important}body.msds-printing #modal{display:block!important;position:static!important;width:auto!important;max-width:none!important;max-height:none!important;height:auto!important;overflow:visible!important;border:0!important;padding:0!important}body.msds-printing #modal>*:not(#msds-qr-print){display:none!important}body.msds-printing #msds-qr-print{display:grid!important;grid-template-columns:repeat(2,1fr);gap:12mm}body.msds-printing #msds-qr-print section{text-align:center;break-inside:avoid;border:1px solid #888;padding:8mm}body.msds-printing #msds-qr-print svg{width:45mm;height:45mm}body.msds-printing #modal::backdrop{display:none}}

@media screen {.msds-metric .metric-heading strong{font-size:18px!important;line-height:1.35}.msds-metric .metric-icon{flex-shrink:0}.msds-bar:disabled{opacity:1;cursor:default}}
@media screen {.msds-track rect{fill:#3c87ec}.msds-chart:nth-child(2) .msds-track rect{fill:#26aa96}.msds-chart:nth-child(3) .msds-track rect{fill:#f1846c}}