/* Send Safety (sendsafety.php). Colors, badges, cards and the phone one-line rows come from style.css and quickwins.css. */
.sg-state { display: flex; align-items: center; gap: 10px; min-width: 0; margin: 4px 0 12px; }
.sg-why { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 600; }
.sg-filter { margin: 0 0 8px; }
.sg-filter select { width: auto; }
.card .row form { margin: 0; }
/* One line per row on the computer too; the full row is in the tooltip. Oct 19, 2026: the columns size to their words
   (the house table rule) instead of fixed widths (When 150px, To 26%, From 18%, Result 140px cut From with room left);
   To is the main column (td.t-main) and is the one that ends in "…" when the row is full; What, From and Why stop at
   18vw. On a narrower card From steps out under 820px and Why under 600px (the house .lc-b / .lc-c); the row's tooltip
   keeps everything. */
@media (min-width: 801px) {
  body:not(.ps):not(.site) main .card.list-results table.sg-rows.qw-rows tr > td.t-main { width: 100%; max-width: 0; }
  body:not(.ps):not(.site) main .card.list-results table.sg-rows.qw-rows tr > td:is(:nth-child(3), :nth-child(4), :nth-child(6)) { max-width: clamp(90px, 18vw, 22em); }
}
.list-results table.sg-rows th, .list-results table.sg-rows td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
table.sg-rows .sg-ch { color: var(--muted); }
table.sg-rows .sg-sub { display: none; }
@media (max-width: 760px) {
  table.sg-rows { table-layout: auto; }
  table.sg-rows .sg-sub { display: inline; color: var(--muted); }
  table.sg-rows .sg-ch { display: none; }
}
/* Phone: Back + the title need the top bar, so the count pills step aside; the same counts are on the Safe Mode card. */
.sg-today { display: none; }
@media (max-width: 800px) {
  .top-title.has-back ~ .top-pills { display: none; }
  .sg-today { display: block; margin: -4px 0 12px; }
}