.reconciliation-view{height:100%;min-height:0;display:flex;flex-direction:column;gap:14px;color:#263b30}
.rec-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-shrink:0}
.rec-heading-copy{display:flex;align-items:center;gap:12px}.rec-heading-copy .page-mark{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #d6e0d1;background:#edf3e9;border-radius:9px;color:#285440}
.rec-heading h2{font-size:25px;font-weight:600;letter-spacing:-.5px}.rec-heading p{margin-top:4px;font-size:12px;color:#637264}.rec-actions{display:flex;gap:8px;flex-wrap:wrap}.rec-actions button{font-size:13px}
.rec-card{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;border:1px solid #b7c5b3;border-radius:9px;background:#fff;overflow:hidden}
.rec-query{display:grid;grid-template-columns:minmax(240px,1.5fr) minmax(110px,.7fr) minmax(150px,1fr) minmax(120px,.8fr) auto auto;gap:12px;padding:17px 18px;align-items:end;flex-shrink:0;background:#fafbf7}
.rec-query>label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#48614e;min-width:0}.rec-query input,.rec-query select{font-size:14px;width:100%;height:37px}.rec-date{display:flex;align-items:center;gap:8px}.rec-date input{flex:1;width:0}.rec-date>span{font-size:11px;color:#7b8879}.rec-query>button{height:37px}
.rec-scope{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 18px;background:#eef4e9;border-block:1px solid #c6d0c0;font-size:12px;color:#3d5f46;flex-shrink:0}.rec-sign{display:flex;gap:18px;font-size:11px}.rec-sign b{font-weight:500}.rec-owed{color:#9b5c25}.rec-stored{color:#245944}
.rec-tabbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 13px;border-bottom:1px solid #c6d0c0;flex-shrink:0}.rec-tabbar>[role=tablist]{display:flex;align-items:stretch;gap:12px;overflow-x:auto}.rec-tabbar [role=tab]{border:0;background:transparent;border-radius:0;color:#667367;min-height:46px;padding:10px 6px;position:relative;font-size:13px}.rec-tabbar [role=tab].active{color:#204e40;font-weight:600}.rec-tabbar [role=tab].active:after{content:'';height:2px;background:#204e40;position:absolute;bottom:0;left:0;right:0}.rec-tabbar [role=tab]>span{display:inline-flex;justify-content:center;min-width:19px;border-radius:4px;background:#eef0e8;padding:1px 5px;color:#66775f;font-size:11px}.rec-table-tools{display:flex;gap:5px;flex-wrap:wrap;padding:5px 0}.rec-table-tools button{font-size:12px;min-height:29px;padding:5px 8px;border-color:transparent}
.rec-status{font-size:11px;color:#687861;background:#fbfcf9;padding:7px 18px;border-bottom:1px solid #d6dece;flex-shrink:0;line-height:1.6}.rec-table{flex:1;min-height:150px;height:auto!important}.rec-table.tabulator{display:flex;flex-direction:column}.rec-table .tabulator-header{flex-shrink:0;color:#2c4134}.rec-table .tabulator-header .tabulator-headers{display:inline-flex;align-items:stretch;height:auto!important}.rec-table .tabulator-header .tabulator-col{height:auto!important}.rec-table .tabulator-header .tabulator-col .tabulator-col-content{padding:10px 7px;font-size:13px;font-weight:600}.rec-table .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title{white-space:normal;overflow-wrap:anywhere;line-height:1.4;text-overflow:clip}.rec-table .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title{padding-right:0}.rec-table .tabulator-col .tabulator-col-sorter{position:static;display:flex;justify-content:flex-end;height:7px;margin-top:3px}.rec-table .tabulator-tableholder{flex:1;min-height:0;height:auto!important}.rec-table .tabulator-row{min-height:41px}.rec-table .tabulator-row .tabulator-cell{font-size:14px;padding:10px 7px;white-space:normal;overflow-wrap:anywhere;word-break:normal;text-overflow:clip;line-height:20px;font-variant-numeric:tabular-nums;cursor:pointer}.rec-table .tabulator-row:hover{background:#f5f8f0}.rec-table .tabulator-placeholder .tabulator-placeholder-contents{font-size:13px;font-weight:400;color:#7a8971;padding:20px;white-space:normal}
.rec-table-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:9px 15px;background:#f7faf3;border-top:1px solid #c6d0c0;min-height:48px;flex-shrink:0;font-size:12px;color:#566e4e}.rec-table-footer>div{display:flex;gap:5px;flex-wrap:wrap}.rec-table-footer button{min-height:28px;font-size:12px;padding:4px 8px}.rec-footnote{font-size:11px;color:#718068;line-height:1.6;flex-shrink:0}
.rec-dialog{max-width:min(720px,calc(100vw - 36px));width:720px;padding:0;border:1px solid #b7c5b3;border-radius:10px;color:#314e39;background:#fff;max-height:calc(100dvh - 50px);overflow:auto}.rec-dialog::backdrop{background:#10281c55}.rec-dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px;border-bottom:1px solid #d3dccb;background:#f5f8f1}.rec-dialog-heading h3{font-size:18px;font-weight:600}.rec-dialog-heading p{font-size:12px;color:#687d5f;margin-top:5px}.rec-dialog-heading>button{border:0;background:transparent;font-size:22px;padding:0;min-width:30px}.rec-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;padding:20px 22px}.rec-form-grid>label,.rec-history-picker{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:12px;color:#4c6744}.rec-form-grid input,.rec-form-grid select{width:100%;min-height:37px;font-size:14px;color:#263b30}.rec-span-2{grid-column:1/-1}.rec-form-grid small{color:#6a7a60;line-height:1.6;font-size:11px}.rec-dialog-note,#rec-entry-feedback,#rec-import-feedback{margin:0 22px 14px;font-size:12px;color:#6e7f64;line-height:1.7}.rec-dialog-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #d3dccb;padding:14px 22px;background:#fafbf7;position:sticky;bottom:0}.rec-history-picker{padding:22px}.rec-import-dialog{width:1050px;max-width:calc(100vw - 40px)}#rec-import-preview{max-height:55dvh;overflow:auto;margin:18px 22px;border:1px solid #c9d4c2}#rec-import-preview table{border-collapse:collapse;min-width:100%;font-size:12px}#rec-import-preview td,#rec-import-preview th{border:1px solid #d0d8c9;padding:7px;min-width:100px;overflow-wrap:anywhere}#rec-import-preview th{background:#eef3e8;position:sticky;top:0}
@media(max-width:1400px){.rec-query{grid-template-columns:minmax(240px,1.5fr) minmax(110px,.7fr) minmax(150px,1fr) auto auto}.rec-query>label:nth-child(4){grid-column:1/3;grid-row:2}.rec-query>button{grid-row:2}.rec-query>button[type=submit]{grid-column:4}.rec-query>button:last-child{grid-column:5}.rec-tabbar{flex-wrap:wrap;gap:0}.rec-table-tools{margin-left:auto}.rec-heading h2{font-size:23px}.rec-query{gap:9px;padding:13px 15px}}
@media(max-width:900px){.reconciliation-view{overflow:auto}.rec-heading{align-items:flex-start;flex-direction:column}.rec-card{flex:1 0 650px}.rec-query{grid-template-columns:1fr 1fr auto}.rec-query>label:nth-child(1){grid-column:1/-1}.rec-query>label:nth-child(2){grid-column:1;grid-row:2}.rec-query>label:nth-child(3){grid-column:2/4;grid-row:2}.rec-query>label:nth-child(4){grid-column:1;grid-row:3}.rec-query>button[type=submit]{grid-column:2;grid-row:3}.rec-query>button:last-child{grid-column:3;grid-row:3}.rec-scope{padding:9px 13px}.rec-sign{font-size:10px;gap:12px}.rec-table .tabulator-row .tabulator-cell{font-size:13px;padding:8px 5px}.rec-table .tabulator-header .tabulator-col .tabulator-col-content{font-size:12px;padding:8px 5px}.rec-footnote{margin-bottom:10px}}
@media(max-width:550px){.rec-form-grid{grid-template-columns:1fr}.rec-span-2{grid-column:auto}.rec-heading h2{font-size:21px}.rec-tabbar>[role=tablist]{gap:5px}.rec-tabbar [role=tab]{font-size:12px}.rec-dialog-actions{flex-wrap:wrap}.rec-table-footer{font-size:11px}}