/* ============================================================
   record-page.css — Record Tracker workspace (record.html only)
   Scoped entirely under .record-page / main.record-page so no
   other page is affected. Mirrors the receipts/EV "command
   center" vocabulary: dark navy hero + status chip, KPI band,
   ledger card, and 01/02 brand caps.
   Loaded AFTER styles.css (v=20260801-1).
   ============================================================ */

/* 00 — Page shell: workspace width like EV Board / Receipts */
main.record-page{max-width:1180px!important;padding-top:28px!important}

/* 01 — Command-center hero ---------------------------------- */
body main.record-page>.tracker-hero{
  position:relative;display:block;overflow:hidden;margin:0;
  padding:34px 38px 30px!important;
  border-radius:9px 9px 0 0!important;
}
body main.record-page>.tracker-hero>div{max-width:760px}
.record-page .tracker-hero .eyebrow{
  color:#83afe2;font-size:10px;font-weight:700;letter-spacing:.08em;
}
body main.record-page>.tracker-hero h1{
  max-width:760px;margin:9px 0 13px!important;
  color:#fff!important;font-size:39px!important;font-weight:650!important;
  letter-spacing:-.042em!important;line-height:1.08;
}
body main.record-page>.tracker-hero .subhead{
  max-width:720px;margin:0;color:#b9c6d5!important;
  font-size:14px;line-height:1.65;
}
/* Status chip — same recipe as RECEIPTS / PUBLIC / DATABASE COMPUTED */
.record-page .tracker-hero::after{
  content:'PRIVATE / BROWSER-LOCAL';position:absolute;right:34px;top:34px;
  padding:7px 10px;border:1px solid rgba(255,255,255,.14);border-radius:6px;
  background:rgba(8,18,31,.2);color:#a8bdd3;
  font-size:10px;font-weight:700;letter-spacing:.06em;
}

/* 02 — Value statement strip (attached under the hero) ------ */
.record-page .record-desk-note{
  display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;align-items:start;
  margin:0;padding:18px 22px;
  border:1px solid #263b54;border-top:1px solid rgba(255,255,255,.08);
  border-radius:0 0 9px 9px;background:#1d3047;
  box-shadow:0 5px 16px rgba(24,36,51,.08);
}
.record-page .record-desk-note strong{
  padding-left:17px;
  background:radial-gradient(circle at 3px 7px,#2fb344 0 4px,transparent 4.5px);
  color:#f3f6f9;font-size:11px;font-weight:650;line-height:1.5;
}
.record-page .record-desk-note p{
  max-width:none;margin:0;color:#aebdce;font-size:12px;line-height:1.55;
}
.record-page .record-desk-note a{
  color:#8fbeef;text-decoration:underline;text-underline-offset:3px;
}

/* 03 — Account / load state --------------------------------- */
.record-page .tracker-account{margin:18px 0 0}

/* 04 — 01 / 02 brand caps (scoped re-enable of the site cap) - */
.record-page .pricing-brand-cap{
  display:grid!important;margin:26px 0 18px;gap:12px;
  font-family:var(--font-sans);font-size:12px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--tblr-muted);
}
.record-page .pricing-brand-cap:before,
.record-page .pricing-brand-cap:after{content:'';height:1px;background:var(--tblr-border)}
.record-page .pricing-brand-cap span{
  display:inline-flex;min-width:26px;height:22px;align-items:center;
  justify-content:center;margin-right:8px;padding:0 6px;
  border-radius:5px;background:var(--tblr-blue-lt);color:var(--tabler-primary);
  font-size:11px;font-weight:700;
}
.record-page .pricing-brand-cap strong{font-weight:600;color:var(--tblr-muted)}

/* 05 — Bankroll settings panel ------------------------------ */
.record-page .tracker-settings>p{
  margin:-4px 0 12px;font-size:12px;line-height:1.5;color:var(--tblr-muted);
}
.record-page .tracker-settings label{
  border:1px solid var(--tblr-border);border-radius:var(--tabler-radius);
  padding:9px 10px;background:var(--tblr-bg-surface);
}
.record-page .tracker-settings label.tracker-check{border-style:dashed}

