/* 6dates Demo-Tour — Banner & Overlay (dunkel/pink #D20F41). */
.sixd-demo-bar{
	position:fixed;top:0;left:0;right:0;z-index:99999;
	background:linear-gradient(90deg,#14080a,#1d0c11);
	color:#fff;border-bottom:2px solid #D20F41;
	box-shadow:0 6px 24px rgba(0,0,0,.45);
	font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;
	display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;
	padding:10px 16px;
}
.sixd-demo-bar__brand{font-size:13px;color:#ffb3c6;white-space:nowrap}
.sixd-demo-bar__brand strong{color:#fff}
.sixd-demo-bar__title{font-weight:700;font-size:15px}
.sixd-demo-bar__hint{flex:1 1 240px;min-width:200px;color:#e7d4d9;font-size:13px;line-height:1.35}
.sixd-demo-acts{display:flex;flex-wrap:wrap;gap:8px}
.sixd-demo-nav{display:flex;gap:8px;align-items:center;margin-left:auto}

.sixd-demo-btn{
	appearance:none;cursor:pointer;border:1px solid rgba(255,255,255,.25);
	background:rgba(255,255,255,.06);color:#fff;border-radius:999px;
	padding:7px 14px;font-size:13px;font-weight:600;line-height:1;transition:.15s;
}
.sixd-demo-btn:hover{background:rgba(255,255,255,.14)}
.sixd-demo-btn:disabled{opacity:.4;cursor:default}
.sixd-demo-btn--primary{background:#D20F41;border-color:#D20F41}
.sixd-demo-btn--primary:hover{background:#ef1a52}
.sixd-demo-btn--act{background:rgba(210,15,65,.18);border-color:rgba(210,15,65,.5)}
.sixd-demo-btn--act:hover{background:rgba(210,15,65,.32)}
.sixd-demo-x{
	appearance:none;cursor:pointer;border:none;background:transparent;color:#ffb3c6;
	font-size:16px;line-height:1;padding:6px 8px;border-radius:8px;
}
.sixd-demo-x:hover{background:rgba(255,255,255,.1);color:#fff}

/* Auswahl-Screen */
.sixd-demo-sel__head{flex:1 1 100%;color:#e7d4d9;font-size:13px}
.sixd-demo-sel{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:10px}
.sixd-demo-card{
	cursor:pointer;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);
	color:#fff;border-radius:14px;padding:12px 16px;min-width:140px;flex:1 1 140px;
	display:flex;flex-direction:column;gap:4px;align-items:flex-start;transition:.15s;
}
.sixd-demo-card:hover{border-color:#D20F41;background:rgba(210,15,65,.14);transform:translateY(-1px)}
.sixd-demo-card__ic{font-size:22px}
.sixd-demo-card__lb{font-weight:700;font-size:15px}
.sixd-demo-card__tag{font-size:11px;color:#ffb3c6}

/* Minimiert */
.sixd-demo-pill{
	position:fixed;top:10px;right:12px;z-index:99999;cursor:pointer;
	background:#D20F41;color:#fff;border:none;border-radius:999px;
	padding:8px 16px;font-weight:700;font-size:13px;box-shadow:0 4px 16px rgba(0,0,0,.4);
}
.sixd-demo-pill:hover{background:#ef1a52}

/* Spotlight-Highlight */
.sixd-demo-spot{
	outline:3px solid #D20F41 !important;outline-offset:3px;border-radius:8px;
	box-shadow:0 0 0 9999px rgba(0,0,0,.45) !important;position:relative;z-index:99998;
	transition:outline-color .2s;
}

/* Toast */
.sixd-demo-toast{
	position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);
	z-index:100000;background:#1d0c11;color:#fff;border:1px solid #D20F41;
	border-radius:12px;padding:12px 18px;font-size:14px;max-width:90vw;
	box-shadow:0 8px 30px rgba(0,0,0,.5);opacity:0;transition:.35s;
}
.sixd-demo-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.sixd-demo-toast a{color:#ffb3c6;font-weight:700}

@media(max-width:640px){
	.sixd-demo-bar{font-size:13px;padding:8px 12px}
	.sixd-demo-bar__hint{flex-basis:100%}
	.sixd-demo-nav{margin-left:0;flex-basis:100%;justify-content:flex-end}
}