/* Parts Counter Study · Adaptive Manager Preview / Guided Tour */
.preview-intro {
  position: fixed;
  z-index: 120;
  right: 22px;
  bottom: 22px;
  width: min(430px, calc(100vw - 28px));
  padding: 18px;
  border: 1px solid #3a4350;
  border-radius: 16px;
  background: rgba(20,24,31,.98);
  box-shadow: 0 22px 70px rgba(0,0,0,.46);
  color: var(--text);
}
.preview-intro h2 { margin: 4px 0 8px; font-size: 20px; }
.preview-intro p { margin: 8px 0; color: var(--muted); line-height: 1.5; }
.preview-intro .preview-disclaimer { color: #d6dbe4; }
.preview-intro-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.preview-button { white-space: nowrap; }
.preview-tour-layer { position:fixed; inset:0; z-index:130; pointer-events:none; }
.preview-tour-scrim { position:absolute; inset:0; background:rgba(4,7,11,.58); backdrop-filter:blur(1px); }
.preview-tour-target {
  position:fixed;
  z-index:132;
  border:2px solid rgba(90,165,255,.95);
  border-radius:12px;
  box-shadow:0 0 0 5px rgba(90,165,255,.16), 0 0 0 9999px rgba(4,7,11,.28);
  transition:all .18s ease;
  pointer-events:none;
}
.preview-tour-card {
  position:fixed;
  z-index:133;
  width:min(390px, calc(100vw - 28px));
  border:1px solid #445063;
  border-radius:16px;
  background:#151a22;
  color:var(--text);
  box-shadow:0 24px 80px rgba(0,0,0,.52);
  padding:18px;
  pointer-events:auto;
}
.preview-tour-card.centered { left:50%; top:50%; transform:translate(-50%,-50%); }
.preview-tour-card h2 { margin:4px 0 8px; font-size:21px; }
.preview-tour-card p { margin:8px 0; color:#c0c8d4; line-height:1.5; }
.preview-tour-meta { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:10px; }
.preview-tour-step { color:var(--muted); font-size:12px; font-weight:750; letter-spacing:.04em; text-transform:uppercase; }
.preview-tour-actions { display:flex; justify-content:space-between; gap:8px; margin-top:16px; }
.preview-tour-actions .group { display:flex; gap:8px; }
.preview-tour-close { min-width:44px; }
.preview-tour-live { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
body.preview-tour-open { overflow:hidden; }

/* Compact touch tours choose a dedicated sheet-like layout instead of squeezing desktop positioning. */
.preview-tour-layer[data-tour-profile="mobile"] .preview-tour-card,
.preview-tour-layer[data-tour-profile="tablet"] .preview-tour-card {
  left:14px !important;
  right:14px !important;
  width:auto;
  max-height:min(42dvh,360px);
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  transform:none !important;
  padding:15px;
  transition:top .16s ease,bottom .16s ease;
}
.preview-tour-layer[data-tour-profile="mobile"] .preview-tour-card.dock-bottom,
.preview-tour-layer[data-tour-profile="tablet"] .preview-tour-card.dock-bottom {
  top:auto !important;
  bottom:calc(10px + env(safe-area-inset-bottom)) !important;
}
.preview-tour-layer[data-tour-profile="mobile"] .preview-tour-card.dock-top,
.preview-tour-layer[data-tour-profile="tablet"] .preview-tour-card.dock-top {
  top:calc(10px + env(safe-area-inset-top)) !important;
  bottom:auto !important;
}
.preview-tour-layer[data-tour-profile="mobile"] .preview-tour-card h2 { font-size:19px; }
.preview-tour-layer[data-tour-profile="mobile"] .preview-tour-card p { font-size:14px; line-height:1.42; }
.preview-tour-layer[data-tour-profile="mobile"] .preview-tour-meta { margin-bottom:6px; }
.preview-tour-layer[data-tour-profile="mobile"] .preview-tour-actions { margin-top:12px; }
.preview-tour-layer[data-tour-profile="tablet"] .preview-tour-card { left:max(18px,calc(50vw - 250px)) !important; right:auto !important; width:min(500px,calc(100vw - 36px)); }

@media (max-width: 900px) {
  .preview-intro {
    left:14px;
    right:14px;
    bottom:calc(14px + env(safe-area-inset-bottom));
    width:auto;
    max-height:min(68dvh,520px);
    overflow-y:auto;
  }
  .preview-tour-actions { flex-wrap:wrap; }
  .preview-tour-actions .group { margin-left:auto; }
  .preview-button span.preview-label { display:none; }
}

@media (max-width: 420px) {
  .preview-tour-layer[data-tour-profile="mobile"] .preview-tour-card {
    left:10px !important;
    right:10px !important;
    max-height:min(44dvh,330px);
    border-radius:14px;
    padding:13px;
  }
  .preview-tour-layer[data-tour-profile="mobile"] .preview-tour-actions {
    display:grid;
    grid-template-columns:1fr auto;
    align-items:end;
  }
  .preview-tour-layer[data-tour-profile="mobile"] .preview-tour-actions .group { margin-left:0; }
  .preview-tour-layer[data-tour-profile="mobile"] .preview-tour-exit { justify-self:start; }
}

@media (prefers-reduced-motion: reduce) {
  .preview-tour-target,
  .preview-tour-card { transition:none; }
}