/* Ajustes de estilo para el dashboard. Paleta sobria sobre Bootstrap
   5 vía dash-bootstrap-components — solo overrides puntuales. */

body {
  background-color: #f6f7f9;
}

.cartera-row:hover {
  background-color: #eef1f5 !important;
  cursor: pointer;
}

.cartera-row td a {
  padding: 0.1rem 0.2rem;
}

/* Pagination compacta en móvil. */
@media (max-width: 576px) {
  .pagination {
    font-size: 0.85rem;
  }
  .pagination .page-link {
    padding: 0.25rem 0.5rem;
  }
}

/* Tabla responsiva: envolver texto en móvil. */
@media (max-width: 768px) {
  .table td,
  .table th {
    white-space: normal;
  }
}

/* Focus visible para accesibilidad. */
a:focus,
button:focus-visible,
.btn:focus-visible,
.form-control:focus-visible,
.form-select:focus-visible {
  outline: 2px solid #0d6efd;
  outline-offset: 2px;
}