.gpc-tour-overlay{
	position:fixed;inset:0;background:rgba(20,22,30,.55);z-index:99998;
	display:flex;align-items:center;justify-content:center;padding:16px;
	opacity:0;pointer-events:none;transition:opacity .2s ease;
}
.gpc-tour-overlay.is-open{opacity:1;pointer-events:auto;}

.gpc-tour-card{
	position:relative;width:100%;max-width:380px;background:#fff;border-radius:16px;
	padding:28px 22px 20px;box-shadow:0 20px 60px rgba(0,0,0,.3);
	transform:translateY(8px);transition:transform .2s ease;
}
.gpc-tour-overlay.is-open .gpc-tour-card{transform:translateY(0);}

.gpc-tour-close{
	position:absolute;top:10px;right:10px;width:30px;height:30px;border:none;
	background:#f2f2f2;border-radius:50%;cursor:pointer;font-size:14px;color:#555;
	display:flex;align-items:center;justify-content:center;
}
.gpc-tour-close:hover{background:#e6e6e6;}

.gpc-tour-body h3{margin:0 0 10px;font-size:19px;color:#1a1a1a;}
.gpc-tour-body p{margin:0;font-size:14.5px;line-height:1.55;color:#555;}

.gpc-tour-dots{display:flex;gap:6px;justify-content:center;margin:20px 0 16px;}
.gpc-tour-dot{width:7px;height:7px;border-radius:50%;background:#ddd;transition:background .2s ease, width .2s ease;}
.gpc-tour-dot.is-active{background:#3956c9;width:18px;border-radius:4px;}

.gpc-tour-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;}
.gpc-tour-btn-primary{
	background:#3956c9;color:#fff;border:none;border-radius:9px;padding:10px 22px;
	font-weight:700;font-size:14.5px;cursor:pointer;
}
.gpc-tour-btn-primary:hover{background:#2f47ab;}
.gpc-tour-btn-secondary{
	background:none;border:none;color:#888;font-size:14.5px;cursor:pointer;padding:10px 6px;
}
.gpc-tour-btn-secondary:hover{color:#444;}

.gpc-tour-relaunch{
	position:fixed;left:18px;bottom:18px;width:38px;height:38px;border-radius:50%;
	background:#1a1a1a;color:#fff;border:none;font-weight:700;font-size:15px;
	cursor:pointer;z-index:9997;box-shadow:0 4px 14px rgba(0,0,0,.25);
	display:flex;align-items:center;justify-content:center;opacity:.85;
}
.gpc-tour-relaunch:hover{opacity:1;}

/* STEP 13 — soft spotlight for whichever real dashboard card/panel the
   current step is describing (Ads Dashboard tour only; general front
   end/admin tours never set a step 'target' so this never applies to
   them). Sits below the overlay's own z-index so it stays part of the
   dimmed page rather than punching through it — just enough contrast
   to say "this one" without fighting the modal for attention. */
.gpc-tour-highlight{
	position:relative;outline:3px solid #ffb703;outline-offset:4px;border-radius:10px;
	box-shadow:0 0 0 6px rgba(255,183,3,.22);transition:outline-color .2s ease, box-shadow .2s ease;
}

@media (max-width: 480px){
	.gpc-tour-card{padding:22px 16px 16px;border-radius:14px;}
	.gpc-tour-body h3{font-size:17.5px;}
	.gpc-tour-relaunch{left:12px;bottom:12px;width:34px;height:34px;font-size:13px;}
}