/* NP-E · change order + receipt — same paper language as /deposit/:
   cream shell, warm white sheet, ink serif heads, mono figures, no color-mix(). */
.change-page{background:#f7f4ec;color:#1b1512}
.chg{max-width:1180px;margin:0 auto;padding:26px 20px 60px}
.chg-head{margin:0 0 20px}
.chg-kicker{margin:0 0 8px;font:700 11px/1 var(--num,monospace);letter-spacing:.18em;text-transform:uppercase;color:#8a7f72}
.chg-back{margin:0 0 10px}
.chg-back a{display:inline-flex;align-items:center;min-height:44px;color:#a8341a;font:600 13px/1 var(--num,monospace);text-decoration:none;border-bottom:1px solid transparent}
.chg-back a:hover{border-bottom-color:#a8341a}
.chg-title{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(26px,4vw,42px);line-height:1.06;letter-spacing:-.02em;margin:0 0 10px;color:#1b1512}
.chg-lede{margin:0;color:#5b5148;font-size:15px;line-height:1.6;max-width:72ch}
.chg-lede a{color:#a8341a}

/* ---------- paper switcher ---------- */
.switcher{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:flex-end;justify-content:space-between;margin:0 0 18px}
.tabs{display:flex;gap:6px;border-bottom:2px solid #cfc7b7}
.tab{font:700 12px/1 var(--num,monospace);letter-spacing:.14em;text-transform:uppercase;color:#6a6053;background:#efe9dc;border:1px solid #cfc7b7;border-bottom:0;padding:0 16px;min-height:44px;cursor:pointer;border-radius:2px 2px 0 0}
.tab.is-on{background:#fffdf8;color:#1b1512;box-shadow:inset 0 3px 0 #a8341a}
.tab:focus-visible,.change-page .btn:focus-visible{outline:3px solid #a8341a;outline-offset:2px}
.switcher .btn{min-height:44px}

/* ---------- the small input block ---------- */
.chg-tool{margin:0 0 22px;padding:16px 16px 14px;background:#fffdf8;border:1px solid #ded6c8;border-radius:10px}
.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px 16px}
.chg-tool .field{display:flex;flex-direction:column;gap:6px;font:700 11px/1.2 var(--ui,system-ui);letter-spacing:.08em;text-transform:uppercase;color:#8a7f72}
.chg-tool .field input{min-height:44px;width:100%;padding:0 10px;border:1px solid #ded6c8;border-radius:6px;background:#fff;color:#1b1512;font:400 15px/1 var(--num,monospace);letter-spacing:0;text-transform:none}
.chg-tool .field input::placeholder{color:#a79b8c;text-transform:none;font-size:13px}
.chg-tool .field input:focus-visible{outline:3px solid #a8341a;outline-offset:1px;border-color:#a8341a}

.adds{border:0;border-top:1px solid #e6dfd1;margin:16px 0 0;padding:12px 0 0;min-width:0}
.adds legend{font:700 11px/1 var(--num,monospace);letter-spacing:.14em;text-transform:uppercase;color:#8a7f72;padding:0 8px 0 0}
.add-row{display:grid;grid-template-columns:minmax(0,1fr) 9rem 44px;gap:8px 10px;align-items:end;padding:9px 0;border-bottom:1px solid #e6dfd1}
.add-row .field{display:flex;flex-direction:column;gap:6px;font:700 11px/1.2 var(--ui,system-ui);letter-spacing:.08em;text-transform:uppercase;color:#8a7f72}
.add-row .field input{min-height:44px;width:100%;padding:0 10px;border:1px solid #ded6c8;border-radius:6px;background:#fff;color:#1b1512;font:400 15px/1 var(--num,monospace);letter-spacing:0;text-transform:none}
.add-row .field input:focus-visible{outline:3px solid #a8341a;outline-offset:1px;border-color:#a8341a}
.row-del{width:44px;height:44px;border:1px solid #ded6c8;border-radius:6px;background:#fff;color:#8a7f72;font-size:20px;line-height:1;cursor:pointer}
.row-del:hover{color:#a8341a;border-color:#a8341a}
.row-del:focus-visible{outline:3px solid #a8341a;outline-offset:1px}
.chg-tool .btn.ghost{margin-top:10px;min-height:44px;border-color:#cfc7b7;color:#6a6053;background:#fff}
.chg-tool .btn.ghost:hover{color:#a8341a;border-color:#a8341a}
.tool-grid-2{margin-top:14px}
.chg-status{margin:12px 0 0;min-height:1.3em;font-size:13px;color:#8a3b22}
.chg-status:empty{display:none}

/* ---------- the sheets ---------- */
.sheets{margin:0}
.chg-paper{max-width:760px;margin:0 auto;box-shadow:0 30px 60px -34px rgba(0,0,0,.6),0 0 0 1px rgba(27,21,18,.06)}
.chg-paper[hidden]{display:none!important}
.chg-paper .paper-biz{overflow-wrap:anywhere}
.chg-paper .paper-head{flex-wrap:wrap}
.chg-paper .paper-table.added th:first-child,.chg-paper .paper-table.added td:first-child{width:auto}
.chg-paper .paper-table.added th.num,.chg-paper .paper-table.added td.num{width:32%}
.chg-paper .paper-table.added{margin-top:1.15rem}
.chg-paper .blank-row td{height:2.1rem;border-bottom:1px dotted #c3bbab}
.chg-paper .paper-totals{margin-top:.9rem}
.chg-paper .sign-say{margin:.55rem 0 0;font-size:.78rem;line-height:1.4;color:#1b1512}
.chg-paper .paper-notes{font-size:.8rem}
.receipt-totals{font-size:.95rem}
.receipt-totals .strong{align-items:center;margin-top:.3rem;padding-top:.5rem;border-top:1px solid #d8d1c1;font-weight:700}
.receipt-totals .strong dt{color:#1b1512}
.receipt-totals .strong dd{font-size:1.15rem}

.chg-foot{margin-top:24px;padding-top:14px;border-top:1px solid #ded6c8;font-size:13px;color:#8a7f72}
.chg-foot a{color:#a8341a;display:inline-flex;align-items:center;min-height:44px}

/* ---------- WTP on a light page (layout comes from styles.css) ---------- */
.chg .wtp{margin-top:26px;background:#fffdf8;border-color:#ded6c8}
.chg .wtp-q,.chg .wtp-num{color:#1b1512}
.chg .wtp-sub{color:#5b5148}
.chg .wtp-lead,.chg .wtp-end{color:#8a7f72}
.chg .wtp-slider input[type="range"]::-webkit-slider-runnable-track{background:rgba(27,21,18,.16)}
.chg .wtp-slider input[type="range"]::-webkit-slider-thumb{background:#f7f4ec;border-color:#a8341a}
.chg .wtp-bar{background:rgba(27,21,18,.10)}
.chg .wtp-amount{color:#8a7f72}
.chg .wtp-amount input{min-height:44px;padding:0 10px;border:1px solid #ded6c8;border-radius:6px;background:#fff;color:#1b1512}
.chg .wtp-amount input:focus-visible{outline:3px solid #a8341a;outline-offset:1px}

@media (max-width:560px){
  .chg{padding:20px 14px 48px}
  .chg-paper{padding:1.7rem 1.1rem 1.9rem}
  .chg-paper .paper-head{gap:.8rem}
  .chg-paper .paper-meta{text-align:left}
  .chg-paper .paper-sign{grid-template-columns:minmax(0,1fr) 6rem;gap:1rem}
  .add-row{grid-template-columns:minmax(0,1fr) 44px;grid-template-areas:"d x" "a x"}
  .add-row .add-desc{grid-area:d}
  .add-row .add-amt{grid-area:a}
  .add-row .row-del{grid-area:x;align-self:end;margin-bottom:0}
  .switcher .btn{flex:1 1 100%}
}

/* ---------- print: one paper, one page ---------- */
@media print{
  .change-page{background:#fff}
  .chg-head,.switcher,.chg-tool,.wtp,.chg-foot{display:none!important}
  .chg{max-width:none;margin:0;padding:0}
  .sheets{margin:0}
  .chg-paper{max-width:none;margin:0;padding:0;background:#fff;box-shadow:none}
  .chg-paper::before,.chg-paper::after{display:none}
  .chg-paper .paper-head{margin-bottom:1.1rem}
  .chg-paper .paper-sign{margin-top:46px}
  .chg-paper .paper-notes{margin-top:14px}
  .chg-paper .blank-row td{height:2.2rem}
}
@page{size:A4;margin:14mm}