/* TrueProof — frontend notification bubble */
.trueproof{
	--tp-accent:var(--trueproof-accent,#4f46e5);
	position:fixed;z-index:99990;bottom:20px;max-width:340px;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	pointer-events:none;
}
.trueproof.tp-left{left:20px}
.trueproof.tp-right{right:20px}

.tp-card{
	display:flex;align-items:center;gap:12px;
	background:#fff;color:#1f2230;border:1px solid #e7e8f0;border-radius:14px;
	box-shadow:0 12px 32px -12px rgba(20,23,60,.28);
	padding:11px 38px 11px 11px;position:relative;pointer-events:auto;
	opacity:0;transform:translateY(14px);transition:opacity .4s ease,transform .4s cubic-bezier(.22,1,.36,1);
}
.tp-card.tp-in{opacity:1;transform:none}

.tp-avatar{
	flex:none;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;
	color:#fff;font-weight:700;font-size:16px;line-height:1;
	background:linear-gradient(135deg,var(--tp-accent),#7c3aed);
}
.tp-body{display:flex;flex-direction:column;line-height:1.32;font-size:13.5px;min-width:0}
.tp-name{font-weight:700}
.tp-name .tp-loc{font-weight:400;color:#6b7194}
.tp-action{color:#3a3f55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}
.tp-meta{display:flex;align-items:center;gap:6px;margin-top:3px;font-size:11.5px;color:#8a90ad}
.tp-meta .tp-site-label{color:#10b981;font-weight:600}
.tp-meta .tp-demo{background:#fff5e6;color:#b4770a;font-weight:700;border-radius:4px;padding:1px 6px;font-size:10.5px;text-transform:uppercase;letter-spacing:.03em}

.tp-close{
	position:absolute;top:7px;right:8px;width:20px;height:20px;border:0;background:transparent;
	color:#c2c5d6;font-size:17px;line-height:1;cursor:pointer;padding:0;
}
.tp-close:hover{color:#6b7194}

@media (max-width:480px){
	.trueproof{left:12px;right:12px;bottom:12px;max-width:none}
	.tp-action{max-width:none;white-space:normal}
}
@media (prefers-reduced-motion:reduce){
	.tp-card{transition:none}
}