/* Paper Trade Book — Agent A daily trades, audit, and cost (paper/advisory). */
:root {
  --ground:#0a0d13; --panel:#111722; --line:#1c2431; --line-soft:#161d28;
  --ink:#c8d3e2; --dim:#6b7789; --faint:#47505f; --sell:#ff4d5e; --buy:#26d888;
  --pos:#3fb1ff; --spot:#f5b23d;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
* { box-sizing:border-box; }
body { margin:0; background:var(--ground); color:var(--ink); font-family:var(--sans);
  padding:16px clamp(12px,3vw,34px) 40px; -webkit-font-smoothing:antialiased; }
.topbar { display:flex; align-items:baseline; gap:14px; flex-wrap:wrap;
  padding-bottom:14px; border-bottom:1px solid var(--line); }
.topbar h1 { margin:0; font-size:15px; font-weight:650; letter-spacing:.12em; text-transform:uppercase; color:#e7edf5; }
.topbar .date { font-family:var(--mono); font-size:13px; color:var(--dim); }
.pill { font-family:var(--mono); font-size:10px; letter-spacing:.06em; padding:2px 9px;
  border-radius:20px; border:1px solid var(--line); color:var(--dim); }
.summary { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:10px; margin:18px 0; }
.card { background:linear-gradient(180deg,#121926,#0e131c); border:1px solid var(--line);
  border-radius:9px; padding:12px 14px; display:flex; flex-direction:column; gap:5px; }
.card .k { font-size:9.5px; letter-spacing:.11em; text-transform:uppercase; color:var(--faint); }
.card .v { font-size:20px; font-family:var(--mono); font-variant-numeric:tabular-nums; }
.card .sub { font-size:10.5px; color:var(--dim); font-family:var(--mono); }
h2 { font-size:12px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--dim); margin:22px 0 10px; }
.tablewrap { overflow-x:auto; border:1px solid var(--line); border-radius:10px; }
table { width:100%; border-collapse:separate; border-spacing:0; font-family:var(--mono); font-size:12.5px; }
thead th { position:sticky; top:0; background:var(--panel); color:var(--faint); font-family:var(--sans);
  font-weight:600; font-size:9.5px; letter-spacing:.1em; text-transform:uppercase; padding:9px 12px;
  text-align:right; border-bottom:1px solid var(--line); white-space:nowrap; }
thead th.l { text-align:left; }
td { padding:10px 12px; text-align:right; border-bottom:1px solid var(--line-soft);
  font-variant-numeric:tabular-nums; white-space:nowrap; }
td.l { text-align:left; }
tr.main:hover td { background:#15202e; cursor:pointer; }
.legs .s { color:#ff8b98; } .legs .b { color:#35c98a; }
.st { font-family:var(--sans); font-size:9.5px; padding:2px 8px; border-radius:20px; border:1px solid var(--line); color:var(--dim); }
.st.open { border-color:rgba(63,177,255,.4); color:var(--pos); }
.audit td { padding:0; background:#0b1017; }
.audit-body { padding:14px 16px; display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:14px 24px; }
.asec { display:flex; flex-direction:column; gap:5px; }
.asec h3 { margin:0; font-size:9.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--pos); font-weight:600; }
.arow { display:flex; justify-content:space-between; gap:12px; font-family:var(--mono); font-size:12px; }
.arow .k { color:var(--dim); } .arow .v { color:var(--ink); text-align:right; }
.why { grid-column:1/-1; font-size:12.5px; line-height:1.55; color:var(--dim);
  border-left:2px solid var(--pos); padding:4px 0 4px 12px; }
.why strong { color:var(--ink); }
.empty { color:var(--faint); padding:24px; text-align:center; font-size:13px; }
.foot { margin-top:16px; font-size:11px; color:var(--faint); font-family:var(--mono); }