.reconciliation-import{margin-bottom:16px}
.reconciliation-import .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.reconciliation-import input[type=file]{padding:9px;background:#fff}
.reconciliation-import .form-actions{margin-top:15px}
.reconciliation-summary{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:13px 16px}
.reconciliation-summary .subline{margin-left:auto}
.reconciliation-workspace{overflow:hidden;border:1px solid #ded7c8;border-radius:13px;background:#fff;box-shadow:0 8px 24px #2534430c}
.reconciliation-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #e7e0d2;background:#fbfaf7}
.reconciliation-tabs button{position:relative;border:0;background:transparent;padding:17px 12px;color:#635f57;font:700 12px 'DM Sans',sans-serif;cursor:pointer}
.reconciliation-tabs button.active{color:#273849}
.reconciliation-tabs button.active:after{position:absolute;right:22px;bottom:0;left:22px;height:3px;border-radius:3px 3px 0 0;background:#d59b1a;content:''}
.reconciliation-context{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:12px;align-items:end;padding:17px 18px;border-bottom:1px solid #ebe5d8;background:#fffdf8}
.reconciliation-context>div{align-self:center}.reconciliation-context small{display:block;color:#aa7515;font-size:9px;font-weight:800;letter-spacing:.12em}.reconciliation-context b{display:block;margin-top:5px;color:#273849;font-size:13px}
.reconciliation-context label{display:grid;gap:6px;color:#5e5a52;font-size:10px;font-weight:700}.reconciliation-context select{width:100%;min-height:39px;padding:8px 10px;border:1px solid #d9d2c4;border-radius:7px;background:#fff;color:#292b2d}
.reconciliation-metrics{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:10px;padding:14px 18px;background:#f4f2ed}
.reconciliation-metrics article{display:grid;grid-template-columns:34px 1fr;align-items:center;min-height:84px;padding:13px;border:1px solid #e2dccf;border-radius:10px;background:#fff}.reconciliation-metrics article i{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#273849;color:#f0bd43;font-style:normal;font-weight:800}.reconciliation-metrics article span{color:#706b62;font-size:10px;font-weight:700}.reconciliation-metrics article b{color:#242a30;font-size:21px}.reconciliation-metrics article.wide b{color:#b57c0e;font-size:25px}
.reconciliation-pane{display:none;padding:17px}.reconciliation-pane.active{display:block}
.reconciliation-upload{display:grid;grid-template-columns:1fr 330px;gap:22px;align-items:center;margin-bottom:16px;padding:18px;border:1px solid #e4ded2;border-radius:11px;background:linear-gradient(135deg,#fff,#fffaf0)}.reconciliation-upload h2{margin:4px 0 6px;color:#273849;font:700 21px 'Playfair Display',serif}.reconciliation-upload p{margin:0;color:#746e64}.reconciliation-file-form{display:grid;gap:9px}.reconciliation-file-picker{display:block;overflow:hidden;padding:11px;border:1px dashed #c69022;border-radius:8px;background:#fff;color:#825b13;font-weight:700;cursor:pointer;text-align:center}.reconciliation-file-picker input{position:absolute;width:1px;height:1px;opacity:0}
.reconciliation-comparison{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 10px}.reconciliation-comparison>div{padding:12px 14px;border-left:3px solid #d59b1a;background:#faf8f3}.reconciliation-comparison h3{margin:0 0 4px;font-size:13px}.reconciliation-comparison p{margin:0;color:#777067;font-size:10px}
@media(max-width:700px){.reconciliation-import .form-grid{grid-template-columns:1fr}.reconciliation-summary{align-items:flex-start;flex-direction:column}.reconciliation-summary .subline{margin-left:0}}
@media(max-width:900px){.reconciliation-context{grid-template-columns:1fr 1fr}.reconciliation-metrics{grid-template-columns:1fr 1fr}.reconciliation-upload{grid-template-columns:1fr}}
@media(max-width:600px){.reconciliation-tabs{grid-template-columns:1fr}.reconciliation-tabs button.active:after{right:30%;left:30%}.reconciliation-context,.reconciliation-metrics,.reconciliation-comparison{grid-template-columns:1fr}.reconciliation-pane{padding:11px}}