/* ============================================================
   TABLES — Data tables, rows and cells
   ============================================================ */

table.t{width:100%;border-collapse:collapse}
table.t th{text-align:left;position:sticky;top:0;z-index:2;white-space:nowrap}
/* belongs with print — kept here because it must load after a rule in this file */
table.sh th {
  background:#F0EFEA;
  border:.6pt solid #999;
  padding:2.7px 4px;
  text-align:left;
  font-size:7.1pt;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.05em;
}
table.t td{vertical-align:middle}
/* belongs with print — kept here because it must load after a rule in this file */
table.sh td{border:.6pt solid #999;padding:2.7px 4px;vertical-align:middle}
table.t td.n, table.t th.n{text-align:right}
table.t th.n{text-align:right}
/* belongs with print — kept here because it must load after a rule in this file */
table.sh td.n, table.sh th.n{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums}
/* belongs with print — kept here because it must load after a rule in this file */
table.sh td.c, table.sh th.c{text-align:center}
/* belongs with print — kept here because it must load after a rule in this file */
.dc-totals tr.grand td{background:#2E358A;color:#fff;font-weight:800;font-size:10pt;border:none}
.warnrow{background:transparent !important}
.warnrow:hover{background:#FCE3E3 !important}
table.t tbody tr{transition:background var(--t-fast) var(--ease)}
table.t tbody tr.warnrow:hover {
  box-shadow:inset 2px 0 0 var(--red);
  background:var(--red-bg) !important;
  box-shadow:inset 2px 0 0 var(--red);
}
/* every scrolling area shows a real bar, always — not an overlay that fades */
.tw, .dr-b, #content, .pipebody, .calgrid, .drawer{scrollbar-width:auto;scrollbar-color:#B8B4A8 #EFEEE9}
/* a table wider than its box scrolls sideways, and says so */
.tw{overflow:auto;position:relative;max-width:100%}
.tw.wide-x{border-right:2px solid var(--amber)}
.potot {
  display:flex;
  gap:22px;
  align-items:flex-end;
  flex-wrap:wrap;
  padding:12px 15px;
  margin-top:12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--card);
  box-shadow:var(--sh-1);
}
/* something already on a live purchase order */
tr.onorderrow{background:linear-gradient(90deg,var(--cyan-bg),transparent 62%)}
tr.onorderrow td:first-child{box-shadow:inset 3px 0 0 var(--cyan)}
.tw{border:1px solid var(--line);background:var(--card)}
table.t th{font-family:var(--sans);letter-spacing:.02em;text-transform:none}
table.t td{color:var(--ink)}
table.t tbody tr:last-child td{border-bottom:none}
table.t tbody tr.sel{background:var(--navy-bg)}
table.t tr.tot td{font-weight:600;border-top:1px solid var(--line)}
/* a row in trouble says so on its edge, not by turning the whole table pink */
table.t tbody tr.warnrow{background:transparent !important;box-shadow:inset 3px 0 0 var(--red)}

@media print {
  /* belongs with print — kept here because it must load after a rule in this file */
  table.t tbody tr.warnrow{box-shadow:none}
}

table.t tbody tr.warnrow td:first-child{padding-left:14px}
.rowbtn{cursor:pointer}
tr:hover .rowact, tr:focus-within .rowact{opacity:1}
/* tables are for reading a lot of rows at once */
table.t th{line-height:1.3}
/* A row that needs attention gets a quiet marker, not a red stripe.
   On a book where most rows are late a hard bar is just a red column
   down the page and tells you nothing. */
table.t tbody tr.warnrow{box-shadow:inset 2px 0 0 rgba(217,45,32,.42)}
/* the two-line cells that were making every row 54px tall */
table.t td br+*, table.t td>div+div{margin-top:1px}
/* numbers that mean a direction keep their colour but not their shout */
table.t td.n{white-space:nowrap}
table.t{font-size:13px;line-height:1.38}
table.t th {
  background:var(--n50);
  color:var(--n500);
  font-size:11.5px;
  font-weight:600;
  padding:10px 13px;
  border-bottom:1px solid var(--line);
}
table.t td{padding:8px 13px;border-bottom:1px solid var(--line2)}
table.t tbody tr:hover{background:var(--n50)}
table.t tr.tot td{background:var(--n50)}
table.t tbody tr.warnrow{box-shadow:inset 2px 0 0 rgba(197,54,44,.45)}
table.t tbody tr.warnrow{box-shadow:inset 2px 0 0 rgba(181,86,74,.4)}