/* Commission Tracker identity: deep navy + brass, serif headings, ledger feel. */
:root {
  --jw-accent: #1F3A68; --jw-accent-hover: #162B4E; --jw-accent-soft: #E7ECF6;
  --jw-bg: #F6F7FA; --brass: #B8893B; --brass-soft: #F6EDDA; --navy-deep: #0F1F3D;
}
body { margin:0; background: var(--jw-bg); color: var(--jw-ink); font-family:'Inter',system-ui,sans-serif; }
h1,h2,h3,.jw-stat .value,.jw-brand { font-family:'Fraunces', Georgia, serif; }
.jw-header { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; padding:.8rem 1.5rem; background: var(--navy-deep); }
.jw-brand { color:#fff; } .jw-brand .dot { background: var(--brass); border-radius:2px; transform:rotate(45deg); }
.jw-nav a { color:#C9D3E8; } .jw-nav a:hover { background:rgba(255,255,255,.1); color:#fff; }
.jw-nav a[aria-current="page"] { background: var(--brass); color: var(--navy-deep); }
.view { display:none; } .view.active { display:block; }
h2.title { margin:.2rem 0 1rem; font-size:1.6rem; color: var(--navy-deep); }
.jw-stat .value { font-weight:700; color: var(--navy-deep); }
.jw-stat.brass { border-top:3px solid var(--brass); } .jw-stat.navy { border-top:3px solid var(--jw-accent); }
.capbar { height:12px; background:#E3E6EE; border-radius:99px; overflow:hidden; margin:.5rem 0; }
.capbar > span { display:block; height:100%; background: linear-gradient(90deg, var(--jw-accent), var(--brass)); }
.toolbar { display:flex; gap:.6rem; flex-wrap:wrap; align-items:center; margin-bottom:.9rem; }
.chip { padding:.3rem .8rem; border:1px solid var(--jw-border-strong); border-radius:99px; background:#fff; cursor:pointer; font-size:.85rem; }
.chip.on { background: var(--jw-accent); color:#fff; border-color: var(--jw-accent); }
.jw-table th { cursor:default; } .jw-table th.sortable { cursor:pointer; } .jw-table th.sortable:hover { color: var(--jw-accent); }
.proj { font-style:italic; color: var(--jw-muted); }
.help { font-size:.82rem; color: var(--jw-muted); margin:.25rem 0 0; }
fieldset { border:1px solid var(--jw-border); border-radius:12px; padding:1rem 1.1rem; margin:0 0 1rem; background:#fff; }
legend { font-family:'Fraunces',serif; font-weight:700; padding:0 .4rem; color: var(--navy-deep); }
.jw-field label { display:block; font-weight:600; font-size:.82rem; margin-bottom:.25rem; }
/* statement (also the printable page) */
.statement { background:#fff; border:1px solid var(--jw-border); border-radius:6px; padding:2rem 2.2rem; max-width:820px; }
.statement h1 { font-size:1.6rem; margin:0; color: var(--navy-deep); }
.statement .sub { color: var(--jw-muted); margin:.2rem 0 1.2rem; }
.statement table { width:100%; border-collapse:collapse; font-size:.88rem; margin:.8rem 0; }
.statement th { text-align:left; border-bottom:2px solid var(--navy-deep); padding:.35rem .4rem; font-size:.74rem; text-transform:uppercase; letter-spacing:.05em; }
.statement td { padding:.35rem .4rem; border-bottom:1px solid #E3E6EE; } .statement .num { text-align:right; font-variant-numeric:tabular-nums; }
.statement tfoot td { font-weight:700; border-top:2px solid var(--navy-deep); border-bottom:0; }
.statement .foot { margin-top:1.4rem; font-size:.78rem; color: var(--jw-muted); }
@media print {
  body { background:#fff; } .jw-header, .jwg-fab, .jwg-panel, .no-print, .view:not(.active) { display:none !important; }
  .jw-main { padding:0; max-width:none; } .statement { border:0; padding:0; max-width:none; }
}
[hidden] { display: none !important; }