/*
Theme Name: GeneBook
Description: Custom theme for genebook.ai, converted from the "WordPress homepage design request" static HTML handoff. Rebranded from the original design's placeholder branding.
Author: GeneBook.ai
Version: 1.0
Text Domain: genebook
*/

body {
  margin: 0;
  background: #ffffff;
  font-family: 'Inter', sans-serif;
  color: #1a1714;
}
* {
  box-sizing: border-box;
}
::placeholder {
  color: #b3aca3;
}
a {
  color: #FF6F4C;
  text-decoration: none;
}
a:hover {
  color: #C6502F;
}
img {
  max-width: 100%;
  height: auto;
}

/* ── Data tables ──────────────────────────────────────────────────────
   Single source of truth for every results/statistics table on the
   site (page-app.php's trade log + tradeStats/perTradeStats/drawdown/
   monthly tables, page-admin-user-costs.php's cost report). Previously
   each table hand-rolled its own inline styles per page with no shared
   rules -- numeric columns weren't consistently right-aligned, digits
   didn't line up column-to-column (proportional fonts render "1,204.50"
   and "89.10" at different widths unless tabular-nums is forced), and
   header/row spacing drifted slightly from table to table. Added
   2026-07-20 alongside the custom chart rework, for the same reason:
   this is a results page a real trader would actually read, not a demo
   of what an R script printed. */
.aib-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  font-variant-numeric: tabular-nums; /* every digit the same width, so columns of numbers actually line up */
}
.aib-table th {
  text-align: left;
  font-size: 11px;
  font-weight: 700;
  color: #8a8377;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 9px 14px;
  border-bottom: 1.5px solid #1a1714;
  white-space: nowrap;
}
.aib-table td {
  padding: 9px 14px;
  border-bottom: 1px solid #f2efe9;
  color: #33302b;
  white-space: nowrap;
}
.aib-table tbody tr:hover {
  background: #fbf5ef;
}
.aib-table tbody tr:last-child td {
  border-bottom: none;
}
/* Numeric columns (added via JS once each table's own column types are
   known -- see renderTable()/the trade-log renderer in page-app.php) —
   right-aligned, tabular-nums already applies at the table level. */
.aib-table td.num,
.aib-table th.num {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.aib-table td.pos { color: #2f8a5c; font-weight: 600; }
.aib-table td.neg { color: #b3392f; font-weight: 600; }
.aib-table-empty {
  color: #b3aca3;
  padding: 16px 14px;
  font-size: 13px;
}
/* Wide tables (many tradeStats/perTradeStats columns) scroll inside
   their own card rather than blowing out the page width or wrapping
   awkwardly -- a real horizontal scrollbar, not text overflow. */
.aib-table-scroll {
  overflow-x: auto;
  border-radius: 10px;
}