.mf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mf-grid>div{min-width:0}.mf-wide{grid-column:1/-1}.mf-grid small,.mf-table small{display:block;color:#64748b;font-size:12px;line-height:1.5;margin-top:4px}.mf-grid [hidden],.mf-table [hidden],.mf-form [hidden]{display:none!important}.mf-required{color:#b91c1c}.mf-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.mf-heading h3{margin:0 0 8px}.mf-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0}.mf-metric{background:#f7faf9;border:1px solid #dce7e1;border-radius:10px;padding:15px;min-width:0}.mf-metric span{display:block;font-size:12px;color:#50645c}.mf-metric b{display:block;font-size:20px;margin-top:8px;overflow-wrap:anywhere}.mf-reconciliation{display:flex;gap:15px;flex-wrap:wrap;align-items:center;padding:12px 15px;background:#edf7f2;border-radius:8px}.mf-reconciliation span,.mf-summary-detail{font-size:12px;color:#52645b}.mf-summary-detail{display:flex;gap:10px 24px;flex-wrap:wrap;padding:12px 0}.mf-note{font-size:12px;color:#52645b;line-height:1.6;margin:10px 0}.mf-actions{display:flex;justify-content:flex-end;gap:8px;align-items:center;margin-top:16px;flex-wrap:wrap}.mf-tabs{display:flex;gap:10px;margin:0 0 16px}.mf-table th{white-space:nowrap}.mf-table td{vertical-align:top}.mf-number{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.mf-type,.mf-status{display:inline-block;border-radius:6px;padding:4px 8px;font-size:12px;background:#edf2f7;font-weight:600}.mf-type-tds{background:#edf0ff;color:#3d4c96}.mf-type-retention,.mf-status-upcoming{background:#fff5dc;color:#8a6000}.mf-type-retention_received,.mf-status-received{background:#e6f6ed;color:#216348}.mf-status-overdue{background:#fdecec;color:#a32c2c}.mf-status-due{background:#fff1df;color:#9b510d}.mf-edit-form{max-width:850px;margin:10px auto;padding:18px;border:1px solid #d8e4df;background:#f9fbfa;border-radius:10px}.mf-filter{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px;align-items:end}.mf-filter .mf-actions{margin:0}.mf-filter select{max-width:100%}.mf-image-picker{position:relative;display:inline-flex!important;align-items:center;justify-content:center;flex-direction:column;width:88px;height:88px;border:1px dashed #8ca799;border-radius:8px;cursor:pointer;overflow:hidden;background:#fff;margin:0!important}.mf-image-picker img{width:76px!important;height:76px!important;object-fit:contain!important}.mf-image-picker .mf-image-overlay{position:absolute;bottom:0;left:0;right:0;background:rgba(25,66,47,.86);color:#fff;padding:4px 2px;font-size:10px;text-align:center;line-height:1.2}.mf-image-picker:focus{outline:3px solid #528a6f;outline-offset:2px}.mf-image-picker .mf-image-placeholder{font-size:12px;padding:5px;text-align:center;color:#52645b}.edit-image-cell .mf-image-input{display:none!important}.edit-image-cell .smart-upload{display:none!important}.mf-image-caption{display:block;max-width:135px;overflow-wrap:anywhere;font-size:11px;color:#53665b;margin-top:4px}.mf-vehicle-row{padding:14px;margin-bottom:14px;border:1px solid #dce7e1;border-radius:8px;display:grid;grid-template-columns:1fr 2fr;gap:12px}.mf-vehicle-row input{text-transform:uppercase}.mf-update-notice{padding:10px 14px;background:#eef5ff;border:1px solid #d3e4f9;border-radius:8px;margin:8px 0 15px;color:#36516f;font-size:13px}@media(max-width:650px){.mf-grid,.mf-vehicle-row{grid-template-columns:1fr}.mf-wide{grid-column:auto}.mf-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.mf-metric b{font-size:17px}.mf-tabs{flex-wrap:wrap}}

.mf-image-preview{display:flex;align-items:center;justify-content:center;width:76px;height:76px}.mf-image-picker .mf-image-caption{position:absolute;bottom:0;left:0;right:0;background:rgba(25,66,47,.86);color:#fff;padding:4px 2px;font-size:10px;text-align:center;line-height:1.2;margin:0}.mf-image-status{display:block;font-size:11px;line-height:1.4;max-width:135px;overflow-wrap:anywhere;color:#52645b;margin-top:5px}.mf-field-label{display:block;font-size:12px;margin-bottom:6px}