/* Send casuals home (Venues tab, web app): uses the Day by venue card's tiles and table styles */
.sd-card { margin-bottom: var(--cds-gap-md); }
.sd-card .dv-head #sd-controls { flex: 1 1 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; }
#sd-controls .sd-venue-btn { padding: 6px 12px; }
.sd-tgt { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; }
.sd-tgt[hidden] { display: none; }
.sd-tgt .sd-target { width: 5.5em; }
.sd-card .sd-top { grid-template-columns: repeat(3, minmax(150px, 1fr)); }
/* the three labour %s on one scale */
.sd-gauge { display: grid; gap: 8px; margin: 0 0 var(--cds-gap-md); }
.sd-g-row { display: grid; grid-template-columns: 11.5rem 1fr 4.5rem; align-items: center; gap: 10px; }
.sd-g-name { font-size: 13px; color: var(--color-fg-muted); }
.sd-g-val { text-align: right; font-variant-numeric: tabular-nums; }
.sd-g-track { position: relative; height: 14px; border-radius: 4px; background: var(--cds-chart-grid, rgba(127,127,127,.15)); }
.sd-g-bar { display: block; height: 100%; border-radius: 4px; }
.sd-now { background: var(--series-2); }
.sd-warn-bar { background: var(--color-warn, #c98a00); }
.sd-ok { background: var(--color-ok, var(--series-1)); }
.sd-over { background: var(--color-bad, #c0392b); opacity: .85; }
.sd-plan { background: var(--color-ok, var(--series-1)); }
.sd-g-target { position: absolute; top: -4px; bottom: -4px; width: 2px; margin-left: -1px; background: var(--color-fg); border-radius: 1px; }
.sd-g-key { margin: 0; }
.sd-table tr.sd-go td { background: color-mix(in srgb, var(--color-ok, #1e8e3e) 8%, transparent); }
.sd-table .sd-plan-cell, .sd-table .sd-plan-h { font-weight: 700; padding-left: 18px; }
.sd-table .sd-delta { font-weight: 700; }
.rr .sd-card .rr-tablewrap { max-height: none; }
.sd-warn { margin-top: var(--cds-gap-sm); }
.sd-note { margin-top: var(--cds-gap-sm); }
@media (max-width: 640px) {
  .sd-card .sd-top { grid-template-columns: 1fr; }
  .sd-g-row { grid-template-columns: 1fr 3.8rem; }
  .sd-g-name { grid-column: 1 / -1; }
  .sd-g-track { grid-column: 1; }
  #sd-controls .sd-venues { width: 100%; }
  /* phones: the hourly cost column goes; what each person saves stays */
  .sd-table th:nth-child(2), .sd-table td:nth-child(2) { display: none; }
  .sd-table .sd-plan-cell, .sd-table .sd-plan-h { padding-left: 10px; }
}