.emptyresult{text-align:center;padding:35px 15px}.emptyicon{width:56px;height:56px;display:grid;place-items:center;margin:0 auto 15px;border-radius:50%;background:#fff5e8;color:#bc7720;font-weight:800;font-size:25px}.emptyresult .detailbox{text-align:left;max-width:480px;margin:25px auto 0}

.journey-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.journey-step{display:flex;align-items:center;gap:10px;padding:13px 15px;border:1px solid #dfe7f1;border-radius:14px;background:#fff;color:#708099}.journey-step b{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#edf2f8;color:#52647d}.journey-step.active{border-color:#85a7f4;background:#f5f8ff;color:#173564}.journey-step.active b,.journey-step.done b{background:#2457d6;color:#fff}.journey-step.done{color:#2457d6;border-color:#c6d7fb}
.onboarding-form{padding:25px}.form-section{padding:21px 0;border-top:1px solid #e8edf4}.form-section:first-of-type{border-top:0}.form-section h5{font-size:1rem;color:#183052;margin-bottom:14px}.form-note{display:block;color:#728099;line-height:1.5;margin:4px 0 12px}
#signaturePad{display:block;width:100%;height:180px;border:1px dashed #9badc5;border-radius:14px;background:linear-gradient(#fff,#fbfcff);touch-action:none;cursor:crosshair}.signature-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}.signature-tools span{font-size:.84rem;color:#6d7c90}.signature-tools span::before{content:'•';color:#2457d6;margin-right:7px}.signature-tools label{cursor:pointer}.signature-tools .btn-light{border:1px solid #dfe6ef}#signaturePreview img{display:block;max-width:100%;max-height:150px;margin-top:12px;padding:10px;border:1px solid #e0e7ef;border-radius:12px;background:#fff}
.journey-result{position:sticky;top:20px}.journey-empty{text-align:center;padding:55px 20px}.journey-empty>b,.state-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;margin:0 auto 18px;background:#e9f0ff;color:#2457d6;font-size:1.35rem}.journey-empty p{color:#708099}.onboarding-state{display:flex;gap:16px;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #e5ebf3}.onboarding-state .state-icon{flex:0 0 54px;margin:0}.onboarding-state p{color:#66768c;margin:6px 0 0}.onboarding-summary.complete .state-icon{background:#e5f8ef;color:#148453}.journey-response-list>details{border-bottom:1px solid #e7edf4}.journey-response-list>details>summary{display:grid;grid-template-columns:minmax(160px,.65fr) 1fr;gap:12px;padding:15px 2px;cursor:pointer;list-style:none}.journey-response-list>details>summary span{display:flex;gap:9px;align-items:center}.journey-response-list>details>summary span b{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#e4f7ee;color:#138254;font-size:.72rem}.journey-response-list>details>summary small{color:#738196;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.journey-response-list .service-view{margin:0 0 14px;background:#f8fafd}.otp-panel{margin-top:20px;padding:22px;border:1px solid #adc4f7;border-radius:17px;background:#f5f8ff}.otp-panel h4{margin:12px 0 4px}.otp-panel p{color:#66768c}.otp-input{text-align:center;font-size:1.3rem;letter-spacing:.18em;font-weight:700}
.service-view{padding:20px;border:1px solid #e2e8f0;border-radius:17px;background:#fff}.view-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.view-heading h3{font-size:1.25rem;margin:8px 0 3px}.view-heading p{margin:0;color:#6c7b91}.record-count,.status-pill{padding:7px 10px;border-radius:999px;background:#edf3ff;color:#2457d6;font-size:.76rem;font-weight:750;white-space:nowrap}.structured-grid{margin-top:10px}.structured-grid>div{min-width:0}.structured-grid b{overflow-wrap:anywhere}.not-supplied{font-weight:500;color:#9aa5b4}.structured-more{width:100%}.structured-more>summary,.statement-details>summary{color:#2457d6;cursor:pointer;font-size:.8rem;font-weight:700}.structured-more>.structured-grid{padding:12px;margin-top:8px;border-radius:12px;background:#f6f8fb}.structured-table{margin-top:12px}.structured-table td{max-width:260px;overflow-wrap:anywhere}.empty-note,.message-card{padding:16px;border-radius:12px;background:#f6f8fb;color:#6c7b91}
.portfolio-card{height:100%;padding:20px;border:1px solid #dfe7f1;border-radius:18px;background:linear-gradient(145deg,#fff,#f7faff);box-shadow:0 8px 28px rgba(35,69,119,.06)}.portfolio-head{display:flex;justify-content:space-between;gap:12px}.portfolio-head small{color:#718198;font-weight:750}.portfolio-head h5{margin:4px 0}.portfolio-number{margin:25px 0 16px;font-size:1.18rem;font-weight:750;letter-spacing:.04em;color:#183052}.portfolio-balance{display:flex;justify-content:space-between;align-items:end;padding:14px;border-radius:12px;background:#edf3ff;margin-bottom:13px}.portfolio-balance span{font-size:.78rem;color:#6a7990}.portfolio-balance b{color:#183f8e}.identity-hero{display:flex;gap:17px;align-items:center;padding:20px;border-radius:18px;background:linear-gradient(135deg,#edf3ff,#fff);margin-bottom:18px}.identity-avatar{width:62px;height:62px;display:grid;place-items:center;border-radius:18px;background:#2457d6;color:#fff;font-weight:800;font-size:1.2rem}.identity-hero h3{margin:7px 0 2px}.identity-hero p{margin:0;color:#6c7b91}.payment-result{text-align:center}.payment-symbol{width:66px;height:66px;display:grid;place-items:center;margin:0 auto 16px;border-radius:50%;background:#e5f8ef;color:#148453;font-size:1.6rem;font-weight:900}.payment-result.attention .payment-symbol{background:#fff0ec;color:#c64937}.payment-reference{max-width:430px;margin:18px auto;padding:15px;border-radius:13px;background:#f4f7fb}.payment-reference span{display:block;font-size:.76rem;color:#718198}.payment-reference b{font-size:1.06rem}.transaction-table td small{display:block;color:#748297;margin-top:3px}.generic-result.attention,.payment-result.attention{border-color:#f0c8bf}
@media(max-width:767px){.journey-steps{grid-template-columns:1fr}.journey-step{padding:10px 12px}.journey-result{position:static}.view-heading{display:block}.view-heading>.btn,.view-heading>.record-count,.view-heading>.status-pill{margin-top:12px}.journey-response-list>details>summary{grid-template-columns:1fr}.journey-response-list>details>summary small{white-space:normal}.signature-tools{align-items:stretch}.signature-tools .btn{flex:1}.onboarding-form{padding:18px}}