/* Cuenta: acceso, Yo y borrar. */
.cq-acceso { --cq-contenido-max: calc(var(--cq-inspector-width) + var(--cq-space-7) * 2); }
.cq-acceso .cq-contenido { padding-top: var(--cq-space-7); }
.cq-acceso-enlace { color: var(--cq-ink); min-height: var(--cq-touch); text-align: center; text-underline-offset: var(--cq-space-1); }
.cq-yo { max-width: calc(var(--cq-inspector-width) * 2); margin-inline: auto; }
.cq-yo-seccion { min-width: 0; border: 1px solid var(--cq-line); border-radius: var(--cq-radius-card); background: var(--cq-surface); }
.cq-yo-seccion summary { cursor: pointer; min-height: var(--cq-touch); padding: var(--cq-space-4); }
.cq-yo-seccion > .cq-grupo { padding: 0 var(--cq-space-4) var(--cq-space-5); }
.cq-yo-seccion p { overflow-wrap: anywhere; }
.cq-yo-seccion .cq-chip { align-self: flex-start; }
.cq-nivel-ayuda { display: flex; align-items: flex-start; gap: var(--cq-space-3); padding: var(--cq-space-3); min-height: var(--cq-touch); border: 1px solid var(--cq-line); border-radius: var(--cq-radius-control); cursor: pointer; }
.cq-nivel-ayuda:has(input:checked) { border-color: var(--cq-accent); background: var(--cq-accent-tint); }
.cq-nivel-ayuda input { accent-color: var(--cq-accent); flex-shrink: 0; margin-top: var(--cq-space-1); }
.cq-nivel-ayuda > span { display: flex; flex-direction: column; gap: var(--cq-space-2); min-width: 0; }
.cq-acceso .cq-error:empty, .cq-yo .cq-error:empty { display: none; }
@media (width >= 37.5em) {
  .cq-yo-seccion > .cq-grupo { padding-inline: var(--cq-space-5); }
  .cq-yo-seccion summary { padding: var(--cq-space-5); }
}
@media (width >= 52.5em) {
  .cq-acceso .cq-display { font-size: var(--cq-text-40); }
}
/* Borrar y recuperar: lo que no se puede deshacer se pide con el rojo de peligro. */
.cq-borrar__cuerpo { display: flex; flex-direction: column; gap: var(--cq-space-4); }
.cq-borrar .cq-acciones > .cq-button { flex: 1; }
.cq-button--borrar { background: var(--cq-bad); border-color: var(--cq-bad); color: var(--cq-bg); font-weight: 600; }
.cq-button--borrar:not(:disabled):hover { background: var(--cq-bad); }
.cq-button--borrar:disabled { background: var(--cq-surface-2); border-color: var(--cq-line); color: var(--cq-ink-2); font-weight: 500; opacity: 1; cursor: not-allowed; }
.cq-borrar .cq-error:empty { display: none; }
.cq-borrar .cq-input[aria-invalid="true"] { border-color: var(--cq-bad); }
.cq-lista-borrado { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; border: 1px solid var(--cq-line); border-radius: var(--cq-radius-control); }
.cq-lista-borrado li { display: flex; justify-content: space-between; gap: var(--cq-space-2); padding: var(--cq-space-2) var(--cq-space-3); }
.cq-lista-borrado li + li { border-top: 1px solid var(--cq-line); }
.cq-borrar__aviso { display: flex; gap: var(--cq-space-2); align-items: flex-start; padding: var(--cq-space-3); border: 1px solid var(--cq-bad); border-radius: var(--cq-radius-control); background: var(--cq-bad-tint); }
.cq-borrar__aviso[hidden] { display: none; }
.cq-borrar__aviso > svg { flex-shrink: 0; color: var(--cq-bad); }
.cq-borrar__listo { padding: var(--cq-space-3); border: 1px solid var(--cq-line); border-radius: var(--cq-radius-control); background: var(--cq-surface-2); }
.cq-yo-peligro { display: flex; flex-direction: column; align-items: flex-start; gap: var(--cq-space-3); padding: var(--cq-space-3); border: 1px solid var(--cq-line); border-radius: var(--cq-radius-card); background: var(--cq-surface); }
.cq-yo-peligro .cq-button--peligro { width: 100%; border-color: var(--cq-bad); }
/* Acceso (R2): el error queda arriba del formulario, con su ícono, hasta el próximo intento. */
.cq-acceso-aviso { display: flex; overflow-wrap: anywhere; }
.cq-acceso-aviso > .cq-icono { flex-shrink: 0; }