/* filings-panel.css — Form 4 and STOCK Act tables on /stock/{symbol}.
 *
 * A compact table, not the leaderboard. table.leaderboard forces
 * min-width: 1000px, which on a phone is a scrollbar for empty columns.
 * These panels are seven and five columns of a filing. They scroll
 * sideways when the names and figures do not fit; they do not pretend
 * to be the ranked table.
 *
 * Text columns wrap. Numeric columns stay on one line so a price does
 * not break between the dollar sign and the cents.
 */

.filing-table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
  border: 1px solid var(--border);
  border-radius: 4px;
}

table.filing-table {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--font-mono);
  font-size: 0.78rem;
}

table.filing-table th,
table.filing-table td {
  text-align: left;
  padding: 0.45rem 0.65rem;
  border-bottom: 1px solid var(--border);
  vertical-align: top;
}

table.filing-table th {
  color: var(--muted);
  font-size: 0.66rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: 500;
  white-space: nowrap;
}

table.filing-table td.cell-num,
table.filing-table th.cell-num {
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

table.filing-table td.cell-text {
  white-space: normal;
  overflow-wrap: anywhere;
  min-width: 6.5rem;
}

table.filing-table a {
  color: var(--fg);
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

/* Summary names sit outside the leaderboard, so they do not inherit
 * table.leaderboard a { color }. Underline (from stacked-names.css) is
 * what marks a linked name; the colour stays the body colour. A default
 * blue link would be the only saturated pixel in the stats block. */
dd.insider-cell .insider-link {
  color: var(--fg);
}