/* Data collection: the kind picker on "Add a record", and the printed sheet. */

.kind-picker { display: flex; flex-wrap: wrap; gap: var(--sp-3); margin-block: var(--sp-4) var(--sp-7); }
.kind-picker__item[aria-pressed="true"] {
  color: var(--text-inverse); background: var(--brand); border-color: var(--brand);
}

/* A sheet of paper. On screen it sits on the page like one; in print it is
   the only thing there. */
.sheet-toolbar { display: flex; gap: var(--sp-3); margin-block-end: var(--sp-5); }
.sheet {
  max-inline-size: 48rem; margin-inline: auto; padding: var(--sp-9);
  color: var(--text); background: var(--surface);
  border: 1px solid var(--border); border-radius: var(--r-md);
}
.sheet__issuer { display: grid; gap: var(--sp-1); padding-block-end: var(--sp-5); border-block-end: 2px solid var(--text); }
.sheet__brand { font-size: var(--fs-title-m); }
.sheet__title { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--sp-4); margin-block: var(--sp-7) var(--sp-5); }
.sheet__title h1 { margin: 0; font-size: var(--fs-title-m); }
.sheet__facts { display: grid; grid-template-columns: max-content 1fr; gap: var(--sp-3) var(--sp-7); margin: 0 0 var(--sp-7); }
.sheet__facts dt { color: var(--text-muted); }
.sheet__facts dd { margin: 0; }
.sheet__table { inline-size: 100%; margin-block-end: var(--sp-7); border-collapse: collapse; }
.sheet__table th, .sheet__table td { padding: var(--sp-3) var(--sp-4); text-align: start; border-block-end: 1px solid var(--border); }
.sheet__table th { color: var(--text-muted); font-weight: 600; }
.sheet__total {
  display: flex; align-items: baseline; justify-content: space-between; gap: var(--sp-5);
  padding: var(--sp-5); border: 1px solid var(--text); border-radius: var(--r-sm);
}
.sheet__total strong { font-size: var(--fs-title-m); }
.sheet__signs { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-9); margin-block-start: var(--sp-10); }
.sheet__sign { display: grid; gap: var(--sp-3); }
.sheet__line { block-size: var(--sp-9); border-block-end: 1px solid var(--text); }
.sheet__note { margin-block: var(--sp-7) 0; color: var(--text-muted); }

@media print {
  /* Paper is white whatever theme the screen was in. Canvas and CanvasText
     are the system's own paper and ink, so no colour is spelled out here —
     and the sheet's tokens are pointed at them, so everything inside it
     (muted labels, rules, codes) prints as ink too. */
  :root { color-scheme: light; }
  body { background: Canvas; }
  .shell__nav, .topbar, .sheet-toolbar, .skip-link, .toasts { display: none !important; }
  .shell, .shell__main, .page { display: block; min-block-size: 0; max-inline-size: none; margin: 0; padding: 0; }
  .sheet {
    --text: CanvasText; --text-muted: CanvasText; --border: CanvasText; --surface: Canvas;
    max-inline-size: none; padding: 0; border: 0;
  }
  @page { margin: 18mm; }
}