/* Contact strings must wrap inside their own cell, never across neighbouring columns. */
body .table-panel :is(td[data-label="Correo"],td[data-label="Teléfono"],td[data-label="Contacto"],.dm-contact-value),
body .detail-values .detail-value dd { min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:normal; }
body .dm-contact-value { display:block;max-width:100%;line-height:1.5; }

/* The operational directory has its own column geometry, not financial column widths. */
body #view-clients table.dm-operator-clients { display:table;table-layout:fixed;width:100%;min-width:0; }
body #view-clients table.dm-operator-clients thead { display:table-header-group; }
body #view-clients table.dm-operator-clients tbody { display:table-row-group; }
body #view-clients table.dm-operator-clients :is(thead,tbody) tr { display:table-row;width:auto;padding:0; }
body #view-clients table.dm-operator-clients th,
body #view-clients table.dm-operator-clients #clientsTable td { display:table-cell;min-width:0;width:auto;padding:16px;vertical-align:middle;white-space:normal;overflow-wrap:anywhere;word-break:normal;text-align:left; }
body #view-clients table.dm-operator-clients th:nth-child(1) { width:auto; }
body #view-clients table.dm-operator-clients th:nth-child(2) { width:32%; }
body #view-clients table.dm-operator-clients th:nth-child(3) { width:150px; }
body #view-clients table.dm-operator-clients th:nth-child(4) { width:24%; }
body #view-clients table.dm-operator-clients th:nth-child(5) { width:160px;text-align:right; }
body #view-clients table.dm-operator-clients #clientsTable td:last-child { text-align:right; }
body #view-clients table.dm-operator-clients #clientsTable td::before { display:none; }
body #view-clients table.dm-operator-clients #clientsTable td button { display:inline-flex;align-items:center;justify-content:center;max-width:100%;white-space:nowrap;margin:0; }

@container dm-records (max-width:1100px) {
  body #view-clients table.dm-operator-clients,
  body #view-clients table.dm-operator-clients tbody { display:block;width:100%; }
  body #view-clients table.dm-operator-clients thead { display:none; }
  body #view-clients table.dm-operator-clients  #clientsTable tr { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 24px;width:100%;padding:18px;margin-bottom:12px;border:1px solid #344b65;border-radius:10px; }
  body #view-clients table.dm-operator-clients  #clientsTable td { display:block;width:auto;min-width:0;padding:0;border:0;text-align:left; }
  body #view-clients table.dm-operator-clients  #clientsTable td:first-child,
  body #view-clients table.dm-operator-clients  #clientsTable td:last-child { grid-column:1/-1; }
  body #view-clients table.dm-operator-clients  #clientsTable td:last-child { border-top:1px solid #344b65;padding-top:14px; }
  body #view-clients table.dm-operator-clients #clientsTable td::before { display:block;content:attr(data-label);color:#b2c3d5;font-size:11px;font-weight:600;margin-bottom:6px; }
  body #view-clients table.dm-operator-clients #clientsTable td:is(:first-child,:last-child)::before { display:none; }
}
@container dm-records (max-width:460px) {
  body #view-clients table.dm-operator-clients  #clientsTable tr { grid-template-columns:minmax(0,1fr);gap:14px;padding:16px; }
}