/* v8.9.40 산업안전 MSDS 관리 · 취급제품 10개 단위 페이지 */
.msdsHero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:14px;padding:20px 22px;border:1px solid #cbd9e6;border-radius:16px;background:linear-gradient(135deg,#f8fbfe,#eef7f5)}
.msdsHero .section{margin:3px 0 5px;font-size:24px}.msdsHero p{margin:0;color:#5d6e7b;line-height:1.55}
.msdsHeroStats{display:grid;grid-template-columns:repeat(5,minmax(82px,1fr));gap:8px;min-width:min(650px,58%)}
.msdsHeroStats span{display:flex;flex-direction:column;align-items:center;gap:3px;padding:11px 8px;border:1px solid #d8e2e9;border-radius:12px;background:#fff;color:#657682;font-size:11px;text-align:center}
.msdsHeroStats span b{font-size:22px;line-height:1;color:#174c72}.msdsHeroStats span.attention{border-color:#e6bd66;background:#fff9ec}.msdsHeroStats span.attention b{color:#a05a00}
.msdsTabs{margin-bottom:13px}.msdsToolbar{display:flex;align-items:center;gap:8px;margin:12px 0;padding:11px;border:1px solid #d7e1e8;border-radius:12px;background:#f8fafc}
.msdsSearch{display:flex;gap:7px;flex:1}.msdsSearch input{min-width:240px;flex:1}.msdsToolbar select{min-width:125px}.msdsComplianceNotice{margin:0 0 12px}
#msdsProductTableArea{scroll-margin-top:104px}.msdsPagination{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:15px 0 7px}.msdsPageNumbers{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}.msdsPageBtn{min-width:38px;height:38px;padding:0 11px;border:1px solid #c8d6e3;border-radius:9px;background:#fff;color:#24435f;font-weight:850;cursor:pointer}.msdsPageBtn:hover:not(:disabled){border-color:#4d87b5;background:#eef6fc}.msdsPageBtn.active{border-color:#1f638f;background:#1f638f;color:#fff;box-shadow:0 2px 8px rgba(31,99,143,.22)}.msdsPageBtn.nav{min-width:76px}.msdsPageBtn:disabled{opacity:.38;cursor:default}.msdsPageEllipsis{min-width:24px;color:#718397;text-align:center;font-weight:800}
.msdsTable td{vertical-align:middle}.msdsTable td small{display:block;margin-top:4px;color:#71808d}.msdsNameLink{padding:0;border:0;background:transparent;color:#17527d;font:inherit;font-weight:800;text-align:left;cursor:pointer}.msdsNameLink:hover{text-decoration:underline}
.signalBadge{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:800}.signalBadge.danger{background:#fee2e2;color:#a51d1d}.signalBadge.warning{background:#fff2c7;color:#8a5c00}
.msdsMiniGhs{display:flex;flex-wrap:wrap;gap:3px;margin-top:5px}.msdsMiniGhs .ghsPictogram img{width:31px;height:31px}.msdsMiniGhs .ghsPictogram figcaption{display:none}
.ghsCodeRow{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.ghsPictogram{display:inline-flex;flex-direction:column;align-items:center;gap:3px;margin:0;padding:4px;border:1px solid #e1e6ea;border-radius:8px;background:#fff}.ghsPictogram img{display:block;width:52px;height:52px;object-fit:contain}.ghsPictogram figcaption{display:flex;gap:4px;align-items:center;color:#596976;font-size:9px;line-height:1}.ghsPictogram figcaption b{color:#b21f26;font-size:10px}.ghsPictogram figcaption small{font-size:9px}
.ghsCodeRow.detail{padding:13px 0}.ghsCodeRow.detail .ghsPictogram img{width:68px;height:68px}
.msdsResultFoot{padding:9px 3px;color:#6b7a86;font-size:11px}.emptyCell{padding:28px!important;text-align:center;color:#6c7984}
.msdsFormLayout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(390px,.85fr);gap:14px;align-items:start}.msdsFormLayout>.box,.msdsFormLayout aside>.box{margin:0 0 14px}
.msdsForm{grid-template-columns:1fr 1fr}.msdsQuantity{display:grid;grid-template-columns:1fr 90px;gap:6px}.fileCurrent{display:block;margin-top:6px;color:#52697c}.msdsFormActions{display:flex;justify-content:flex-end;gap:8px;margin-top:13px}
.msdsGhsFinder{display:flex;gap:7px;margin:11px 0}.msdsGhsFinder input{flex:1}.ghsPickerList{display:grid;gap:5px;max-height:310px;overflow:auto;margin-bottom:10px}.ghsPickerList button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 10px;border:1px solid #d9e2e9;border-radius:9px;background:#fff;text-align:left;cursor:pointer}.ghsPickerList button:hover{border-color:#7194af;background:#f6fafc}.ghsPickerList span,.ghsPickerList small{font-size:11px;color:#647582}
.msdsManualAdd{display:grid;grid-template-columns:1.1fr .72fr .72fr 1.15fr auto;gap:6px;margin:9px 0 12px;padding:9px;border:1px solid #d9e2e8;border-radius:10px;background:#f8fafb}.msdsManualGhsPreview{grid-column:1/-1;min-height:44px;padding:7px;border:1px dashed #ced9e0;border-radius:8px;background:#fff}.msdsManualGhsPreview .ghsPictogram img{width:36px;height:36px}.msdsManualGhsPreview .ghsPictogram figcaption{display:none}.msdsManualDbHint{grid-column:1/-1;color:#587061;line-height:1.4}.msdsCodeError{color:#b42318;font-size:11px;font-weight:700}.msdsSelectedHead{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:11px 0 7px}.msdsSelectedHead span{color:#687984;font-size:10px}.ghsSelectedList{display:grid;gap:8px}.ghsSelectedCard{padding:12px;border:1px solid #7ba38a;border-radius:11px;background:#f3faf5}.ghsSelectedCard.editing{border-color:#4d7f9f;background:#f5f9fc;box-shadow:0 3px 10px rgba(34,80,110,.08)}.ghsSelectedTitle{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-bottom:9px}.ghsSelectedTitle>div b,.ghsSelectedTitle>div span{display:block}.ghsSelectedTitle>div span{margin-top:2px;font-size:11px;color:#577263}.ghsCardActions{display:flex!important;gap:5px;align-items:center}.ghsOrder{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#2f7250;color:#fff;font-weight:800}.ghsSelectedCard>small{display:block;margin-top:8px;color:#5d7165;white-space:pre-line}.msdsConcentration{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:7px;margin-bottom:9px}.msdsConcentration span{color:#526d5d;font-size:10px;font-weight:700}.msdsConcentration input{background:#fff}.msdsSubstanceEditGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.msdsSubstanceEditGrid label{display:grid;gap:4px}.msdsSubstanceEditGrid label>span{color:#456276;font-size:10px;font-weight:800}.msdsSubstanceEditGrid .span2,.msdsEditGhsPreview{grid-column:1/-1}.msdsEditGhsPreview{min-height:52px;padding:7px;border:1px dashed #cbd8e1;border-radius:8px;background:#fff}.msdsEditGhsPreview .ghsPictogram img{width:38px;height:38px}.msdsEditGhsPreview .ghsPictogram figcaption{display:none}.msdsEditNotice{margin-top:8px;padding:7px 9px;border-radius:7px;background:#eaf2f7;color:#456276;font-size:10px;line-height:1.45}.msdsEditActions{display:flex;justify-content:flex-end;gap:6px;margin-top:9px}.msdsGhsEmpty{padding:18px;border:1px dashed #c9d4dc;border-radius:10px;color:#71808c;text-align:center}.msdsPickerIcons{display:flex!important;flex-flow:row wrap!important;gap:3px!important}.msdsPickerIcons .ghsPictogram{padding:2px}.msdsPickerIcons .ghsPictogram img{width:30px;height:30px}.msdsPickerIcons .ghsPictogram figcaption{display:none}.productGhsPreview{min-height:66px;margin:7px 0 12px;padding:8px;border:1px dashed #cdd8df;border-radius:10px;background:#fafcfd}
.msdsManualWide{grid-column:1/-1}.msdsHCodeRow{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.msdsHCode{display:inline-flex;align-items:center;padding:4px 7px;border:1px solid #e2a45a;border-radius:6px;background:#fff0df;color:#8a4b00;font-size:10px;font-weight:800}.msdsManualHPreview,.msdsEditHPreview{grid-column:1/-1;min-height:37px;padding:7px;border:1px dashed #dfc39f;border-radius:8px;background:#fffdf9}.msdsEditHPreview{margin-top:0}.ghsPickerList button>.msdsHCodeRow{margin:4px 0}
.msdsPCodeRow{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.msdsPCode{display:inline-flex;align-items:center;padding:4px 7px;border:1px solid #7eabd0;border-radius:6px;background:#edf6fc;color:#17547f;font-size:10px;font-weight:800}.msdsManualPPreview,.msdsEditPPreview{grid-column:1/-1;min-height:37px;padding:7px;border:1px dashed #a9c6dc;border-radius:8px;background:#fafdff}.msdsEditPPreview{margin-top:0}.ghsPickerList button>.msdsPCodeRow{margin:4px 0}
.msdsCodeOnlyGroup{display:grid;grid-template-columns:48px 1fr;align-items:start;gap:7px;margin-top:7px}.msdsCodeOnlyGroup>b{padding-top:4px;color:#526d5d;font-size:10px}.msdsCodeOnlyRow{display:flex;flex-wrap:wrap;gap:5px}.msdsCodeTag{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800}.msdsCodeTag.h{border:1px solid #e2a45a;background:#fff0df;color:#8a4b00}.msdsCodeTag.p{border:1px solid #7eabd0;background:#edf6fc;color:#17547f}
.msdsHCodeRow,.msdsPCodeRow{display:grid;width:100%;gap:5px}.msdsStatement{display:grid;width:100%;grid-template-columns:max-content auto 1fr;align-items:start;gap:5px;padding:6px 8px;line-height:1.45;text-align:left}.msdsStatement b{font-size:10px;white-space:nowrap}.msdsStatement i{font-style:normal;font-weight:800}.msdsStatement span{min-width:0;color:inherit!important;font-size:10px!important;font-weight:600;overflow-wrap:anywhere}.msdsStatementPreview{margin-top:6px;padding:8px;border:1px dashed #c9d7e1;border-radius:8px;background:#fbfdfe}.msdsStatementHeading{margin:13px 0 2px;color:#344d60;font-size:11px;font-weight:800}.ghsResultCard .msdsStatement,.ghsPickerList .msdsStatement{padding:5px 7px}
.msdsDetailGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.msdsDetailGrid>div{padding:10px 11px;border:1px solid #e0e6eb;border-radius:9px;background:#f8fafb}.msdsDetailGrid small,.msdsDetailGrid b{display:block}.msdsDetailGrid small{margin-bottom:4px;color:#75818c;font-size:10px}
.msdsProductDetailModal .modalCard>.row>.section{font-size:32px;line-height:1.2;letter-spacing:-.02em}.msdsProductDetailModal .msdsDetailGrid b{line-height:1.55;overflow-wrap:anywhere}
.msdsHazardPanel{display:grid;gap:9px;margin:12px 0}.msdsHazardPanel>div{padding:11px;border:1px solid #dce3e8;border-radius:10px}.msdsHazardPanel>div>b{display:block;margin-bottom:6px;color:#344d60;font-size:11px}.msdsHazardPanel p{margin:0;line-height:1.55}.msdsDetailDates{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:11px}.msdsDetailDates span{padding:5px 8px;border-radius:7px;background:#eef3f6;color:#536878;font-size:11px}
.msdsComponentHeading{margin:14px 0 8px}.msdsComponentDetailGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.msdsComponentDetail{padding:11px;border:1px solid #d7e3db;border-radius:11px;background:#f7fbf8}.msdsComponentTitle{display:flex;gap:8px;align-items:center;margin-bottom:8px}.msdsComponentTitle>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#2f7250;color:#fff;font-size:11px;font-weight:800}.msdsComponentTitle b,.msdsComponentTitle small{display:block}.msdsComponentTitle small{margin-top:2px;color:#64776b;font-size:10px}.msdsComponentDetail .ghsPictogram img{width:42px;height:42px}.msdsComponentDetail p{margin:8px 0 0;color:#5b6d62;font-size:10px;line-height:1.45}
.ghsSourceHead{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:4px 2px 8px}.ghsSourceHead .section{margin:0}.ghsSourceHead p{margin:5px 0 0;color:#647785}
.ghsResultGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ghsResultCard{display:flex;flex-direction:column;gap:9px;padding:14px;border:1px solid #d7e0e7;border-radius:13px;background:#fff;text-align:left;cursor:pointer;box-shadow:0 2px 8px rgba(20,45,65,.04)}.ghsResultCard.userCreated{border-color:#88ab96;background:#f8fcf9}.ghsResultCard:hover{transform:translateY(-1px);border-color:#7d9ab0;box-shadow:0 5px 14px rgba(20,45,65,.08)}.ghsResultCard>div:first-child{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px 9px}.ghsResultCard>div:first-child b{min-width:0;overflow-wrap:anywhere}.ghsResultCard>div:first-child small{grid-column:2;color:#637583}.ghsResultCard p{margin:0;color:#596d7c;font-size:11px;line-height:1.45}.ghsUserBadge,.ghsOfficialBadge,.ghsDirectBadge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:999px;font-size:9px;font-style:normal;font-weight:800;vertical-align:middle}.ghsUserBadge{background:#dcefe3;color:#23633f}.ghsOfficialBadge{background:#e1edf7;color:#245d85}.ghsDirectBadge{background:#f4ead2;color:#815b16}
.msdsGuideGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.msdsGuideGrid>.box{margin:0}.msdsGuideGrid>.wide{grid-column:1/-1}.msdsGuideList{display:grid;gap:10px;padding-left:24px}.msdsGuideList li{padding-left:5px}.msdsGuideList b,.msdsGuideList span{display:block}.msdsGuideList span{margin-top:3px;color:#637583;font-size:12px}.msdsGuideStats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:11px}.msdsGuideStats div{padding:12px 7px;border:1px solid #dce4e9;border-radius:10px;background:#f8fafb;text-align:center}.msdsGuideStats b,.msdsGuideStats span{display:block}.msdsGuideStats b{font-size:22px;color:#174f76}.msdsGuideStats span{font-size:10px;color:#687a87}.msdsCheckGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.msdsCheckGrid label{display:flex;align-items:flex-start;gap:7px;padding:10px;border:1px solid #dfe5e9;border-radius:9px;background:#fafcfd}
@media(max-width:1100px){.msdsHero{flex-direction:column}.msdsHeroStats{width:100%;min-width:0}.msdsFormLayout{grid-template-columns:1fr}}
@media(max-width:760px){.msdsHeroStats{grid-template-columns:repeat(2,1fr)}.msdsToolbar{align-items:stretch;flex-direction:column}.msdsSearch{width:100%}.msdsToolbar select,.msdsToolbar>.btn{width:100%}.ghsResultGrid,.msdsGuideGrid,.msdsCheckGrid,.msdsComponentDetailGrid{grid-template-columns:1fr}.msdsManualAdd,.msdsSubstanceEditGrid{grid-template-columns:1fr}.msdsManualWide,.msdsManualHPreview,.msdsManualPPreview,.msdsSubstanceEditGrid .span2,.msdsEditGhsPreview,.msdsEditHPreview,.msdsEditPPreview{grid-column:auto}.ghsSelectedTitle{grid-template-columns:auto 1fr}.ghsCardActions{grid-column:1/-1;justify-content:flex-end}.msdsGuideGrid>.wide{grid-column:auto}.msdsForm{grid-template-columns:1fr}.msdsForm .span2{grid-column:auto}.msdsDetailGrid{grid-template-columns:1fr}.msdsGuideStats{grid-template-columns:repeat(2,1fr)}}
.msdsAutoUpload{margin:14px 0 18px;padding:18px;border:1px solid #98b8d3;border-radius:14px;background:linear-gradient(135deg,#f4faff,#edf7f4)}
.msdsAutoUploadHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.msdsAutoUploadHead b{display:block;color:#123d62;font-size:17px}.msdsAutoUploadHead span:not(.msdsLocalBadge){display:block;margin-top:4px;color:#587085;font-size:13px;line-height:1.5}
.msdsLocalBadge{flex:none;padding:5px 9px;border:1px solid #8fb4a7;border-radius:999px;background:#fff;color:#26725b;font-size:11px;font-weight:800}.msdsFileDrop{display:flex;align-items:center;gap:12px;padding:13px 15px;border:2px dashed #7ca8c8;border-radius:11px;background:#fff;cursor:pointer}.msdsFileDrop:hover{border-color:#2b6e9c;background:#f8fcff}.msdsFileDrop input{min-width:0;max-width:100%}.msdsFileDrop b{margin-left:auto;color:#164f78}.msdsFileDrop span{color:#65798b;font-size:12px}
.msdsAutoUpload .fileCurrent{display:block;margin:8px 2px 0;color:#52677b}.msdsAnalyzeStatus{margin-top:12px;padding:10px 12px;border-radius:9px;font-size:13px;line-height:1.5}.msdsAnalyzeStatus.idle{background:#fff;color:#53677a}.msdsAnalyzeStatus.working{background:#e9f3fb;color:#155884}.msdsAnalyzeStatus.success{background:#e8f6ef;color:#176847}.msdsAnalyzeStatus.warn{background:#fff4df;color:#87500b}.msdsAnalyzeStatus.error{background:#ffeded;color:#9d2626}.msdsAnalyzeSpinner{display:inline-block;width:12px;height:12px;margin-right:7px;border:2px solid #9abbd1;border-top-color:#17628f;border-radius:50%;vertical-align:-2px;animation:msdsSpin .8s linear infinite}@keyframes msdsSpin{to{transform:rotate(360deg)}}
.msdsAnalyzeSummary{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:8px;margin-top:10px}.msdsAnalyzeSummary>div{padding:10px;border:1px solid #d8e4eb;border-radius:9px;background:#fff}.msdsAnalyzeSummary b,.msdsAnalyzeSummary span{display:block}.msdsAnalyzeSummary b{color:#163f60;font-size:14px;overflow-wrap:anywhere}.msdsAnalyzeSummary span{margin-top:3px;color:#6a7c8c;font-size:11px}.msdsAnalyzeSummary .needsCheck{border-color:#e5b568;background:#fff9ef}.msdsAnalyzeWarning{margin-top:8px;padding:9px 11px;border-left:4px solid #e29a32;border-radius:6px;background:#fff7e9;color:#764a0d;font-size:12px;line-height:1.5}
@media(max-width:760px){.msdsAutoUploadHead{display:block}.msdsLocalBadge{display:inline-block!important;margin-top:8px!important}.msdsFileDrop{align-items:flex-start;flex-wrap:wrap}.msdsFileDrop b{margin-left:0}.msdsAnalyzeSummary{grid-template-columns:1fr 1fr}.msdsAnalyzeSummary>div:first-child{grid-column:1/-1}}