@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;background:#f5f7f6;color:#1b302e;font:14px 'DM Sans',Arial,sans-serif}button,input,textarea,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #d7a455;outline-offset:3px}button{color:inherit}a{text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,'DM Sans',Arial,sans-serif}h1{font-size:36px;letter-spacing:-1.3px;line-height:1.25;margin-bottom:12px}h2{font-size:25px;letter-spacing:-.7px}h3{font-size:16px;margin-bottom:8px}p{line-height:1.65;color:#697b77}small{font-size:12px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#65817a}.brand{display:flex;align-items:center;gap:8px;font-size:29px;font-weight:800;letter-spacing:-1px}.brand svg{color:#3b917b}.brand span{font-size:9px;letter-spacing:1.2px;line-height:1.5;max-width:52px;border-left:1px solid #ccd7d2;padding-left:10px;margin-left:4px}.shell{display:flex;min-height:100vh}.sidebar{width:236px;padding:34px 23px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid #e3e9e5;display:flex;flex-direction:column}.navLabel{font-size:9px;letter-spacing:1.7px;margin:54px 13px 16px;color:#8b9995}.sidebar nav{display:grid;gap:7px}.sidebar nav button{border:0;background:none;display:flex;gap:12px;align-items:center;padding:13px;border-radius:7px;text-align:left;font-size:13px;color:#63756f}.sidebar nav .active{background:#e9f3ef;color:#245c4b;font-weight:700}.count{margin-left:auto;font-size:10px;padding:2px 6px;background:#d9e9e1;border-radius:4px}.sidebarBottom{margin-top:auto}.teamMark{display:flex;gap:10px;align-items:center;font-size:11px;padding:20px 0;border-bottom:1px solid #edf0ed}.teamMark>span{background:#f0f5f1;padding:11px;border-radius:50%;font-weight:700}.teamMark small{display:block;font-size:10px;color:#889790;margin-top:4px}.adminLink{border:0;background:none;display:flex;align-items:center;gap:12px;margin-top:23px;font-size:12px;color:#61746b}.workspace{margin-left:236px;width:calc(100% - 236px)}header{height:79px;padding:0 43px;background:#fff;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4eae5}.crumb{font-size:10px;letter-spacing:1px;color:#657970}.crumb span{padding:0 15px;color:#c0ccc6}.headerRight{display:flex;align-items:center;gap:22px}.role{font-size:11px;color:#64746c}.role i,.graphicTag i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#62a583;margin-right:7px}.iconButton{background:none;border:0;color:#708179}.content{max-width:1340px;margin:auto;padding:38px 43px 20px}.pageHeading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.pageHeading p{font-size:13px;margin-bottom:0}.pageHeading .eyebrow{margin-bottom:13px;font-size:9px}.previewBadge,.pill{font-size:9px;letter-spacing:1px;background:#edf0e8;color:#74806c;padding:7px 10px;border-radius:4px;white-space:nowrap}.hero{background:#183f35;color:#fff;border-radius:12px;display:flex;min-height:265px;overflow:hidden;position:relative}.hero>div:first-child{padding:32px 36px;z-index:1;flex:1}.hero .eyebrow{color:#a8c2b2;font-size:9px}.hero h2{font-size:31px;line-height:1.25;margin:14px 0 12px;letter-spacing:-1px}.hero p{color:#b5cac0;font-size:12px}.hero button{border:1px solid #6a8c77;border-radius:5px;padding:10px 14px;display:flex;gap:20px;background:#315548;color:#fff;font-size:11px}.heroGraphic{width:34%;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#46705a55,transparent 70%);overflow:hidden}.cross{font:150px Manrope;color:#e0e7bd;z-index:1;line-height:1;transform:rotate(-8deg)}.gridLines{position:absolute;inset:-80px;background:repeating-linear-gradient(0deg,transparent 0 35px,#ffffff0a 36px 37px),repeating-linear-gradient(90deg,transparent 0 35px,#ffffff0a 36px 37px);transform:rotate(-25deg)}.graphicTag{position:absolute;bottom:25px;right:22px;font-size:7px;letter-spacing:2px;color:#aac2b3}.graphicTag i{margin-left:8px;background:#cee2a5}.sectionTitle{display:flex;justify-content:space-between;align-items:center;margin:29px 0 14px}.sectionTitle h2{font-size:16px;margin:0;letter-spacing:-.3px}.sectionTitle>span{font-size:10px;color:#88988f}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.resource{text-align:left;position:relative;border:1px solid #e1e8e2;background:white;border-radius:10px;padding:22px;transition:transform .2s,box-shadow .2s}.resource:hover{transform:translateY(-3px);box-shadow:0 8px 22px #1b49310a}.tile{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:10px}.tile.green{color:#487a65;background:#eaf2eb}.tile.amber{color:#aa8648;background:#f8f2e5}.tile.blue{color:#5b8190;background:#eaf0f3}.corner{position:absolute;right:20px;top:25px;color:#a0ada5}.resource h3{margin:20px 0 8px;font-size:15px}.resource p{font-size:12px;min-height:39px}.resource small{font-size:10px;display:flex;justify-content:space-between;align-items:center;color:#426653;border-top:1px solid #edf0ec;padding-top:15px}.textButton{background:none;border:0;color:#416b56;display:inline-flex;align-items:center;gap:8px;font-size:11px;padding:8px 0}.alertRow{display:flex;gap:18px;padding:22px;background:#fff;border:1px solid #e2e8e0;border-radius:9px;margin:14px 0}.alertRow .tile{flex-shrink:0}.alertRow h3{margin:7px 0;font-size:14px}.alertRow p{font-size:12px;margin:0;white-space:pre-wrap}.alertRow .eyebrow{font-size:8px;color:#a4834c}.scheduleNote{display:flex;gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid #e0e7df;font-size:11px}.scheduleNote>span:first-child{font-weight:600}.scheduleNote p{margin:0;font-size:10px;flex:1}footer{display:flex;justify-content:space-between;color:#9ba79f;font-size:9px;padding:25px 0 5px}footer span:first-child{display:flex;gap:7px;align-items:center;font-size:8px;letter-spacing:1px}.sampleBanner{display:flex;align-items:center;gap:14px;background:#f9f4e7;color:#8c7445;padding:16px;border:1px solid #ede3cb;border-radius:7px;font-size:12px;margin-bottom:20px}.sampleBanner p{font-size:11px;margin:4px 0 0;color:#937f58}.searchBox{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #dce5dd;border-radius:7px;padding:14px 17px}.searchBox input{border:0;outline:0;flex:1;min-width:0;margin:0;padding:0}.searchBox span{font-size:10px;color:#89978d}.filters{display:flex;gap:8px;margin:18px 0}.filters button{border:1px solid #dfe7df;background:#fff;color:#6f8074;border-radius:20px;padding:7px 16px;font-size:11px}.filters .selected{background:#234e3d;color:white;border-color:#234e3d}.chemicalList{border:1px solid #dfe6df;background:white;border-radius:9px;overflow:hidden}.tableHead,.chemicalRow{display:grid;grid-template-columns:1.5fr 1fr .6fr;align-items:center;gap:15px;padding:15px 23px}.tableHead{background:#eef2ec;font-size:9px;letter-spacing:1px;color:#7d8e80}.chemicalRow{width:100%;text-align:left;background:white;border:0;border-top:1px solid #edf0eb}.chemicalRow:hover{background:#f5f8f3}.chemicalRow>span{display:flex;align-items:center;gap:12px;font-size:12px}.chemicalRow>span:nth-child(2){color:#7e8f81}.chemicalRow>span:last-child{justify-content:space-between}.chemicalRow em{font-size:10px;font-style:normal;background:#f1f4ee;padding:4px 7px;border-radius:4px}.chemicalIcon{display:inline-flex;padding:9px;background:#f4f7f1;border-radius:6px;color:#819378}.empty{padding:40px;text-align:center;color:#80927d}.mapConnect{padding:45px 20px;text-align:center;background:white;border:1px solid #dce5dd;border-radius:12px}.mapPattern{margin:0 auto 30px;background:repeating-linear-gradient(35deg,#e7eee3 0 3px,#f2f6ef 3px 30px);width:220px;height:130px;border-radius:15px;display:grid;place-items:center;color:#557b57}.mapConnect h2{margin-top:18px}.mapConnect .textButton{display:block;margin:20px auto}.primary{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:13px 20px;border:0;border-radius:6px;background:#244e3f;color:white;font-weight:600;font-size:12px}.overlay{position:fixed;inset:0;background:#10292099;backdrop-filter:blur(5px);z-index:10;display:flex;justify-content:center;align-items:center;padding:20px}.modal{position:relative;background:#fbfcf8;width:560px;max-width:100%;max-height:90vh;overflow:auto;padding:35px;border-radius:13px;box-shadow:0 30px 90px #0003}.modal.wide{width:750px}.modal h2{margin:18px 0 10px}.modal>p,.modal form>p{font-size:12px}.modal h3{margin-top:26px;font-size:14px}.close{position:absolute;right:15px;top:15px;border:0;background:#edf2e9;border-radius:50%;padding:6px;display:flex}.credential{background:white;border:1px solid #e0e7dc;border-radius:7px;padding:16px;margin:14px 0}.credential h3{margin:0 0 15px}.credential div{display:flex;gap:15px;align-items:center;margin:9px 0;font-size:11px}.credential div>span{width:65px;color:#81917e}.credential code{font-size:12px;user-select:all;overflow-wrap:anywhere}.credential button{margin-left:auto;border:0;background:none}.credential small{font-size:10px;color:#8c9987}.readOnly{display:flex;align-items:center;gap:8px;font-size:10px;color:#86957e;margin-top:20px}.deconGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.deconGrid>div{background:#eef3e9;padding:14px;border-radius:7px;font-size:12px}.deconGrid p{font-size:11px;margin:7px 0 0}label{display:block;font-size:11px;color:#71826c;text-transform:capitalize;margin:13px 0}input,textarea,select{display:block;width:100%;margin-top:7px;border:1px solid #d8e1d2;border-radius:6px;padding:12px;background:white;color:#263b2c}textarea{min-height:80px;resize:vertical}.editBlock{padding:15px;background:white;border:1px solid #dce5d6;border-radius:7px;margin:15px 0}.delete{border:0;background:none;color:#aa6251;font-size:11px;display:flex;gap:7px;padding:6px 0}.saveBar{position:sticky;bottom:-35px;background:#fbfcf8;padding:18px 0 3px;border-top:1px solid #dce5d6;margin-top:20px}.error{color:#b54e3d;font-size:12px}.success{border:0;background:#e0efda;color:#426437;padding:12px;border-radius:5px;width:100%;margin-bottom:15px}.entry{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.entryArt{background:#193f34;color:white;padding:45px 60px;display:flex;flex-direction:column;justify-content:space-between;background-image:radial-gradient(ellipse at bottom left,#63826555,transparent 60%)}.entryArt .eyebrow{color:#b8cfae}.entryArt h1{font-size:65px;letter-spacing:-3px;margin:22px 0}.entryArt p{color:#b3c8b9}.entryArt small{color:#90ad98;letter-spacing:2px;font-size:9px}.entryPanel{display:grid;place-items:center;padding:35px}.entryBox{width:340px;max-width:100%}.entryBox h2{font-size:28px;margin:20px 0 10px}.entryBox p{font-size:12px}.entryBox .primary{width:100%;margin:8px 0 30px}.lockIcon{display:inline-flex;background:#e9efe3;color:#557950;padding:15px;border-radius:12px;margin-bottom:30px}.entryBox>.eyebrow{display:block}.muted{color:#8b9986;font-size:10px}
@media(min-width:1500px){.content{padding-top:48px}.hero{min-height:290px}.resource{padding:28px}}@media(max-width:1050px){.sidebar{width:190px;padding:28px 15px}.workspace{margin-left:190px;width:calc(100% - 190px)}.content{padding:28px}.heroGraphic{width:27%}header{padding:0 28px}.cards{gap:10px}.resource{padding:17px}.pageHeading .previewBadge{display:none}.scheduleNote{flex-wrap:wrap}.entryArt{padding:40px}.entryArt h1{font-size:50px}}@media(max-width:700px){.sidebar{position:static;width:100%;padding:16px;display:block;border-bottom:1px solid #dce5d6}.shell{display:block}.sidebar .brand{font-size:23px}.sidebar .brand span{max-width:none;font-size:8px}.navLabel,.teamMark{display:none}.sidebar nav{display:flex;margin-top:17px;gap:4px}.sidebar nav button{font-size:10px;padding:10px 8px;gap:5px;flex:1;justify-content:center}.sidebar nav svg{width:15px}.sidebarBottom{position:absolute;right:15px;top:8px}.adminLink{margin:15px 0;font-size:10px}.workspace{margin:0;width:100%}header{height:50px;padding:0 20px}.crumb{font-size:8px}.crumb span{padding:0 7px}.headerRight{gap:10px}.role{font-size:9px}.content{padding:28px 18px 12px}h1{font-size:28px}.pageHeading p{font-size:12px}.hero>div:first-child{padding:25px}.hero h2{font-size:27px}.heroGraphic{width:22%;opacity:.6}.cross{font-size:100px}.graphicTag{display:none}.cards{grid-template-columns:1fr}.resource{padding:18px;display:grid;grid-template-columns:45px 1fr;gap:0 17px}.resource .tile{grid-row:1/4}.resource h3{margin:0 25px 6px 0}.resource p{min-height:0;margin-bottom:12px}.resource small{grid-column:2}.resource .corner{top:20px}.tableHead,.chemicalRow{grid-template-columns:1fr 75px;padding:14px 12px;gap:5px}.tableHead span:nth-child(2),.chemicalRow>span:nth-child(2){display:none}.chemicalRow>span{font-size:11px}.chemicalIcon{padding:7px}.searchBox{padding:12px}.searchBox span{display:none}.searchBox input{font-size:12px}.filters{gap:5px}.filters button{padding:7px 12px}.sampleBanner{font-size:11px}.scheduleNote{gap:8px}.scheduleNote p{flex-basis:100%;order:3}.alertRow{padding:16px;gap:12px}footer>span:last-child{display:none}.modal{padding:25px 20px}.entry{display:block}.entryArt{min-height:260px;padding:25px}.entryArt h1{font-size:38px;margin:20px 0 10px}.entryArt>div>p:not(.eyebrow),.entryArt small{display:none}.entryArt .eyebrow{margin-top:30px;font-size:8px}.entryPanel{padding:35px 25px}.lockIcon{display:none}.entryBox h2{font-size:25px}.deconGrid{grid-template-columns:1fr}}

/* Manufacturer SDS binder */
.sdsStats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 20px}.sdsStats>div{background:#fff;border:1px solid #dfe6df;border-radius:9px;padding:18px}.sdsStats b{display:block;font:700 28px Manrope,Arial;color:#234e3d}.sdsStats span{display:block;color:#728278;font-size:11px;margin-top:6px}.sdsIntro{display:flex;gap:12px;background:#eaf2ed;border:1px solid #d9e7dd;padding:16px;border-radius:8px;margin-bottom:20px}.sdsIntro svg{flex-shrink:0;color:#527662;margin-top:2px}.sdsIntro p{margin:0;font-size:12px;color:#536c5e}.sdsTools{display:flex;gap:14px;align-items:center;justify-content:space-between}.sdsTools .filters{flex-wrap:wrap;gap:6px}.sdsTools .filters button{padding:7px 11px}.sdsFormLabel{font-size:9px;margin:0;min-width:150px}.sdsFormLabel select{padding:7px 9px;font-size:11px;margin-top:3px}.sdsTable .tableHead,.sdsTable .chemicalRow{grid-template-columns:1.45fr 1fr .8fr}.sdsName{display:flex;flex-direction:column;gap:5px}.sdsName small,.sdsManufacturer small{font-size:10px;color:#829086}.sdsTable .sdsManufacturer{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.sdsManufacturer b{font-size:11px;font-weight:500;line-height:1.5}.sdsBadge,.sdsTable .sdsBadge{display:inline-flex;font-size:10px;border-radius:5px;line-height:1.5;padding:5px 8px;font-style:normal}.sdsBadge.identified{background:#e8f3eb;color:#2e6b46}.sdsBadge.candidate{background:#fff1d7;color:#866018}.sdsBadge.missing{background:#fae9e4;color:#a04c37}.sdsMobileStatus{display:none}.sdsFooter{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin:20px 0;font-size:10px;color:#7e8d83}.sdsFooter a{display:inline-flex;align-items:center;gap:5px;color:#376c51}.modal.sdsModal{width:850px;padding:35px;outline:0}.sdsModal h2{padding-right:20px}.sdsMatchNote,.sdsCandidate{display:flex;gap:12px;padding:16px;background:#fff4df;border:1px solid #efe0bf;border-radius:7px;margin:20px 0}.sdsMatchNote svg,.sdsCandidate svg{flex-shrink:0;color:#9c742c}.sdsMatchNote p,.sdsCandidate p{margin:0;color:#7d642f;font-size:12px}.sdsSource{border-top:1px solid #dfe7dd;margin-top:24px;padding-top:24px}.sdsSource h3{font-size:16px}.sdsSource>.eyebrow+h3{margin-top:8px}.sdsMeta{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.sdsMeta>div{min-width:0}.sdsMeta dt{font-size:10px;color:#84917d;margin-bottom:5px}.sdsMeta dd{margin:0;font-size:12px;overflow-wrap:anywhere}.sdsActions{display:flex;flex-wrap:wrap;align-items:center;gap:18px}.sdsDownload{display:inline-flex;gap:8px;align-items:center;color:#426c50;font-size:12px}.sdsMatchText{font-size:11px;color:#72816b;margin-top:16px}.sdsHazards{padding:15px;background:#eef3e9;border-radius:7px;font-size:12px;color:#425b42}.sdsExtract{font-size:11px;color:#677f66;margin-top:14px}.sdsExtract summary{cursor:pointer;padding:10px 0}.sdsExtract p{background:#f1f4ee;padding:15px;line-height:1.8;color:#60705e}.sdsSourceHint{font-size:11px}.sdsProvenance{display:flex;gap:7px;align-items:flex-start;font-size:10px;color:#819177;line-height:1.7;margin-top:22px}.sdsProvenance svg{flex-shrink:0;margin-top:2px}.sdsProvenance a{color:#426b50;display:inline-flex;align-items:center;gap:3px}.sdsMissing{text-align:center;padding:30px 15px;color:#9f8d6c}.sdsMissing h3{margin-top:14px}.sdsMissing p{font-size:12px}
@media(max-width:1000px){.sdsStats{grid-template-columns:1fr 1fr}.sdsTools{align-items:flex-start;flex-direction:column;gap:0;margin-bottom:18px}.sdsTools .filters{margin-bottom:10px}.sdsFormLabel{width:200px}.sdsTable .tableHead,.sdsTable .chemicalRow{grid-template-columns:1.4fr .9fr .8fr;padding-left:15px;padding-right:15px;gap:8px}}
@media(max-width:700px){.sdsStats{gap:8px}.sdsStats>div{padding:12px}.sdsStats b{font-size:24px}.sdsStats span{font-size:10px}.sdsTable .tableHead,.sdsTable .chemicalRow{grid-template-columns:1fr 105px}.sdsTable .chemicalRow>span:last-child{display:flex}.sdsTable .chemicalRow>span:first-child{gap:8px}.sdsTable .sdsBadge{font-size:9px;padding:5px;white-space:normal}.sdsTools .filters{gap:5px}.sdsTools .filters button{font-size:10px;padding:7px 10px}.modal.sdsModal{padding:30px 18px}.sdsMeta{gap:14px}.sdsActions{gap:15px}.sdsIntro p{font-size:11px}.sdsFooter{line-height:1.7}}
@media print{.sidebar,header,.sdsTools,.searchBox,.sdsFooter,.close{display:none}.overlay{position:static;background:none;display:block;padding:0}.modal.sdsModal{max-height:none;overflow:visible;width:100%;box-shadow:none}.sdsBinder:has(.overlay)>.chemicalList,.sdsBinder:has(.overlay)>.sdsStats,.sdsBinder:has(.overlay)>.sdsIntro{display:none}.workspace{width:100%;margin:0}}

.sdsStandaloneMain{max-width:1240px;margin:0 auto;padding:32px 28px}.sdsStandaloneMain>.brand{margin-bottom:38px}.sdsStandaloneMain>.pageHeading{margin-bottom:28px}dialog.sdsModal{border:1px solid #dce5d7;margin:auto}dialog.sdsModal::backdrop{background:#10292099;backdrop-filter:blur(4px)}dialog.sdsModal:not([open]){display:none}.sdsStandalone .close{font-size:24px;padding:0;width:30px;height:30px;align-items:center;justify-content:center}@media(max-width:700px){.sdsStandaloneMain{padding:22px 14px}.sdsStandaloneMain>.brand{margin-bottom:24px}}
