.tour-nav-marker{position:fixed;z-index:121;display:flex;align-items:center;gap:12px;padding:12px 14px;background:#1F4371;color:#fff;border:2px solid #7FC3E3;border-radius:10px;box-shadow:0 0 0 5px #7FC3E32a,0 5px 24px #0E2A4535;pointer-events:none;font:600 .875rem Inter,sans-serif;transition:top .2s,left .2s}
.tour-nav-marker svg{width:19px;height:19px;flex-shrink:0}.tour-nav-marker .count{margin-left:auto;background:#ffffff24;color:#fff;border-radius:4px;padding:2px 6px}.tour-module-caption{font-size:.75rem;color:#2D557F;letter-spacing:.03em;margin-bottom:12px;font-weight:600}.tour-nav-marker.compact{justify-content:center;font-size:.8125rem;z-index:123}.nav-item.active{box-shadow:inset 3px 0 0 #3C82B4}
@media(prefers-reduced-motion:reduce){.tour-nav-marker{transition:none}}
/* The guide and the highlighted page occupy separate, non-overlapping regions. */
body.tour-active{overflow:hidden}
body.tour-active #app{position:fixed;inset:0 var(--tour-rail,0px) var(--tour-bottom-space,0px) 0;overflow:auto;overscroll-behavior:contain;scroll-behavior:auto}
body.tour-active .shell{min-height:var(--tour-view-height,100dvh)}
body.tour-active .sidebar{height:var(--tour-view-height,100dvh);overflow-y:auto;min-height:0}
body.tour-active .tour-box{box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;margin:0;box-shadow:0 8px 28px #0E2A4520}
body.tour-active .tour-box::before{display:none}
body.tour-active .tour-spotlight{transition:none}
body.tour-active .tour-nav-marker.compact{display:none}
body.tour-active .tour-nav-marker{transition:none}
body.tour-active .nav-item[aria-current="page"]{white-space:nowrap;gap:8px;padding-inline:10px;font-size:.8125rem}
body.tour-active .nav-item[aria-current="page"] .count{display:none}
body.tour-active .tour-nav-marker{white-space:nowrap;gap:8px;padding:8px 10px;box-sizing:border-box;font-size:.8125rem}
body.tour-active .tour-nav-marker .count{display:none}
.tour-next-wrap{position:relative;display:inline-flex;flex-shrink:0;isolation:isolate}
.tour-side .tour-buttons{margin-top:54px}
.tour-next-wrap>.btn{position:relative;z-index:1;min-height:52px;font-weight:700}
.tour-next-wrap::before{content:"";position:absolute;z-index:0;inset:-7px;border:3px solid #52B9E9;border-radius:14px;pointer-events:none;opacity:0;animation:tour-next-ring 3.8s ease-out .45s 1 both}
.tour-next-cue{position:absolute;z-index:2;right:0;bottom:calc(100% + 10px);white-space:nowrap;pointer-events:none;background:#C6EDF8;color:#0E2A45;border:2px solid #3C82B4;border-radius:10px;box-shadow:0 10px 26px #0E2A4545;padding:9px 13px;font-size:.9rem;font-weight:800;letter-spacing:.01em;opacity:0;animation:tour-next-cue 3.8s ease-out .45s 1 both}
@keyframes tour-next-ring{0%,100%{opacity:0;transform:scale(.9);box-shadow:0 0 0 0 #52B9E900}18%,48%{opacity:1;transform:scale(1);box-shadow:0 0 0 9px #52B9E94A}33%,63%{opacity:.55;transform:scale(1.07);box-shadow:0 0 0 15px #52B9E920}78%{opacity:0;transform:scale(1.1);box-shadow:0 0 0 18px #52B9E900}}
@keyframes tour-next-cue{0%,100%{opacity:0;transform:translate(-18px,-12px) scale(.9)}18%,70%{opacity:1;transform:translate(0,0) scale(1)}35%,52%{opacity:1;transform:translate(0,-4px) scale(1.04)}85%{opacity:0;transform:translate(0,5px) scale(1)}}
.tour-client-row td{animation:tour-client-row 3.8s ease-out .25s 1 both}
@keyframes tour-client-row{0%,100%{background:#fff}24%,65%{background:#E1F4FC}45%{background:#C6EDF8}}
@media(prefers-reduced-motion:reduce){.tour-next-cue,.tour-next-wrap::before,.tour-client-row td{animation:none}.tour-next-cue,.tour-next-wrap::before{opacity:0}}
body.tour-side .dashboard-grid,body.tour-side .i-inbox{grid-template-columns:1fr}
body.tour-side .cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body.tour-side .stats,body.tour-side .hub-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
body.tour-side .hub-columns{grid-template-columns:1fr}
.tour-view-controls{display:flex;align-items:center;gap:9px;margin:12px 0;font-size:.8125rem;color:#5B6E80}
.tour-view-controls[hidden]{display:none}
.tour-view-controls span{margin-right:auto}
.tour-view-controls button{border:1px solid #CAD8E5;border-radius:7px;width:34px;height:32px;background:#F5F7F9;color:#0E2A45;font-size:1.125rem}
.tour-view-controls button:disabled{opacity:.35}
@media(min-width:720px){
 body.tour-bottom .tour-box{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(230px,1.3fr) auto;gap:10px 24px;padding:18px 22px}
 body.tour-bottom .tour-top{grid-column:1/-1;margin:0}
 body.tour-bottom .tour-module-caption{grid-column:1;grid-row:2;margin:0}
 body.tour-bottom .tour-box h2{grid-column:1;grid-row:3 / span 2;margin:0;font-size:1.05rem}
 body.tour-bottom #tour-desc{grid-column:2;grid-row:2 / span 2;margin:0;font-size:.875rem}
 body.tour-bottom .tour-benefit{grid-column:2;grid-row:4;margin:0;font-size:.8125rem;padding:4px 0 4px 12px}
 body.tour-bottom .tour-buttons{grid-column:3;grid-row:4;margin:0;gap:16px;align-self:end}
 body.tour-bottom .tour-demo{grid-column:3;grid-row:2;margin:0;font-size:.8125rem}
 body.tour-bottom .tour-view-controls{grid-column:3;grid-row:3;margin:0}
 body.tour-bottom .tour-progress{grid-column:1/-1;margin:2px 0 0}
}
@media(max-width:719px){
 body.tour-bottom .tour-box{padding:14px 18px;border-radius:12px}
 body.tour-bottom .tour-top{margin-bottom:10px}
 body.tour-bottom .tour-box h2{font-size:1rem;margin-bottom:10px}
 body.tour-bottom .tour-module-caption{margin-bottom:8px;font-size:.75rem}
 body.tour-bottom .tour-box p{font-size:.8125rem;line-height:1.5;margin-bottom:10px}
 body.tour-bottom .tour-benefit{font-size:.75rem;line-height:1.45;margin:10px 0;padding-left:10px}
 body.tour-bottom .tour-buttons{position:sticky;z-index:3;bottom:-14px;margin-top:12px;padding:8px 0 14px;align-items:flex-end;background:#fff}
 body.tour-bottom .tour-progress{margin-top:8px}
 body.tour-bottom .tour-view-controls{margin:8px 0;font-size:.75rem}
 body.tour-bottom .tour-demo{margin:8px 0;font-size:.75rem}
 .tour-next-cue{display:none}
 .tour-next-wrap>.btn{min-height:46px}
}
@media(min-width:720px){body.tour-bottom .tour-buttons{margin-top:0}}
