/* Toura Passport STAGING 018S — Supplier Studio first-arrival tutorial polish. */
body.tp018s-guide-active{overflow:hidden}
.tp018s-welcome{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:18px;background:rgba(5,29,38,.58);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}
.tp018s-welcome[hidden]{display:none!important}.tp018s-welcome-card{width:min(390px,calc(100vw - 30px));padding:22px 20px 19px;border-radius:22px;background:#fff;color:#0b3040;box-shadow:0 24px 64px rgba(3,28,40,.3)}
.tp018s-welcome-card>small,.tp018s-card>small{display:block;margin:0 30px 5px 0;color:#1776a8;font-size:8px;font-weight:900;letter-spacing:.15em}.tp018s-welcome-card h2{margin:5px 0 0;font-size:26px;line-height:1.1;letter-spacing:-.025em}.tp018s-welcome-card p{margin:9px 0 0;color:#63777f;font-size:13px;line-height:1.48}.tp018s-welcome-actions{display:grid;gap:8px;margin-top:17px}.tp018s-welcome-actions button,.tp018s-card button{font:inherit}.tp018s-welcome-actions button{min-height:44px;border-radius:11px;font-weight:900}.tp018s-welcome-actions .primary{border:1px solid #176f9d;background:#176f9d;color:#fff}.tp018s-welcome-actions .secondary{border:1px solid #d5e1e6;background:#fff;color:#2f657d}
.tp018s-guide{position:fixed;inset:0;z-index:2147482800;font-family:inherit;pointer-events:none}.tp018s-guide[hidden]{display:none!important}.tp018s-shade{position:absolute;background:rgba(7,30,38,.49);backdrop-filter:blur(.7px);-webkit-backdrop-filter:blur(.7px);opacity:0;transition:.16s ease;pointer-events:auto}.tp018s-guide.open .tp018s-shade{opacity:1}.tp018s-target{position:relative!important;z-index:2147482801!important;filter:none!important;opacity:1!important;box-shadow:0 0 0 3px #fff,0 0 0 7px rgba(30,126,177,.9),0 16px 36px rgba(4,28,38,.23)!important;border-radius:15px!important;transition:box-shadow .16s ease!important}.tp018s-target.tp018s-interactive{pointer-events:auto!important}.tp018s-target:not(.tp018s-interactive){pointer-events:none!important}
.tp018s-card{position:fixed;z-index:2147482802;max-width:calc(100vw - 28px);padding:14px 15px 13px;border:1px solid rgba(8,59,76,.11);border-radius:17px;background:#fff;color:#0a3041;box-shadow:0 18px 44px rgba(4,33,47,.28);opacity:0;transform:translateY(5px);transition:.16s ease;pointer-events:auto}.tp018s-guide.open .tp018s-card{opacity:1;transform:none}.tp018s-card h3{margin:0 28px 0 0;font-size:18px;line-height:1.16;letter-spacing:-.018em}.tp018s-card>p{margin:7px 0 0;color:#67787c;font-size:12px;line-height:1.46}.tp018s-close{position:absolute;right:6px;top:5px;width:32px;height:32px;border:0;background:transparent;color:#37535e;font-size:22px}.tp018s-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:7px;margin-top:11px}.tp018s-actions button{min-height:38px;padding:0 13px;border:1px solid #d8e4e8;border-radius:10px;background:#fff;color:#236686;font-size:11px;font-weight:900}.tp018s-actions button.primary{border-color:#176f9d;background:#176f9d;color:#fff}.tp018s-tap-hint{position:relative;margin-top:10px;padding:8px 10px 8px 25px;border-radius:10px;background:#edf7fc;color:#216785;font-size:11px;font-weight:850}.tp018s-tap-hint:before{content:'➜';position:absolute;left:9px;top:7px;font-size:13px}.tp018s-progress{margin-top:9px;color:#8a9a9f;font-size:9px;font-weight:800;letter-spacing:.04em}
.tp018s-finish{position:fixed;inset:0;z-index:2147483100;display:grid;place-items:center;padding:18px;background:rgba(5,29,38,.58);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}.tp018s-finish section{width:min(390px,calc(100vw - 30px));padding:22px 20px 19px;border-radius:22px;background:#fff;color:#0b3040;box-shadow:0 24px 64px rgba(3,28,40,.3)}.tp018s-finish small{color:#1776a8;font-size:8px;font-weight:900;letter-spacing:.15em}.tp018s-finish h2{margin:6px 0 0;font-size:25px}.tp018s-finish p{color:#64777d;font-size:13px;line-height:1.48}.tp018s-finish button{width:100%;min-height:44px;border:0;border-radius:11px;background:#176f9d;color:#fff;font:inherit;font-weight:900}
/* Match the accepted Partner tour methodology: spotlight the whole workspace, but only Studio Menu is actionable. */
.tp018s-workspace-gate *{pointer-events:none!important}.tp018s-workspace-gate .tp016e-studio-menu{pointer-events:auto!important;position:relative!important;z-index:3!important}.tp016e-studio-menu.tp018s-tour-cta{box-shadow:0 0 0 3px rgba(255,255,255,.96),0 0 0 6px rgba(30,126,177,.68)!important}.tp016e-studio-menu.tp018s-tour-cta:after{content:'↘';position:absolute;left:-27px;top:-24px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;color:#1776a8;font-size:15px;font-weight:950;box-shadow:0 5px 14px rgba(12,61,80,.18);animation:tp018sArrow 1.4s ease-in-out infinite}@keyframes tp018sArrow{0%,100%{transform:translate(0,0)}50%{transform:translate(3px,3px)}}
/* During the menu lesson, the current module must not compete with the tutorial spotlight. */
body.tp018s-menu-tour .tp008a-workspace-sheet [data-tp008a-module]:focus{outline:none!important}body.tp018s-menu-tour .tp008a-workspace-sheet [data-tp008a-module].active:not(.tp018s-target){box-shadow:none!important;border-color:#dfe7eb!important;background:#fff!important;color:#263f50!important}body.tp018s-menu-tour .tp008a-workspace-sheet [data-tp008a-module].active:not(.tp018s-target) .tp008e-choice-copy small{color:#71828c!important}
@media(max-width:760px){.tp018s-card{padding:13px 14px 12px}.tp018s-welcome-card,.tp018s-finish section{padding:20px 18px 18px}.tp018s-welcome-card h2,.tp018s-finish h2{font-size:23px}.tp016e-studio-menu.tp018s-tour-cta:after{left:-24px;top:-22px;width:22px;height:22px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.tp018s-shade,.tp018s-card{transition:none!important}.tp016e-studio-menu.tp018s-tour-cta:after{animation:none!important}}