/* The reform's Bank Pack and share (wave 9 Task 6). Every colour is a var(--r-*) token from the shell; this file types
   no hex. Boards: BP-pack, BP-recipient, BP-phone-375, BP-first-run, SH-share, SH-summary, SH-link-states.
   Class prefix bp-. Motion comes from the shell's primitives only (the fade of the main column, the figure count-up,
   the Load Line); nothing here animates. */

.bp-head{display:flex;flex-direction:column;gap:12px;min-width:0}
.bp-lead{margin:0;font-size:19px;line-height:1.45;color:var(--r-muted);max-width:62ch}
.bp-muted{color:var(--r-muted)}
.bp-band{margin:0;border-left:4px solid var(--r-anchor);background:var(--r-tint);padding:12px 16px;border-radius:4px}
.bp-link{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
.bp-tools{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 24px;align-items:center}
.bp-tools li{display:flex;align-items:center}
.bp-print,.bp-button{min-height:48px;padding:0 20px;border:2px solid var(--r-anchor);border-radius:8px;background:var(--r-surface);color:var(--r-anchor);font:inherit;font-weight:700;cursor:pointer}
.bp-print:hover,.bp-button:hover{background:var(--r-tint)}
.bp-print[hidden]{display:none}
.bp-send{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border:2px solid var(--r-anchor);border-radius:8px;background:var(--r-anchor);color:var(--r-surface);font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
.bp-send:hover{background:var(--r-anchor-hover);color:var(--r-surface)}
.bp-input{min-height:48px;border:1px solid var(--r-muted);border-radius:8px;padding:0 12px;font:inherit;font-size:17px;color:var(--r-ink);background:var(--r-surface);width:min(100%,360px)}

/* Before you send: one check, ahead of the send control. */
.bp-before{background:var(--r-surface);border:1px solid var(--r-rule);border-radius:12px;padding:24px 28px;display:flex;flex-direction:column;gap:14px;min-width:0}
.bp-before h2{margin:0}
.bp-before h3{margin:0;font-size:20px}
.bp-for{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.bp-for label{font-weight:700;flex:1 1 100%}
.bp-for p{flex:1 1 100%;margin:0}
.bp-row{display:flex;flex-wrap:wrap;gap:4px 12px}
.bp-missing{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.bp-missing li{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center;min-height:44px;border-top:1px solid var(--r-rule)}

/* A sheet: a page of paper, white on the page tint. */
.bp-sheet{background:var(--r-surface);border:1px solid var(--r-rule);border-radius:12px;padding:32px;display:flex;flex-direction:column;gap:20px;min-width:0}
.bp-sheet h3{margin:0;font-size:22px;line-height:1.3}
.bp-sheet h4{margin:0;font-size:20px}
.bp-sheet-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;border-bottom:1px solid var(--r-rule);padding-bottom:10px;color:var(--r-muted)}
.bp-sheet-head p{margin:0}
.bp-sheet-name{font-weight:700;color:var(--r-ink)}
.bp-kicker{margin:0;letter-spacing:0.08em;color:var(--r-muted);font-size:17px}
.bp-goods{margin:0;font-size:28px;line-height:1.2}
.bp-meta{margin:0;color:var(--r-muted)}
.bp-tag{display:inline-block;border:1px solid var(--r-rule);background:var(--r-tint);border-radius:999px;padding:0 12px}
.bp-sheet-foot{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--r-rule);padding-top:10px;color:var(--r-muted)}

.bp-position{display:flex;flex-direction:column;gap:16px}
.bp-position-row{display:flex;gap:20px;align-items:center;min-width:0}
.bp-mark{flex:0 0 auto}
.bp-sentence{margin:0;font-size:19px;line-height:1.5;max-width:68ch}
.bp-waiting .r-ll-mass{display:none}
.bp-waiting .r-ll-move{animation:none}
.bp-figures{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px}
.bp-fig{background:var(--r-tint);border-radius:8px;padding:14px 16px;min-width:0}
.bp-fig dt{color:var(--r-muted)}
.bp-fig dd{margin:4px 0 0;font-size:24px;font-weight:700;overflow-wrap:anywhere}
.bp-fig-note{font-size:17px;font-weight:400;color:var(--r-muted)}
.bp-terms,.bp-notes{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.bp-seal{border-top:1px solid var(--r-rule);padding-top:14px;display:flex;flex-direction:column;gap:6px}
.bp-seal h3{font-size:20px}

/* The twelve months. */
.bp-wide{overflow-x:auto;max-width:100%}
.bp-table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}
.bp-table caption{text-align:left;color:var(--r-muted);padding:0 0 8px}
.bp-table th,.bp-table td{padding:6px 8px;border-bottom:1px solid var(--r-rule);text-align:right;white-space:nowrap}
.bp-table .r-given{white-space:normal;display:inline-block;min-width:9em;text-align:left}
.bp-table th[scope="row"],.bp-table th.bp-unit,.bp-table td:first-child{text-align:left;white-space:normal}
.bp-table th[scope="row"]{font-weight:500;min-width:190px}
.bp-year{text-align:center;color:var(--r-muted);font-weight:500}
.bp-m{font-weight:500}
.bp-section th{text-align:left;background:var(--r-tint);font-weight:700}
.bp-kind-total th,.bp-kind-total td{font-weight:700}
.bp-neg{color:var(--r-breach)}
.bp-under{border-bottom:3px solid var(--r-breach)}
.bp-src{text-align:left}
.bp-small{max-width:640px}
.bp-small td{text-align:left;white-space:normal}
/* On a phone the facility table row names may wrap (190px of minimum width left no room for a figure and its stamp);
   anything still wider scrolls inside its own box (.bp-wide), never the page. */
@media (max-width:430px){.bp-small th[scope="row"]{min-width:0}}
abbr[title]{text-decoration:none}
.bp-lines-summary{display:none}

/* The phone's cards: cash at month end, in words as well as a figure. */
.bp-phone{display:none}
.bp-cards{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.bp-cards li{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;padding:10px 0;border-bottom:1px solid var(--r-rule)}
.bp-card-month{flex:1 1 140px}
.bp-card-fig{font-weight:700;font-variant-numeric:tabular-nums}
.bp-card-word{color:var(--r-breach);font-weight:500}

/* The lender's last word. */
.bp-check{background:var(--r-surface);border:1px solid var(--r-rule);border-radius:12px;padding:28px 32px;display:flex;flex-direction:column;gap:12px}
.bp-check h2{margin:0}

/* The first run. */
.bp-first{background:var(--r-surface);border:1px solid var(--r-rule);border-radius:12px;padding:28px 32px;display:flex;flex-direction:column;gap:14px;min-width:0}
.bp-first h2,.bp-first h3{margin:0}
.bp-ways{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}
.bp-way{display:flex;flex-direction:column;gap:4px;min-height:56px;padding:16px;border:1px solid var(--r-rule);border-radius:12px;text-decoration:none;color:var(--r-ink);background:var(--r-tint)}
.bp-way:hover{border-color:var(--r-anchor);color:var(--r-ink)}
.bp-way strong{color:var(--r-anchor)}

/* The share pages. */
.bp-share{display:flex;flex-direction:column;gap:20px;min-width:0}
.bp-card{background:var(--r-surface);border:1px solid var(--r-rule);border-radius:12px;padding:24px 28px;display:flex;flex-direction:column;gap:12px;min-width:0}
.bp-card h2{margin:0;font-size:24px}
.bp-card h3{margin:0;font-size:20px}
.bp-url{margin:0;padding:12px 14px;border:1px solid var(--r-rule);border-radius:8px;background:var(--r-tint);overflow-wrap:anywhere;font-weight:500}
.bp-actions{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
.bp-note{margin:0;white-space:pre-line;overflow-wrap:anywhere;padding:12px 14px;border:1px solid var(--r-rule);border-radius:8px;background:var(--r-tint)}
.bp-answers{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.bp-answers li{padding:14px 16px;border-radius:8px;background:var(--r-tint);font-size:19px}
.bp-ended{display:flex;flex-direction:column;gap:12px}

@media (max-width:720px){
  .bp-sheet{padding:18px 16px}
  .bp-before,.bp-check,.bp-first,.bp-card{padding:18px 16px}
  .bp-position-row{flex-direction:column;align-items:flex-start}
  .bp-goods{font-size:24px}
  .bp-phone{display:block}
  .bp-lines-summary{display:flex;align-items:center;min-height:56px;font-weight:700;color:var(--r-anchor);cursor:pointer}
  .bp-sheet-foot{flex-direction:column}
}

@media print{
  .r-header,.r-footer,.r-actions,.bp-tools,.bp-before,.bp-check .bp-send{display:none !important}
  .bp-sheet{border:0;padding:0;break-inside:avoid}
  .bp-sheet-two{break-before:page}
  .bp-phone{display:none}
  .bp-lines-summary{display:none}
}

@media (prefers-reduced-motion: reduce){
  .bp-waiting .r-ll-move{animation:none}
}