/* Today, the daily report (today.js). Built from the Overview's own report
   card (.pt-report, .pt-statement, .pt-strip, .pt-cell), so the day reads
   like the month: orange is spent on the number and the busiest hour. New
   here: the hours plot, the pending line, the list by deal, and each branch's
   switches on Locations. */

/* The staff floor shows the tabs and panels that carry data-floor. */
.pt-floor-staff .pt-tabrow { display: block; }
.pt-floor-staff .pt-panel[data-panel="today"]:not(.hidden) { display: block; }

.td-body { display: grid; gap: var(--tud-space-5); }
.td-body:empty { display: none; }

.td-filter select { min-height: 40px; max-width: 22ch; padding: 0 44px 0 var(--tud-space-4); border-radius: var(--tud-radius-pill); font-size: 14px; font-weight: 700; }

/* ---------- the hours ---------- */

.td-busiest b { color: var(--tud-color-text-primary); font-family: var(--tud-font-secondary); font-size: 16px; }

.td-plot {
  display: flex;
  height: 112px;
  align-items: stretch;
  gap: 3px;
  border-bottom: var(--tud-border-hairline) solid var(--pt-line-2);
}

.td-col { display: flex; flex: 1 1 0; min-width: 0; align-items: flex-end; }

.td-bar {
  display: block;
  width: 100%;
  min-height: 2px;
  border-radius: 2px 2px 0 0;
  background: var(--pt-sand-line, var(--tud-color-border-default));
}

.td-col.is-peak .td-bar { background: var(--tud-color-accent-base); }

/* ---------- bills still without an amount ---------- */

.td-pending {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--tud-space-3) var(--tud-space-5);
  flex-wrap: wrap;
  padding: var(--tud-space-4) var(--tud-space-5);
  border: var(--tud-border-default) solid var(--tud-color-text-primary);
  border-radius: var(--tud-radius-lg);
  background: var(--tud-color-bg-surface);
}

.td-pending-say { margin: 0; font-size: 16px; line-height: 1.4; }

/* ---------- by deal ---------- */

.td-deals .pt-card-title { margin-bottom: var(--tud-space-3); }
.td-deal-list { display: grid; margin: 0; padding: 0; list-style: none; }

.td-deal {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(9ch, auto);
  align-items: baseline;
  gap: var(--tud-space-4);
  padding: var(--tud-space-3) 0;
  border-top: var(--tud-border-hairline) solid var(--tud-color-border-default);
}

.td-deal-name { min-width: 0; font-size: 15px; font-weight: 700; overflow-wrap: anywhere; }
.td-deal-name .pt-chip { margin-left: var(--tud-space-2); vertical-align: 1px; }
.td-deal-num,
.td-deal-money { font-family: var(--tud-font-secondary); font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }
.td-deal-num { font-size: 18px; font-weight: 700; }
.td-deal-money { color: var(--tud-color-text-secondary); font-size: 14px; font-weight: 600; }

/* ---------- a staff login's notifications control ---------- */

.td-device-slot:empty { display: none; }
.td-device-slot { margin-top: var(--tud-space-5); }
#panel-today .pt-device[hidden] { display: none; }
#panel-today .pt-device {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--tud-space-3) var(--tud-space-5);
  padding-block: var(--tud-space-5);
}

/* ---------- each branch's switches, in its card on Locations ---------- */

/* Rows in the card's Staff grid (portal.css .pt-staff-grid): the wrapper steps aside. */
.td-set { display: contents; }
.td-set-select select { min-height: 40px; padding: 0 40px 0 var(--tud-space-3); border-radius: var(--tud-radius-pill); font-size: 14px; font-weight: 700; }
.td-set > .pt-status { grid-column: 1 / -1; }
.td-set > .pt-status:empty { display: none; }

@media (max-width: 720px) {
  /* rupees stay on one line: a phone's half column holds Rs 99,99,999 at this size */
  .td-report .pt-num { font-size: 26px; white-space: nowrap; }
  #panel-today .pt-device { grid-template-columns: minmax(0, 1fr); }
}