/* Application for payment statement, shared by /tools/application-for-payment and
   /portal/payment-applications. Self-contained: relies only on the colour tokens
   both tools.css and portal.css define. Each page hides its own chrome for print. */

.afp-doc{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:28px;margin-top:22px;max-width:640px;color:var(--ink)}
.afp-doc .doc-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;border-bottom:2px solid var(--ink);padding-bottom:12px}
.afp-doc .doc-head h2{font-family:"Saira Condensed";text-transform:uppercase;font-weight:800;font-size:28px;line-height:1}
.afp-doc .doc-head .no{font-family:"JetBrains Mono",monospace;font-size:14px;color:var(--ink2)}
.afp-doc .doc-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px 18px;margin-top:16px;font-size:14px}
.afp-doc .doc-meta span{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}
.afp-doc .doc-lines{margin-top:6px}
.afp-doc .res-head{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--steel);margin:20px 0 2px}
.afp-doc .res-row{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:8px 0;border-bottom:1px solid var(--line);font-size:15px}
.afp-doc .res-row.sub{font-weight:600;border-bottom-color:var(--ink2)}
.afp-doc .res-row .v{font-family:"Saira Condensed";font-weight:800;font-size:20px;white-space:nowrap;flex-shrink:0}
.afp-doc .res-total{margin-top:8px;padding:14px 16px;background:rgba(216,134,42,.1);border:1px solid rgba(216,134,42,.4);border-radius:10px;display:flex;justify-content:space-between;align-items:baseline;gap:14px}
.afp-doc .res-total .v{font-family:"Saira Condensed";font-weight:800;font-size:30px;color:var(--amber);white-space:nowrap}
.afp-doc .res-meta{font-size:12.5px;color:var(--ink2);margin-top:12px;line-height:1.6}
.afp-doc .res-meta p+p{margin-top:8px}
.afp-doc .doc-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;margin-top:20px;font-size:12.5px;color:var(--ink2)}

@media(max-width:560px){.afp-doc{padding:20px}}
@media print{
	.no-print,#cookie-bar{display:none !important}
	body{background:#fff}
	.afp-doc{background:none;border:none;border-radius:0;padding:0;margin:0;max-width:none}
	.afp-doc .res-total{background:none;border:2px solid var(--ink)}
	.afp-doc .res-total .v{color:var(--ink)}
}