/* wallet.css — credit wallet styling
   ────────────────────────────────────────────────────────── */

/* ── Topbar chip ──────────────────────────────────────── */
.amos-pill.wallet {
  gap: 6px;
  padding: 0 12px 0 10px;
  background: rgba(184, 68, 58, .08);
  border: 1px solid rgba(184, 68, 58, .18);
  color: #7a2e26;
}
.amos-pill.wallet:hover {
  background: rgba(184, 68, 58, .14);
  border-color: rgba(184, 68, 58, .28);
}
.amos-pill.wallet .wallet-ico { display: flex; color: #b8443a; }
.amos-pill.wallet .wallet-amount {
  font: 700 12.5px 'Roboto', system-ui, sans-serif;
  letter-spacing: .02em;
  color: #061F27;
}
.amos-pill.wallet .wallet-unit {
  font: 600 10.5px 'Roboto', system-ui, sans-serif;
  color: rgba(6,31,39,.55);
  letter-spacing: .08em;
  text-transform: uppercase;
}
.amos-pill.wallet.low { background: rgba(199, 102, 34, .12); border-color: rgba(199, 102, 34, .3); }
.amos-pill.wallet.low .wallet-ico { color: #c76622; }
body.theme-scholar .amos-pill.wallet {
  background: rgba(212, 162, 76, .12);
  border-color: rgba(212, 162, 76, .28);
  color: #e8e6df;
}
body.theme-scholar .amos-pill.wallet:hover { background: rgba(212, 162, 76, .22); }
body.theme-scholar .amos-pill.wallet .wallet-ico { color: #d4a24c; }
body.theme-scholar .amos-pill.wallet .wallet-amount { color: #f5f3ec; }
body.theme-scholar .amos-pill.wallet .wallet-unit { color: rgba(245,243,236,.6); }

/* ── Side panel ───────────────────────────────────────── */
.amos-wallet-backdrop {
  position: fixed; inset: 0;
  background: rgba(6,31,39,.34);
  backdrop-filter: blur(2px);
  z-index: 250;
  display: flex; justify-content: flex-end;
}
.amos-wallet-panel {
  width: 420px; max-width: 92vw;
  height: 100vh;
  background: #fbf7ee;
  box-shadow: -12px 0 40px rgba(6,31,39,.18);
  display: flex; flex-direction: column;
  overflow-y: auto;
  animation: wpslide .22s cubic-bezier(.2,.8,.2,1);
}
@keyframes wpslide { from { transform: translateX(30px); opacity: .6; } to { transform: translateX(0); opacity: 1; } }

.wp-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 20px 22px 4px;
}
.wp-kicker {
  font: 600 10.5px 'Roboto', system-ui, sans-serif;
  letter-spacing: .16em; text-transform: uppercase;
  color: rgba(6,31,39,.55);
}
.wp-balance {
  padding: 4px 22px 18px;
  border-bottom: 1px solid rgba(6,31,39,.08);
  margin-bottom: 18px;
}
.wp-bal-num {
  font: 400 56px 'Cormorant Garamond', Georgia, serif;
  color: #061F27;
  line-height: 1;
  display: flex; align-items: baseline; gap: 8px;
}
.wp-bal-unit {
  font: 600 13px 'Roboto', system-ui, sans-serif;
  color: rgba(6,31,39,.55);
  letter-spacing: .1em; text-transform: uppercase;
}
.wp-bal-sub {
  margin-top: 6px;
  font: 400 12.5px 'Roboto', system-ui, sans-serif;
  color: rgba(6,31,39,.6);
}

.wp-topup-cta {
  margin: 0 22px 14px;
  padding: 14px 18px;
  border: none;
  border-radius: 12px;
  background: #b8443a;
  color: #fff;
  font: 600 14px 'Roboto', system-ui, sans-serif;
  letter-spacing: .02em;
  cursor: pointer;
  transition: background .15s;
}
.wp-topup-cta:hover { background: #a03a30; }

.wp-quick {
  display: flex;
  gap: 8px;
  padding: 0 22px 20px;
}
.wp-quick-pack {
  flex: 1;
  display: flex; flex-direction: column; gap: 2px;
  padding: 10px 8px;
  background: #fff;
  border: 1px solid rgba(6,31,39,.1);
  border-radius: 10px;
  cursor: pointer;
  text-align: center;
  transition: border-color .15s, transform .15s;
}
.wp-quick-pack:hover { border-color: #b8443a; transform: translateY(-1px); }
.wp-qp-label {
  font: 600 10px 'Roboto'; letter-spacing: .1em; text-transform: uppercase;
  color: rgba(6,31,39,.55);
}
.wp-qp-credits {
  font: 700 13.5px 'Roboto'; color: #061F27;
}
.wp-qp-price {
  font: 500 11.5px 'Roboto'; color: rgba(6,31,39,.6);
}

.wp-section-head {
  padding: 0 22px 10px;
  font: 600 10.5px 'Roboto', system-ui, sans-serif;
  letter-spacing: .16em; text-transform: uppercase;
  color: rgba(6,31,39,.55);
}
.wp-empty {
  padding: 14px 22px;
  font: 400 13px 'Roboto', system-ui, sans-serif;
  color: rgba(6,31,39,.5);
}
.wp-history {
  list-style: none; padding: 0; margin: 0 0 16px;
}
.wp-h-row {
  display: flex; align-items: center; justify-content: space-between;
  padding: 12px 22px;
  border-top: 1px solid rgba(6,31,39,.06);
}
.wp-h-row:first-child { border-top: none; }
.wp-h-main { display: flex; flex-direction: column; gap: 2px; }
.wp-h-label {
  font: 500 13.5px 'Roboto', system-ui, sans-serif;
  color: #061F27;
}
.wp-h-when {
  font: 400 11.5px 'Roboto', system-ui, sans-serif;
  color: rgba(6,31,39,.5);
}
.wp-h-amt {
  font: 700 13.5px 'Roboto', system-ui, sans-serif;
  color: #b8443a;
}
.wp-h-row.in .wp-h-amt { color: #2a7a4f; }

.wp-foot {
  padding: 18px 22px;
  font: 400 11.5px 'Roboto', system-ui, sans-serif;
  color: rgba(6,31,39,.55);
  border-top: 1px solid rgba(6,31,39,.08);
  margin-top: auto;
  line-height: 1.5;
}

/* ── Add-credits modal ────────────────────────────────── */
.wallet-pack-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  padding: 4px 26px 20px;
}
.wallet-pack {
  position: relative;
  background: #fbf7ee;
  border: 1px solid rgba(6,31,39,.12);
  border-radius: 14px;
  padding: 22px 20px 20px;
  display: flex; flex-direction: column;
  transition: border-color .15s, transform .15s;
}
.wallet-pack:hover { border-color: #b8443a; transform: translateY(-2px); }
.wallet-pack.popular {
  border-color: #b8443a;
  background: #fff;
  box-shadow: 0 8px 24px rgba(184,68,58,.12);
}
.wallet-pack-flag {
  position: absolute;
  top: -11px; left: 50%; transform: translateX(-50%);
  background: #b8443a;
  color: #fff;
  font: 700 9.5px 'Roboto', system-ui, sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 12px;
}
.wallet-pack-bonus {
  position: absolute; top: 14px; right: 14px;
  background: rgba(42, 122, 79, .1);
  color: #2a7a4f;
  font: 700 10px 'Roboto';
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 6px;
}
.wallet-pack-label {
  font: 600 11.5px 'Roboto', system-ui, sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(6,31,39,.55);
  margin-bottom: 10px;
}
.wallet-pack-credits {
  font: 400 44px 'Cormorant Garamond', Georgia, serif;
  color: #061F27;
  line-height: 1;
  display: flex; align-items: baseline; gap: 6px;
}
.wallet-pack-credits .cr-unit {
  font: 500 12px 'Roboto', system-ui, sans-serif;
  color: rgba(6,31,39,.55);
  letter-spacing: .08em; text-transform: uppercase;
}
.wallet-pack-math {
  margin-top: 4px;
  font: 400 11.5px 'Roboto', system-ui, sans-serif;
  color: rgba(6,31,39,.5);
}
.wallet-pack-price {
  margin-top: 14px;
  font: 600 20px 'Roboto', system-ui, sans-serif;
  color: #061F27;
}
.wallet-pack-tag {
  margin-top: 6px;
  font: 400 13px 'Roboto', system-ui, sans-serif;
  color: rgba(6,31,39,.7);
  min-height: 2.2em;
}
.wallet-pack-perks {
  list-style: none; padding: 0; margin: 16px 0 0;
  display: flex; flex-direction: column; gap: 8px;
  font: 400 12.5px 'Roboto', system-ui, sans-serif;
  color: rgba(6,31,39,.75);
}
.wallet-pack-perks li {
  padding-left: 18px;
  position: relative;
  line-height: 1.45;
}
.wallet-pack-perks li::before {
  content: '';
  position: absolute; left: 0; top: 7px;
  width: 10px; height: 2px;
  background: #b8443a;
  border-radius: 1px;
}
.wallet-pack-buy {
  margin-top: 18px;
  padding: 12px 14px;
  border: 1px solid #061F27;
  border-radius: 10px;
  background: #fff;
  color: #061F27;
  font: 600 13px 'Roboto', system-ui, sans-serif;
  letter-spacing: .02em;
  cursor: pointer;
  transition: background .15s, color .15s;
}
.wallet-pack-buy:hover { background: #061F27; color: #fff; }
.wallet-pack-buy.primary {
  background: #b8443a;
  border-color: #b8443a;
  color: #fff;
}
.wallet-pack-buy.primary:hover { background: #a03a30; border-color: #a03a30; }

.wallet-add-foot {
  padding: 18px 26px 22px;
  border-top: 1px solid rgba(6,31,39,.08);
  display: flex; flex-direction: column; gap: 10px;
}
.wallet-add-foot-line {
  font: 400 12.5px 'Roboto', system-ui, sans-serif;
  color: rgba(6,31,39,.75);
  line-height: 1.5;
}
.wallet-add-foot-trust {
  display: flex; gap: 10px; flex-wrap: wrap;
  font: 500 11.5px 'Roboto', system-ui, sans-serif;
  color: rgba(6,31,39,.55);
}

/* ── Confirm-spend sheet ──────────────────────────────── */
.amos-confirm-sheet {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 24px 60px rgba(6,31,39,.28);
  width: 440px; max-width: 92vw;
  padding: 22px 24px 20px;
  animation: cspop .18s cubic-bezier(.2,.8,.2,1);
}
@keyframes cspop { from { transform: scale(.95); opacity: 0; } to { transform: scale(1); opacity: 1; } }
.cs-head {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 14px;
}
.cs-kicker {
  font: 600 10.5px 'Roboto', system-ui, sans-serif;
  letter-spacing: .16em; text-transform: uppercase;
  color: rgba(6,31,39,.55);
}
.cs-title {
  font: 400 24px 'Cormorant Garamond', Georgia, serif;
  color: #061F27;
  margin: 0 0 6px;
  letter-spacing: -.01em;
}
.cs-desc {
  font: 400 13px 'Roboto', system-ui, sans-serif;
  color: rgba(6,31,39,.7);
  line-height: 1.5;
  margin: 0 0 14px;
}
.cs-lines {
  background: #fbf7ee;
  border-radius: 10px;
  padding: 12px 14px;
  display: flex; flex-direction: column; gap: 8px;
  margin-bottom: 14px;
}
.cs-line {
  display: flex; justify-content: space-between; align-items: baseline;
  font: 500 13.5px 'Roboto', system-ui, sans-serif;
  color: #061F27;
}
.cs-line.muted { color: rgba(6,31,39,.6); }
.cs-line.total {
  padding-top: 10px;
  margin-top: 2px;
  border-top: 1px solid rgba(6,31,39,.1);
  font-weight: 600;
}
.cs-line strong { font-weight: 700; }
.cs-line strong.neg { color: #b8443a; }
.cs-warn {
  margin-bottom: 14px;
  padding: 10px 12px;
  background: rgba(199, 102, 34, .1);
  border-left: 3px solid #c76622;
  border-radius: 6px;
  font: 400 12.5px 'Roboto', system-ui, sans-serif;
  color: #7a3e1a;
  line-height: 1.5;
}
.cs-actions {
  display: flex; justify-content: flex-end; gap: 10px;
}
.cs-actions .btn-primary {
  background: #b8443a;
  border-color: #b8443a;
}
.cs-actions .btn-primary:hover { background: #a03a30; border-color: #a03a30; }

/* ── Toast ────────────────────────────────────────────── */
.amos-wallet-toast {
  position: fixed;
  bottom: 28px; left: 50%;
  transform: translateX(-50%);
  padding: 12px 20px;
  background: #061F27;
  color: #fff;
  border-radius: 28px;
  font: 600 13px 'Roboto', system-ui, sans-serif;
  letter-spacing: .02em;
  box-shadow: 0 12px 32px rgba(6,31,39,.28);
  z-index: 400;
  animation: wttoast .3s cubic-bezier(.2,.8,.2,1);
}
.amos-wallet-toast.success { background: #2a7a4f; }
.amos-wallet-toast.warn    { background: #c76622; }
@keyframes wttoast { from { transform: translate(-50%, 12px); opacity: 0; } to { transform: translate(-50%, 0); opacity: 1; } }

/* ── Responsive ───────────────────────────────────────── */
@media (max-width: 720px) {
  .wallet-pack-grid { grid-template-columns: 1fr; }
  .amos-wallet-panel { width: 100vw; }
}

/* ── Patronage roll-up ────────────────────────────────── */
.wp-patronage {
  margin: 6px 22px 20px;
  padding: 16px 16px 14px;
  background: linear-gradient(180deg, rgba(184,68,58,.06) 0%, rgba(184,68,58,.02) 100%);
  border: 1px solid rgba(184,68,58,.18);
  border-radius: 12px;
}
.wp-patronage-head {
  font: 600 10.5px 'Roboto'; letter-spacing: .16em; text-transform: uppercase;
  color: #7a2e26; margin-bottom: 8px;
}
.wp-patronage-body {
  font: 400 13px 'Roboto', system-ui, sans-serif;
  color: #061F27; line-height: 1.55;
}
.wp-patronage-meters {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px;
  margin-top: 12px; padding-top: 12px;
  border-top: 1px solid rgba(184,68,58,.14);
}
.wp-meter { display: flex; flex-direction: column; gap: 2px; }
.wp-meter-k { font: 500 10px 'Roboto'; letter-spacing: .08em; text-transform: uppercase; color: rgba(6,31,39,.55); }
.wp-meter-v { font: 700 13px 'Roboto'; color: #061F27; }

/* ── Book-commission modal wallet check ──────────────── */
.bcm-wallet-check {
  margin: 12px 26px 0;
  padding: 10px 14px;
  display: flex; align-items: center; gap: 10px;
  background: rgba(42,122,79,.08);
  border: 1px solid rgba(42,122,79,.22);
  border-radius: 10px;
  font: 400 12.5px 'Roboto', system-ui, sans-serif;
  color: #061F27;
}
.bcm-wallet-check.short {
  background: rgba(199,102,34,.08);
  border-color: rgba(199,102,34,.3);
}
.bcm-wc-dot { width: 8px; height: 8px; border-radius: 50%; background: #2a7a4f; flex-shrink: 0; }
.bcm-wallet-check.short .bcm-wc-dot { background: #c76622; }
.bcm-wc-main { flex: 1; }
.bcm-wc-sub { color: rgba(6,31,39,.65); }
.bcm-wc-link {
  background: none; border: none; cursor: pointer;
  color: #b8443a; font: 600 12.5px 'Roboto';
  text-decoration: underline;
}

/* ── BookCommissionModal AI engine avatar ─────────────── */
.bcm-av.engine {
  background: linear-gradient(135deg, #b8443a 0%, #7a2e26 100%);
  color: #f3e9d8;
  font-size: 18px;
}

/* ── AvailabilityGrid wallet readout in legend ────────── */
.af-legend .lg.wallet-readout { margin-left: auto; color: #061F27; }
.af-legend .sw.cr { background: #b8443a; }



/* ── Linguist Review Request modal ────────────────────
   Rendered inside a .amos-modal.pericope-commission. Free-tier
   request (no wallet spend) — escalates admin priority. */

.lrr-queue {
  margin: 14px 26px 0;
  padding: 16px 18px;
  background: linear-gradient(135deg, rgba(139,109,158,.08), rgba(255,255,255,0));
  border: 1px solid rgba(139,109,158,.22);
  border-radius: 10px;
}
.lrr-q-row {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 14px;
}
.lrr-q-cell { min-width: 0; }
.lrr-q-k {
  font: 500 10.5px/1.2 Roboto, system-ui, sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(6,31,39,.55);
  margin-bottom: 4px;
}
.lrr-q-v {
  font: 300 32px/1 "Cormorant Garamond", Georgia, serif;
  color: #061F27;
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
}
.lrr-q-vsmall {
  font: 400 12px Roboto, system-ui, sans-serif;
  color: rgba(6,31,39,.55);
}
.lrr-q-tier {
  font: 600 10px/1 Roboto, system-ui, sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #fff;
  padding: 4px 8px;
  border-radius: 100px;
  align-self: center;
}
.lrr-arrow {
  font: 300 28px/1 "Cormorant Garamond", Georgia, serif;
  color: rgba(139,109,158,.55);
}
.lrr-q-help {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed rgba(139,109,158,.22);
  font: 400 12.5px/1.5 Roboto, system-ui, sans-serif;
  color: rgba(6,31,39,.65);
}

/* Note field */
.lrr-note { margin: 14px 26px 0; }
.lrr-note-l {
  display: block;
  font: 500 11px/1.3 Roboto, system-ui, sans-serif;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: rgba(6,31,39,.6);
  margin-bottom: 6px;
}
.lrr-note-l span {
  text-transform: none;
  letter-spacing: 0;
  font-weight: 400;
  color: rgba(6,31,39,.45);
}
.lrr-note-ta {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 12px;
  border: 1px solid rgba(6,31,39,.18);
  border-radius: 8px;
  background: #fff;
  font: 400 13.5px/1.5 Roboto, system-ui, sans-serif;
  color: #061F27;
  resize: vertical;
}
.lrr-note-ta:focus {
  outline: none;
  border-color: rgba(6,31,39,.45);
  box-shadow: 0 0 0 3px rgba(6,31,39,.06);
}

/* Confirmation block */
.lrr-confirm {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 16px 18px;
  background: rgba(42,122,79,.08);
  border: 1px solid rgba(42,122,79,.22);
  border-radius: 10px;
}
.lrr-check {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #2a7a4f;
  color: #fff;
  font: 600 16px/32px Roboto, system-ui, sans-serif;
  text-align: center;
}
.lrr-c-title {
  font: 500 16px/1.3 "Cormorant Garamond", Georgia, serif;
  color: #061F27;
  margin-bottom: 4px;
}
.lrr-c-sub {
  font: 400 13px/1.5 Roboto, system-ui, sans-serif;
  color: rgba(6,31,39,.7);
}
.lrr-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 14px;
}
.lrr-stat {
  padding: 12px 14px;
  background: #fff;
  border: 1px solid rgba(6,31,39,.12);
  border-radius: 8px;
}
.lrr-stat .k {
  font: 500 10.5px/1.2 Roboto, system-ui, sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(6,31,39,.55);
  margin-bottom: 6px;
}
.lrr-stat .v {
  font: 300 22px/1 "Cormorant Garamond", Georgia, serif;
  color: #061F27;
}


/* ── Book / pericope commission modal layout ────────────
   Shared between BookCommissionModal and PericopeCommissionModal.
   The modal chrome itself (.amos-modal, .amos-modal-backdrop) comes
   from library.css. These classes style the body. */

.amos-modal.book-commission,
.amos-modal.pericope-commission {
  padding-bottom: 4px;
}

.bcm-row {
  display: grid;
  grid-template-columns: 120px 1fr;
  align-items: start;
  gap: 16px;
  padding: 14px 26px;
  border-bottom: 1px solid rgba(6,31,39,.06);
}
.bcm-row-lbl {
  font: 500 10.5px/1.3 Roboto, system-ui, sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(6,31,39,.55);
  padding-top: 6px;
}

/* Mode picker */
.bcm-mode-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.bcm-mode {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  padding: 10px 12px;
  border: 1px solid rgba(6,31,39,.16);
  background: #fff;
  border-radius: 8px;
  cursor: pointer;
  text-align: left;
  transition: all 160ms ease;
}
.bcm-mode:hover { border-color: rgba(6,31,39,.32); }
.bcm-mode.on {
  border-color: #061F27;
  background: rgba(6,31,39,.04);
  box-shadow: 0 0 0 2px rgba(6,31,39,.08);
}
.bcm-mode .t {
  font: 600 13px/1.2 Roboto, system-ui, sans-serif;
  color: #061F27;
}
.bcm-mode .d {
  font: 400 11.5px/1.3 Roboto, system-ui, sans-serif;
  color: rgba(6,31,39,.6);
}

/* Language picker */
.bcm-lang-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.bcm-lang {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border: 1px solid rgba(6,31,39,.16);
  background: #fff;
  border-radius: 100px;
  cursor: pointer;
  transition: all 160ms ease;
}
.bcm-lang:hover { border-color: rgba(6,31,39,.32); }
.bcm-lang.on {
  border-color: #061F27;
  background: #061F27;
  color: #fff;
}
.bcm-lang .c {
  font: 500 10.5px/1 Roboto, system-ui, sans-serif;
  letter-spacing: .06em;
  text-transform: uppercase;
  opacity: .7;
}
.bcm-lang .n {
  font: 500 12.5px/1 Roboto, system-ui, sans-serif;
}
/* Multi-select affordances: "select one or more" hint + a check on chosen pills */
.bcm-row-hint {
  display: block;
  margin-top: 4px;
  font: 400 10px/1.3 Roboto, system-ui, sans-serif;
  letter-spacing: 0;
  text-transform: none;
  color: rgba(6,31,39,.42);
}
.bcm-lang-check {
  font-size: 10px;
  line-height: 1;
  margin-right: -1px;
}

/* Engine + quote panel */
.bcm-panel {
  margin: 14px 26px 0;
  border: 1px solid rgba(6,31,39,.1);
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}
.bcm-lead {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 14px 16px;
  background: linear-gradient(135deg, rgba(184,68,58,.04), rgba(255,255,255,0));
  border-bottom: 1px solid rgba(6,31,39,.08);
}
.bcm-av {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
.bcm-lead .n {
  font: 500 14px/1.3 "Cormorant Garamond", Georgia, serif;
  color: #061F27;
  margin-bottom: 2px;
}
.bcm-lead .r {
  font: 400 11.5px/1.2 Roboto, system-ui, sans-serif;
  color: rgba(6,31,39,.6);
  margin-bottom: 4px;
}
.bcm-lead .c {
  font: 400 12px/1.45 Roboto, system-ui, sans-serif;
  color: rgba(6,31,39,.7);
}

/* Quote table */
.bcm-quote {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  background: rgba(6,31,39,.08);
}
.bcm-q-item {
  padding: 12px 16px;
  background: #fff;
}
.bcm-q-item .k {
  font: 500 10.5px/1.2 Roboto, system-ui, sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(6,31,39,.55);
  margin-bottom: 4px;
}
.bcm-q-item .v {
  font: 500 14px/1.3 Roboto, system-ui, sans-serif;
  color: #061F27;
}
.bcm-q-item.price {
  grid-column: 1 / -1;
  background: rgba(184,68,58,.05);
  border-top: 1px solid rgba(184,68,58,.15);
}
.bcm-q-item.price .v {
  font: 300 24px/1 "Cormorant Garamond", Georgia, serif;
  color: #7a2e26;
}

/* Scope row (BookCommissionModal only) */
.bcm-scope {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  padding: 14px 26px;
  border-bottom: 1px solid rgba(6,31,39,.06);
}
.bcm-stat { text-align: left; }
.bcm-stat .n {
  font: 300 26px/1 "Cormorant Garamond", Georgia, serif;
  color: #061F27;
}
.bcm-stat .l {
  font: 400 11.5px/1.3 Roboto, system-ui, sans-serif;
  color: rgba(6,31,39,.6);
  margin-top: 2px;
}

/* Foot */
.avail-foot {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 26px 20px;
  margin-top: 14px;
  border-top: 1px solid rgba(6,31,39,.06);
}
.avail-foot > div:first-child {
  flex: 1;
  font: 400 12px/1.5 Roboto, system-ui, sans-serif;
}