.reimbursement-batch-page .wrap-headers thead th { white-space: normal; } .reimb-layout { display: grid; grid-template-columns: 1fr; gap: 1.5rem; align-items: start; } .reimb-col { min-width: 0; } @media (min-width: 992px) { .reimb-layout { grid-template-columns: 1fr 2fr; } .reimb-table-scroll, .reimb-batches-scroll { max-height: calc(100vh - 240px); overflow-y: auto; padding-right: 0.25rem; } } .reimb-draggable-table tr { cursor: grab; } .reimb-draggable-table tr.dragging { opacity: 0.5; } .reimb-draggable-table.drag-over { outline: 2px dashed #0d6efd; outline-offset: -4px; } .reimb-batches-grid { display: flex; flex-direction: column; gap: 1.5rem; } .batch-card .batch-header { background-color: #f8f9fa; } .batch-dropzone { border: 1px dashed #dee2e6; border-radius: 0.65rem; padding: 0.75rem; min-height: 120px; transition: border-color 0.15s ease, background-color 0.15s ease; } .batch-dropzone.drag-over { border-color: #0d6efd; background-color: #eef5ff; } .batch-item { background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.5rem; padding: 0.5rem 0.75rem; cursor: grab; } .batch-item.dragging { opacity: 0.6; } .batch-locked .batch-dropzone { opacity: 0.75; } .receipt-viewer { width: 100%; min-height: 420px; border: none; }