/* Páginas de la cuenta y administración. Usa los tokens y componentes de site.css. */
.field--trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.cuenta { max-width: 640px; }
.cuenta__head h1 { margin: 0; }
.cuenta__head p { margin: 0 0 .25rem; }
.cuenta__list, .cuenta__steps { margin: 0; padding-left: 1.25rem; display: grid; gap: .6rem; }
.cuenta__small { font-size: .9rem; }
.cuenta__status { display: flex; flex-wrap: wrap; gap: .5rem; }
.cuenta__actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.cuenta__actions form { margin: 0; }
.cuenta__danger { border-color: rgb(196 32 50 / .35); }
.cuenta__danger-btn { color: #c42032; border-color: currentColor; }
.cuenta__spinner {
  width: 44px; height: 44px; border-radius: 50%;
  background: repeating-linear-gradient(-45deg, #1d3fa8 0 8px, #fff 8px 16px, #c42032 16px 24px, #fff 24px 32px);
  animation: cuenta-spin 1.2s linear infinite; box-shadow: 0 0 0 3px #fff, 0 0 0 4px #d9dfea;
}
@keyframes cuenta-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .cuenta__spinner { animation: none; } }

.admin__scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.admin__table { border-collapse: collapse; width: 100%; font-size: .9rem; min-width: 720px; }
.admin__table th, .admin__table td { text-align: left; padding: .5rem .6rem; border-bottom: 1px solid #e6eaf1; vertical-align: top; }
.admin__table th { font-weight: 600; white-space: nowrap; }