/* ACC Daily · Supply page (sp-) */
.sp-anchor { scroll-margin-top: 76px; }
.sp-pad { padding-left: 24px; padding-right: 24px; }
.sp-note { display: flex; align-items: flex-start; gap: 8px; margin-top: calc(var(--gap) * -0.5); font: 400 var(--fs-13)/19px var(--font-ui); color: var(--ink-2); }
.sp-note .c-icon { flex: none; margin-top: 2px; color: var(--ink-3); }
.sp-chartnote { margin-top: 10px; font-size: var(--fs-12); }
.sp-lead { font: 400 var(--fs-14)/21px var(--font-ui); color: var(--ink-2); max-width: 90ch; }
.sp-lead strong { color: var(--ink-1); font-weight: 600; font-variant-numeric: tabular-nums; }
.sp-lead .c-code { font-size: 12.5px; }
.sp-filter { display: grid; gap: 10px; margin-bottom: 16px; }
.sp-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.sp-chips:empty { display: none; }
.sp-pad .c-empty { margin-top: 12px; }
.sp-codelink { text-decoration: underline; text-underline-offset: 2px; text-decoration-color: var(--ink-4); }
.sp-codelink:hover { text-decoration-color: var(--ink-1); }
.sp-wh { white-space: nowrap; }
.sp-wh .c-code { margin-right: 2px; }

/* stocked at V vs mill dropship */
.sp-split__bar { display: flex; height: 12px; margin: 2px 0 14px; background: var(--surface-sunken); }
.sp-split__seg { display: block; height: 100%; }
.sp-split__seg--st { background: var(--supply); }
.sp-split__seg--ds { background: var(--supply-soft); }
.sp-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0; border: 1px solid var(--rule-soft); }
.sp-split__row {
  display: grid; gap: 4px; align-content: start; padding: 12px 14px 14px; min-width: 0; text-align: left;
  border: 0; border-left: 1px solid var(--rule-soft); background: none; color: var(--ink-1); cursor: pointer;
}
.sp-split__row:first-child { border-left: 0; }
.sp-split__row:hover { background: var(--surface-hover); }
.sp-split__row.is-on { background: var(--supply-wash); box-shadow: inset 0 -2px 0 var(--supply); }
.sp-split__lab { display: inline-flex; align-items: center; gap: 8px; font: 600 11px/14px var(--font-ui); font-stretch: 125%; text-transform: uppercase; letter-spacing: .07em; color: var(--ink-2); }
.sp-split__num { font: 600 var(--fs-24)/30px var(--font-ui); letter-spacing: -.01em; font-variant-numeric: tabular-nums lining-nums; white-space: nowrap; }
.sp-split__unit { font: 400 var(--fs-13)/18px var(--font-ui); letter-spacing: 0; color: var(--ink-3); }
.sp-split__sub { font: 400 var(--fs-12)/16px var(--font-ui); color: var(--ink-3); }

/* receipts with no lines */
.sp-miss { list-style: none; display: grid; }
.sp-miss__i { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 2px 14px; padding: 10px 0; border-top: 1px solid var(--rule-soft); align-items: baseline; }
.sp-miss__i:first-child { border-top: 0; padding-top: 0; }
.sp-miss__i .c-code { font-size: 13px; }
.sp-miss__t { font: 500 var(--fs-14)/20px var(--font-ui); color: var(--ink-1); }
.sp-miss__s { grid-column: 2; font: 400 var(--fs-12)/16px var(--font-ui); color: var(--ink-3); }

/* downloads at the foot */
.sp-dl { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 14px; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--rule-soft); }
.sp-dl .c-btn--primary { height: auto; min-height: 44px; padding: 8px 16px; flex-wrap: wrap; gap: 4px 10px; }
.sp-dl .c-btn--primary .c-btn__t { font-weight: 600; }
.sp-dl .c-btn--secondary { height: 44px; }
.sp-dl__note { flex: 1 1 240px; font: 400 var(--fs-13)/19px var(--font-ui); color: var(--ink-3); }

@media (max-width: 639px) {
  .sp-anchor { scroll-margin-top: 8px; }
  .sp-pad { padding-left: 16px; padding-right: 16px; }
  .sp-lead { font-size: var(--fs-13); line-height: 19px; }
  .sp-split__num { font-size: var(--fs-20); line-height: 26px; }
  .sp-split__row { padding: 10px 12px 12px; }
  .sp-dl .c-btn { width: 100%; justify-content: flex-start; }
}