/* v0.8.2 — free-plan receivables introduction with a sample of the app interface. */
.receivables-intro-page{max-width:980px}
.receivables-intro-card{padding:24px}
.receivables-intro-card h2{font-size:24px;line-height:1.3;margin:16px 0;color:#fafafa}
.receivables-intro-plan{background:#30273f;color:#d6c3ff;font-size:12px;padding:6px 10px}
body.light-theme .receivables-intro-card h2{color:#20232b}
body.light-theme .receivables-intro-plan{background:#f0e8ff;color:#7148b4}
@media(max-width:500px){.receivables-intro-card{padding:16px}.receivables-intro-card h2{font-size:21px}}
.modal-card:has(.receivables-feature-preview){width:min(760px,100%)}
.receivables-feature-steps{padding-left:22px;margin:0 0 20px;display:grid;gap:12px}
.receivables-feature-steps li{padding-left:4px}
.receivables-feature-steps li::marker{color:#d6c3ff;font-weight:700}
.receivables-feature-example{margin:20px 0 14px;padding:16px;border:1px solid #3a4149;background:#111315;border-radius:12px;display:grid;gap:12px;min-width:0}
.receivables-feature-example figcaption{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;font-weight:700;color:#e4e4e7}
.receivables-feature-example figcaption span{font-weight:400;color:#aeb4bb;font-size:11px}
.receivables-example-sale{display:grid;gap:4px;font-size:12px}
.receivables-example-sale>span{color:#aeb4bb}
.receivables-example-total{padding:12px 14px}
.receivables-example-total small{color:#aeb4bb}
.receivables-example-total .metric{margin-top:4px;font-size:25px;color:#fbbf24}
.receivables-example-clients{padding:12px 14px;min-width:0}
.receivables-example-clients h3{font-size:13px;margin:0 0 8px;color:#f4f4f5}
.receivables-example-clients .table th{color:#aeb4bb}
.receivables-example-clients .table th,.receivables-example-clients .table td{padding:9px 7px;font-size:12px}
.receivables-example-clients .badge{font-size:11px}
.receivables-example-action{display:inline-block;padding:7px 10px;border-radius:8px;background:#16a34a;color:#fff;font-size:11px;font-weight:650;white-space:nowrap}
.notice-copy .receivables-example-result{font-size:12px;margin:0}
.notice-copy .receivables-feature-note{font-size:12px;color:#aeb4bb;margin:0}
body.light-theme .receivables-feature-example{background:#f5f6f8;border-color:#d5d9de}
body.light-theme .receivables-feature-example figcaption,body.light-theme .receivables-example-clients h3{color:#20232b}
body.light-theme .receivables-feature-steps li::marker{color:#7148b4}
body.light-theme .receivables-feature-example figcaption span,body.light-theme .receivables-example-sale>span,body.light-theme .receivables-example-total small,body.light-theme .receivables-example-clients .table th,body.light-theme .receivables-feature-note{color:#596474}
body.light-theme .receivables-example-total .metric{color:#b45309}
@media(max-width:500px){.receivables-feature-example{padding:12px}.receivables-example-clients{padding:10px}.receivables-feature-steps{padding-left:20px}.receivables-example-clients .table-wrap{scrollbar-width:thin}}