/* Estilos personalizados — complementan a Tailwind */

html { scroll-behavior: smooth; }

/* Mejoras en formularios */
input:focus, select:focus, textarea:focus {
  outline: none;
}

/* Tablas estilo SaaS */
table.saas-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
  background: #fff;
}
table.saas-table th,
table.saas-table td {
  padding: 1rem 1.2rem;
  border-bottom: 1px solid #e5e7eb;
  text-align: left;
  vertical-align: middle;
}
table.saas-table th:first-child,
table.saas-table td:first-child {
  padding-left: 1.35rem;
}
table.saas-table th:last-child,
table.saas-table td:last-child {
  padding-right: 1.35rem;
}
table.saas-table th {
  background: #f8fafc;
  font-weight: 600;
  font-size: 0.85rem;
  color: #475569;
  white-space: nowrap;
}

table.saas-table td {
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
}

.saas-list-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  box-shadow: 0 1px 2px 0 rgba(15, 23, 42, 0.05);
  overflow: hidden;
  margin-bottom: 1.5rem;
}

.saas-list-card__header {
  padding: 1.35rem 1.65rem;
  border-bottom: 1px solid #e5e7eb;
}

.saas-list-card__table-wrap {
  padding: 0.2rem 1rem 1rem;
}

@media (min-width: 640px) {
  .saas-list-card__table-wrap {
    padding: 0.3rem 1.4rem 1.2rem;
  }
}