/* An accessible, theme-aware HTML version of the automation scorecard. */
.case-score{
  --score-paper:#f0eedf;
  --score-ink:#242d22;
  --score-muted:#56644f;
  --score-rule:#c7cbb9;
  --score-manual:#242d22;
  --score-queued:#bc8c19;
  --score-processing:#ffe88a;
  --score-settled:#e6b72f;
  container-type:inline-size;
  align-self:start;
  min-width:0;
  margin:0;
  padding:clamp(17px,2.3vw,32px);
  border:1px solid var(--score-rule);
  border-radius:10px;
  background:var(--score-paper);
  color:var(--score-ink);
}
[data-theme="dark"] .case-score{
  --score-paper:#283125;
  --score-ink:#f4f5ed;
  --score-muted:#b8c3ae;
  --score-rule:#515d47;
  --score-manual:#76836e;
  --score-queued:#bc8c20;
  --score-processing:#ffef9e;
  --score-settled:#dfb12f;
}
.case-score-title{
  padding-bottom:14px;
  border-bottom:1px solid var(--score-rule);
  font-size:clamp(12px,3cqw,15px);
  font-weight:650;
  letter-spacing:.085em;
  line-height:1.5;
}
.case-score-body{
  display:grid;
  grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);
  align-items:center;
  gap:clamp(12px,5cqw,26px);
  padding-block:clamp(15px,5cqw,26px);
}
.case-score-main{position:relative;isolation:isolate;min-width:0}
.case-score-main::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-2% 9% 0 auto;
  width:13%;
  background:var(--yellow);
  transform:skewX(-13deg);
  pointer-events:none;
}
[data-theme="dark"] .case-score-main::before{background:#b18c24}
.case-score-value{
  display:flex;
  align-items:flex-start;
  gap:.012em;
  margin:0;
  font-family:var(--display);
  font-size:clamp(58px,36cqw,184px);
  line-height:.9;
  letter-spacing:-.085em;
  font-variant-numeric:lining-nums tabular-nums;
}
.case-score-value span{margin-top:.25em;font-size:.31em;letter-spacing:-.08em}
.case-score-value strong{font-weight:800}
.case-score-unit{margin-top:12px;font-size:clamp(15px,4.8cqw,26px);font-weight:600;line-height:1.15}
.case-score-before{margin-top:8px;font-size:clamp(13px,3.3cqw,17px);color:var(--score-muted)}
.case-score-chart-title{margin-bottom:10px;font-size:clamp(11px,2.8cqw,13px);letter-spacing:.075em;color:var(--score-muted);line-height:1.4}
.case-score-grid{--scan-step:64ms;--scan-period:6272ms;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:clamp(2px,.56cqw,4px);contain:paint}
.case-score-grid span{aspect-ratio:1;background:var(--yellow)}
.case-score-grid span:nth-last-child(-n+2){background:var(--score-manual)}
[data-motion="full"] body:not(.dialog-open) .case-score-grid.is-processing>span:nth-child(-n+98){
  animation:score-block-scan var(--scan-period) steps(1,end) infinite;
  animation-delay:calc(var(--scan-slot) * var(--scan-step) - var(--scan-period));
}
@keyframes score-block-scan{
  0%{background-color:var(--score-queued)}
  1.05%{background-color:var(--score-processing)}
  4.2%{background-color:var(--score-settled)}
  9.4%,100%{background-color:var(--yellow)}
}
.case-score-legend{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 9px;margin-top:8px;font-size:12px;color:var(--score-muted)}
.case-score-legend span{display:inline-flex;gap:6px;align-items:center}
.case-score-legend span::before{content:"";width:7px;height:7px;background:var(--yellow)}
.case-score-legend span+span::before{background:var(--score-manual)}
.case-score-result{padding-top:13px;border-top:1px solid var(--score-rule);font-size:clamp(14px,3.6cqw,18px);line-height:1.45}
@media(forced-colors:active){
  .case-score-grid span,.case-score-legend span::before{forced-color-adjust:none}
}
@media(forced-colors:active),print{
  .case-score-grid.is-processing>span{animation:none!important}
}