.inv-under { margin-top: 0.9em; }
.inv-stats .k-stat > b { font-size: 1.7em; }
@media (max-width: 39.99em) { .inv-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.page-invoicing .k-doc tfoot tr.inv-sub td { font-weight: 500; color: var(--app-text-2); border-top: 0; }
.page-invoicing .k-doc tfoot tr.inv-sub:first-child td { border-top: 1px solid var(--app-border); }
.page-invoicing .k-doc td:nth-child(2), .page-invoicing .k-doc th:nth-child(2), .page-invoicing .k-doc td:nth-child(3), .page-invoicing .k-doc th:nth-child(3) { text-align: right; font-variant-numeric: tabular-nums; }
.inv-reason { color: var(--ink-3); }
.page-invoicing .k-desk .k-toast { max-width: 19em; font-size: 12px; }
.inv-btns { display: inline-flex; gap: 0.4em; }
.inv-approve { transition: background-color 0.4s, border-color 0.4s; }
.js [data-step="2"] .inv-approve, .js [data-step="3"] .inv-approve, [data-steps]:not([data-step]) .inv-approve { background: var(--green-bg); border-color: transparent; }
.js [data-step="1"] .inv-press { animation: kPress 0.5s var(--ease-out) 1.1s both; }
.page-invoicing .inv-why em { color: var(--app-text-3); }
.inv-modal-wrap { width: 100%; display: grid; justify-items: center; }
.inv-aged { display: flex; gap: 3px; }
.inv-aged > div { flex: var(--w) 1 0; min-width: 0; display: grid; gap: 0.15em; padding: 0.7em 0.8em; border-radius: 0.5em; background: var(--green-bg); color: var(--green-text); }
.inv-aged .is-30 { background: var(--amber-bg); color: var(--amber-text); }
.inv-aged .is-60 { background: var(--orange-wash); color: var(--orange-text); }
.inv-aged .is-90 { background: var(--red-bg); color: var(--red-text); }
.inv-aged span { font-size: 0.8em; font-weight: 600; white-space: nowrap; }
.inv-aged b { font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.inv-total { display: flex; align-items: baseline; justify-content: space-between; gap: 1em; margin-top: 0.7em; padding-top: 0.7em; border-top: 1.5px solid var(--app-text); color: var(--app-text-3); }
.inv-total b { font-family: var(--font-display); font-size: 1.4em; font-weight: 700; letter-spacing: var(--track-display); color: var(--app-text); font-variant-numeric: tabular-nums; }
@media (max-width: 39.99em) { .inv-aged { flex-wrap: wrap; } .inv-aged > div { flex: 1 1 40%; } }
.inv-chase { align-items: center; }
.inv-modes { display: grid; gap: 0.45em; }
.inv-modes li { position: relative; display: grid; gap: 0.1em; padding: 0.6em 0.8em 0.6em 2.3em; border-radius: 0.8em; background: var(--card); border: 1px solid var(--app-border); }
.inv-modes li::before { content: ""; position: absolute; left: 0.8em; top: 0.8em; width: 1em; height: 1em; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--app-border); background: var(--card); }
.inv-modes b { font-weight: 600; color: var(--app-text); }
.inv-modes span { font-size: 0.86em; line-height: 1.35; color: var(--app-text-3); }
.inv-modes .is-on { border-color: var(--orange-line); background: var(--orange-tint); }
.inv-modes .is-on::before { box-shadow: inset 0 0 0 0.3em var(--orange-deep); }
.inv-file { display: flex; align-items: center; gap: 0.8em; padding: 0.7em 0.9em; border-radius: 0.9em; background: var(--card); border: 1px dashed var(--app-border); }
.inv-file > span:nth-child(2) { flex: 1; min-width: 0; display: grid; }
.inv-file b { font-weight: 600; color: var(--app-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inv-file small { color: var(--app-text-3); }
.inv-file-ico { flex: none; display: grid; place-content: center; width: 2.8em; height: 2.8em; border-radius: 0.6em; font-size: 0.78em; font-weight: 700; letter-spacing: 0.04em; color: var(--green-text); background: var(--green-bg); }
.inv-confirm { display: flex; justify-content: flex-end; }
.js [data-step="2"] .inv-confirm .k-btn { animation: kPress 0.5s var(--ease-out) 1.5s both; }
@media (max-width: 39.99em) { .page-invoicing .k-tabs .k-hide-s { display: none; } }
@media (max-width: 39.99em) {
  .page-invoicing .k-desk .k-pin { position: relative; inset: auto; justify-self: center; margin-top: 0.9em; max-width: none; }
  .inv-only-s { display: block; font-size: 0.86em; font-weight: 500; line-height: 1.3; color: var(--app-text-3); }
}
@media (min-width: 40em) { .inv-only-s { display: none; } }
.inv-hero .inv-stats .k-stat > b { font-size: 1.7em; }
.page-invoicing .jp-screen .k-desk { gap: 0.9em; padding: 0; border: 0; border-radius: 0; background: none; overflow: visible; }
.page-invoicing .inv-doc { aspect-ratio: auto; width: min(100%, 42rem); gap: 1em; padding: 1.5em 1.8em 1.2em; font-size: 11.5px; }
.inv-doc-cols { display: grid; gap: 1em 2em; }
.inv-doc-cols > div { display: grid; gap: 0.7em; align-content: start; min-width: 0; }
@media (min-width: 34em) { .page-invoicing .inv-doc { font-size: 12px; } .inv-doc-cols { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); } }
.inv-stamp { margin-top: 0.3em; }
.inv-stamp--end { text-align: right; }
.page-invoicing .inv-stamp .k-stamp { position: static; display: inline-block; font-size: 1.1em; }
.page-invoicing .inv-doc .k-doc-foot { margin-top: 0; }
.inv-desk-toast { justify-self: center; }
.page-invoicing .inv-doc .inv-dl-1 { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 60em) {
  .page-invoicing .jp-screen .k-desk { padding-bottom: 1.7em; }
  .page-invoicing .jp-screen .inv-desk-toast { position: absolute; z-index: 3; right: 0.9em; bottom: 0; }
  .inv-steps { --jp-h: 24.5rem; }
  .page-invoicing .inv-steps .jp-screen .inv-narrow { max-width: 38rem; font-size: 13.5px; }
  .page-invoicing .jx--side .jp--row { grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr); }
  .page-invoicing .jp-screen .inv-desk-toast--left { right: auto; left: 0.9em; }
  .page-invoicing .jx--side .jp-screen .k-table th, .page-invoicing .jx--side .jp-screen .k-table td { padding-inline: 0.7em; }
}
@media (max-width: 35.99em) { .page-invoicing .jx--side .jx-tabs > li:last-child { grid-column: 1 / -1; } }
.page-invoicing .jp-screen .inv-narrow { max-width: 36rem; }
.page-invoicing .jp-screen .inv-versions { width: 100%; }
.inv-ver-body { display: grid; gap: 0.9em 1.2em; }
.inv-ver-body > * { min-width: 0; }
@media (min-width: 34em) and (max-width: 59.99em), (min-width: 76em) { .inv-ver-body { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; } }
.page-invoicing .inv-revs-rule { margin-top: 0; }
.inv-ver-note { grid-column: 1 / -1; }
.page-invoicing .inv-revs li.is-on { border-color: var(--orange-line); background: var(--orange-tint); }
.page-invoicing .jp-screen .inv-chase { gap: var(--space-4); }
@media (min-width: 60em) and (max-width: 82em) { .page-invoicing .inv-col-x { display: none; } }
@media (min-width: 60em) and (max-width: 75.99em) { .page-invoicing .jx--side .inv-doc-cols { grid-template-columns: minmax(0, 1fr); } }
@media (min-width: 60em) {
  .page-invoicing .jp-screen .inv-desk--stack { padding-bottom: 0; }
  .page-invoicing .jp-screen .inv-desk--stack .inv-desk-toast { position: static; justify-self: start; max-width: 24em; }
}
@media (min-width: 60em) and (max-width: 79.99em) { .page-invoicing .inv-steps .jx-step small { display: none; } }