/* DentalFrame · macrobloque beta: incidencia completa en todos los anchos.
   La paleta y los estilos de navegación anteriores no se alteran. */

/* Formularios y listado en filas propias: la tabla ya no compite por media pantalla. */
#content .df-pilot-columns {
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: start;
  gap: 4px;
}
#content .df-pilot-columns > div { min-width: 0; }
#content .df-pilot-columns > div:first-child .panel { max-width: 980px; }
#content .df-pilot-columns .df-issue-table { width: 100%; max-width: 100%; overflow: visible; }
#content .df-pilot-columns .df-issue-table table {
  width: 100%; min-width: 0 !important; table-layout: fixed;
  border-collapse: collapse;
}
#content .df-pilot-columns .df-issue-table th,
#content .df-pilot-columns .df-issue-table td { padding: 13px 12px; vertical-align: top; }
#content .df-pilot-columns .df-issue-table th:nth-child(1),
#content .df-pilot-columns .df-issue-table td:nth-child(1) { width: 13%; }
#content .df-pilot-columns .df-issue-table th:nth-child(2),
#content .df-pilot-columns .df-issue-table td:nth-child(2) { width: 36%; }
#content .df-pilot-columns .df-issue-table th:nth-child(3),
#content .df-pilot-columns .df-issue-table td:nth-child(3) { width: 33%; }
#content .df-pilot-columns .df-issue-table th:nth-child(4),
#content .df-pilot-columns .df-issue-table td:nth-child(4) { width: 18%; }
#content .df-pilot-columns .df-issue-table td {
  overflow-wrap: anywhere;
  hyphens: auto;
  white-space: normal;
}
#content .df-pilot-columns .df-issue-table .df-issue-reporter {
  min-width: 0 !important; width: auto !important;
}
#content .df-pilot-columns .df-issue-table .df-issue-email { overflow-wrap: anywhere; }
#content .df-pilot-columns .df-issue-table td:last-child select { width: 100%; min-width: 110px; }
#content .df-pilot-columns .df-issue-table td[data-label]::before { display: none; }

/* Tarjetas accesibles: nunca obligar a desplazar horizontalmente la tabla. */
@media (max-width: 1220px) {
  #content .df-pilot-columns .df-issue-table table,
  #content .df-pilot-columns .df-issue-table tbody {
    display: block; width: 100%; min-width: 0 !important;
  }
  #content .df-pilot-columns .df-issue-table thead { display: none; }
  #content .df-pilot-columns .df-issue-table tbody tr {
    display: block; width: 100%; margin: 0 0 14px;
    padding: 8px 14px; border: 1px solid var(--line);
    border-radius: 12px; background: var(--white);
  }
  #content .df-pilot-columns .df-issue-table tbody td {
    display: block; width: auto !important; min-width: 0 !important;
    padding: 10px 2px; border-bottom: 1px solid var(--line);
    overflow-wrap: anywhere;
  }
  #content .df-pilot-columns .df-issue-table tbody td:last-child { border-bottom: 0; }
  #content .df-pilot-columns .df-issue-table tbody td[data-label]::before {
    display: block; content: attr(data-label);
    margin-bottom: 6px; font-size: 10px; font-weight: 800;
    text-transform: uppercase; letter-spacing: .08em; color: var(--muted);
  }
  #content .df-pilot-columns .df-issue-table td:last-child select {
    width: min(100%, 300px); min-width: 110px;
  }
}

/* Panel para organizar cuentas ya disponibles sin exponer claves. */
#content .df-tester-access { margin: 8px 0 22px; }
#content .df-tester-access .df-tester-links { display: flex; flex-wrap: wrap; gap: 10px; margin: 14px 0; }
#content .df-tester-access .df-tester-links button { width: auto; max-width: 100%; }
#content .df-tester-access .df-tester-summary { line-height: 1.6; color: var(--muted); margin-bottom: 12px; }
#content .df-tester-access .df-tester-roster { display: grid; grid-template-columns: repeat(auto-fit, minmax(235px,1fr)); gap: 10px; }
#content .df-tester-access .df-tester-account {
  min-width: 0; padding: 13px 15px; border-radius: 11px;
  border: 1px solid var(--line); background: var(--bg);
}
#content .df-tester-access .df-tester-account strong { display: block; line-height: 1.4; overflow-wrap: anywhere; }
#content .df-tester-access .df-tester-account small { display: block; color: var(--muted); overflow-wrap: anywhere; line-height: 1.5; }
#content .df-tester-access .df-tester-account .df-tester-status { font-size: 11px; font-weight: 750; }
#content .df-tester-access .df-tester-account .df-tester-status[data-active="false"] { color: #a05229; }
#content .df-tester-access .df-tester-account .df-tester-status[data-active="true"] { color: var(--aqua); }
#content .df-tester-access .df-tester-warning { margin-top: 12px; color: var(--muted); font-size: 12px; }
@media(max-width:650px) {
  #content .df-tester-access .df-tester-roster { grid-template-columns: minmax(0,1fr); }
}
/* Marca de agua de la clínica: futura y opcional. NO ACTIVAR para beta. */