/* Business pages: layouts matched to the prototype. Shared components live in app.css.
   Everything here is scoped to .b-page, the wrapper every business screen uses. */
.b-page{display:flex;flex-direction:column;gap:22px}
.b-page > .page-head{margin-bottom:0}
.b-page .page-head .eyebrow{display:block;margin-bottom:6px}
.b-page .page-head .eyebrow a{color:inherit}
.b-page .cols > .wide,.b-page .cols > .narrow{gap:22px}

/* Stats: label, figure, detail (prototype stat()) */
.b-page .stat{display:flex;flex-direction:column;gap:2px}
.b-page .stat .k{font-size:.84rem;font-weight:600;color:var(--muted)}
.b-page .stat .v{font:800 1.9rem/1.1 var(--font-h);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink)}
.b-page .stat .d{font-size:.78rem;font-weight:700;color:var(--muted)}
.b-page .stat.flagged{border-color:var(--flag)}
.b-page a.stat:hover{border-color:var(--brand)}

/* Boxes */
.b-page .box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:20px 22px;display:flex;flex-direction:column;gap:14px;margin:0}
.b-page .box.flat{background:transparent;border-style:dashed;border-width:1.5px}
.b-page .box.cover{background:var(--cover);border-color:var(--cover);color:var(--cover-ink)}
.b-page .box.cover .muted,.b-page .box.cover .hint,.b-page .box.cover .eyebrow{color:inherit;opacity:.8}
.b-page .box > .dl{margin-top:0}
.b-page .box > .item:first-of-type,.b-page .box > h2 + .item{border-top:0;padding-top:0}
.b-page .bhead{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.b-page .who{display:flex;gap:14px;align-items:center;min-width:0}
.b-page .who .avatar{width:52px;height:52px;font-size:1rem}
.b-page .ini{width:40px;height:40px;border-radius:12px;background:var(--surface-2);display:grid;place-items:center;font-weight:800;font-size:.8rem;color:var(--muted);flex-shrink:0}
.b-page .ini svg{width:18px;height:18px}
.b-page .acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.b-page .figure{font:800 2.5rem/1 var(--font-h);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.b-page .figure small{font-size:1.1rem;font-weight:700}
.b-page .figure.lg{font-size:3.5rem}

/* Big monospace ID input */
.b-page input.big{font:700 1.25rem var(--font-m)!important;letter-spacing:.06em;min-height:56px!important}
.b-page .id-row{display:flex;gap:8px;flex-wrap:wrap}
.b-page .id-row input{flex:1 1 240px;width:auto}
.b-page .id-row .btn{min-height:56px}
.b-page .side-check .btn{align-self:flex-start}

/* Entry cards (prototype .entry): claims to confirm */
.b-page .entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 18px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:18px 20px;margin:0}
.b-page .entry .when{font:700 .76rem var(--font-m);color:var(--muted);letter-spacing:.02em;text-transform:uppercase}
.b-page .entry h3{margin-top:4px;font-size:1.12rem}
.b-page .entry .meta{display:flex;gap:6px 12px;flex-wrap:wrap;color:var(--muted);font-size:.88rem;margin-top:4px}
.b-page .entry .foot{grid-column:1/-1;display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-top:12px;border-top:1px dashed var(--line)}
.b-page .entry .evid,.b-page .entry .t-note{grid-column:1/-1;margin-top:0}

/* Filters row (talent) */
.b-page .filter-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.b-page .filter-row select{width:auto;flex:0 1 auto}
.b-page .filter-row input[type=text]{flex:1 1 200px;width:auto}
.b-page .tgrid{margin-top:0}

/* Tables sit flush in the page, no extra top gap */
.b-page > .tbl-wrap,.b-page .box > .tbl-wrap{margin-top:0}
.b-page td .sub{display:block;font-size:.8rem;color:var(--muted)}
.b-page td.acts-cell{text-align:right}
.b-page td.acts-cell .acts{justify-content:flex-end;flex-wrap:nowrap}
.b-page td select{min-height:34px;padding:4px 10px;width:auto;font-size:.86rem}

/* Credit packs: the middle one is the cover card */
.b-page .pack{gap:10px}
.b-page .pack .eyebrow{color:inherit;opacity:.8}
.b-page .pack .btn{margin-top:4px}
.b-page .pack.best .btn{background:var(--cover-ink);border-color:var(--cover-ink);color:var(--cover)}
.b-page .balance-side{align-self:stretch}
.b-page td{vertical-align:middle}
@media (max-width:520px){.b-page .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.b-page .stat{padding:14px}}