/*
 * v17 · Guardar sin perder el sitio.
 *
 * Al guardar, la pantalla se devuelve al panel donde se estaba trabajando.
 * Como ese panel puede quedar muy abajo, la confirmación se muestra flotando
 * arriba, donde siempre se ve.
 */

.portal-toast{
	position:fixed;
	top:90px;
	left:50%;
	transform:translateX(-50%);
	z-index:120;
	display:flex;
	align-items:flex-start;
	gap:12px;
	width:calc(100% - 28px);
	max-width:560px;
	padding:13px 14px;
	border:1px solid var(--line);
	border-left:5px solid var(--blue);
	border-radius:12px;
	background:var(--surface,#fff);
	box-shadow:0 14px 34px rgba(6,38,92,.22);
	color:var(--ink);
	font-size:13px;
	font-weight:650;
	line-height:1.45;
	animation:nexo360-toast .22s ease-out;
}
.portal-toast.success{border-left-color:#18864b}
.portal-toast.error{border-left-color:#b3261e}
.portal-toast span{flex:1;min-width:0}
.portal-toast .toast-close{
	flex:none;
	margin:-3px -3px 0 0;
	padding:0 6px;
	border:0;
	border-radius:7px;
	background:transparent;
	color:var(--muted,#6d818b);
	font-size:19px;
	line-height:1.2;
	cursor:pointer;
}
.portal-toast .toast-close:hover{background:rgba(6,38,92,.08);color:var(--ink)}

@keyframes nexo360-toast{from{opacity:0;transform:translate(-50%,-9px)}to{opacity:1;transform:translate(-50%,0)}}
@media(prefers-reduced-motion:reduce){.portal-toast{animation:none}}

/* Que ni la barra superior ni el aviso tapen el panel al que se vuelve. */
[id^="cfg-"],#usuarios-registrados{scroll-margin-top:86px}
body:has(.portal-toast) [id^="cfg-"],
body:has(.portal-toast) #usuarios-registrados{scroll-margin-top:176px}

@media(max-width:700px){
	.portal-toast{top:76px;font-size:12.5px}
	[id^="cfg-"],#usuarios-registrados{scroll-margin-top:70px}
	body:has(.portal-toast) [id^="cfg-"],
	body:has(.portal-toast) #usuarios-registrados{scroll-margin-top:186px}
}