/* transactions.css · v39 · page-only additions on top of the v3.3 Critical Dates mockup styles */
.txpage .tx-state{max-width:640px;margin:40px auto;padding:0 12px}
.txpage .tx-ro{margin:12px 12px 0;padding:10px 14px;border-radius:10px;background:#fff6e5;border:1px solid #e8c77a;color:#5a4200}
.txpage .tx-back{font-weight:600}
.txpage .tx-edit{opacity:.55;cursor:not-allowed}
.txpage .tx-editnote{margin-left:8px}
.txpage .txn-review-label{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:8px;font-size:.78em;background:#fdecea;color:#8a1f1f;border:1px solid #f1b4ae}
.txpage .tx-pipe-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.txpage .tx-pipe-col{background:#f6f4ef;border-radius:10px;padding:8px}
.txpage .tx-pipe-col h4{margin:2px 0 8px;font-size:.92em}
.txpage .tx-pc{display:block;width:100%;text-align:left;background:#fff;border:1px solid #e3ded3;border-radius:8px;padding:8px;margin-bottom:6px;cursor:pointer;font:inherit}
.txpage .tx-pc b,.txpage .tx-pc span{display:block}
.txpage .tx-status{margin-left:6px}
.txpage .tx-empty{padding:18px;text-align:center}
.txpage .tx-list{margin:6px 0 0 18px;padding:0}
.txpage .tx-list li{margin:3px 0}
.txpage button.sc{font:inherit;text-align:left;cursor:pointer}
.txpage .tx-tablewrap{overflow-x:auto}
@media (max-width:640px){.txpage .tx-ro{margin:8px}.txpage .ptabs{display:flex}}
.txpage button.backdash{display:inline-block;background:none;border:0;color:#7a2328;font:inherit;font-weight:600;cursor:pointer;padding:8px 2px;margin:0 0 6px}
.txpage .tx-pc,.txpage .tx-pc b,.txpage .tx-pc span{color:#2b2b2b}
.txpage .tx-pc .muted{color:#6b6b6b}
.txpage .tx-pc:hover{border-color:#7a2328}
.txpage{padding-bottom:84px}
/* v39.1 · date window selector, next event, overdue lines */
.txpage .tx-nexthead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;margin-bottom:8px}
.txpage .tx-nexthead h3{margin:0}
.txpage .tx-win{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.txpage .tx-winlbl{margin:0 2px}
.txpage .tx-wb{font:inherit;font-size:13px;min-width:40px;padding:5px 8px;border:1px solid #cfc8bb;background:#fff;color:#2b2b2b;border-radius:16px;cursor:pointer}
.txpage .tx-wb:hover{border-color:#7a2328}
.txpage .tx-wb.on{background:#7a2328;border-color:#7a2328;color:#fff;font-weight:600}
.txpage .tx-wb:focus-visible{outline:2px solid #7a2328;outline-offset:2px}
.txpage .sc.l{background:#fff;border-color:#c9cdd1}.txpage .sc.l .w{color:var(--muted)}
.txpage .k.l{background:#fff;border:1px solid #a0a4a8}
.txpage .tx-next{margin:8px 0 2px;padding:6px 10px;border-radius:8px;background:#f6f4ef;font-size:14px;line-height:1.35}
.txpage .tx-next b{color:#7a2328}
.txpage .tx-next.none{color:#6b6b6b}
.txpage .tx-next .tx-away{font-weight:600;white-space:nowrap}
.txpage .tx-od{margin:4px 0 2px;padding:6px 10px;border-radius:8px;background:#fbe3e0;border-left:4px solid var(--red);color:#7d1a12;font-size:14px;line-height:1.35}
.txpage .tx-od b{color:var(--red)}
.txpage .tx-hint{margin:4px 12px 10px}
.txpage .tx-linkbtn{font:inherit;background:none;border:0;padding:0;color:#7a2328;font-weight:600;text-decoration:underline;cursor:pointer}
@media (max-width:640px){.txpage .tx-wb{min-width:36px;padding:5px 6px}.txpage .tx-nexthead{align-items:flex-start}}
/* v39.1 · phone short codes (DD, AD, ...): code chip replaces the full label at <=640px; desktop keeps the full label */
.txpage .tx-code{display:inline-block;min-width:26px;padding:0 5px;margin-right:4px;border-radius:5px;background:#7a2328;color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em;text-align:center;line-height:18px;vertical-align:1px}
.txpage .tx-od .tx-code{background:var(--red)}
.txpage .tx-compact .tx-code{display:none}
.txpage .tx-codekeywrap{display:none}
@media (max-width:640px){
 .txpage .tx-compact .tx-code{display:inline-block}
 .txpage .tx-compact .tx-lbl{display:none}
 .txpage .tx-codekeywrap:not(.hidden){display:block;margin:0 0 8px}
 .txpage .tx-codekey{background:#fff;border:1px solid #e3ded3;border-radius:10px;padding:6px 10px;font-size:13px}
 .txpage .tx-codekey summary{cursor:pointer;font-weight:600;color:#7a2328}
 .txpage .tx-codekey ul{list-style:none;margin:6px 0 2px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 8px}
}