/* INCI4ME Score workspace R1: completely scoped, zero Panoramica restyling. */
#inci-score{min-width:0}
#inci-score .inci-score-workspace{--isci-line:#e3e8ee;--isci-muted:#5e697b;--isci-ink:#172435;--isci-accent:#1e87a9;max-width:1170px;margin:1.15rem auto 2.5rem;color:var(--isci-ink);font-family:inherit}
#inci-score .isci-header{position:relative;padding:1.65rem 1.8rem 1.4rem;border:1px solid var(--isci-line);border-radius:20px;background:linear-gradient(125deg,#f3fbfd,#fff 72%);overflow:hidden}
#inci-score .isci-header::after{content:"";position:absolute;right:-65px;top:-105px;width:280px;height:280px;border:32px solid #e7f5f7;border-radius:50%;opacity:.65;pointer-events:none}
#inci-score .isci-kicker{display:flex;align-items:center;gap:.52rem;font-size:.72rem;color:#0a6888;font-weight:750;letter-spacing:.04em;text-transform:uppercase}
#inci-score .isci-kicker-dot{width:9px;height:9px;border-radius:50%;background:#17a2b8}
#inci-score h2{position:relative;margin:.65rem 0 .18rem;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;letter-spacing:-.035em}
#inci-score .isci-subtitle{font-weight:650;color:#3b5568;margin:0 0 .45rem;font-size:1rem}
#inci-score .isci-intro{max-width:780px;margin:0;color:var(--isci-muted);font-size:.87rem;line-height:1.55}
#inci-score .isci-mode-row{display:inline-flex;gap:5px;padding:5px;border:1px solid #d8e4ec;border-radius:12px;background:#f3f7fa;margin:1.15rem 0 .45rem;flex-wrap:wrap}
#inci-score .isci-mode{border:0;border-radius:9px;padding:.62rem 1rem;font-weight:750;font-size:.86rem;background:transparent;color:#506176;cursor:pointer}
#inci-score .isci-mode.is-active{background:#fff;color:#086789;box-shadow:0 2px 8px #1d344b1c}
#inci-score .isci-mode:focus-visible,#inci-score select:focus-visible{outline:3px solid #6dd0e3;outline-offset:2px}
#inci-score .isci-mode-hint{margin:.1rem 0 1rem;color:var(--isci-muted);font-size:.81rem}
#inci-score .isci-category{margin:-.25rem 0 1rem;max-width:340px}
#inci-score .isci-category[hidden]{display:none!important}
#inci-score .isci-category label{display:block;font-size:.82rem;font-weight:750;margin-bottom:.3rem}
#inci-score .isci-category select{width:100%;border-radius:10px;border:1px solid #d1dbe5;padding:.6rem .75rem;background:#fff;color:var(--isci-ink)}
#inci-score .isci-upper{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:1rem;align-items:stretch}
#inci-score .isci-total,#inci-score .isci-dimensions,#inci-score .isci-card{border:1px solid var(--isci-line);border-radius:17px;background:#fff;box-shadow:0 5px 18px #0f27380a}
#inci-score .isci-total{padding:1.25rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center}
#inci-score .isci-total-caption{font-size:.86rem;font-weight:750;color:#48586b}
#inci-score .isci-gauge{width:168px;height:168px;margin:.8rem auto .75rem;border-radius:50%;background:conic-gradient(#e2eaf0 0 300deg,transparent 300deg 360deg);display:grid;place-items:center}
#inci-score .isci-gauge-center{width:137px;height:137px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff}
#inci-score .isci-gauge strong{font-size:3rem;line-height:1;font-weight:700;color:#7b8fa0}
#inci-score .isci-gauge span{font-size:1rem;color:#8a9dad}
#inci-score .isci-unavailable{font-size:.9rem;color:#24384c}
#inci-score .isci-total-copy{max-width:340px;margin:.45rem 0 0;font-size:.8rem;color:var(--isci-muted);line-height:1.45}
#inci-score .isci-dimensions{padding:1.4rem 1.55rem}
#inci-score h3{font-size:1.14rem;font-weight:800;margin:0 0 .15rem}
#inci-score .isci-muted{font-size:.78rem;color:var(--isci-muted);margin:0 0 .95rem}
#inci-score .isci-dimension{margin:0 0 .87rem}
#inci-score .isci-dimension:last-child{margin:0}
#inci-score .isci-dimension-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.4rem;font-size:.85rem;font-weight:700}
#inci-score .isci-dimension-meta{color:#677c90;font-size:.76rem;font-weight:700;white-space:nowrap}
#inci-score .isci-bar{height:8px;border-radius:12px;background:#e9edf2;overflow:hidden}
#inci-score .isci-bar span{display:none}
#inci-score .isci-notice{display:flex;gap:.85rem;align-items:flex-start;margin:1rem 0;padding:1rem 1.1rem;border:1px solid #f5d9a3;border-radius:14px;background:#fffaf0}
#inci-score .isci-notice-icon{width:22px;height:22px;flex:0 0 22px;border-radius:50%;display:grid;place-items:center;background:#a76606;color:#fff;font-weight:800}
#inci-score .isci-notice strong{font-size:.86rem;color:#754500}
#inci-score .isci-notice p{margin:.2rem 0 0;font-size:.8rem;color:#785b32;line-height:1.5}
#inci-score .isci-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
#inci-score .isci-card{padding:1.05rem 1.2rem;min-width:0}
#inci-score .isci-card-label{font-size:.89rem;font-weight:780;color:#23374d;margin:0 0 .42rem}
#inci-score .isci-card-value{font-size:1.55rem;color:#8090a1}
#inci-score .isci-card p{margin:.25rem 0 0;color:var(--isci-muted);font-size:.81rem;line-height:1.55}
#inci-score .isci-card .isci-count{margin-top:.8rem;color:#096b8d;font-weight:700}
#inci-score .isci-footer{text-align:center;color:#667587;font-size:.76rem;margin:1.1rem 0}
@media(max-width:800px){#inci-score .isci-upper{grid-template-columns:1fr}#inci-score .isci-header{padding:1.3rem}#inci-score .isci-header::after{opacity:.25}#inci-score .isci-dimensions{padding:1.2rem}}
@media(max-width:580px){#inci-score .inci-score-workspace{margin:1rem auto 2rem}#inci-score .isci-grid{grid-template-columns:1fr;gap:.65rem}#inci-score .isci-total{padding:1.2rem}#inci-score .isci-gauge{width:145px;height:145px}#inci-score .isci-gauge-center{width:116px;height:116px}#inci-score .isci-gauge strong{font-size:2.5rem}#inci-score .isci-dimensions{padding:1rem}#inci-score .isci-mode-row{display:flex;width:100%}#inci-score .isci-mode{flex:1 1 auto;padding:.64rem .5rem}#inci-score .isci-dimension-head{font-size:.8rem}#inci-score .isci-header{border-radius:15px}#inci-score .isci-card{border-radius:13px}}
@media(prefers-reduced-motion:reduce){#inci-score *,#inci-score *::after{transition:none!important;animation:none!important}}

/* BF6N17 SCORE CATEGORY CATALOG V1 - no global style overrides */
.inci-score-workspace .isci-context-block{margin:14px 0 12px;padding:14px 15px;border:1px solid #dce6eb;border-radius:13px;background:#f9fbfc}
.inci-score-workspace .isci-context-heading{font-size:.88rem;font-weight:750;color:#1c506b;margin:0 0 9px}
.inci-score-workspace .isci-context-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.inci-score-workspace .isci-context-grid .isci-category{min-width:0;margin:0;display:flex;flex-direction:column;gap:5px}
.inci-score-workspace .isci-context-grid .isci-category[hidden]{display:none!important}
.inci-score-workspace .isci-context-grid select{width:100%;max-width:none;min-width:0;background-color:#fff}
.inci-score-workspace .isci-context-note,.inci-score-workspace .isci-catalogue-meta{font-size:.75rem;line-height:1.5;color:#567080;margin:8px 0 0}
.inci-score-workspace .isci-catalogue-meta{font-weight:650;color:#18617a}
.inci-score-workspace .isci-motor-notice{font-size:.72rem;color:#536977;margin:7px 0 12px}
@media (max-width:660px){.inci-score-workspace .isci-context-grid{grid-template-columns:1fr}.inci-score-workspace .isci-context-block{padding:13px}.inci-score-workspace .isci-context-grid .isci-category select{width:100%}}

/* Score category context: explicit heading gap; scoped, overrides the generic #inci-score h3 margin. */
#inci-score .isci-context-heading{margin:0 0 1.05rem;line-height:1.35}

/* INCI4ME_BF6N17_SCORE_CONTEXT_PICKER_STYLE_FIX1
   Presentation only. The native selects still hold Score context state.
   Reuse the existing approved category-picker look on all screen sizes. */
#ocrResult #inci-score .isci-context-grid .isci-secondary-picker-field > select.isci-secondary-native {
  display: none !important;
}
#ocrResult #inci-score .isci-context-grid .isci-secondary-picker-field > button.isci-secondary-picker-trigger {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* INCI4ME_BF6N17_SCORE_UI_FIX2
   Temporarily hide only the Score header's long algorithm notice.
   Other safety/Annex notes are preserved. Align dynamic Annex text below
   the warning headline inside the text column, not beside the icon. */
#ocrResult #inci-score .isci-header > p.isci-intro { display: none !important; }
#ocrResult #inci-score .isci-notice > div { flex: 1 1 auto; min-width: 0; }
#ocrResult #inci-score .isci-notice [data-score-annex-v1] { display: block; margin: .4rem 0 0; max-width: 100%; line-height: 1.45; }

/* REGULATORY R1 - alert directly beneath the total Score; scoped, mobile-safe. */
#ocrResult #inci-score .isci-regulatory-alert{width:100%;box-sizing:border-box;margin:.25rem 0 .75rem;padding:.85rem .95rem;border-radius:12px;display:flex;flex-direction:column;text-align:left;gap:.3rem;line-height:1.4;word-break:normal;overflow-wrap:anywhere}
#ocrResult #inci-score .isci-regulatory-alert[hidden]{display:none!important}
#ocrResult #inci-score .isci-regulatory-alert strong{font-size:.88rem;font-weight:800}
#ocrResult #inci-score .isci-regulatory-alert span{font-size:.78rem}
#ocrResult #inci-score .isci-reg-alert-critical{background:#fff0f0;border:2px solid #b42318;color:#89180e}
#ocrResult #inci-score .isci-reg-alert-review{background:#fffaf0;border:1px solid #a66c14;color:#71500c}
@media (max-width:580px){#ocrResult #inci-score .isci-regulatory-alert{padding:.8rem .75rem}}

/* BF6N29 R5 - only Score summary layout; no changes to calculations or Annex gates.
   Fill the right card with its visible rows rather than a blank lower third.
   Compact the verified-critical gauge so the alert does not grow the whole row.
   The optional fifth dimension remains hidden until percentages are supplied. */
#ocrResult #inci-score .isci-dimensions {display:flex;flex-direction:column;}
#ocrResult #inci-score .isci-dimension-list {display:flex;flex:1 1 auto;flex-direction:column;justify-content:space-between;gap:.75rem;min-height:0;}
#ocrResult #inci-score .isci-dimension-list > .isci-dimension {margin:0;}
#ocrResult #inci-score .isci-total.isci-total-has-critical {padding:1rem 1.25rem;}
#ocrResult #inci-score .isci-total.isci-total-has-critical .isci-gauge {width:142px;height:142px;margin:.5rem auto .5rem;}
#ocrResult #inci-score .isci-total.isci-total-has-critical .isci-gauge-center {width:116px;height:116px;}
#ocrResult #inci-score .isci-total.isci-total-has-critical .isci-gauge strong {font-size:2.55rem;}
#ocrResult #inci-score .isci-total.isci-total-has-critical .isci-regulatory-alert {padding:.7rem .8rem;margin:.15rem 0 .5rem;}
@media(max-width:800px){#ocrResult #inci-score .isci-dimension-list {justify-content:flex-start;}}

/* BF6N29 R7: legible legal context below the regulatory dimension. */
.isci-annex-explanations{display:grid;gap:.7rem;margin-top:1rem;padding-top:.8rem;border-top:1px solid #dce4ef}
.isci-annex-explanations[hidden]{display:none!important}
.isci-annex-explanations h5{font-size:.85rem;font-weight:750;margin:0 0 .15rem}
.isci-annex-explanation{min-width:0;border:1px solid #dae3ee;border-radius:10px;background:#f8fafc;padding:.8rem .9rem}
.isci-annex-explanation strong{display:block;font-size:.8rem;overflow-wrap:anywhere}
.isci-annex-explanation p{font-size:.77rem;line-height:1.5;margin:.35rem 0;overflow-wrap:anywhere}
.isci-annex-explanation a{font-size:.75rem;text-decoration:underline}

/* BF6N29 R8: consumer explanations no longer stretch a short card to the
   full height of multiple detailed Annex records. The regulatory card spans
   the available width and the environmental card occupies its own row. */
#ocrResult #inci-score .isci-explain-grid {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.8rem; align-items:start;
}
#ocrResult #inci-score .isci-explain-grid > .isci-explain-card {
  min-width:0; height:auto; align-self:start;
}
#ocrResult #inci-score .isci-explain-grid > [data-score-explain="environment"],
#ocrResult #inci-score .isci-explain-grid > [data-score-explain="evidence"],
#ocrResult #inci-score .isci-explain-grid > [data-score-explain="safety"] {
  grid-column:1 / -1;
}
#ocrResult #inci-score .isci-annex-explanations {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.75rem; align-items:start;
}
#ocrResult #inci-score .isci-annex-explanations[hidden] {display:none!important}
#ocrResult #inci-score .isci-annex-explanations > h5 {grid-column:1 / -1}
#ocrResult #inci-score .isci-annex-technical {margin:.6rem 0 0;padding-top:.4rem;border-top:1px solid #dce4ef}
#ocrResult #inci-score .isci-annex-technical > summary {cursor:pointer;font-weight:650;font-size:.78rem;color:#235b78}
#ocrResult #inci-score .isci-annex-explanation {height:auto;align-self:start;min-width:0}
@media (max-width:767px) {
  #ocrResult #inci-score .isci-explain-grid,
  #ocrResult #inci-score .isci-annex-explanations {grid-template-columns:1fr}
}