/* Payment context uses the same Hub surfaces and spacing as the account. */
.ac-page .ac-category-chip {display:inline-flex;align-items:center;width:fit-content;max-width:100%;padding:4px 8px;border:1px solid #e0e5eb;border-radius:5px;background:#f6f8fa;color:#435568;font-size:12px;font-weight:500;line-height:1.45;white-space:normal;vertical-align:middle}
.ac-page .ac-bill-tags {display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:8px}
.ac-page .ac-recurrence-tag {font-size:12px;color:#667588;font-weight:400}
.ac-page .ac-instruction-pending {display:block;margin-top:7px;max-width:175px;color:#946011;font-size:12px;line-height:1.4}
.ac-page .ac-agenda-info .ac-category-chip {margin:2px 7px 0 0}
dialog.drawer:has(.ac-bill-context) {width:min(700px,100vw);max-width:100vw}
.ac-page .ac-bill-context {display:grid;gap:24px}
.ac-page .ac-bill-context>.ac-bill-tags {margin:0}
.ac-page .ac-bill-context .ac-review {margin:0}
.ac-page .ac-bill-context .ac-review .ac-row>strong {display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap;text-align:right}
.ac-page .ac-bill-context .ac-inset {margin:0;padding:20px;background:#f8f9fb;border:1px solid #e5e9ee;border-radius:8px}
.ac-page .ac-bill-context h3 {font-size:15px;line-height:1.45;margin:0 0 8px}
.ac-page .ac-bill-context p {margin:0;line-height:1.6}
.ac-page .ac-supplier-history {overflow:hidden;border:1px solid #e0e5eb;border-radius:9px}
.ac-page .ac-context-head {display:flex;gap:20px;align-items:flex-start;justify-content:space-between;padding:20px 20px 16px}
.ac-page .ac-context-head h3 {margin:0 0 5px}
.ac-page .ac-context-head p,.ac-page .ac-history-count {color:#718093;font-size:12px}
.ac-page .ac-history-count {white-space:nowrap}
.ac-page .ac-history-summary {display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 20px 20px}
.ac-page .ac-history-summary>div {display:grid;gap:5px}
.ac-page .ac-history-summary span,.ac-page .ac-history-summary small {font-size:12px;color:#6d7c8f}
.ac-page .ac-history-summary strong {font-size:20px;font-variant-numeric:tabular-nums;letter-spacing:-.3px}
.ac-page .ac-history-table {min-width:0;width:100%;font-size:13px}
.ac-page .ac-history-table th,.ac-page .ac-history-table td {padding:12px 16px}
.ac-page .ac-history-table th:first-child,.ac-page .ac-history-table td:first-child {padding-left:20px}
.ac-page .ac-history-table small {display:block;margin-top:4px;font-weight:400}
.ac-page .ac-history-document {color:#596d80;font-size:12px}
.ac-page p.ac-context-note {padding:16px 20px;color:#758296;font-size:12px;background:#fafbfc;border-top:1px solid #edf0f3}
.ac-page .ac-history-more {padding:16px 20px;border-top:1px solid #e5e9ee;font-size:13px}
.ac-page .ac-preparation-strip {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;background:#f5f7fa;border:1px solid #e0e6ed;border-radius:9px;margin:0 0 20px}
.ac-page .ac-preparation-strip p {margin:5px 0 0;color:#68798b;font-size:13px;line-height:1.5}
.ac-page .ac-duplicate-review {padding:16px;border:1px solid #d7b77d;border-radius:8px;background:#fffbf2;display:grid;gap:12px}
.ac-page .ac-duplicate-review p {margin:0;font-size:13px;line-height:1.6}
.ac-page .ac-duplicate-review label:has(input[type=checkbox]) {display:flex;gap:8px;align-items:flex-start;font-size:13px}
@media(max-width:700px){.ac-page .ac-preparation-strip{align-items:flex-start;flex-direction:column;gap:10px}.ac-page .ac-context-head{gap:12px}.ac-page .ac-history-table th,.ac-page .ac-history-table td{padding:10px}.ac-page .ac-history-table td:last-child{max-width:100px}.ac-page .ac-history-summary{gap:12px}.ac-page .ac-history-summary strong{font-size:18px}}