/* PostPronto — tutorial rapido dashboard */
.pp-dash-hero-actions { align-items: center; }
.pp-dash-tour-backdrop {
  position: fixed; inset: 0; z-index: 10050; padding: 1rem;
  display: grid; place-items: center;
  background: rgba(15, 23, 42, .64); backdrop-filter: blur(5px);
}
.pp-dash-tour-backdrop[hidden] { display: none !important; }
body.pp-dash-tour-open { overflow: hidden; }
.pp-dash-tour {
  position: relative; width: min(590px, 100%); max-height: calc(100vh - 2rem); overflow: auto;
  padding: 1.6rem; border-radius: 22px; background: var(--pp-surface, #fff);
  border: 1px solid var(--pp-border, #e2e8f0); box-shadow: 0 28px 80px rgba(15, 23, 42, .3);
}
.pp-dash-tour-close { top: .8rem; right: .8rem; }
.pp-dash-tour-kicker { padding-right: 2.5rem; color: var(--pp-primary); font-size: .72rem; font-weight: 800; letter-spacing: .08em; }
.pp-dash-tour-progress { height: 6px; margin: .8rem 2.6rem .45rem 0; overflow: hidden; border-radius: 999px; background: var(--pp-surface-soft, #eef2f7); }
.pp-dash-tour-progress-bar { height: 100%; width: 20%; border-radius: inherit; background: linear-gradient(90deg, var(--pp-primary), var(--pp-brand)); transition: width .2s ease; }
.pp-dash-tour-counter { color: var(--pp-muted, #64748b); font-size: .78rem; font-weight: 700; }
.pp-dash-tour-icon { margin: 1.1rem 0 .55rem; font-size: 2.35rem; line-height: 1; }
.pp-dash-tour-title { margin: 0 2rem .65rem 0; font-size: clamp(1.35rem, 4vw, 1.75rem); }
.pp-dash-tour-body { margin: 0; color: var(--pp-text, #172033); font-size: 1rem; line-height: 1.65; }
.pp-dash-tour-tip { margin-top: 1rem; padding: .85rem 1rem; border-radius: 12px; background: var(--pp-primary-soft, #eff6ff); color: var(--pp-text, #172033); font-size: .88rem; line-height: 1.5; }
.pp-dash-tour-tip::before { content: '💡 '; }
.pp-dash-tour-actions { display: flex; align-items: center; gap: .65rem; margin-top: 1.25rem; }
.pp-dash-tour-actions #dashTourAction { margin-left: auto; }
.pp-dash-tour-skip { width: 100%; margin-top: .8rem; padding: .35rem; border: 0; background: transparent; color: var(--pp-muted, #64748b); font-size: .76rem; cursor: pointer; text-decoration: underline; }
.pp-dash-tour-highlight { position: relative; z-index: 10049; outline: 4px solid rgba(234, 88, 12, .42); outline-offset: 4px; border-radius: 14px; }
@media (max-width: 640px) {
  .pp-dash-tour-backdrop { align-items: end; padding: 0; }
  .pp-dash-tour { width: 100%; max-height: 92vh; padding: 1.25rem; border-radius: 20px 20px 0 0; }
  .pp-dash-tour-actions { flex-wrap: wrap; }
  .pp-dash-tour-actions .pp-btn { flex: 1 1 auto; }
  .pp-dash-tour-actions #dashTourAction { order: 3; flex-basis: 100%; margin-left: 0; }
  .pp-dash-hero-actions { width: 100%; justify-content: flex-start; }
}