.title {
  color: #f0f0f0;
}


.main {
  background-color: #faf8f8 !important;
  color: #000 !important;
  border-radius: 6px;
  padding: 1rem;
}


body.dark-mode .table {
  background-color: #1e1e1e;
  color: #f0f0f0;
  border-color: #444;
}

body.dark-mode .table th {
  background-color: #292929;
  color: #f0f0f0;
  border-bottom: 1px solid #555;
}

body.dark-mode .table td {
  background-color: #1e1e1e;
  color: #ccc;
}

body.dark-mode .btn-primary {
  background-color: #1f6feb;
  border: none;
}

body.dark-mode .btn-danger {
  background-color: #d73a49;
  border: none;
}

/* Solo XS/SM: limita ancho de celdas para que no rompan */
@media (max-width: 350px){
  .t-col-user  { max-width:160px; }
  .t-col-email { max-width:220px; }
  .t-col-rol   { max-width:140px; }
  .t-col-user, .t-col-email, .t-col-rol { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
}

/* Sidebar en móviles: no comerse el ancho */
@media (max-width:350px){
  #sidebar{ width: var(--w-closed); }
  #content{ margin-left: var(--w-closed); }
}