.bank-reconciliation-shell{display:grid;gap:20px;min-width:0}.bank-reconciliation-intro{display:flex;gap:16px;align-items:flex-start;padding:18px;border:1px solid #dce6f2;border-radius:18px;background:linear-gradient(135deg,#f6faff,#fff)}.bank-reconciliation-intro>span{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:15px;background:#e7f0ff;color:#1263d6}.bank-reconciliation-intro svg{width:23px}.bank-reconciliation-intro small,.bank-result header small,.bank-reconciliation-history header small{font-size:.69rem;font-weight:800;letter-spacing:.12em;color:#1263d6}.bank-reconciliation-intro h3,.bank-result h3,.bank-reconciliation-history h3{margin:4px 0 3px;color:#10213f;font-size:1.08rem}.bank-reconciliation-intro p,.bank-result header p{margin:0;color:#687893;font-size:.82rem;line-height:1.55}.bank-reconciliation-form{display:grid;grid-template-columns:minmax(220px,1.5fr) 130px 170px minmax(150px,.8fr) 140px;gap:12px}.bank-reconciliation-form label{display:grid;gap:7px;color:#64728a;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.bank-reconciliation-form :is(input,select){min-width:0;height:48px;border:1px solid #d5dfec;border-radius:13px;background:#fff;padding:0 13px;color:#172642;font:inherit;box-sizing:border-box}.bank-source-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bank-source{position:relative;display:flex;align-items:center;gap:14px;min-height:96px;padding:15px 18px;border:1px dashed #b8c9dd;border-radius:17px;background:#fbfdff;cursor:pointer;transition:.18s ease}.bank-source:hover{border-color:#2470dd;background:#f3f8ff;transform:translateY(-1px)}.bank-source>span{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:13px;background:#eaf2ff;color:#1767d4}.bank-source>span svg{width:21px}.bank-source div{display:grid;gap:3px;min-width:0}.bank-source b{color:#142540}.bank-source small{color:#74839a;font-size:.75rem}.bank-source em{color:#1767d4;font-size:.76rem;font-style:normal;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bank-source input{position:absolute;width:1px;height:1px;opacity:0}.bank-source--required:after{content:'REQUERIDO';position:absolute;right:14px;top:12px;padding:4px 7px;border-radius:20px;background:#e8f1ff;color:#1767d4;font-size:.59rem;font-weight:850;letter-spacing:.08em}.bank-reconciliation-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 16px;border-radius:15px;background:#f4f7fb}.bank-reconciliation-actions p{display:flex;align-items:center;gap:8px;margin:0;color:#66758c;font-size:.78rem}.bank-reconciliation-actions svg{width:18px}.bank-reconciliation-actions button,.bank-result header a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:0;border-radius:12px;background:#1263d6;color:#fff;padding:0 18px;font:inherit;font-weight:800;text-decoration:none;cursor:pointer;box-shadow:0 8px 20px #1263d62b}.bank-reconciliation-actions button:disabled{opacity:.65;cursor:wait}.bank-reconciliation-workspace{min-width:0}.bank-result{display:grid;gap:16px;padding-top:4px}.bank-result>header,.bank-reconciliation-history>header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.bank-result header a{min-height:40px;background:#fff;color:#1459b8;border:1px solid #cedbec;box-shadow:none;white-space:nowrap}.bank-result header a svg{width:17px}.bank-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.bank-kpis article{display:grid;gap:4px;padding:15px;border:1px solid #dfe7f1;border-top:3px solid #2470dd;border-radius:14px;background:#fff}.bank-kpis article.good{border-top-color:#15945d}.bank-kpis article.warning{border-top-color:#dc8a11}.bank-kpis article.danger{border-top-color:#d43d50}.bank-kpis small{color:#758299;font-size:.66rem;font-weight:850;letter-spacing:.08em}.bank-kpis b{color:#132541;font-size:1.4rem}.bank-kpis span{color:#78869a;font-size:.7rem}.bank-filters{display:flex;gap:7px;overflow:auto;padding-bottom:2px}.bank-filters button{display:flex;align-items:center;gap:8px;white-space:nowrap;border:1px solid #d5dfeb;border-radius:10px;background:#fff;color:#65738a;padding:9px 11px;font-weight:750;cursor:pointer}.bank-filters button span{display:grid;place-items:center;min-width:22px;height:20px;border-radius:12px;background:#edf2f8;font-size:.7rem}.bank-filters button.active{border-color:#1767d4;background:#edf5ff;color:#145cbc}.bank-table{max-width:100%;overflow:auto;border:1px solid #dce5ef;border-radius:15px;background:#fff}.bank-table table{width:100%;min-width:920px;border-collapse:collapse;font-size:.78rem}.bank-table th{padding:11px 13px;background:#f5f7fb;color:#69778d;font-size:.65rem;text-align:left;text-transform:uppercase;letter-spacing:.07em}.bank-table td{padding:13px;border-top:1px solid #e7edf4;vertical-align:middle;color:#1a2a45}.bank-table td:first-child{max-width:260px}.bank-table td b,.bank-table td strong{display:block}.bank-table td small{display:block;margin-top:4px;color:#7a8799;font-size:.69rem;overflow-wrap:anywhere}.bank-none{color:#97a2b1}.bank-status{min-width:145px;border:1px solid #d6e0eb;border-radius:9px;background:#fff;padding:8px;color:#59687e;font:inherit;font-weight:750}.bank-status.matched{border-color:#bce3ce;background:#effaf4;color:#087344}.bank-status.review{border-color:#f0d6a8;background:#fff8e8;color:#966000}.bank-status.unmatched{border-color:#efc4ca;background:#fff3f4;color:#b4283d}.bank-result footer{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:#f1f6fc;color:#617087}.bank-result footer svg{width:20px;flex:none;color:#1767d4}.bank-result footer p{margin:0;font-size:.74rem;line-height:1.55}.bank-reconciliation-history{display:grid;gap:10px;padding-top:6px;border-top:1px solid #e1e8f1}.bank-reconciliation-history header>span{color:#748299;font-size:.76rem}.bank-reconciliation-history>div{display:grid;gap:7px}.bank-reconciliation-history button{display:grid;grid-template-columns:75px minmax(0,1fr) auto 18px;align-items:center;gap:12px;width:100%;border:1px solid #dfe7f1;border-radius:12px;background:#fff;padding:11px 13px;text-align:left;color:#172842;cursor:pointer}.bank-reconciliation-history button>span{font-weight:850;color:#1767d4}.bank-reconciliation-history button div{display:grid;gap:2px;min-width:0}.bank-reconciliation-history button small{color:#7a879a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bank-reconciliation-history button em{color:#168052;font-size:.72rem;font-style:normal;font-weight:800}.bank-reconciliation-history button svg{width:16px;color:#8290a5}.bank-empty{padding:24px;border:1px dashed #cdd9e7;border-radius:13px;text-align:center;color:#718097}.bank-error{color:#b4283d;background:#fff6f6}
html[data-theme="dark"] .bank-reconciliation-intro,html[data-theme="dark"] .bank-source,html[data-theme="dark"] .bank-kpis article,html[data-theme="dark"] .bank-table,html[data-theme="dark"] .bank-filters button,html[data-theme="dark"] .bank-reconciliation-history button{border-color:#2b3a4e;background:#121b27;color:#edf3fa}html[data-theme="dark"] .bank-reconciliation-intro h3,html[data-theme="dark"] .bank-result h3,html[data-theme="dark"] .bank-reconciliation-history h3,html[data-theme="dark"] .bank-source b,html[data-theme="dark"] .bank-kpis b,html[data-theme="dark"] .bank-table td{color:#eff5fb}html[data-theme="dark"] .bank-reconciliation-form :is(input,select),html[data-theme="dark"] .bank-status{border-color:#34445a;background:#101925;color:#e9f0f8}html[data-theme="dark"] .bank-reconciliation-actions,html[data-theme="dark"] .bank-result footer,html[data-theme="dark"] .bank-table th{background:#172334}html[data-theme="dark"] .bank-table td{border-color:#28374a}html[data-theme="dark"] .bank-result header a{background:#162234;border-color:#35465d;color:#7fb3ff}
@media(max-width:980px){.bank-reconciliation-form{grid-template-columns:repeat(2,minmax(0,1fr))}.bank-reconciliation-form label:first-child{grid-column:1/-1}.bank-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.bank-reconciliation-intro{padding:14px}.bank-reconciliation-form,.bank-source-grid,.bank-kpis{grid-template-columns:1fr}.bank-reconciliation-form label:first-child{grid-column:auto}.bank-reconciliation-actions,.bank-result>header{align-items:stretch;flex-direction:column}.bank-reconciliation-actions button,.bank-result header a{width:100%}.bank-source{min-height:84px}.bank-reconciliation-history button{grid-template-columns:65px minmax(0,1fr) 16px}.bank-reconciliation-history button em{display:none}}