/* 06 — KPI stat band (receipts-grade) ------------------------ */
.record-page .tracker-kpis{margin-bottom:16px}
.record-page .tracker-kpis article{
  background:var(--tblr-bg-surface-secondary);padding:20px 18px 18px;
}
.record-page .tracker-kpis span{
  display:block;margin-bottom:7px;color:var(--tblr-muted);
  font-size:10px;font-weight:700;letter-spacing:.045em;text-transform:uppercase;
}
.record-page .tracker-kpis strong{
  display:block;color:var(--tblr-heading);font-size:23px;font-weight:700;
  letter-spacing:-.025em;font-variant-numeric:tabular-nums;
}
.record-page .tracker-kpis [data-kpi-pl].is-pos,
.record-page .tracker-kpis [data-kpi-roi].is-pos{color:#2b8a3e}
.record-page .tracker-kpis [data-kpi-pl].is-neg,
.record-page .tracker-kpis [data-kpi-roi].is-neg{color:#d63939}

/* 07 — Board ledger ------------------------------------------ */
.record-page .tracker-board{overflow:hidden}
.record-page .tracker-board>.record-top{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin:0;padding:11px 16px;border-bottom:1px solid var(--tblr-border);
  background:#f8fafc;
  font-family:var(--font-sans);font-size:11px;font-weight:600;
  letter-spacing:.05em;text-transform:uppercase;color:var(--tblr-muted);
}
.record-page .tracker-board>.record-top>span{
  display:inline-flex;align-items:center;gap:9px;color:var(--tblr-muted);
}
.record-page .tracker-board>.record-top>span::before{
  content:'';width:7px;height:7px;border-radius:50%;
  background:#2fb344;box-shadow:0 0 0 4px rgba(47,179,68,.12);
}
.record-page .tracker-board>.record-top strong{
  font-weight:600;color:var(--tblr-heading);font-variant-numeric:tabular-nums;
}
/* Head and rows share one column template so the ledger lines up */
.record-page .tracker-head,
.record-page .tracker-row{
  grid-template-columns:80px minmax(150px,1.35fr) minmax(120px,1fr) 92px 118px 92px 168px;
}
.record-page .tracker-head{
  padding:12px 16px;border-bottom:1px solid var(--tblr-border);
  background:var(--tblr-bg-surface-secondary);
  font-family:var(--font-sans);font-size:11px;font-weight:600;
  letter-spacing:.04em;color:var(--tblr-muted);
}
.record-page .tracker-head span,
.record-page .tracker-row span{padding:0}
.record-page .tracker-row{
  width:auto;min-width:0;max-width:none;align-items:start;
  padding:12px 16px;border-bottom:1px solid var(--tblr-border);
  font-size:12px;line-height:1.5;
}
.record-page .tracker-row>span:first-child{
  font-family:var(--font-sans);font-size:11px;font-weight:600;
  letter-spacing:.04em;text-transform:uppercase;color:var(--tblr-muted);
}
.record-page .tracker-row strong{font-weight:650;color:var(--tblr-heading)}
.record-page .tracker-row em{
  font-style:normal;color:var(--tblr-muted);font-size:11px;
  font-variant-numeric:tabular-nums;
}
.record-page .tracker-row details{margin-top:4px;color:var(--tblr-muted);font-size:11px}
.record-page .tracker-row details summary{
  cursor:pointer;color:var(--tabler-primary);font-weight:600;
}
.record-page .tracker-row details div{
  padding:6px 8px;margin-top:5px;border:1px solid var(--tblr-border);
  border-radius:var(--tabler-radius);background:var(--tblr-bg-surface-secondary);
  font-family:var(--font-mono);font-size:10px;line-height:1.7;color:var(--tblr-muted);
}
.record-page .tracker-row>span:nth-child(4),
.record-page .tracker-row>span:nth-child(5){font-variant-numeric:tabular-nums}
.record-page .tracker-row>span:last-child{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.record-page .tracker-row button{
  min-height:30px;padding:6px 8px;font-size:12px;font-weight:500;
}

/* Honest empty / loading states */
.record-page .tracker-empty{
  padding:30px 16px;font-size:13px;line-height:1.6;color:var(--tblr-muted);
}
.record-page .tracker-empty a{
  color:var(--tabler-primary);font-weight:600;text-decoration:underline;
  text-underline-offset:3px;
}

/* 08 — Storage & settlement note ----------------------------- */
.record-page .tracker-note{margin-top:0}

/* 09 — Responsive -------------------------------------------- */
@media(max-width:820px){
  main.record-page{padding-top:18px!important}
  body main.record-page>.tracker-hero{
    display:flex;flex-direction:column;padding:28px 22px 26px!important;
  }
  .record-page .tracker-hero::after{
    position:static;order:-1;align-self:flex-start;
    display:inline-flex;margin-bottom:17px;
  }

  body main.record-page>.tracker-hero h1{font-size:31px!important;line-height:1.1}
  .record-page .record-desk-note{grid-template-columns:1fr;gap:8px;padding:17px}
  .record-page .record-desk-note strong{line-height:1.4}
  .record-page .pricing-brand-cap{margin:22px 0 16px;gap:9px}
  /* Ledger scrolls horizontally as one aligned board */
  .record-page .tracker-head,
  .record-page .tracker-row{width:820px;min-width:820px;max-width:none}
  .record-page .tracker-kpis article{padding:17px 16px}
}
@media(max-width:620px){
  .record-page .tracker-board>.record-top{display:grid;gap:5px;padding:11px 14px}
}

/* Mobile audit 2026-08: footer tap targets + desk-note link hit area. */
body .site-footer .footer-head > a{
  min-height:44px;display:inline-flex;align-items:center;
}
@media(max-width:620px){
  body .site-footer .footer-col a{
    padding:9px 0;font-size:12.5px;line-height:1.4;
  }
  .record-page .record-desk-note a{
    display:inline-block;padding:8px 4px;margin:-8px -4px;
  }
}