/* The day across the business (Home tab, web app). Uses the Day by venue card's tiles, controls and table styles. */
.ht-card { margin-bottom: var(--cds-gap-md); }
.ht-card .dv-top { grid-template-columns: minmax(190px, 1.3fr) repeat(4, minmax(120px, 1fr)); }
#ht-controls .ht-scope { flex: 1 1 auto; }
#ht-controls .ht-scope-btn { padding: 6px 12px; }
.ht-card .dv-head #ht-controls { flex: 1 1 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; }
#ht-controls .dv-days { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }

/* revenue against labour and overhead: two bars on one scale */
.ht-bars { display: grid; gap: 12px; margin: 0 0 var(--cds-gap-md); }
.ht-row-head { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; margin-bottom: 4px; }
.ht-row-name { font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--color-fg-muted); }
.ht-row-val { font-variant-numeric: tabular-nums; }
.ht-track { display: flex; gap: 2px; height: 18px; border-radius: 4px; background: var(--cds-chart-grid, rgba(127,127,127,.15)); overflow: hidden; }
.ht-seg { display: block; height: 100%; min-width: 2px; }
.ht-seg:first-child { border-radius: 4px 0 0 4px; }
.ht-seg:last-child { border-radius: 0 4px 4px 0; }
.ht-venues { background: var(--series-1); }
.ht-ws { background: var(--series-2); }
.ht-lab { background: var(--series-3); }
.ht-oh { background: var(--cds-chart-reference, var(--color-fg-muted)); opacity: 0.6; }
.ht-cogs { background: var(--series-4); }
.ht-fin { background: var(--cds-chart-reference, var(--color-fg-muted)); opacity: 0.3; }
/* the daily P&L table: section rows, totals and the bottom line */
.ht-card .dv-table tr.ht-sec td { padding-top: 14px; font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-fg-muted); border-bottom: none; }
.ht-card .dv-table tr.ht-final td { border-top: 2px solid var(--color-fg); font-size: 1.05em; }
.ht-card .ht-mtd { font-weight: 700; }
.ht-legend { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 4px; font-size: 12px; color: var(--color-fg-muted); font-variant-numeric: tabular-nums; }
.ht-key { display: inline-flex; align-items: center; gap: 6px; }
.ht-sw { display: inline-block; width: 10px; height: 10px; border-radius: 2px; }
#ht-trend { margin-top: var(--cds-gap-md); }
#ht-note { margin-top: var(--cds-gap-sm); }
@media (max-width: 900px) { .ht-card .dv-top { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) {
  #ht-controls .dv-days { width: 100%; }
  #ht-controls .dv-days .dv-date { flex: 1 1 120px; min-width: 0; }
  #ht-controls .ht-scope { width: 100%; }
}
/* the P&L reads top to bottom: no inner scroll box */
.rr .ht-card .rr-tablewrap { max-height: none; }