/* permGate — controles gateados por permiso que el usuario NO puede ejecutar
   (js/shared/permGate.js, plan 2026-09-15-permissions-explain-and-modules-ui §B3).
   Solo tokens --atlas-* (WARNINGS §38). El control sigue siendo clicable a propósito: el clic se
   bloquea en JS y se explica con toast; `disabled` mataría el hover y el motivo. */

.perm-denied,
.btn.perm-denied {
	color: var(--atlas-sev-danger-text) !important;
	border-color: var(--atlas-sev-danger) !important;
	background-color: var(--atlas-sev-danger-bg) !important;
	background-image: none !important;
	box-shadow: none !important;
	cursor: not-allowed !important;
	opacity: .9;
}
.dropdown-item.perm-denied { border-radius: 0; }

/* Tooltip rojo propio: el `title` nativo tarda ~1 s y no se estila. */
.perm-tip {
	position: fixed;
	z-index: var(--atlas-z-max);
	max-width: 320px;
	padding: 6px 10px;
	border-radius: var(--atlas-radius-sm);
	background: var(--atlas-sev-danger-text);
	color: var(--atlas-white);
	font-size: .78rem;
	line-height: 1.35;
	box-shadow: var(--atlas-shadow-2);
	display: flex;
	align-items: flex-start;
	gap: 6px;
	pointer-events: none;
	opacity: 0;
	transform: translateY(2px);
	transition: opacity .12s ease, transform .12s ease;
}
.perm-tip i { flex-shrink: 0; font-size: 1rem; line-height: 1.2; }
.perm-tip-on { opacity: 1; transform: none; }