/* Tabla principal */
#tbl tbody tr { cursor:pointer; }
#tbl th.th-pago, #tbl td.col-pago { text-align:center; }
#tblHist th:nth-child(4), #tblHist td:nth-child(4) { text-align:center; }

/* Botón completar */
.btn-complete { border-radius:999px; padding:.25rem .6rem; font-weight:600; display:inline-flex; align-items:center; gap:.35rem; }
.btn-complete:focus, .btn-complete:hover { transform:translateY(-1px); box-shadow:0 2px 6px rgba(16,185,129,.12); }

/* Modal pagos */
.detail-grid { display:grid; grid-template-columns:1fr 1fr; grid-gap:1rem; align-items:stretch; }
.detail-grid>div { display:flex; }
.detail-grid>div>.card { flex:1 1 auto; display:flex; flex-direction:column; }
.detail-grid>div>.card .card-body { flex:1 1 auto; }
@media (max-width:992px){ .detail-grid{ grid-template-columns:1fr; } }

.card-summary .money { font-size:1.6rem; font-weight:700; }
.card-summary .meta { font-size:.95rem; }
.badge-sub { background:#e8f1ff; color:#0b5ed7; font-weight:600; }
.dd-copy { display:inline-flex; align-items:center; gap:.35rem; }
.btn-copy { border:1px solid #dee2e6; background:#fff; color:#6c757d; padding:.15rem .35rem; border-radius:.35rem; font-size:.8rem; }
.btn-copy.copied { color:#28a745; border-color:#28a745; }

/* Inputs modal */
.detail-grid .form-group { margin-bottom:.5rem; }
.detail-grid .form-control { width:100%; box-sizing:border-box; }
.monto-input { font-size:1rem; padding:.35rem .6rem; text-align:right; background:#fff; border:1px solid #ced4da; border-radius:.5rem; box-shadow:0 1px 0 rgba(0,0,0,.02); transition: box-shadow .12s ease, transform .06s ease; width:100%; flex:1 1 auto; }
.monto-input:focus{ outline:none; box-shadow:0 6px 18px rgba(11,93,215,.06); transform:translateY(-1px); border-color:#6f9efb; }
#completeModal .form-group { margin-bottom:.75rem; }
#completeModal .input-group-text { width:100%; font-size:.875rem; }

/* Dropzone evidencia */
#eviDrop.dragover { background:#f8fafc; border-color:#6c757d; }

/* Responsive móvil */
@media (max-width:767.98px){
  .th-pago,.th-desc{ display:none!important; }
  td.col-pago, td.col-desc{ display:none!important; }
  .btn-complete span{ display:none!important; }
  td.col-acciones{ white-space:nowrap; width:1%; }

  .table-responsive{ overflow-x:hidden!important; }
  .dataTables_wrapper .dataTables_scrollBody,
  .dataTables_wrapper .dataTables_scrollHead{ overflow-x:hidden!important; }

  #tbl_wrapper .dataTables_scrollHead table,
  #tbl_wrapper .dataTables_scrollBody table,
  #tblHist_wrapper .dataTables_scrollHead table,
  #tblHist_wrapper .dataTables_scrollBody table { table-layout:fixed!important; width:100%!important; }

  #tbl_wrapper .dataTables_scrollHead thead th,
  #tbl_wrapper .dataTables_scrollBody tbody td,
  #tblHist_wrapper .dataTables_scrollHead thead th,
  #tblHist_wrapper .dataTables_scrollBody tbody td { width:auto!important; white-space:normal!important; word-break:break-word; }

  #tbl_wrapper .dataTables_scrollHead thead th:nth-child(6),
  #tbl_wrapper .dataTables_scrollBody tbody td:nth-child(6),
  #tbl tfoot th:nth-child(6){
    width:40px!important; min-width:40px!important; max-width:40px!important; white-space:nowrap!important; text-align:center;
    padding-left:.25rem!important; padding-right:.25rem!important;
  }

  .btn-complete{ padding:.25rem!important; min-width:0!important; line-height:1!important; }
  .btn-complete i{ margin:0!important; }

  #tbl_wrapper table{ font-size:.9rem; }
  @media (max-width:380px){ #tbl_wrapper table{ font-size:.85rem; } }

  #tbl_wrapper .dataTables_scrollHead thead th, #tbl_wrapper .dataTables_scrollBody tbody td{ padding:.35rem .45rem; }

  #tbl_wrapper .dataTables_scrollHead thead th:nth-child(2),
  #tbl_wrapper .dataTables_scrollBody tbody td:nth-child(2){
    white-space:normal!important; overflow-wrap:anywhere; word-break:break-word; hyphens:auto;
  }

  #tbl_wrapper .dataTables_scrollHead thead th:nth-child(1),
  #tbl_wrapper .dataTables_scrollBody tbody td:nth-child(1){ width:22%!important; }

  #tbl_wrapper .dataTables_scrollHead thead th:nth-child(4),
  #tbl_wrapper .dataTables_scrollBody tbody td:nth-child(4){ width:26%!important; }
}

/* ...otros estilos específicos de esta pantalla movidos desde index.html... */