
/* Vista aislada de reclamación: solo demostración, sin API ni almacenamiento */
.claim-preview{margin-top:25px;border:1px solid #d8e9dc;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 7px 22px #163f2814}
.claim-preview-head{padding:21px 23px;background:#f0faf4;border-bottom:1px solid #d8e9dc}
.claim-preview-head h3{font-size:21px;margin:9px 0;color:#165a44}
.claim-preview-head p{font-size:14px;line-height:1.7;margin:0;color:#425e52}
.claim-preview-flag{display:inline-block;border-radius:20px;border:1px solid #c4e3cf;background:#fff;padding:5px 10px;color:#176249;font-weight:750;font-size:12px}
.claim-preview-body{padding:22px 23px}
.claim-preview-grid{display:grid;gap:10px;margin:0 0 16px}
.claim-preview-line{display:flex;justify-content:space-between;gap:15px;align-items:baseline;padding:9px 0;border-bottom:1px solid #e8eee9;font-size:14px}
.claim-preview-line strong{white-space:nowrap;font-variant-numeric:tabular-nums}
.claim-preview-total{display:flex;justify-content:space-between;gap:15px;align-items:center;border-radius:14px;padding:16px;margin:16px 0;background:#eaf8ef;color:#075d43;font-weight:850;font-size:18px}
.claim-preview-total strong{font-size:25px;white-space:nowrap}
.claim-preview-fields{display:grid;gap:10px;margin-top:18px}
.claim-preview-fields label{font-size:13px;font-weight:750;color:#30574b}
.claim-preview-fields input{box-sizing:border-box;width:100%;border:1px solid #d6e4dc;border-radius:11px;padding:12px 13px;background:#f4f7f5;color:#4d675c;font:inherit}
.claim-preview-tip{font-size:13px;line-height:1.7;color:#53675c;margin:13px 0}
.claim-preview-button{border:0;border-radius:12px;background:#14674f;color:#fff;padding:13px 17px;font:inherit;font-weight:800;cursor:pointer}
.claim-preview-button:disabled{opacity:.55;cursor:default}
.claim-preview-button:focus-visible{outline:3px solid #d89b33;outline-offset:3px}
.claim-preview-admin{border-top:1px solid #e1e9e2;background:#fafbf9;padding:20px 23px}
.claim-preview-admin h4{margin:0 0 6px;color:#155a45}
.claim-preview-admin p{font-size:13px;line-height:1.7;color:#52665b}
.claim-preview-state{display:inline-block;padding:7px 11px;border-radius:20px;background:#fef3d8;color:#856021;font-size:13px;font-weight:800}
.claim-preview-message{font-size:13px;line-height:1.7;min-height:1em;color:#155a45;font-weight:700}
@media(max-width:560px){.claim-preview-head,.claim-preview-body,.claim-preview-admin{padding:17px}.claim-preview-total{font-size:15px}.claim-preview-total strong{font-size:22px}.claim-preview-line{font-size:12px}}

/* Diálogo exclusivamente demostrativo del paso bancario. */
.claim-bank-dialog{border:0;border-radius:20px;padding:0;width:min(92vw,570px);max-height:88vh;box-shadow:0 18px 75px #081e2070;color:#234238}
.claim-bank-dialog::backdrop{background:#0925199c}
.claim-bank-shell{padding:26px;background:#fff}
.claim-bank-shell h3{font-size:22px;margin:14px 0;color:#135b46}
.claim-bank-shell p{line-height:1.7}
.claim-bank-choices{border:1px solid #dce8df;border-radius:12px;display:grid;gap:12px;padding:16px;margin:17px 0}
.claim-bank-choices label{display:flex;align-items:center;gap:9px;font-size:14px}
.claim-bank-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.claim-bank-cancel{background:#f1f5f2;color:#285846;border:1px solid #cce0d3;padding:13px 17px;border-radius:12px;cursor:pointer;font:inherit;font-weight:700}

/* Información sobre vinculación bancaria, sin solicitar datos en la web */
.claim-bank-info{background:#f0f8f3;border:1px solid #cfdfd5;border-radius:14px;padding:18px 19px;margin:16px 0;color:#23523f;line-height:1.7}
.claim-bank-info strong{display:block;font-size:16px;color:#14583f}
.claim-bank-info p{margin:9px 0 0;font-size:14px}
.claim-bank-icon{display:inline-block;margin-bottom:4px;font-size:22px;color:#147050}
