/* Shared help affordance across user, admin and visitor screens. */
body :is(.pe-modal-help,.tt-user-help,[data-open-admin-help]){display:inline-grid!important;place-items:center!important;flex:0 0 32px!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:0!important;margin:0!important;border:1px solid #bf9a705c!important;border-radius:11px!important;background:linear-gradient(145deg,#dfb58022,#8c70520a),var(--tt-paper,var(--admin-panel,#24262b))!important;color:var(--tt-ink,var(--admin-text,#eee))!important;box-shadow:inset 0 1px #ffffff30,0 2px 0 #0002!important;font-size:0!important;line-height:1!important;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.tt-help-glyph,.pe-help-trigger:before,.pc-guide-symbol:before{content:"";display:block;width:19px;height:19px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.3 8.5a2.8 2.8 0 0 1 5.4 1c0 2-2.7 2.2-2.7 4.2'/%3E%3Ccircle cx='12' cy='17' r='.3'/%3E%3Cpath d='M20.5 12a8.5 8.5 0 1 1-17 0 8.5 8.5 0 0 1 17 0Z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
body :is(.pe-modal-help,.tt-user-help,[data-open-admin-help])>i{display:none!important}
body :is(.pe-modal-help,.tt-user-help,[data-open-admin-help]):hover{border-color:#c7a179!important;background-color:#c7a17920!important;transform:translateY(-1px)}
body :is(.pe-modal-help,.tt-user-help,[data-open-admin-help]):focus-visible{outline:2px solid #c7a179!important;outline-offset:3px!important}
.pe-help-trigger{display:flex;align-items:center;justify-content:center;gap:7px}.pe-help-trigger>i{display:none}.pe-help-trigger:before{flex:none}
.pc-input-help{font:11px/1.9 TT,sans-serif;color:var(--tt-muted,#a5afb5);margin-top:7px;overflow-wrap:anywhere}.pc-input-help p{font:inherit!important;margin:0 0 6px!important}.pc-input-help>small{font:inherit;display:block;margin-top:5px}
.pc-tour-open .pe-field-highlight [data-platform-input-help]{display:none}
.pc-input-example,.pc-guide-example{display:flex;align-items:center;flex-wrap:wrap;gap:5px 10px;padding:6px 9px;border:1px solid #ae8f653b;border-radius:8px;background:#ae8f650b}
.pc-input-example>span,.pc-guide-example>span{font:10px/1.8 TT,sans-serif;color:var(--tt-muted,#a5afb5);white-space:nowrap}
.pc-input-example code,.pc-guide-example code{font:12px/1.7 TT,Consolas,monospace;color:var(--tt-ink,#eee);unicode-bidi:plaintext;text-align:left;overflow-wrap:anywhere;max-width:100%;user-select:all}
.pe-block>.pc-prize-choice-icon{display:block;width:32px;height:35px;object-fit:contain;flex:none}
.modal-content .pc-guide-dock button:focus-visible{outline:2px solid #bda07c!important;outline-offset:2px!important}
.modal-content .pe-block-tour.pc-guide-dock{display:flex;flex-direction:column;padding:11px 14px!important;gap:8px;max-height:min(280px,42dvh)!important;overflow:hidden!important;background:linear-gradient(125deg,#b9916912,transparent),var(--tt-paper,#202326)!important;box-shadow:inset 0 1px #ffffff12!important}
.pc-guide-dock>header{display:flex;align-items:center;gap:8px;flex-shrink:0}.pc-guide-symbol{display:grid;place-items:center;width:29px;height:29px;flex:none;border:1px solid #c3a17b60;border-radius:9px;color:#b98c60;background:#c3a17b12}.pc-guide-dock header>div{flex:1;min-width:0}.pc-guide-dock [data-tour-counter]{display:block;margin:0 0 2px;font:10px/1.6 TT,sans-serif;color:var(--tt-muted,#9fa9b0)}
.modal-content .pc-guide-dock p{margin:0!important;font:12px/1.85 TT,sans-serif!important}.pc-guide-copy{min-width:0;min-height:0;overflow:auto}.pc-guide-example{margin-top:7px}.pc-guide-example[hidden],.pc-guide-dock [hidden]{display:none!important}.pc-guide-copy>[data-tour-note]{display:block;font:10px/1.8 TT,sans-serif;color:var(--tt-muted,#aaa);margin-top:5px}
.pc-guide-dock footer{display:flex;align-items:center;gap:6px;flex-shrink:0}.pc-guide-dock progress{margin-left:auto;max-width:95px;flex:1;height:4px;appearance:none;border:0;border-radius:4px;overflow:hidden;background:#8882}.pc-guide-dock progress::-webkit-progress-bar{background:#8882}.pc-guide-dock progress::-webkit-progress-value{background:#bf9a70;border-radius:4px}
.modal-content .pc-guide-dock [data-tour-next]{background:linear-gradient(145deg,#ceb18c,#a98765)!important;color:#201c18!important;border-color:#c9a884!important;font-weight:700!important;min-width:76px}.modal-content .pc-guide-dock [data-tour-close]{width:27px;min-width:27px;min-height:27px;padding:0!important;display:grid;place-items:center}
@media(max-width:480px){.modal-content .pe-block-tour.pc-guide-dock{padding:10px!important;max-height:40dvh!important}.pc-input-example code,.pc-guide-example code{font-size:11px}.pc-guide-dock progress{max-width:55px}}
@media(prefers-reduced-motion:reduce){body :is(.pe-modal-help,.tt-user-help,[data-open-admin-help]){transition:none!important}}

/* Consistent close glyph: independent of font symbols and inherited pseudo-elements. */
body button:is(.close,.tt-install-close,.profile-qr-close,[data-close-custom-colors],[data-tour-close]){display:inline-grid!important;place-items:center!important;flex-shrink:0!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;line-height:1!important;font-size:0!important;border:1px solid var(--tt-line,#8b929c40)!important;border-radius:12px!important;background:var(--tt-paper,#f1f3f5)!important;color:var(--tt-ink,#293340)!important;box-shadow:none!important;text-shadow:none!important;opacity:1!important;transform:none!important;cursor:pointer}
body button:is(.close,.tt-install-close,.profile-qr-close,[data-close-custom-colors],[data-tour-close])::before{content:""!important;display:block!important;position:static!important;width:18px!important;height:18px!important;margin:0!important;transform:none!important;border:0!important;border-radius:0!important;background:currentColor!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 6 12 12M18 6 6 18' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important}
body button:is(.close,.tt-install-close,.profile-qr-close,[data-close-custom-colors],[data-tour-close])::after,body button:is(.close,.tt-install-close,.profile-qr-close,[data-close-custom-colors],[data-tour-close])>*{display:none!important;content:none!important}
body button:is(.close,.tt-install-close,.profile-qr-close,[data-close-custom-colors],[data-tour-close]):focus-visible{outline:2px solid #7899bc!important;outline-offset:3px!important}
body button:is(.close,.tt-install-close,.profile-qr-close,[data-close-custom-colors],[data-tour-close]):hover{background:var(--tt-line,#e2e7ec)!important}

/* On phones, keep the tour dock visible and scroll the highlighted settings. */
@media(max-width:700px){
.pe-appearance-modal #pe-inline-settings .modal-content.pc-tour-open{display:flex!important;flex-direction:column;height:calc(100dvh - 200px)!important;max-height:calc(100dvh - 200px)!important;overflow:hidden!important}
.pe-appearance-modal #pe-inline-settings .pc-tour-open>.modal-header,.pe-appearance-modal #pe-inline-settings .pc-tour-open>.pc-guide-dock,.pe-appearance-modal #pe-inline-settings .pc-tour-open>.card-footer{flex:none}
.pe-appearance-modal #pe-inline-settings .pc-tour-open>.modal-body{flex:1 1 0%!important;min-height:0;overflow:auto!important;scrollbar-width:thin}
.pe-appearance-modal #pe-inline-settings .pc-tour-open>.card-footer{position:static!important}
}

/* Do not render the legacy text cross under the shared masked close icon. */
body.tt-editor-page .modal-content button:is(.close,[data-tour-close]),body .modal-content .pc-guide-dock button[data-tour-close]{font-size:0!important}