/* ════════════════════════════════════════════════════════════════
   ChemicalPro — premium futuristic skin (scoped to body.chempro)
   Cyan neon · glass · animated glow · grid. Lifts every tab.
   ════════════════════════════════════════════════════════════════ */
body.chempro{
  --gold:#22d3ee; --gold2:#67e8f9; --gold-dim:rgba(34,211,238,.14);
  --acc:#22d3ee; --acc2:#0891b2; --acc2-light:#67e8f9;
  --cp:#22d3ee; --cp2:#67e8f9; --cp-deep:#0e7490; --cp-ink:#06262b;
  background-image:none;
}
/* ---- futuristic backdrop: cyan orbs + fading grid ---- */
body.chempro::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:radial-gradient(820px 520px at 82% -8%,rgba(34,211,238,.18),transparent 60%),
            radial-gradient(680px 560px at 2% 26%,rgba(8,145,178,.13),transparent 60%),
            radial-gradient(560px 480px at 50% 116%,rgba(99,102,241,.10),transparent 60%)}
body.chempro::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.5;animation:none;
  background-image:linear-gradient(rgba(34,211,238,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.06) 1px,transparent 1px);
  background-size:48px 48px;-webkit-mask:radial-gradient(130% 95% at 50% -12%,#000,transparent 78%);mask:radial-gradient(130% 95% at 50% -12%,#000,transparent 78%)}

/* ---- tool header: neon, scanning line, pulsing flask ---- */
body.chempro .tool-head{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(8,16,26,.55),transparent);border-bottom:1px solid rgba(34,211,238,.16)}
body.chempro .tool-head::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(720px 340px at 50% -55%,rgba(34,211,238,.24),transparent 62%),radial-gradient(520px 320px at 92% 0%,rgba(99,102,241,.15),transparent 60%)}
body.chempro .tool-head::after{content:"";position:absolute;left:-40%;bottom:0;height:2px;width:40%;
  background:linear-gradient(90deg,transparent,var(--cp),#a5f3fc,var(--cp),transparent);filter:blur(.3px);opacity:.85;animation:cpScan 5s linear infinite}
@keyframes cpScan{0%{transform:translateX(0)}100%{transform:translateX(350%)}}
body.chempro .tool-head img[alt="ChemicalPro logo"]{animation:cpPulse 3.4s ease-in-out infinite}
@keyframes cpPulse{0%,100%{filter:drop-shadow(0 0 10px rgba(34,211,238,.55))}50%{filter:drop-shadow(0 0 22px rgba(34,211,238,.9)) drop-shadow(0 0 7px rgba(103,232,249,.75))}}
body.chempro .tool-head h1{text-shadow:0 0 34px rgba(34,211,238,.2)}
body.chempro .tool-head h1 b,body.chempro .tool-head h1 strong{color:var(--cp2)}
body.chempro .crumb a:hover{color:var(--cp2)}

/* ---- segmented neon tabs ---- */
body.chempro .tabs{display:inline-flex;flex-wrap:wrap;gap:4px;padding:5px;border-radius:16px;border:1px solid rgba(34,211,238,.16);
  background:rgba(8,16,26,.5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 30px rgba(4,10,20,.4)}
body.chempro .tabs button{border:0;background:none;color:var(--mut);font-family:inherit;font-weight:600;font-size:.88rem;padding:9px 16px;border-radius:11px;cursor:pointer;transition:.25s;position:relative}
body.chempro .tabs button:hover{color:var(--txt);background:rgba(34,211,238,.07)}
body.chempro .tabs button.on{color:var(--cp-ink);background:linear-gradient(135deg,#a5f3fc,#22d3ee);box-shadow:0 8px 22px -8px rgba(34,211,238,.75),inset 0 1px 0 rgba(255,255,255,.35)}

/* ---- glass cards with cyan rim + hover glow ---- */
body.chempro .card{border:1px solid rgba(34,211,238,.12);background:rgba(12,20,30,.5);box-shadow:0 16px 44px rgba(3,8,16,.5)}
body.chempro .card:hover{border-color:rgba(34,211,238,.36);box-shadow:0 22px 60px -14px rgba(34,211,238,.22)}
body.chempro .card.stat{border-color:rgba(34,211,238,.1)}
body.chempro .card.stat .n{text-shadow:0 0 22px rgba(34,211,238,.25)}
/* gradient hairline accent on heading cards */
body.chempro .card>h3:first-child::before{content:"";position:absolute;left:0;top:0;width:3px;height:22px;border-radius:3px;background:linear-gradient(180deg,var(--cp2),var(--cp));box-shadow:0 0 12px var(--cp)}
body.chempro .card>h3:first-child{position:relative;padding-left:14px}

/* ---- buttons: neon-filled primary, cyan ghost ---- */
body.chempro .btn{border-radius:14px;font-weight:700;letter-spacing:.015em}
body.chempro .btn:not(.ghost):not(.danger):not(.violet){background:linear-gradient(135deg,#67e8f9,#22d3ee);color:var(--cp-ink);border-color:transparent;box-shadow:0 10px 28px -10px rgba(34,211,238,.7)}
body.chempro .btn:not(.ghost):not(.danger):not(.violet):hover{box-shadow:0 16px 40px -10px rgba(34,211,238,.95);transform:translateY(-2px);color:var(--cp-ink);background:linear-gradient(135deg,#a5f3fc,#22d3ee)}
body.chempro .btn.ghost{border-color:rgba(34,211,238,.3);color:var(--cp2);background:rgba(34,211,238,.03)}
body.chempro .btn.ghost:hover{border-color:var(--cp);background:rgba(34,211,238,.1);color:#eaffff}

/* ---- inputs / selects / textareas: cyan focus glow ---- */
body.chempro .f,body.chempro input.f,body.chempro select.f,body.chempro textarea.f,body.chempro .searchbar{background:rgba(8,16,24,.6);border:1px solid rgba(34,211,238,.16);transition:border-color .2s,box-shadow .2s,background .2s}
body.chempro .f:focus,body.chempro input.f:focus,body.chempro select.f:focus,body.chempro textarea.f:focus,body.chempro .searchbar:focus-within{border-color:var(--cp);box-shadow:0 0 0 3px rgba(34,211,238,.16);outline:none}

/* ---- tables: neon header + row hover ---- */
body.chempro .tbl thead th{background:linear-gradient(180deg,rgba(34,211,238,.1),transparent);color:var(--cp2);text-transform:uppercase;letter-spacing:.06em;font-size:.66rem;font-weight:700;border-bottom:1px solid rgba(34,211,238,.22)}
body.chempro .tbl tbody tr{transition:background .2s}
body.chempro .tbl tbody tr:hover{background:rgba(34,211,238,.05)}
body.chempro .tbl-wrap{border:1px solid rgba(34,211,238,.1);border-radius:16px;overflow:auto;background:rgba(8,14,22,.35)}

/* ---- pictograms, pills, callouts ---- */
body.chempro .ghs{transition:transform .2s,filter .25s}
body.chempro .ghs:hover{transform:scale(1.1) translateY(-1px)}
body.chempro .pill{border-radius:20px}
body.chempro .callout{border-radius:16px;backdrop-filter:blur(8px)}
body.chempro .callout.blue{border-color:rgba(34,211,238,.3);background:rgba(34,211,238,.06)}

/* ---- "how to use" guide + outputs strip + add-company card ---- */
body.chempro .tool-guide{border:1px solid rgba(34,211,238,.16);border-radius:18px;background:rgba(10,18,28,.5);position:relative;overflow:hidden}
body.chempro .tool-guide::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--cp2),var(--cp),transparent);box-shadow:0 0 16px var(--cp)}
body.chempro .tool-guide .tg-step b,body.chempro .tool-guide .tg-no{color:var(--cp2)}

/* ---- profile / "add company" chip ---- */
body.chempro #profileRow .btn,body.chempro .prof-btn{border-color:rgba(34,211,238,.22)}

/* ---- links ---- */
body.chempro a{color:var(--cp2)}
body.chempro a:hover{color:#aef4ff}

@media (prefers-reduced-motion:reduce){
  body.chempro .tool-head::after,body.chempro .tool-head img[alt="ChemicalPro logo"]{animation:none}
}

/* ════════════════════════════════════════════════════════════════
   LIGHT THEME COUNTERPART (2026-07-12). Everything above is tuned for
   the dark canvas — glass panels at rgba(12,20,30,.5) etc. rendered as
   unreadable dark slabs on the light warm-white pages. Same layout and
   behavior, light surfaces, accents flipped to the dark-ink family the
   rest of the light theme uses. Note: --cp must be re-pinned HERE —
   body.chempro's own token declaration beats the inherited light-theme
   token override from the html-level rule. */
html[data-theme="light"] body.chempro{
  --gold:#26241C; --gold2:#26241C; --gold-dim:rgba(10,10,15,.08);
  --acc:#26241C; --acc2:#6B6E85; --acc2-light:#26241C;
  --cp:#26241C; --cp2:#26241C; --cp-deep:#14151C; --cp-ink:#FFFFFF;
}
html[data-theme="light"] body.chempro::before{
  background:radial-gradient(820px 520px at 82% -8%,rgba(10,10,15,.05),transparent 60%),
             radial-gradient(680px 560px at 2% 26%,rgba(10,10,15,.03),transparent 60%);
}
html[data-theme="light"] body.chempro::after{opacity:.22;
  background-image:linear-gradient(rgba(10,10,15,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(10,10,15,.05) 1px,transparent 1px);
}
html[data-theme="light"] body.chempro .tool-head{background:linear-gradient(180deg,rgba(10,10,15,.05),transparent);border-bottom-color:rgba(10,10,15,.10)}
html[data-theme="light"] body.chempro .tool-head::before{background:none}
html[data-theme="light"] body.chempro .tool-head::after{background:linear-gradient(90deg,transparent,#26241C,#6B6E85,#26241C,transparent);opacity:.4}
html[data-theme="light"] body.chempro .tool-head h1{text-shadow:none}
html[data-theme="light"] body.chempro .tool-head img[alt="ChemicalPro logo"]{animation:none;filter:none}
html[data-theme="light"] body.chempro .tabs{border-color:rgba(10,10,15,.14);background:rgba(10,10,15,.05);box-shadow:none}
html[data-theme="light"] body.chempro .tabs button{color:#5C5F75}
html[data-theme="light"] body.chempro .tabs button:hover{color:#26241C;background:rgba(10,10,15,.06)}
html[data-theme="light"] body.chempro .tabs button.on{color:#F5F4F0;background:#26241C;box-shadow:0 8px 20px -10px rgba(10,10,15,.5)}
html[data-theme="light"] body.chempro .card{border-color:rgba(10,10,15,.12);background:rgba(255,255,255,.55);box-shadow:0 10px 30px rgba(20,21,28,.08)}
html[data-theme="light"] body.chempro .card:hover{border-color:rgba(10,10,15,.24);box-shadow:0 14px 36px rgba(20,21,28,.12)}
html[data-theme="light"] body.chempro .card.stat .n{text-shadow:none}
html[data-theme="light"] body.chempro .card>h3:first-child::before{background:linear-gradient(180deg,#26241C,#6B6E85);box-shadow:none}
html[data-theme="light"] body.chempro .btn:not(.ghost):not(.danger):not(.violet){background:#26241C;color:#F5F4F0;box-shadow:0 8px 22px -10px rgba(10,10,15,.5)}
html[data-theme="light"] body.chempro .btn:not(.ghost):not(.danger):not(.violet):hover{background:#14151C;color:#F5F4F0;box-shadow:0 12px 30px -10px rgba(10,10,15,.6)}
html[data-theme="light"] body.chempro .btn.ghost{border-color:rgba(10,10,15,.22);color:#26241C;background:rgba(10,10,15,.03)}
html[data-theme="light"] body.chempro .btn.ghost:hover{border-color:#26241C;background:rgba(10,10,15,.08);color:#14151C}
html[data-theme="light"] body.chempro .f,html[data-theme="light"] body.chempro input.f,html[data-theme="light"] body.chempro select.f,html[data-theme="light"] body.chempro textarea.f,html[data-theme="light"] body.chempro .searchbar{background:#FBFAF6;border-color:rgba(10,10,15,.16)}
html[data-theme="light"] body.chempro .f:focus,html[data-theme="light"] body.chempro input.f:focus,html[data-theme="light"] body.chempro select.f:focus,html[data-theme="light"] body.chempro textarea.f:focus,html[data-theme="light"] body.chempro .searchbar:focus-within{border-color:#26241C;box-shadow:0 0 0 3px rgba(10,10,15,.10)}
html[data-theme="light"] body.chempro .tbl thead th{background:linear-gradient(180deg,rgba(10,10,15,.06),transparent);color:#26241C;border-bottom-color:rgba(10,10,15,.18)}
html[data-theme="light"] body.chempro .tbl tbody tr:hover{background:rgba(10,10,15,.04)}
html[data-theme="light"] body.chempro .tbl-wrap{border-color:rgba(10,10,15,.12);background:rgba(255,255,255,.45)}
html[data-theme="light"] body.chempro .callout.blue{border-color:rgba(10,10,15,.2);background:rgba(10,10,15,.04)}
html[data-theme="light"] body.chempro .tool-guide{border-color:rgba(10,10,15,.14);background:rgba(255,255,255,.55)}
html[data-theme="light"] body.chempro .tool-guide::before{background:linear-gradient(180deg,#26241C,#6B6E85,transparent);box-shadow:none}
html[data-theme="light"] body.chempro .tool-guide .tg-step b,html[data-theme="light"] body.chempro .tool-guide .tg-no{color:#26241C}
html[data-theme="light"] body.chempro a{color:#26241C}
html[data-theme="light"] body.chempro a:hover{color:#14151C}

/* Full supplier SDS discovery */
.sds-result-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch;margin:7px 0}.sds-result-row .onlinePick{display:block;width:100%;min-width:0;margin:0!important;text-align:start!important;white-space:normal}.sds-result-row .sdsFullBtn{min-width:116px}.chem-row-actions{display:flex;gap:5px;align-items:center;white-space:nowrap}.sds-search-fallback{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid rgba(34,211,238,.2);border-radius:14px;background:rgba(34,211,238,.055)}.sds-search-fallback>div{display:grid;gap:3px}.sds-search-fallback span{color:var(--mut);font-size:.72rem}
.sds-finder{display:grid;gap:24px}.sds-finder-head{display:flex;align-items:flex-start;gap:14px;padding-inline-end:42px}.sds-finder-head h3{margin:0!important}.sds-finder-head p{margin:6px 0 0!important}.sds-finder-mark{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border:1px solid rgba(34,211,238,.35);border-radius:14px;background:rgba(34,211,238,.09);color:#8ff5ff;font:750 .72rem/1 Poppins,sans-serif;letter-spacing:.08em}.sds-identity{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--modal-line,rgba(190,205,230,.15));border-radius:14px;background:var(--modal-line,rgba(190,205,230,.15))}.sds-identity>div{min-width:0;padding:13px;background:var(--modal-raised,#0d1420)}.sds-identity span,.sds-identity b{display:block}.sds-identity span{margin-bottom:5px;color:var(--modal-muted,#9da9bd);font-size:.61rem}.sds-identity b{overflow:hidden;color:var(--modal-ink,#f3f7fc);font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.sds-direct,.sds-not-found{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border-radius:14px}.sds-direct{border:1px solid rgba(117,243,200,.3);background:rgba(117,243,200,.08)}.sds-not-found{border:1px solid rgba(250,190,80,.24);background:rgba(250,190,80,.07)}.sds-direct>div,.sds-not-found{display:flex}.sds-direct>div{display:grid;gap:3px}.sds-direct span,.sds-not-found span{color:var(--modal-muted,#9da9bd);font-size:.7rem}.sds-not-found{flex-direction:column;align-items:flex-start;gap:4px}.sds-finder section h4{margin:0 0 4px;color:var(--modal-ink,#f3f7fc);font-size:.84rem}.sds-finder section>p{margin:0 0 10px;color:var(--modal-muted,#9da9bd);font-size:.68rem}.sds-source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.sds-source{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;border:1px solid var(--modal-line,rgba(190,205,230,.15));border-radius:10px;background:rgba(255,255,255,.025);color:var(--modal-ink,#f3f7fc)!important;font-size:.69rem;font-weight:600;text-decoration:none!important}.sds-source:hover{border-color:rgba(34,211,238,.42);background:rgba(34,211,238,.07)}.sds-source.primary{border-color:rgba(34,211,238,.24);background:rgba(34,211,238,.055)}.sds-vendors{border-top:1px solid var(--modal-line,rgba(190,205,230,.15));padding-top:18px}.sds-vendors summary{margin-bottom:12px;color:var(--modal-ink,#f3f7fc);font-size:.77rem;font-weight:650;cursor:pointer}.sds-caution{margin:0;padding:14px;border-radius:12px;background:rgba(255,255,255,.035);color:var(--modal-muted,#9da9bd);font-size:.68rem;line-height:1.6}
html[data-theme="light"] .sds-identity>div{background:#fff}html[data-theme="light"] .sds-source{background:#fff}html[data-theme="light"] .sds-source:hover{background:#edf8f4}html[data-theme="light"] .sds-caution{background:#f0f4f8}
@media(max-width:760px){.sds-result-row{grid-template-columns:1fr}.sds-result-row .sdsFullBtn{width:100%}.sds-search-fallback,.sds-direct{align-items:stretch;flex-direction:column}.sds-search-fallback .btn,.sds-direct .btn{width:100%}.sds-identity{grid-template-columns:repeat(2,minmax(0,1fr))}.sds-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chem-row-actions{flex-wrap:wrap}.sds-finder-head{padding-inline-end:34px}}
@media(max-width:460px){.sds-identity,.sds-source-grid{grid-template-columns:1fr}.sds-finder-head{gap:10px}.sds-finder-mark{width:42px;height:42px;flex-basis:42px}}

/* Exact product identity + resilient document actions */
.sds-advanced-search{margin-top:10px;padding:10px 12px;border:1px solid rgba(34,211,238,.14);border-radius:13px;background:rgba(34,211,238,.035)}
.sds-advanced-search summary{color:var(--mut);font-size:.72rem;font-weight:650;cursor:pointer}.sds-advanced-search .field-row{margin-top:10px;gap:9px}.sds-advanced-search label{font-size:.64rem}
.sds-identity b{overflow-wrap:anywhere;text-overflow:clip;white-space:normal}.sds-direct-download{text-align:center}
.sds-product-page{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border:1px solid rgba(34,211,238,.24);border-radius:14px;background:rgba(34,211,238,.055)}
.sds-product-page>div{display:grid;gap:3px}.sds-product-page span{color:var(--modal-muted,#9da9bd);font-size:.7rem}
.batchSdsFind{display:block;margin-top:7px}.sa-next .sds-analyzed-full{grid-column:1/-1}
html[data-theme="light"] .sds-advanced-search{border-color:rgba(10,10,15,.13);background:rgba(10,10,15,.025)}

@media(max-width:760px){
  .sds-advanced-search .field-row{grid-template-columns:1fr}.sds-product-page{align-items:stretch;flex-direction:column}.sds-product-page .btn{width:100%}
  /* Dense chemical tables become readable product cards instead of nested horizontal scrollers. */
  .batch-sds-table{overflow:visible!important;border:0!important;background:transparent!important}
  .batch-sds-table .tbl,.batch-sds-table thead,.batch-sds-table tbody,.batch-sds-table tr,.batch-sds-table td{display:block;min-width:0!important;width:100%}
  .batch-sds-table thead{display:none}.batch-sds-table tr{margin:0 0 12px;padding:8px 11px;border:1px solid rgba(34,211,238,.14);border-radius:14px;background:rgba(8,16,24,.5)}
  .batch-sds-table td{display:grid!important;grid-template-columns:minmax(96px,36%) minmax(0,1fr);gap:10px;padding:8px 0!important;border-bottom:1px solid rgba(130,160,180,.11);text-align:start!important;overflow-wrap:anywhere}
  .batch-sds-table td:last-child{border-bottom:0}.batch-sds-table td::before{color:var(--mut);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
  .batch-sds-table td:nth-child(1)::before{content:"Product / SDS"}.batch-sds-table td:nth-child(2)::before{content:"CAS"}.batch-sds-table td:nth-child(3)::before{content:"Supplier"}.batch-sds-table td:nth-child(4)::before{content:"Pictograms"}.batch-sds-table td:nth-child(5)::before{content:"H statements"}.batch-sds-table td:nth-child(6)::before{content:"Band"}.batch-sds-table td:nth-child(7)::before{content:"Control"}.batch-sds-table td:nth-child(8)::before{content:"Priority"}.batch-sds-table td:nth-child(9)::before{content:"Source"}
  .batchSdsFind{width:100%;margin-top:8px}
  .inv-card-table{overflow:visible!important;border:0!important;background:transparent!important}.inv-card-table #invTbl,.inv-card-table thead,.inv-card-table tbody,.inv-card-table tr,.inv-card-table td{display:block;min-width:0!important;width:100%}.inv-card-table thead{display:none}
  .inv-card-table tr{margin:0 0 12px;padding:8px 11px;border:1px solid rgba(34,211,238,.14);border-radius:14px;background:rgba(8,16,24,.5)}.inv-card-table td{display:grid!important;grid-template-columns:minmax(96px,36%) minmax(0,1fr);gap:10px;padding:7px 0!important;border-bottom:1px solid rgba(130,160,180,.11);text-align:start!important}.inv-card-table td:last-child{border-bottom:0}.inv-card-table td::before{color:var(--mut);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.inv-card-table td:nth-child(1)::before{content:"Product"}.inv-card-table td:nth-child(2)::before{content:"CAS"}.inv-card-table td:nth-child(3)::before{content:"H statements"}.inv-card-table td:nth-child(4)::before{content:"State"}.inv-card-table td:nth-child(5)::before{content:"Volatility"}.inv-card-table td:nth-child(6)::before{content:"Quantity"}.inv-card-table td:nth-child(7)::before{content:"Use / location"}.inv-card-table td:nth-child(8)::before{content:"Pictograms"}.inv-card-table td:nth-child(9)::before{content:"Band"}.inv-card-table td:nth-child(10)::before{content:"Control"}.inv-card-table td:nth-child(11)::before{content:"Priority"}.inv-card-table td:nth-child(12)::before{content:"Actions"}.inv-card-table .e{box-sizing:border-box;width:100%!important;max-width:none}.inv-card-table td[colspan]{display:block!important;text-align:center!important}.inv-card-table td[colspan]::before{content:none}
  html[data-theme="light"] .batch-sds-table tr,html[data-theme="light"] .inv-card-table tr{border-color:rgba(10,10,15,.12);background:#fff}
}
@media(max-width:430px){
  body.chempro .sds-actions .sa-grid{grid-template-columns:1fr!important}body.chempro .sds-actions .btn{min-width:0;white-space:normal!important;overflow-wrap:anywhere}
  .sds-finder{gap:18px}.sds-finder-head{padding-inline-end:28px}.sds-source{min-height:46px}.batch-sds-table td,.inv-card-table td{grid-template-columns:92px minmax(0,1fr)}
}