/*
 * ar-access: tabla de sesiones y dispositivos de confianza del panel.
 *
 * Salio de account.css el 11/09/2026, que habia cruzado el limite duro de 600
 * lineas del proyecto. Bloque autocontenido: no tiene reglas dentro de las
 * media queries compartidas de account.css, asi que se mueve entero sin
 * arrastrar nada.
 *
 * Depende de account.css (tokens y .ar-account__card): se encola DESPUES.
 */

/* ===== Sessions table ===== */
.ar-account__sessions-wrap {
	margin-bottom: var(--space-6, 1.5rem);
}

.ar-account__sessions,
.ar-account__trusted {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.ar-account__session-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--space-3, 12px);
	background: rgba(255, 255, 255, 0.025);
	border: 1px solid var(--border-default, rgba(255, 255, 255, 0.10));
	border-radius: var(--radius-md, 8px);
	padding: var(--space-3, 12px) var(--space-4, 16px);
	flex-wrap: wrap;
}

.ar-account__session-row--current {
	border-color: rgba(255, 214, 10, 0.35);
	background: rgba(255, 214, 10, 0.04);
}

.ar-account__session-info {
	min-width: 0;
	flex: 1;
}

.ar-account__session-name {
	font-weight: 600;
	color: var(--text-primary, #fff);
	font-size: var(--text-sm, 0.9375rem);
}

.ar-account__session-meta {
	font-size: 12px;
	color: var(--text-muted, rgba(255, 255, 255, 0.5));
	margin-top: 2px;
}

.ar-account__session-current {
	font-size: 11px;
	color: var(--accent, #FFD60A);
	font-weight: 600;
	margin-left: 6px;
}

.ar-account__revoke-btn {
	background: transparent;
	border: 1px solid var(--border-default, rgba(255, 255, 255, 0.18));
	color: var(--text-secondary, rgba(255, 255, 255, 0.8));
	padding: 6px 12px;
	border-radius: var(--radius-md, 6px);
	cursor: pointer;
	font-size: 12px;
	font-weight: 500;
	transition: background 120ms ease, border-color 120ms ease, color 120ms ease;
}

.ar-account__revoke-btn:hover {
	background: rgba(248, 113, 113, 0.08);
	border-color: rgba(248, 113, 113, 0.4);
	color: #fca5a5;
}