/* ============================================================
 * Auris Reader - Panel de cuenta: banner de cierre (baja RGPD),
 * card de "Cerrar mi cuenta" (warn) y bloque avanzado de borrado.
 * Fichero propio a juego con account-lifecycle.js.
 * ============================================================ */

.ar-account__welcome-banner {
	margin: 0 0 var(--space-5, 1.25rem);
	padding: var(--space-3, 0.75rem) var(--space-5, 1.25rem);
	border: 1px solid #34d399;
	border-radius: var(--radius-md, 8px);
	background: rgba(52, 211, 153, 0.10);
	color: var(--text-primary, #fff);
}

.ar-account__closing-banner {
	margin: 0 0 var(--space-5, 1.25rem);
	padding: var(--space-4, 1rem) var(--space-5, 1.25rem);
	border: 1px solid #f59e0b;
	border-radius: var(--radius-md, 8px);
	background: rgba(245, 158, 11, 0.08);
}

.ar-account__closing-banner p {
	margin: var(--space-2, 0.5rem) 0 var(--space-3, 0.75rem);
	color: var(--text-primary, #fff);
}

.ar-account__inline-actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3, 0.75rem);
	align-items: center;
}

/* Card de cierre de cuenta: menos alarmante que la de borrado inmediato. */
.ar-account__card--warn {
	border: 1px solid rgba(245, 158, 11, 0.5);
}

.ar-account__card--warn [data-close-confirm] {
	max-width: 220px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

/* Nota de cancelacion en Plan & Billing. */
.ar-account__cancel-note {
	margin-top: var(--space-5, 1.25rem);
	padding-top: var(--space-4, 1rem);
	border-top: 1px solid var(--border-default, rgba(255, 255, 255, 0.12));
}

/* Bloque avanzado (borrado inmediato) plegado por defecto. */
.ar-account__advanced {
	margin-top: var(--space-5, 1.25rem);
}

.ar-account__advanced > summary {
	cursor: pointer;
	color: var(--text-muted, rgba(255, 255, 255, 0.6));
	font-size: var(--text-sm, 0.9rem);
	padding: var(--space-2, 0.5rem) 0;
	user-select: none;
}

.ar-account__advanced[open] > summary {
	margin-bottom: var(--space-3, 0.75rem);
}

/* Cuando la cuenta esta en cierre, atenuar el resto del panel para centrar
 * la atencion en el banner (export / reactivar / logout). */
.ar-account.is-closing .ar-account__section {
	opacity: 0.55;
}