/* Cabarrus Manager · "Pull a day" (Nov 2 2026, Jeremy t1913u). Rides on the .sl tokens (Classic / Maroon / Enterprise / Sky). */
body.cm-page .ms-main--sl #cmxDay { margin-top: 20px; }
.cmd-head { align-items: flex-end; }
.cmd-title { min-width: 0; flex: 1 1 320px; }
.cmd-title .cmx-sub { margin-top: 2px; }
.cmd-ctl { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; }
html body .sl .cmd-arrow {
  appearance: none; display: inline-grid; place-items: center; width: 44px; height: 44px; margin: 0; padding: 0; cursor: pointer;
  border-radius: 999px; color: var(--sl-ink); background: var(--sl-ghost); border: 1px solid var(--sl-ghost-line, var(--sl-line));
  transition: transform .2s var(--sl-ease), box-shadow .2s, opacity .2s;
}
html body .sl .cmd-arrow svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
html body .sl .cmd-arrow:hover:not([disabled]) { transform: translateY(-1px); }
html body .sl .cmd-arrow[disabled] { opacity: .35; cursor: default; }
html body .sl .cmd-arrow:focus-visible, html body .sl .cmd-chip:focus-visible { outline: none; box-shadow: var(--sl-focus); }
.cmd-date { display: inline-flex; }
html body .sl .cmd-date input {
  height: 44px; box-sizing: border-box; min-width: 168px; padding: 0 14px; margin: 0; border-radius: 12px;
  border: 1px solid var(--sl-field-line); background: var(--sl-field); color: var(--sl-ink);
  font: 600 16px/1 var(--sl-sans); font-variant-numeric: tabular-nums; color-scheme: light;
}
html[data-theme="classic"] body .sl .cmd-date input { color-scheme: dark; }
html body .sl .cmd-date input:hover { border-color: var(--sl-field-hover); }
html body .sl .cmd-date input:focus { outline: none; box-shadow: var(--sl-focus); }
html body .sl .cmd-chip {
  appearance: none; height: 34px; padding: 0 14px; margin: 0 0 0 2px; cursor: pointer; border-radius: 999px;
  font: 700 13px/1 var(--sl-sans); color: var(--sl-gold); background: transparent; border: 1px solid var(--sl-line-2, var(--sl-line));
}
html body .sl .cmd-chip:hover { background: var(--sl-ghost-hover); }

.cmd-body { transition: opacity .2s; }
.cmd-body.is-busy { opacity: .55; }
.cmd-team { display: grid; grid-template-columns: repeat(4, minmax(0, auto)); justify-content: start; gap: 12px 44px; }
.cmd-team .cmx-k { grid-column: 1 / -1; }
.cmd-stat { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.cmd-stat b { font: 600 32px/1.05 var(--sl-num); color: var(--sl-ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
.cmd-stat span { font: 700 11px/1 var(--sl-sans); letter-spacing: .12em; text-transform: uppercase; color: var(--sl-muted); }
.cmd-vri { margin-top: 10px; }
.cmd-vri b { color: var(--sl-ink); font-weight: 700; }
.cmd-table .cmx-row > * { padding-top: 14px; padding-bottom: 12px; border-bottom: 1px solid var(--sl-line); }
.cmd-table tbody tr:last-child > * { border-bottom: 0; }
.cmd-table thead th.cmx-n { width: 38%; }
.cmd-name { overflow-wrap: anywhere; }
.cmd-table small { display: block; margin-top: 4px; font: 600 12px/1.2 var(--sl-sans); color: var(--sl-muted); white-space: nowrap; }
.cmd-ns { color: var(--sl-y-ink, var(--sl-muted)) !important; }
.cmd-vsub { display: none !important; }
.cmd-dim { color: var(--sl-soft); }
.cmd-table tfoot > tr > * { border-top: 2px solid var(--sl-line-2, var(--sl-line)); }
.cmd-foot { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px 20px; flex-wrap: wrap; }
.cmd-foot .cmx-foot { flex: 1 1 360px; max-width: 72ch; }
html body .sl .cmd-copy { flex: none; height: 40px; }

@media (max-width: 760px) {
  .cmd-team { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 18px; }
  .cmd-vcol { display: none; }
  .cmd-vsub { display: block !important; }
}
@media (max-width: 600px) {
  .cmd-head { align-items: stretch; gap: 14px; }
  .cmd-title, .cmd-foot .cmx-foot { flex: none; }
  .cmd-ctl { width: 100%; display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; }
  html body .sl .cmd-date input { width: 100%; min-width: 0; }
  .cmd-date { min-width: 0; }
  html body .sl .cmd-chip { grid-column: 1 / -1; justify-self: start; margin: 2px 0 0; }
  .cmd-stat b { font-size: 26px; }
  .cmd-table thead th.cmx-n { width: auto; }
  .cmd-table .cmx-row > * { font-size: 16px; }
  .cmd-table .cmx-row > th.cmx-n { font-size: 14.5px; }
  .cmd-table thead th { letter-spacing: .04em; }
  .cmd-table tfoot > tr > * { font-size: 17px; }
  .cmd-table tfoot th.cmx-n { font-size: 10.5px; letter-spacing: .08em; }
  .cmd-foot { flex-direction: column; align-items: stretch; }
  html body .sl .cmd-copy { justify-content: center; }
}