/* Partner Portal first-time tour: a spotlight on one part of the page and a small card that explains it. */
.partner-tour { position: fixed; inset: 0; z-index: 1000; }
.partner-tour-spot { position: fixed; border-radius: 16px; box-shadow: 0 0 0 9999px #0b1f52b8, 0 0 0 3px #ffffffe6; transition: top .25s ease, left .25s ease, width .25s ease, height .25s ease; pointer-events: none; }
.partner-tour.is-centred { display: grid; place-items: center; padding: 16px; background: #0b1f52b8; }
.partner-tour.is-centred .partner-tour-spot { display: none; }
.partner-tour-card { position: fixed; box-sizing: border-box; width: min(360px, calc(100vw - 32px)); padding: 20px 20px 16px; border-radius: 16px; background: #fff; color: #182b55; box-shadow: 0 24px 60px -20px #04123a99; font-family: inherit; animation: partner-tour-in .22s ease; }
.partner-tour.is-centred .partner-tour-card { position: relative; width: min(420px, 100%); padding: 26px 24px 18px; text-align: left; }
.partner-tour-count { margin: 0 0 6px; color: #2f73ed; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.partner-tour-title { margin: 0 0 8px; color: #0b1f52; font-size: 20px; line-height: 1.25; letter-spacing: -.01em; }
.partner-tour.is-centred .partner-tour-title { font-size: 24px; }
.partner-tour-text { margin: 0; color: #43536e; font-size: 15px; line-height: 1.5; }
.partner-tour-dots { display: flex; gap: 6px; margin: 16px 0 14px; }
.partner-tour-dots i { width: 7px; height: 7px; border-radius: 50%; background: #d7e0ee; }
.partner-tour-dots i.is-on { width: 20px; border-radius: 7px; background: #2f73ed; }
.partner-tour-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.partner-tour-nav { display: flex; gap: 8px; }
.partner-tour button { min-height: 42px; margin: 0; padding: 0 16px; border-radius: 10px; font-family: inherit; font-size: 14px; font-weight: 700; line-height: 1; white-space: nowrap; cursor: pointer; }
.partner-tour .partner-tour-next { border: 0; background: #0b1f52; color: #fff; }
.partner-tour .partner-tour-back { border: 1px solid #d7e0ee; background: #fff; color: #182b55; }
.partner-tour .partner-tour-skip { padding: 0 4px; border: 0; background: none; color: #5b6b85; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.partner-tour button:focus-visible { outline: 3px solid #2f73ed; outline-offset: 2px; }
.partner-tour-replay { margin-top: 18px; }
@keyframes partner-tour-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .partner-tour-card { animation: none; } .partner-tour-spot { transition: none; } }
@media (max-width: 640px) { .partner-tour input, .partner-tour select { font-size: 16px; } }