.demo-page{min-height:100vh;padding:24px var(--gutter) 70px;background:var(--color-deep-blue);color:white}.demo-header,.demo-policy,.demo-status{display:flex;justify-content:space-between;align-items:center;gap:14px}.demo-header a{font-weight:600;font-size:1.125rem}.demo-header span{color:#e5ecff}.demo-intro{margin:44px 0 28px}.demo-intro h1{font-size:clamp(3rem,7vw,6rem)}.demo-status{margin-bottom:12px}.demo-header :focus-visible,.demo-status :focus-visible{outline-color:var(--color-pure-white)}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.demo-panel{min-width:0;padding:clamp(16px,3vw,32px);background:white;color:var(--ink)}.demo-panel h2{font-size:clamp(2.3rem,4vw,4rem);margin:6px 0 12px}.demo-panel h3{margin:24px 0 10px;font-size:1.75rem}.demo-history,.demo-overview{margin-bottom:16px}.demo-overview .demo-policy h2{margin:0;color:inherit;font:inherit;font-weight:600}.demo-overview .demo-actions{margin-bottom:0}.demo-overview .demo-actions>a{border:1px solid var(--color-deep-blue);background:var(--color-bubblegum);color:var(--color-deep-blue);padding:7px 11px;font-weight:600}.demo-checkout{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 20px;max-width:44rem;margin-top:12px}.demo-checkout .demo-actions{margin-top:0}.demo-checkout p{color:var(--muted);font-size:.875rem}.demo-overview .demo-mandate{max-width:44rem}.demo-payout-summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding-top:12px}.demo-payout-summary strong{font-size:1.2rem;color:var(--color-deep-blue)}.demo-payout-summary .demo-proof{margin-top:0}.demo-new-policy{margin-top:12px;border-top:1px solid var(--dark-line);padding-top:8px}.demo-new-policy summary{cursor:pointer;color:var(--color-deep-blue)}.demo-history{margin-top:16px}.demo-history h2{font-size:1.75rem}.demo-description{margin:8px 0;color:var(--muted)}.demo-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.demo-page button{min-height:44px;border:1px solid var(--color-deep-blue);background:var(--color-bubblegum);color:var(--color-deep-blue);padding:7px 11px;cursor:pointer;font-weight:600}.demo-page button.demo-secondary{background:white}.demo-page button:disabled{cursor:not-allowed;opacity:.52;background:white}.demo-policy{padding:8px 12px;background:var(--color-deep-blue);color:white}.demo-amounts{margin:8px 0 12px}.demo-amounts div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--dark-line);padding:5px 8px}.demo-amounts dd{white-space:nowrap;font-variant-numeric:tabular-nums}.demo-amounts .demo-reimbursed{background:var(--color-bubblegum);color:var(--color-deep-blue);font-weight:600}.demo-trail{display:grid;gap:8px;max-height:320px;overflow:auto}.demo-trail li{display:grid;gap:2px;padding:8px 10px;background:#f7f9ff}.demo-trail a{text-decoration:underline;width:fit-content;color:var(--color-deep-blue)}.demo-id{font:.74rem/1.5 ui-monospace,monospace;color:var(--muted)}.demo-error,.demo-id{overflow-wrap:anywhere}.demo-error{background:white;color:var(--ink);padding:10px;margin-bottom:12px}@media (max-width:760px){.demo-grid{grid-template-columns:1fr}.demo-intro{margin:20px 0 16px}.demo-intro h1{font-size:clamp(2.25rem,10vw,3rem)}}.demo-agent{margin-top:18px;padding-top:4px;border-top:1px solid var(--dark-line)}.demo-agent h3{margin-top:12px}.demo-agent form{display:grid;gap:8px}.demo-agent label{font-weight:600}.demo-agent input{width:100%;min-width:0;padding:8px;border:1px solid var(--dark-line);font-family:ui-monospace,monospace}.demo-agent button{width:fit-content}.demo-agent>button{margin-top:8px}.demo-command{display:grid;gap:5px;margin-top:12px;padding:10px;background:#f7f9ff;overflow-wrap:anywhere}.demo-receipt-command{max-width:32rem;gap:0}.demo-receipt-command>div{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px}.demo-receipt-command [role=status]:not(:empty){margin-top:5px}.demo-inline-link,.demo-proof{text-decoration:underline;color:var(--color-deep-blue)}.demo-proof{display:inline-flex;align-items:center;min-height:44px;margin-top:8px}.demo-mandate{display:grid;gap:6px;margin:12px 0}.demo-mandate label{font-weight:600}.demo-mandate input{width:100%;min-width:0;padding:8px;border:1px solid var(--dark-line);font-family:ui-monospace,monospace}.demo-mandate input[aria-invalid=true]{border-color:var(--color-deep-blue)}.demo-field-error{font-weight:600}.demo-mandate button{width:fit-content}#cli-run,#duplicate-invoice,#historical-limit,#live-demo,#verify-receipts{scroll-margin-top:16px}.demo-run{margin-bottom:16px}.demo-run h2{font-size:clamp(2rem,4vw,3.25rem)}.demo-run-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px}.demo-run-summary>div{padding:12px;background:#f3f6ff}.demo-run-summary dt{font-weight:600}.demo-run-summary dd{font-size:1.125rem;font-weight:700;font-variant-numeric:tabular-nums}.demo-run-summary .demo-run-paid{background:var(--color-bubblegum);color:var(--color-deep-blue)}.demo-run-details{margin-top:8px}.demo-invoice summary,.demo-run-details summary{min-height:44px;padding-block:11px;color:var(--color-deep-blue);cursor:pointer}.demo-run-accounts{display:flex;flex-wrap:wrap;gap:12px 28px;margin:16px 0}.demo-run-accounts>div{min-width:0}.demo-run-accounts dt{font-weight:600}.demo-run-trail{list-style:none;padding:0;margin:0}.demo-run-trail li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 18px;padding:8px 0;border-top:1px solid var(--dark-line)}.demo-run-trail .demo-description,.demo-run-trail .demo-proof{margin:0}.demo-run-trail li:last-child{border-bottom:1px solid var(--dark-line)}.demo-run-links{display:flex;flex-wrap:wrap;gap:4px 16px}.demo-invoice{margin-top:16px}.demo-invoice summary{font-weight:600}.demo-invoice-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}.demo-invoice-results>div{background:#f3f6ff;padding:12px}.demo-invoice-results h3{margin-top:0}@media (max-width:760px){.demo-invoice-results,.demo-run-trail li{grid-template-columns:1fr}}@media (max-width:520px){.demo-run-summary{grid-template-columns:1fr}}.demo-manual{margin-bottom:16px;scroll-margin-top:16px}.demo-manual-button{margin-top:14px}.demo-manual-flow{margin-top:16px;border-top:1px solid var(--dark-line)}.demo-manual-fields{display:grid;gap:10px;max-width:40rem;margin:14px 0}.demo-manual-fields label{display:grid;gap:4px}.demo-manual-fields input{width:100%;padding:8px;border:1px solid var(--dark-line)}.demo-manual-fields button{justify-self:start}.demo-manual-amounts{max-width:44rem}.demo-manual-amounts dd{white-space:normal;overflow-wrap:anywhere;text-align:right}.demo-steps{list-style:decimal;padding-left:1.5rem}.demo-steps li{margin-bottom:12px}.demo-manual button[aria-pressed=true]{color:white;background:var(--color-deep-blue)}