/* Geführte Demo: Pop-ups, Fortschritt und Admin-Tour */
.demo-progress{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:.82rem;color:#4b5a73}
.demo-progress-bar{flex:1;height:6px;border-radius:99px;background:#e6ecf8;overflow:hidden}
.demo-progress-bar span{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#18b8c2,#3157d5,#9b22b4);transition:width .4s}
.demo-modal .modal-content{border:0;border-radius:20px;box-shadow:0 30px 80px rgba(13,27,49,.3)}
.demo-modal .modal-header{border:0;padding:24px 26px 0}
.demo-modal .modal-body{padding:14px 26px 6px}
.demo-modal .modal-footer{border:0;padding:12px 26px 24px}
.demo-kicker{display:inline-block;margin-bottom:8px;padding:3px 9px;border-radius:99px;color:#3157d5;background:#eef3ff;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.demo-steps{margin:14px 0 0;padding:0;list-style:none;counter-reset:s}
.demo-steps li{position:relative;margin-bottom:10px;padding-left:36px;line-height:1.45}
.demo-steps li:before{counter-increment:s;content:counter(s);position:absolute;left:0;top:-1px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#3157d5;font-size:.75rem;font-weight:700}
.demo-scale{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}
.demo-scale div{padding:10px;border-radius:12px;border-top:4px solid;background:#f7f9fc;font-size:.82rem;line-height:1.35}
.demo-scale b{display:block;font-size:.9rem}
.demo-scale .g{border-color:#198754}.demo-scale .g b{color:#198754}
.demo-scale .y{border-color:#e0a800}.demo-scale .y b{color:#a77b00}
.demo-scale .r{border-color:#dc3545}.demo-scale .r b{color:#dc3545}
.demo-penalty{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 4px}
.demo-penalty span{padding:3px 8px;border:1px solid #e3e8f2;border-radius:8px;background:#fff;font-size:.78rem}
.demo-toast{position:fixed;right:20px;bottom:20px;z-index:1080;max-width:360px;padding:16px 18px;border-radius:16px;color:#fff;background:#0d1b31;box-shadow:0 18px 40px rgba(0,0,0,.25);font-size:.9rem;line-height:1.45}
.demo-toast b{display:block;margin-bottom:4px}
.demo-toast button{margin-top:10px}
/* Admin-Tour */
.tour-card{position:fixed;right:20px;bottom:20px;z-index:1080;width:min(380px,calc(100vw - 32px));padding:18px 20px;border-radius:18px;background:#fff;box-shadow:0 24px 60px rgba(13,27,49,.28);border:1px solid #e3e8f2}
.tour-card h6{margin:4px 0 6px;font-weight:700}
.tour-card p{margin:0;color:#4b5a73;font-size:.88rem;line-height:1.5}
.tour-card .tour-count{color:#3157d5;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.tour-card .tour-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:14px}
.tour-highlight{position:relative;z-index:2;border-radius:14px;outline:3px solid #3157d5;outline-offset:6px;box-shadow:0 0 0 9999px rgba(13,27,49,.18);transition:outline-color .2s}
.tour-start{cursor:pointer}
@media(max-width:575px){.demo-scale{grid-template-columns:1fr}.tour-card{right:16px;bottom:16px}}