/**
 * Interruttore «nascondi importi» della dashboard (kickoff 4.140.0 §3).
 *
 * .pwscrm-importo: importi mascherabili (testo sostituito con «••••» via
 * JS/PHP, mai *** — gli asterischi si leggono come nota a piè di pagina,
 * §3.3). .is-masked su .pwscrm-chart / svg dell'Aging: sfoca il grafico
 * mantenendone l'ingombro, nessun riflusso passando da uno stato
 * all'altro (collaudo S5).
 */

.pwscrm-importi-toggle {
	display: inline-flex;
	align-items: center;
}

.pwscrm-switch {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
}

.pwscrm-switch__input {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.pwscrm-switch__track {
	position: relative;
	display: inline-block;
	width: 38px;
	height: 22px;
	border-radius: 999px;
	background: var(--pws-bordo, #e2e6ef);
	border: 1px solid var(--pws-bordo, #e2e6ef);
	transition: background-color .15s ease, border-color .15s ease;
	flex: none;
}

.pwscrm-switch__track::before {
	content: "";
	position: absolute;
	top: 1px;
	left: 1px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 1px 2px rgba(18, 33, 66, .25);
	transition: transform .15s ease;
}

.pwscrm-switch__input:checked + .pwscrm-switch__track {
	background: var(--pws-blu, #2150AD);
	border-color: var(--pws-blu, #2150AD);
}

.pwscrm-switch__input:checked + .pwscrm-switch__track::before {
	transform: translateX(16px);
}

.pwscrm-switch__input:focus-visible + .pwscrm-switch__track {
	outline: 2px solid var(--pws-blu, #2150AD);
	outline-offset: 2px;
}

.pwscrm-switch__label {
	font-size: .9rem;
	color: var(--pws-testo, #1f2733);
}

/* Importo mascherabile: larghezza congelata via JS al primo mascheramento
   (min-width inline) cosi' il toggle non fa saltare il layout (S5). */
.pwscrm-importo.is-masked {
	letter-spacing: .12em;
	color: var(--pws-muted, #6b7280);
}

/* Grafico Fatturato + barra Aging: sfocati mantenendo l'ingombro (§3.2).
   pointer-events:none evita che l'hover su un grafico sfocato dia comunque
   un feedback visivo di interazione mentre i valori restano nascosti. */
.pwscrm-chart.is-masked svg,
.pwscrm-aging svg.is-masked {
	filter: blur(6px);
	pointer-events: none;
	-webkit-user-select: none;
	user-select: none;
}