/*
 * rgrid.css — estilos UNICOS del grid responsive ($.fn.rGrid).
 * Tabla en desktop, tarjetas en movil. Reemplaza los .cat-rgrid/.gs-rgrid/.cpe-rgrid
 * y sus <style> duplicados por vista.
 */
.rgrid { width:100%; border-collapse:collapse; font-size:13px; }
.rgrid thead th { background:#f4f6fa; border-bottom:2px solid #e6e9ef; padding:10px 12px; text-align:left; color:#5a6a85; font-weight:600; white-space:nowrap; }
.rgrid thead th.rgrid-sort { cursor:pointer; user-select:none; }
.rgrid thead th.rgrid-sort:hover { background:#eaeef5; }
.rgrid .rgrid-sort-ico { margin-left:5px; color:#c2c9d6; font-size:12px; }
.rgrid .rgrid-sort-ico.active { color:#5a6a85; }
.rgrid tbody td { padding:6px 12px; border-bottom:1px solid #eef0f4; vertical-align:middle; }
.rgrid tbody tr:hover { background:#fafbfd; }
.rgrid .rgrid-col-acc { white-space:nowrap; text-align:right; }

.rgrid-empty { text-align:center; padding:40px 0; color:#9aa3b2; }
.rgrid-foot { display:flex; justify-content:space-between; align-items:center; margin-top:15px; }
.rgrid-foot .rgrid-pager { margin:0; }

@media (max-width: 768px) {
    .rgrid thead { display:none; }
    .rgrid tbody tr { display:block; margin-bottom:12px; border:1px solid #e6e9ef; border-radius:10px; box-shadow:0 1px 4px rgba(0,0,0,.06); background:#fff; padding:4px 0; }
    .rgrid tbody td { display:flex; justify-content:space-between; align-items:center; border:none; padding:7px 14px; text-align:right; }
    .rgrid tbody td::before { content:attr(data-label); font-weight:600; color:#8a94a6; margin-right:12px; text-align:left; }
    .rgrid tbody td.rgrid-col-acc { justify-content:flex-end; }
    .rgrid tbody td.rgrid-col-acc::before { content:""; }
}