/* Keep the permanent entry in the same right-hand cluster as page actions. */
.topbar-right:empty + .page-tour-trigger { margin-left: auto; }
.topbar .page-tour-trigger ~ .bell-btn, .topbar .page-tour-trigger ~ .p-account { margin-left: 0; }
.page-tour-trigger { flex-shrink: 0; white-space: nowrap; }
.page-tour-trigger[aria-disabled="true"] { opacity: .55; cursor: default; }
.page-tour-trigger svg { width: 1.2em; height: 1.2em; }
.page-tour-layer { position: fixed; inset: 0; width: 100%; max-width: none; height: 100%; max-height: none; margin: 0; padding: 0; border: 0; background: transparent; color: var(--color-text); overflow: hidden; }
.page-tour-layer::backdrop { background: transparent; }
.page-tour-spot { position: absolute; border: 2px solid var(--color-line-strong); border-radius: var(--radius-md); box-shadow: 0 0 0 100vmax color-mix(in srgb, var(--color-text-strong) 42%, transparent); pointer-events: none; }
.page-tour-card { position: absolute; box-sizing: border-box; width: min(380px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); overflow: auto; overscroll-behavior: contain; padding: var(--space-24); border-radius: var(--radius-xl); background: var(--color-surface-elevated); box-shadow: var(--shadow-3); }
.page-tour-heading { display: flex; align-items: center; justify-content: space-between; gap: var(--space-16); }
.page-tour-count { color: var(--color-text-secondary); font-size: var(--text-small-size); font-variant-numeric: tabular-nums; }
.page-tour-card h2 { margin: var(--space-12) 0 var(--space-8); font-size: var(--text-heading-size); font-weight: 700; color: var(--color-text-strong); }
.page-tour-card p { margin: 0 0 var(--space-24); font-size: max(15px, var(--text-body-size)); line-height: var(--text-body-line); }
.page-tour-actions { display: flex; flex-wrap: wrap; gap: var(--space-8); align-items: center; }
.page-tour-spacer { flex: 1; }
.page-tour-actions .btn { white-space: normal; }
[data-page-tour-dialog] > .page-tour-trigger { margin-bottom: var(--space-12); }
@media (prefers-contrast: more) { .page-tour-card { border: 2px solid var(--color-line-strong); } .page-tour-spot { border-width: 3px; } }
@media print { .page-tour-trigger, .page-tour-layer { display: none !important; } }