/* Mobile surface cleanup. Existing font families and application actions stay owned by each page. */
@layer vsl-mobile-presentation {
@media screen and (max-width: 991px) {
/* Hide the scrollbar track without changing overflow or touch/keyboard scrolling. */
html, body, body * {
    scrollbar-width: none !important;
    scrollbar-gutter: auto !important;
    -ms-overflow-style: none !important;
}
html::-webkit-scrollbar, body::-webkit-scrollbar, body *::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* Message list: a white surface with a single purple action palette. */
html[data-vsl-mobile-section="messages"] :is(.mc-container,.mc-list-col,.mc-threads,.mc-list-header,.mc-list-header-main,.mc-list-actions) {
    background: #fff !important;
    box-shadow: none !important;
}
html[data-vsl-mobile-section="messages"] .mc-list-header {
    border-bottom: 1px solid #eee8ee !important;
}
html[data-vsl-mobile-section="messages"] .mc-mobile-list-heading::after { background: #4a174b !important; }
html[data-vsl-mobile-section="messages"] :is(.mc-list-header .mc-toolbar-action,.mc-list-header #new-direct-message-btn,.mc-list-header #vsl-assisted-list-btn,.mc-list-header .vsl-sort-trigger,.mc-list-header .vsl-thread-search-opener,#vsl-message-command-help-toggle) {
    background: #f5f1f5 !important;
    color: #4a174b !important;
    border-color: #eee8ee !important;
    box-shadow: none !important;
}
html[data-vsl-mobile-section="messages"] .mc-list-header :is(button svg,button i,.mc-mobile-list-heading) {
    color: #4a174b !important;
}
html[data-vsl-mobile-section="messages"] #new-direct-message-btn::before { color: #4a174b !important; background: #4a174b !important; }
html[data-vsl-mobile-section="messages"] .mc-list-header :is(button:hover,button:active,button.is-active) {
    background: #eee5ee !important;
    color: #4a174b !important;
}

/* POS missing-payout notice: compact copy, neutral card, one full-width action. */
html[data-vsl-mobile-section="paid"] .vsl-mobile-payout-notice {
    margin: 14px 0 20px !important;
    padding: 18px !important;
    background: #fff !important;
    border: 1px solid #eee8ee !important;
    border-radius: 18px !important;
    box-shadow: none !important;
}
html[data-vsl-mobile-section="paid"] .vsl-mobile-payout-notice > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 16px !important;
}
html[data-vsl-mobile-section="paid"] .vsl-mobile-payout-notice > div > div {
    gap: 12px !important;
    max-width: none !important;
}
html[data-vsl-mobile-section="paid"] .vsl-mobile-payout-notice > div > div > div:first-child {
    width: 36px !important;
    height: 36px !important;
    background: #f5f1f5 !important;
    color: #4a174b !important;
    border-radius: 10px !important;
}
html[data-vsl-mobile-section="paid"] .vsl-mobile-payout-notice h2 {
    color: #4a174b !important;
    margin-bottom: 6px !important;
}
html[data-vsl-mobile-section="paid"] .vsl-mobile-payout-notice p {
    color: #686068 !important;
    line-height: 1.5 !important;
}
html[data-vsl-mobile-section="paid"] .vsl-desktop-notice-copy { display: none !important; }
html[data-vsl-mobile-section="paid"] .vsl-mobile-notice-copy { display: inline !important; }
html[data-vsl-mobile-section="paid"] .vsl-mobile-payout-notice .ft-btn {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
    min-height: 46px !important;
    background: #4a174b !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    white-space: normal !important;
    text-decoration: none !important;
}
html[data-vsl-mobile-section="paid"] .pos-minimal-tabs .quote-filter-label {
    display: none !important;
}
html[data-vsl-mobile-section="paid"] .pos-minimal-tabs :is(.quote-filter-tab,#btn-preview-terminal) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: row !important;
    min-height: 48px !important;
}

/* Scope the payout warning; other create-request empty states are untouched. */
html[data-vsl-mobile-section="quote"] .empty-state-card:has(> .empty-state-badge) {
    background: #fff !important;
    border: 1px solid #eee8ee !important;
    border-radius: 18px !important;
    box-shadow: none !important;
    padding: 24px 20px !important;
    min-height: 0 !important;
    margin-top: 14px !important;
    text-align: left !important;
    align-items: stretch !important;
}
html[data-vsl-mobile-section="quote"] .empty-state-card:has(> .empty-state-badge) .success-icon-ring {
    width: 48px !important;
    height: 48px !important;
    border-radius: 14px !important;
    margin: 0 0 18px !important;
    background: #f5f1f5 !important;
    border: 0 !important;
    color: #4a174b !important;
    box-shadow: none !important;
}
html[data-vsl-mobile-section="quote"] .empty-state-card:has(> .empty-state-badge) .success-icon-ring svg {
    width: 26px !important;
    height: 26px !important;
    stroke: #4a174b !important;
}
html[data-vsl-mobile-section="quote"] .empty-state-card:has(> .empty-state-badge) .empty-state-badge {
    background: #f5f1f5 !important;
    color: #4a174b !important;
    border-color: #eee8ee !important;
    align-self: flex-start !important;
}
html[data-vsl-mobile-section="quote"] .empty-state-card:has(> .empty-state-badge) .success-heading {
    color: #4a174b !important;
    margin: 0 0 10px !important;
}
html[data-vsl-mobile-section="quote"] .empty-state-card:has(> .empty-state-badge) .success-subtext {
    color: #686068 !important;
    margin: 0 0 20px !important;
    max-width: none !important;
    text-align: left !important;
}
html[data-vsl-mobile-section="quote"] .empty-state-card:has(> .empty-state-badge) .btn-empty-primary {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
    min-height: 46px !important;
    padding: 12px 16px !important;
    border-radius: 12px !important;
    border: 0 !important;
    background: #4a174b !important;
    color: #fff !important;
    box-shadow: none !important;
    text-decoration: none !important;
}
html[data-vsl-mobile-section="quote"] .empty-state-card:has(> .empty-state-badge)::before,
html[data-vsl-mobile-section="quote"] .empty-state-card:has(> .empty-state-badge) .btn-empty-primary::after {
    display: none !important;
}
html[data-vsl-mobile-section="quote"] .empty-state-card:has(> .empty-state-badge) .btn-empty-primary i { color: inherit !important; }

/* Dispute content refresh. Footer tabs and their icons retain their existing rules. */
html[data-vsl-mobile-section="disputes"] :is(body,.page-wrapper,#vsl-dispute-main,.feed-container,#dispute-feed) { background:#fff !important; }
html[data-vsl-mobile-section="disputes"] #vsl-dispute-main { padding-left:10px !important; padding-right:8px !important; padding-bottom:90px !important; box-sizing:border-box !important; }
html[data-vsl-mobile-section="disputes"] .dispute-page-intro { display:flex !important; align-items:flex-start !important; justify-content:space-between !important; gap:16px !important; padding:20px 0 18px !important; margin:0 !important; }
html[data-vsl-mobile-section="disputes"] .dispute-page-intro__copy { min-width:0 !important; }
html[data-vsl-mobile-section="disputes"] .dispute-page-intro__eyebrow { color:#847686 !important; letter-spacing:.06em !important; }
html[data-vsl-mobile-section="disputes"] .dispute-page-intro h1 { color:#321633 !important; margin:6px 0 8px !important; line-height:1.2 !important; }
html[data-vsl-mobile-section="disputes"] :is(.dispute-page-intro p,.empty-state-copy,.feed-time) { color:#716676 !important; line-height:1.6 !important; }
html[data-vsl-mobile-section="disputes"] .dispute-page-intro__count { background:#f5f0f6 !important; color:#4a174b !important; border:0 !important; border-radius:999px !important; padding:7px 10px !important; margin-top:8px !important; white-space:nowrap !important; }
html[data-vsl-mobile-section="disputes"] .vsl-dt-dashboard { display:grid !important; grid-template-columns:34px minmax(0,1fr) auto !important; align-items:center !important; gap:10px !important; padding:15px 12px !important; margin:0 0 18px !important; border:0 !important; border-radius:16px !important; background:#f8f5f9 !important; color:#4a174b !important; }
html[data-vsl-mobile-section="disputes"] .vsl-dt-dashboard::before { content:""; display:block; width:28px; height:28px; background:#4a174b; -webkit-mask:var(--vsl-dispute-shield) center/24px 24px no-repeat; mask:var(--vsl-dispute-shield) center/24px 24px no-repeat; }
html[data-vsl-mobile-section="disputes"] .vsl-dt-dashboard div span { display:block !important; color:#716676 !important; margin-top:4px !important; line-height:1.5 !important; }
html[data-vsl-mobile-section="disputes"] .vsl-dt-dashboard > span { display:inline-flex !important; align-items:center !important; gap:5px !important; }
html[data-vsl-mobile-section="disputes"] .vsl-dt-dashboard > span::before { content:""; width:5px; height:5px; flex:0 0 5px; border-radius:50%; background:currentColor; }
html[data-vsl-mobile-section="disputes"] #vsl-dispute-main {
 --vsl-dispute-shield:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 3 27 7v8c0 6-4.5 11-11 14C9.5 26 5 21 5 15V7Z'/%3E%3Cpath d='m11 16 3.5 3.5L21 13'/%3E%3C/svg%3E");
}
html[data-vsl-mobile-section="disputes"] .empty-state-wrapper { margin:0 !important; }
html[data-vsl-mobile-section="disputes"] .empty-state-card { display:flex !important; flex-direction:column !important; align-items:center !important; gap:22px !important; width:100% !important; max-width:none !important; padding:42px 22px !important; box-sizing:border-box !important; border:1px solid #f0eaf1 !important; border-radius:22px !important; background:#fff !important; text-align:center !important; box-shadow:none !important; }
html[data-vsl-mobile-section="disputes"] .empty-state-illustration { display:grid !important; place-items:center !important; width:80px !important; height:80px !important; flex:0 0 80px !important; border-radius:26px !important; background:#f5eff7 !important; color:#4a174b !important; position:relative !important; }
html[data-vsl-mobile-section="disputes"] .empty-state-illustration svg { display:none !important; }
html[data-vsl-mobile-section="disputes"] .empty-state-illustration::before { content:""; display:block; width:40px; height:40px; background:currentColor; -webkit-mask:var(--vsl-dispute-shield) center/contain no-repeat; mask:var(--vsl-dispute-shield) center/contain no-repeat; }
html[data-vsl-mobile-section="disputes"] .empty-state-content { align-items:center !important; text-align:center !important; padding:0 !important; }
html[data-vsl-mobile-section="disputes"] .empty-state-eyebrow { color:#8c7c90 !important; margin-bottom:10px !important; letter-spacing:.08em !important; }
html[data-vsl-mobile-section="disputes"] .empty-state-title { color:#321633 !important; margin:0 0 12px !important; line-height:1.3 !important; text-wrap:balance; }
html[data-vsl-mobile-section="disputes"] .empty-state-copy { margin:0 !important; max-width:32ch !important; text-wrap:pretty; }
html[data-vsl-mobile-section="disputes"] .feed-card { border:1px solid #eee6f0 !important; border-radius:20px !important; background:#fff !important; box-shadow:none !important; overflow:hidden !important; margin-bottom:14px !important; }
html[data-vsl-mobile-section="disputes"] .feed-card::before { display:none !important; }
html[data-vsl-mobile-section="disputes"] .feed-header { display:flex !important; align-items:center !important; gap:12px !important; padding:16px !important; border-bottom:1px solid #f2edf3 !important; background:#fff !important; }
html[data-vsl-mobile-section="disputes"] .feed-header-left { display:flex !important; gap:10px !important; align-items:center !important; min-width:0 !important; flex:1 !important; }
html[data-vsl-mobile-section="disputes"] .feed-avatar { width:38px !important; height:38px !important; flex:0 0 38px !important; display:grid !important; place-items:center !important; border-radius:12px !important; background:#f5eff7 !important; color:#4a174b !important; border:0 !important; }
html[data-vsl-mobile-section="disputes"] .feed-avatar svg { width:21px !important; height:21px !important; fill:none !important; stroke:currentColor !important; stroke-width:1.7 !important; }
html[data-vsl-mobile-section="disputes"] .feed-info { min-width:0 !important; }
html[data-vsl-mobile-section="disputes"] .feed-name { color:#321633 !important; overflow-wrap:anywhere !important; }
html[data-vsl-mobile-section="disputes"] .feed-status { flex:0 0 auto !important; color:#4a174b !important; background:#f5eff7 !important; border:0 !important; border-radius:999px !important; padding:6px 9px !important; max-width:44% !important; white-space:normal !important; text-align:center !important; }
html[data-vsl-mobile-section="disputes"] .feed-body { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:18px !important; padding:18px 16px !important; background:#fff !important; }
html[data-vsl-mobile-section="disputes"] .feed-amount-label { color:#847686 !important; margin-bottom:6px !important; }
html[data-vsl-mobile-section="disputes"] .feed-main-value { color:#321633 !important; }
html[data-vsl-mobile-section="disputes"] .feed-body-right { display:grid !important; grid-template-columns:minmax(0,1fr) !important; min-width:0 !important; gap:0 !important; }
html[data-vsl-mobile-section="disputes"] .feed-detail-item { display:grid !important; grid-template-columns:90px minmax(0,1fr) !important; align-items:baseline !important; gap:12px !important; padding:9px 0 !important; background:#fff !important; border-bottom:1px solid #f5f1f6 !important; }
html[data-vsl-mobile-section="disputes"] .feed-detail-label { color:#847686 !important; }
html[data-vsl-mobile-section="disputes"] .feed-detail-text { color:#4a174b !important; overflow-wrap:anywhere !important; text-align:right !important; }
html[data-vsl-mobile-section="disputes"] .feed-actions { background:#fff !important; padding:0 16px 16px !important; }
html[data-vsl-mobile-section="disputes"] .feed-actions .view-btn { display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; min-height:46px !important; box-sizing:border-box !important; border:0 !important; border-radius:13px !important; color:#fff !important; background:#4a174b !important; text-decoration:none !important; }
html[data-vsl-mobile-section="disputes"] .vsl-dispute-page-btn { color:#4a174b !important; background:#f5f1f5 !important; border-color:#eee8ee !important; min-height:44px !important; }
html[data-vsl-mobile-section="disputes"] .feed-sort-bar {
    background: #fff !important;
    box-shadow: none !important;
    gap: 10px !important;
}
html[data-vsl-mobile-section="disputes"] .sort-pill {
    min-width: 48px !important;
    min-height: 44px !important;
    color: #4a174b !important;
    background: #f5f1f5 !important;
    border-color: #eee8ee !important;
    box-shadow: none !important;
}
html[data-vsl-mobile-section="disputes"] .sort-pill.active { background: #4a174b !important; color: #fff !important; }
html[data-vsl-mobile-section="disputes"] .sort-pill-icon { color: inherit !important; }
}
}

/* AI connection screen: mobile-only grouped surfaces, retaining the canonical shell and actions. */
@layer vsl-mobile-presentation {
@media screen and (max-width:991px) {
body .page-wrapper.vsl-ai-page:has(> main.vsl-ai-connect.vsl-connect-refresh) { background:#f7f5f8 !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh { padding:20px 8px 32px 10px !important; margin:0 !important; gap:22px !important; min-width:0 !important; background:#f7f5f8 !important; box-sizing:border-box !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-main { padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; min-width:0 !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-section-head { padding:0 4px !important; margin:0 0 18px !important; gap:10px !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh #vsl-ai-connect-heading { color:#321633 !important; letter-spacing:-.035em !important; line-height:1.22 !important; text-wrap:balance; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-section-head p { margin-top:10px !important; color:#716676 !important; line-height:1.6 !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-download-hub { margin:24px 0 !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-hub-heading { padding:0 4px !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-option { background:#ebe3ee !important; color:#4a174b !important; border:0 !important; border-radius:7px !important; padding:5px 8px !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-hub-heading h3 { color:#321633 !important; margin:12px 0 8px !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-hub-heading p { color:#716676 !important; margin:0 0 16px !important; line-height:1.6 !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-download-grid { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:0 !important; background:#fff !important; border:1px solid #eee7f0 !important; border-radius:20px !important; overflow:hidden !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-download-tile { --brand:#4a174b; display:grid !important; grid-template-columns:44px minmax(0,1fr) !important; align-items:start !important; gap:8px 12px !important; padding:18px 16px !important; border:0 !important; border-bottom:1px solid #f0eaf2 !important; border-radius:0 !important; background:#fff !important; color:#321633 !important; box-shadow:none !important; text-decoration:none !important; transform:none !important; touch-action:manipulation; -webkit-tap-highlight-color:transparent; transition:background-color 120ms ease,transform 120ms ease !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-download-tile:last-child { border-bottom:0 !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-assistant-art { width:44px !important; height:44px !important; display:grid !important; place-items:center !important; background:#f8f5f9 !important; border-radius:13px !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-assistant-art img { width:29px !important; height:29px !important; object-fit:contain !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-assistant-copy { display:grid !important; gap:6px !important; min-width:0 !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-assistant-copy strong { color:#321633 !important; line-height:1.3 !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-package-label { color:#4a174b !important; line-height:1.4 !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-assistant-copy small { color:#716676 !important; line-height:1.6 !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-download-cta { grid-column:2 !important; display:flex !important; align-items:center !important; gap:7px !important; border:0 !important; padding:4px 0 0 !important; color:#4a174b !important; min-height:24px !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-download-cta i:last-child { margin-left:auto !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-download-tile:active { background:#f4eef7 !important; transform:scale(.988) !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-download-tile:focus-visible { outline:2px solid #4a174b !important; outline-offset:-3px !important; background:#f8f4fa !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-availability { padding:0 4px !important; margin:14px 0 0 !important; color:#847686 !important; gap:7px !important; line-height:1.6 !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-url { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:16px !important; padding:18px !important; margin:26px 0 !important; border:1px solid #e7dce9 !important; border-radius:20px !important; background:#fff !important; color:#321633 !important; box-shadow:none !important; touch-action:manipulation; -webkit-tap-highlight-color:transparent; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-url-copy { min-width:0 !important; display:grid !important; gap:10px !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-url-label { color:#4a174b !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-url code { display:block !important; color:#4a174b !important; background:#f8f5fa !important; border-radius:10px !important; padding:12px !important; overflow-wrap:anywhere !important; white-space:normal !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-url-hint { color:#716676 !important; line-height:1.6 !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-copy-action { width:100% !important; min-height:46px !important; box-sizing:border-box !important; display:flex !important; justify-content:center !important; align-items:center !important; gap:8px !important; border:0 !important; border-radius:12px !important; background:#4a174b !important; color:#fff !important; padding:12px 16px !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-url:active { background:#faf6fc !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-url:focus-visible { outline:2px solid #4a174b !important; outline-offset:3px !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-url.is-copied { border-color:#4a174b !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-steps { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:0 !important; background:#fff !important; border:1px solid #eee7f0 !important; border-radius:18px !important; overflow:hidden !important; padding:0 !important; margin:0 0 22px !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-steps > li { padding:16px !important; margin:0 !important; border:0 !important; border-bottom:1px solid #f0eaf2 !important; border-radius:0 !important; background:#fff !important; box-shadow:none !important; display:grid !important; grid-template-columns:30px minmax(0,1fr) !important; gap:12px !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-steps > li:last-child { border-bottom:0 !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-step-label { width:28px !important; height:28px !important; background:#f3edf6 !important; color:#4a174b !important; border-radius:50% !important; display:grid !important; place-items:center !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-step-text { gap:6px !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-step-text > span { color:#716676 !important; line-height:1.6 !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-panel-grid { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:10px !important; margin:0 0 26px !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-panel { background:#fff !important; border:1px solid #eee7f0 !important; border-radius:16px !important; padding:18px !important; box-shadow:none !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-panel :is(p,.vsl-ai-connect-panel-kicker) { color:#716676 !important; line-height:1.6 !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-facts { display:grid !important; grid-template-columns:minmax(0,1fr) !important; padding:0 16px !important; border:1px solid #eee7f0 !important; border-radius:18px !important; background:#fff !important; margin:0 0 24px !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-fact { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:6px !important; padding:14px 0 !important; border:0 !important; border-bottom:1px solid #f0eaf2 !important; min-width:0 !important; background:#fff !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-fact:last-child { border-bottom:0 !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-fact :is(dt,dd) { min-width:0 !important; margin:0 !important; line-height:1.6 !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-fact dt { color:#847686 !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-fact code { white-space:normal !important; overflow-wrap:anywhere !important; color:#4a174b !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-permissions { display:grid !important; grid-template-columns:minmax(0,1fr) !important; padding:0 !important; border:1px solid #eee7f0 !important; border-radius:18px !important; background:#fff !important; overflow:hidden !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-permissions li { padding:0 !important; border:0 !important; border-bottom:1px solid #f0eaf2 !important; background:#fff !important; box-shadow:none !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-permissions a { display:flex !important; align-items:center !important; min-height:48px !important; padding:14px 16px !important; box-sizing:border-box !important; line-height:1.6 !important; color:#4a174b !important; text-decoration:none !important; touch-action:manipulation; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-actions { display:grid !important; grid-template-columns:minmax(0,1fr) !important; margin-top:20px !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-actions .vsl-ai-button { display:flex !important; justify-content:center !important; align-items:center !important; gap:8px !important; width:100% !important; min-height:48px !important; box-sizing:border-box !important; color:#fff !important; background:#4a174b !important; border:0 !important; border-radius:13px !important; touch-action:manipulation; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-tertiary a { display:inline-flex !important; align-items:center !important; min-height:44px !important; color:#716676 !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-options { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:10px !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-option { padding:18px !important; border:1px solid #eee7f0 !important; border-radius:18px !important; background:#fff !important; box-shadow:none !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-option .vsl-ai-link-label { display:flex !important; align-items:center !important; min-height:44px !important; color:#4a174b !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-benefits { padding:20px 16px !important; border:1px solid #eee7f0 !important; border-radius:20px !important; background:#fff !important; box-shadow:none !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-benefits-grid { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:18px !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-benefits-grid article { display:grid !important; grid-template-columns:32px minmax(0,1fr) !important; gap:12px !important; min-width:0 !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-benefit-icon { display:grid !important; place-items:center !important; width:32px !important; height:32px !important; border-radius:10px !important; color:#4a174b !important; background:#f5eff7 !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-benefits :is(p,article div > span) { color:#716676 !important; line-height:1.6 !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-note { padding:0 4px !important; color:#847686 !important; line-height:1.6 !important; }
body:has(main.vsl-ai-connect.vsl-connect-refresh) > .vsl-ai-pagenote { padding:16px 10px 24px !important; margin:0 !important; background:#f7f5f8 !important; border:0 !important; color:#847686 !important; line-height:1.6 !important; }
}
@media screen and (max-width:991px) and (prefers-reduced-motion:reduce) {
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-download-tile { transition:none !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-download-tile:active { transform:none !important; }
}
}

/* Focused mobile connection flow: choose an assistant first; reveal help on demand. */
@layer vsl-mobile-presentation {
@media screen and (max-width:991px) {
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh { gap:0 !important; padding-top:18px !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-desktop-title { display:none !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-mobile-title { display:inline !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-main > .vsl-ai-connect-section-head { margin-bottom:16px !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-main > .vsl-ai-connect-section-head p,
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-hub-heading,
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-assistant-copy small,
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-availability { display:none !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-download-hub { margin:0 0 16px !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-download-tile { grid-template-columns:44px minmax(0,1fr) 22px !important; align-items:center !important; min-height:78px !important; gap:12px !important; padding:14px !important; box-sizing:border-box !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-assistant-copy { gap:5px !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-download-cta { grid-column:3 !important; grid-row:1 !important; padding:0 !important; min-height:22px !important; justify-content:flex-end !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-download-cta .vsl-connect-cta-label,
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-download-cta i:first-child { display:none !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-url { margin:0 0 20px !important; gap:12px !important; padding:16px !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-url code,
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-url-hint { display:none !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-url.is-copy-error code,
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-url.is-copy-error .vsl-ai-connect-url-hint,
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-url.is-copied .vsl-ai-connect-url-hint { display:block !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-help { display:block !important; margin:0 0 10px !important; padding:0 !important; background:#fff !important; border:1px solid #eee7f0 !important; border-radius:16px !important; min-width:0 !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-help > summary { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:16px !important; min-height:56px !important; box-sizing:border-box !important; padding:16px !important; color:#4a174b !important; cursor:pointer !important; list-style:none !important; touch-action:manipulation; -webkit-tap-highlight-color:transparent; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-help > summary::-webkit-details-marker { display:none !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-help > summary:focus-visible { outline:2px solid #4a174b !important; outline-offset:-3px !important; border-radius:16px !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-help > summary:active { background:#f7f2f9 !important; border-radius:16px !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-help-chevron { display:block !important; width:7px !important; height:7px !important; flex:0 0 7px !important; border-right:1.5px solid currentColor !important; border-bottom:1.5px solid currentColor !important; transform:rotate(45deg) !important; margin-right:4px !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-help[open] > summary .vsl-connect-help-chevron { transform:rotate(225deg) !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-help-content { padding:0 14px 14px !important; min-width:0 !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-help-content > .vsl-ai-connect-section-head:first-child h3 { display:none !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-help-content .vsl-ai-connect-section-head { padding:0 !important; margin-bottom:14px !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-help-content :is(.vsl-ai-connect-panel,.vsl-ai-connect-facts,.vsl-ai-connect-permissions,.vsl-ai-connect-option,.vsl-ai-connect-benefits,.vsl-ai-connect-steps) { border-color:#f0eaf2 !important; box-shadow:none !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-connect-help[data-vsl-connect-help="benefits"] { margin-top:0 !important; }
}
}
/* Desktop and print retain the expanded original content and layout. */
@media (min-width:992px), print {
html[data-vsl-connect-disclosure-mode="desktop"] main.vsl-ai-connect .vsl-connect-help,
html[data-vsl-connect-disclosure-mode="desktop"] main.vsl-ai-connect .vsl-connect-help::details-content,
html[data-vsl-connect-disclosure-mode="desktop"] main.vsl-ai-connect .vsl-connect-help-content { display:contents !important; }
html[data-vsl-connect-disclosure-mode="desktop"] main.vsl-ai-connect .vsl-connect-help > summary { display:none !important; }
}
@layer vsl-mobile-presentation {
@media screen and (max-width:991px) {
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-url-copy,
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-url-label { display:none !important; }
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-url.is-copy-error .vsl-ai-connect-url-copy,
body .page-wrapper.vsl-ai-page main.vsl-ai-connect.vsl-connect-refresh .vsl-ai-connect-url.is-copied .vsl-ai-connect-url-copy { display:grid !important; }
}
}

/* Shared AI commerce navigation: Passport's open rail, mobile only. */
@layer vsl-mobile-presentation {
@media screen and (max-width: 991px) {
body .vsl-ai-subnav {
    position:relative !important; inset:auto !important;
    width:auto !important; max-width:100% !important; min-width:0 !important;
    margin:0 10px 12px !important; padding:0 !important;
    background:transparent !important; border:0 !important;
    border-radius:0 !important; box-shadow:none !important; overflow:visible !important;
}
body .vsl-ai-subnav .vsl-ai-subnav-inner {
    display:block !important; box-sizing:border-box !important;
    width:100% !important; max-width:100% !important; min-width:0 !important;
    margin:0 !important; padding:13px 0 0 !important;
    background:transparent !important; border:0 !important;
    border-radius:0 !important; box-shadow:none !important; overflow:visible !important;
}
body .vsl-ai-subnav .vsl-ai-subnav-mobile-summary {
    position:relative !important; display:grid !important;
    grid-template-columns:minmax(0,1fr) !important; justify-items:start !important;
    gap:5px !important; margin:0 0 6px !important; padding:0 0 10px !important;
    text-align:left !important;
}
body .vsl-ai-subnav .vsl-ai-subnav-mobile-summary::after {
    content:"" !important; display:block !important; position:static !important;
    width:42px !important; height:3px !important; margin-top:3px !important;
    border-radius:999px !important; background:#fbc848 !important;
}
body .vsl-ai-subnav .vsl-ai-subnav-mobile-kicker {
    color:#765879 !important; font-size:9px !important; font-weight:600 !important;
    letter-spacing:.12em !important; text-transform:uppercase !important;
}
body .vsl-ai-subnav .vsl-ai-subnav-mobile-current {
    display:flex !important; width:100% !important; min-width:0 !important;
    align-items:center !important; justify-content:flex-start !important; gap:8px !important;
    color:#241727 !important; font-size:20px !important; font-weight:600 !important;
    line-height:1.2 !important; letter-spacing:-.025em !important; text-align:left !important;
}
body .vsl-ai-subnav .vsl-ai-subnav-mobile-current::after { display:none !important; }
body .vsl-ai-subnav .vsl-ai-subnav-mobile-current i {
    display:inline-block !important; flex:0 0 auto !important;
    width:auto !important; height:auto !important; padding:0 !important;
    background:transparent !important; border:0 !important; border-radius:0 !important;
    color:#5f245f !important; font-size:17px !important;
}
body .vsl-ai-subnav .vsl-ai-subnav-label { display:none !important; }
body .vsl-ai-subnav .vsl-ai-subnav-links {
    display:flex !important; align-items:center !important; flex-wrap:nowrap !important;
    grid-template-columns:none !important; width:100% !important; min-width:0 !important;
    gap:18px !important; padding:2px 0 5px !important; margin:0 !important;
    background:transparent !important; border:0 !important; border-radius:0 !important;
    overflow-x:auto !important; overflow-y:hidden !important; scrollbar-width:none !important;
    scroll-snap-type:x proximity; scroll-padding-inline:4px; -webkit-overflow-scrolling:touch;
}
body .vsl-ai-subnav .vsl-ai-subnav-links::-webkit-scrollbar { display:none !important; }
body .vsl-ai-subnav .vsl-ai-subnav-link {
    position:relative !important; box-sizing:border-box !important; display:inline-flex !important;
    align-items:center !important; justify-content:flex-start !important; flex:0 0 auto !important;
    min-width:0 !important; min-height:44px !important; gap:5px !important; padding:0 2px !important;
    background:transparent !important; border:0 !important; border-radius:0 !important;
    box-shadow:none !important; color:#665d69 !important; font-size:11.5px !important;
    font-weight:500 !important; line-height:1.2 !important; white-space:nowrap !important;
    text-decoration:none !important; scroll-snap-align:start; touch-action:manipulation;
}
body .vsl-ai-subnav .vsl-ai-subnav-link i { flex:0 0 auto !important; color:#764377 !important; font-size:12px !important; }
body .vsl-ai-subnav .vsl-ai-subnav-link::after {
    content:"" !important; position:absolute !important; left:2px !important; right:2px !important;
    bottom:1px !important; height:2px !important; border-radius:999px !important; background:transparent !important;
}
body .vsl-ai-subnav .vsl-ai-subnav-link:hover::after { background:#d9c9da !important; }
body .vsl-ai-subnav .vsl-ai-subnav-link:focus-visible { outline:2px solid #5f245f !important; outline-offset:-2px !important; border-radius:4px !important; }
/* The current section is already identified by the title, as on Passport. */
body .vsl-ai-subnav .vsl-ai-subnav-link[aria-current="page"] { display:none !important; }
}
}

/* Notifications Center: mobile presentation; canonical actions remain unchanged. */
@layer vsl-mobile-presentation {
@media screen and (max-width: 991px) {
body .page-wrapper:has(> main > .notif-card) > main {
    box-sizing:border-box !important; width:100% !important; min-width:0 !important;
    margin:0 !important; padding:12px 8px 24px 10px !important;
    background:#fff !important;
}
body .notif-card { background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; overflow:visible !important; }
body .notif-card .notif-header { position:relative !important; top:auto !important; z-index:2 !important; padding:0 !important; margin:0 0 14px !important; background:transparent !important; border:0 !important; }
body .notif-card .notif-header-top, body .notif-card .notif-row-1 { display:flex !important; flex-direction:column !important; align-items:stretch !important; gap:12px !important; padding:0 !important; }
body .notif-card .notif-title-row { display:flex !important; align-items:center !important; justify-content:space-between !important; flex-wrap:wrap !important; gap:6px 10px !important; padding:0 !important; }
body .notif-card .notif-header h1 { display:flex !important; align-items:center !important; gap:8px !important; margin:0 !important; font-weight:600 !important; color:#321633 !important; white-space:normal !important; }
body .notif-card .notif-unread-badge { display:inline-flex !important; align-items:center !important; justify-content:center !important; min-width:22px !important; height:22px !important; box-sizing:border-box !important; padding:0 6px !important; margin:0 !important; border-radius:8px !important; background:#4a174b !important; color:#fff !important; font-size:11px !important; font-weight:500 !important; }
/* Preserve the canonical controller's hidden badge after mark-all-read. */
body .notif-card .notif-unread-badge[style*="display: none"] { display:none !important; }
body .notif-card .mobile-mark-read { display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:44px !important; padding:0 10px !important; border:0 !important; border-radius:12px !important; background:transparent !important; color:#4a174b !important; font-size:11px !important; font-weight:500 !important; white-space:nowrap !important; cursor:pointer; }
body .notif-card .mobile-mark-read.disabled { opacity:.55 !important; pointer-events:none !important; }
body .notif-card .notif-row-1-right { display:none !important; }
body .notif-card .filter-bar-wrapper { display:block !important; position:relative !important; background:transparent !important; border:0 !important; }
body .notif-card .filter-bar-wrapper::after { display:none !important; }
body .notif-card .filter-toggles { display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; gap:6px !important; margin:0 !important; padding:6px !important; border:0 !important; border-radius:17px !important; background:#eee9f0 !important; overflow:visible !important; }
body .notif-card .filter-toggle { display:flex !important; align-items:center !important; justify-content:center !important; min-width:0 !important; min-height:44px !important; box-sizing:border-box !important; padding:8px !important; border:0 !important; border-radius:11px !important; background:transparent !important; color:#685b6c !important; font-size:12px !important; font-weight:500 !important; text-align:center !important; white-space:normal !important; text-decoration:none !important; box-shadow:none !important; }
body .notif-card .filter-toggle.active { background:#fff !important; color:#4a174b !important; box-shadow:0 2px 6px #3216330c !important; }
body .notif-card .mobile-inline-sort { display:flex !important; position:relative !important; grid-column:1 / -1 !important; justify-content:flex-end !important; width:100% !important; margin:2px 0 0 !important; border-top:1px solid #e2d9e5 !important; padding-top:3px !important; }
body .notif-card .mobile-inline-sort .sort-btn { display:inline-flex !important; align-items:center !important; justify-content:space-between !important; gap:8px !important; width:100% !important; min-height:44px !important; padding:8px 10px !important; background:transparent !important; border:0 !important; border-radius:10px !important; color:#4a174b !important; font-size:12px !important; font-weight:500 !important; cursor:pointer; }
body .notif-card .mobile-inline-sort .sort-menu { left:0 !important; right:0 !important; top:100% !important; min-width:0 !important; margin-top:6px !important; padding:6px !important; border:1px solid #eee7f0 !important; border-radius:14px !important; background:#fff !important; box-shadow:0 10px 28px #32163314 !important; z-index:30 !important; }
body .notif-card .sort-item { display:flex !important; align-items:center !important; min-height:44px !important; padding:8px 12px !important; box-sizing:border-box !important; border-radius:9px !important; color:#4a174b !important; text-decoration:none !important; font-size:12px !important; }
body .notif-card .notif-list { display:flex !important; flex-direction:column !important; gap:0 !important; background:#fff !important; }
body .notif-card .notif-item { display:grid !important; grid-template-columns:32px minmax(0,1fr) !important; align-items:start !important; gap:8px 10px !important; padding:14px 4px !important; min-height:72px !important; box-sizing:border-box !important; margin:0 !important; border:0 !important; border-bottom:1px solid #eee8f0 !important; border-radius:0px !important; background:#fff !important; color:#321633 !important; text-decoration:none !important; transition:background-color .15s ease,border-color .15s ease !important; }
body .notif-card .notif-item.unread { background:#faf7fc !important; border-color:#e0d1e5 !important; }
body .notif-card .notif-item.unread::after { top:15px !important; right:12px !important; width:6px !important; height:6px !important; transform:none !important; background:#4a174b !important; box-shadow:none !important; }
body .notif-card .notif-icon-wrapper { grid-column:1 !important; grid-row:1 / 3 !important; width:32px !important; height:32px !important; margin:0 !important; border-radius:10px !important; background:#f5f1f6 !important; color:#6a3a70 !important; }
body .notif-card .notif-icon-wrapper svg { width:20px !important; height:20px !important; }
body .notif-card .notif-content { grid-column:2 !important; min-width:0 !important; padding-right:4px !important; gap:5px !important; }
body .notif-card .notif-text { display:-webkit-box !important; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden !important; overflow-wrap:anywhere !important; color:#38283d !important; font-size:12px !important; line-height:1.5 !important; font-weight:400 !important; }
body .notif-card .notif-text :is(b,strong) { font-weight:600 !important; }
body .notif-card .notif-text hr { margin:6px 0 !important; border:0 !important; border-top:1px solid #eee7f0 !important; }
body .notif-card .notif-ref { color:#725e79 !important; font-size:11px !important; line-height:1.4 !important; overflow-wrap:anywhere !important; }
body .notif-card .notif-right { display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:space-between !important; grid-column:2 !important; min-width:0 !important; width:auto !important; gap:8px !important; padding:0 !important; margin:0 !important; text-align:left !important; }
body .notif-card .notif-tag { max-width:75% !important; box-sizing:border-box !important; padding:0 !important; border-radius:0 !important; background:transparent !important; color:#725e79 !important; font-size:10px !important; line-height:1.3 !important; font-weight:500 !important; white-space:normal !important; }
body .notif-card .notif-time { flex:0 0 auto !important; color:#837389 !important; font-size:10px !important; line-height:1.3 !important; }
body .notif-card .notif-item:hover, body .notif-card .notif-item:active { background:#f3edf6 !important; border-color:#d5c2dc !important; }
body .notif-card :is(a,button):focus-visible { outline:2px solid #6a3a70 !important; outline-offset:2px !important; }
body .notif-card .loading-trigger.active { margin-top:8px !important; padding:28px 16px !important; border-radius:16px !important; color:#725e79 !important; background:#fff !important; }
@media (prefers-reduced-motion:reduce) { body .notif-card .notif-item { transition:none !important; } }
}
}

/* Compact native disclosure: filters and sort remain the original links/actions. */
@layer vsl-mobile-presentation {
@media screen and (max-width:991px) {
body .notif-card .vsl-notification-filters[hidden] { display:block !important; border-bottom:1px solid #eee8f0; }
body .notif-card .vsl-notification-filters > summary { display:flex; align-items:center; gap:12px; min-height:44px; padding:0 4px; list-style:none; cursor:pointer; color:#4a174b; font-size:12px; font-weight:500; }
body .notif-card .vsl-notification-filters > summary::-webkit-details-marker { display:none; }
body .notif-card .vsl-notification-filter-sort { margin-left:auto; color:#817087; font-size:11px; }
body .notif-card .vsl-notification-chevron { width:6px; height:6px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); margin:0 6px 4px 0; }
body .notif-card .vsl-notification-filters[open] .vsl-notification-chevron { transform:rotate(225deg); margin-bottom:0; }
body .notif-card .vsl-notification-filters .filter-bar-wrapper { margin-bottom:10px; }
body .notif-card .vsl-notification-filters > summary:focus-visible { outline:2px solid #4a174b; outline-offset:-2px; border-radius:8px; }
body .notif-card .notif-header { margin-bottom:0 !important; }
body .notif-card .notif-item:last-child { border-bottom:0 !important; }
body .notif-card .notif-item.unread { background:#faf7fc !important; border-color:#eee8f0 !important; }
body .empty-products-mobile-fixed-footer .empty-products-mobile-btn-primary { background:#4a174b !important; color:#fff !important; border-color:#4a174b !important; box-shadow:none !important; }
body .empty-products-mobile-fixed-footer .empty-products-mobile-btn-primary svg { color:#fff !important; stroke:currentColor !important; }
}
}

/* POS settings: one content rail, stable text columns and restrained surfaces. */
@layer vsl-mobile-presentation {
@media screen and (max-width:991px) {
html[data-vsl-mobile-section="paid"] main[role="main"] { box-sizing:border-box !important; min-width:0 !important; max-width:100% !important; padding:14px 8px calc(88px + env(safe-area-inset-bottom)) 10px !important; }
html[data-vsl-mobile-section="paid"] .feed-container { min-width:0 !important; width:100% !important; max-width:100% !important; padding:0 !important; }
html[data-vsl-mobile-section="paid"] .ft-tab-content > .ft-card { padding:0 !important; border:0 !important; background:#fff !important; box-shadow:none !important; gap:16px !important; }
html[data-vsl-mobile-section="paid"] .vsl-mobile-payout-notice { margin:8px 0 18px !important; padding:16px !important; border:0 !important; border-radius:16px !important; background:#f5f0f7 !important; }
html[data-vsl-mobile-section="paid"] .vsl-mobile-payout-notice > div { gap:14px !important; }
html[data-vsl-mobile-section="paid"] .vsl-mobile-payout-notice > div > div { display:grid !important; grid-template-columns:30px minmax(0,1fr) !important; gap:10px !important; width:100% !important; min-width:0 !important; }
html[data-vsl-mobile-section="paid"] .vsl-mobile-payout-notice > div > div > div:first-child { width:30px !important; height:30px !important; background:#fff !important; }
html[data-vsl-mobile-section="paid"] .vsl-mobile-payout-notice > div > div > div:last-child { min-width:0 !important; }
html[data-vsl-mobile-section="paid"] .vsl-mobile-payout-notice h2 { font-size:17px !important; line-height:1.3 !important; font-weight:600 !important; margin:0 0 5px !important; overflow-wrap:anywhere !important; }
html[data-vsl-mobile-section="paid"] .vsl-mobile-payout-notice p { font-size:12px !important; margin:0 !important; }
html[data-vsl-mobile-section="paid"] .vsl-mobile-payout-notice .ft-btn { font-size:12px !important; font-weight:500 !important; min-width:0 !important; white-space:normal !important; text-align:center !important; padding:12px !important; }
html[data-vsl-mobile-section="paid"] :is(.share-hero,.share-hero-grid,.share-hero-content) { display:flex !important; flex-direction:column !important; align-items:stretch !important; width:100% !important; max-width:100% !important; min-width:0 !important; gap:14px !important; padding:0 !important; margin:0 !important; border:0 !important; background:#fff !important; box-shadow:none !important; }
html[data-vsl-mobile-section="paid"] .share-qr-card { width:100% !important; max-width:100% !important; box-sizing:border-box !important; margin:0 !important; padding:18px !important; background:#faf8fb !important; border-radius:18px !important; box-shadow:none !important; }
html[data-vsl-mobile-section="paid"] .share-qr-stack { display:flex !important; flex-direction:column !important; align-items:center !important; width:100% !important; gap:10px !important; }
html[data-vsl-mobile-section="paid"] .share-qr-frame { box-sizing:border-box !important; width:min(100%,250px) !important; height:auto !important; aspect-ratio:1 !important; padding:16px !important; border-radius:16px !important; background:#fff !important; box-shadow:none !important; }
html[data-vsl-mobile-section="paid"] #pos-qr-img { max-width:100% !important; max-height:100% !important; width:100% !important; height:100% !important; object-fit:contain !important; }
html[data-vsl-mobile-section="paid"] .share-qr-label { margin:0 !important; background:transparent !important; color:#78677e !important; font-size:10px !important; font-weight:400 !important; }
html[data-vsl-mobile-section="paid"] .share-profile-strip { display:flex !important; align-items:center !important; min-width:0 !important; gap:10px !important; padding:12px 0 !important; margin:0 !important; border:0 !important; border-bottom:1px solid #eee8f0 !important; border-radius:0 !important; box-shadow:none !important; }
html[data-vsl-mobile-section="paid"] .share-profile-avatar { flex:0 0 38px !important; width:38px !important; height:38px !important; }
html[data-vsl-mobile-section="paid"] .share-profile-copy { min-width:0 !important; flex:1 !important; }
html[data-vsl-mobile-section="paid"] .share-profile-name { display:block !important; white-space:normal !important; overflow-wrap:anywhere !important; font-size:13px !important; line-height:1.4 !important; font-weight:500 !important; }
html[data-vsl-mobile-section="paid"] .share-profile-label { font-size:10px !important; font-weight:400 !important; }
html[data-vsl-mobile-section="paid"] .share-content-body { display:flex !important; flex-direction:column !important; min-width:0 !important; gap:12px !important; padding:0 !important; margin:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; }
html[data-vsl-mobile-section="paid"] .share-content-body h2 { margin:0 !important; font-size:18px !important; line-height:1.3 !important; font-weight:600 !important; }
html[data-vsl-mobile-section="paid"] .share-content-body p { margin:0 !important; font-size:12px !important; line-height:1.5 !important; color:#78677e !important; }
html[data-vsl-mobile-section="paid"] .share-link-pill { display:flex !important; align-items:center !important; min-width:0 !important; gap:8px !important; padding:6px !important; margin:0 !important; border:0 !important; border-radius:12px !important; background:#f7f4f8 !important; box-shadow:none !important; }
html[data-vsl-mobile-section="paid"] #share-url { width:0 !important; flex:1 1 0 !important; min-width:0 !important; padding:8px 4px !important; background:transparent !important; font-size:11px !important; }
html[data-vsl-mobile-section="paid"] .share-link-copy-btn { flex:0 0 auto !important; min-height:40px !important; background:#fff !important; color:#4a174b !important; border:0 !important; padding:8px 12px !important; border-radius:9px !important; font-weight:500 !important; }
html[data-vsl-mobile-section="paid"] .share-cta-row { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:6px !important; margin:0 !important; padding:0 !important; }
html[data-vsl-mobile-section="paid"] .share-cta { width:100% !important; min-width:0 !important; min-height:44px !important; padding:10px !important; box-sizing:border-box !important; white-space:normal !important; border:0 !important; border-radius:11px !important; background:#f3edf5 !important; color:#4a174b !important; font-size:12px !important; font-weight:500 !important; box-shadow:none !important; }
html[data-vsl-mobile-section="paid"] #pos-mode-card { padding:0 !important; margin:0 !important; border:0 !important; border-radius:0 !important; background:#fff !important; }
html[data-vsl-mobile-section="paid"] #pos-mode-card .pos-mode-head { display:grid !important; grid-template-columns:32px minmax(0,1fr) 16px !important; gap:6px 10px !important; padding:14px 0 !important; min-height:0 !important; }
html[data-vsl-mobile-section="paid"] #pos-mode-card .pos-mode-head-icon { grid-column:1 !important; grid-row:1 / 3 !important; width:32px !important; height:32px !important; font-size:17px !important; background:#f3edf5 !important; color:#4a174b !important; border-radius:10px !important; }
html[data-vsl-mobile-section="paid"] #pos-mode-card .pos-mode-head-text { grid-column:2 !important; grid-row:1 !important; min-width:0 !important; }
html[data-vsl-mobile-section="paid"] #pos-mode-card .pos-mode-head-text h2 { font-size:17px !important; font-weight:600 !important; line-height:1.3 !important; margin:0 !important; }
html[data-vsl-mobile-section="paid"] #pos-mode-card .pos-mode-head-text p { display:block !important; font-size:11px !important; line-height:1.5 !important; margin:4px 0 0 !important; white-space:normal !important; }
html[data-vsl-mobile-section="paid"] #pos-mode-card .pos-mode-head-badge { grid-column:2 !important; grid-row:2 !important; justify-self:start !important; margin:0 !important; padding:0 !important; background:transparent !important; font-size:10px !important; font-weight:400 !important; white-space:normal !important; }
html[data-vsl-mobile-section="paid"] #pos-mode-card .pos-mode-chevron { grid-column:3 !important; grid-row:1 / 3 !important; }
html[data-vsl-mobile-section="paid"] #pos-mode-card .pos-mode-body { padding:0 !important; }
html[data-vsl-mobile-section="paid"] #pos-mode-card .pos-mode-note { display:flex !important; align-items:flex-start !important; gap:8px !important; padding:12px !important; margin:0 0 10px !important; background:#f7f4f8 !important; color:#78677e !important; font-size:11px !important; line-height:1.5 !important; }
html[data-vsl-mobile-section="paid"] .pos-mode-note-link { display:inline !important; white-space:normal !important; margin:0 !important; text-decoration:none !important; font-weight:500 !important; }
html[data-vsl-mobile-section="paid"] #pos-mode-card .pos-mode-options { gap:0 !important; border:1px solid #eee8f0 !important; border-radius:14px !important; overflow:hidden !important; }
html[data-vsl-mobile-section="paid"] #pos-mode-card .pos-mode-option { display:grid !important; grid-template-columns:30px minmax(0,1fr) 20px !important; min-width:0 !important; min-height:76px !important; gap:10px !important; padding:12px !important; margin:0 !important; border:0 !important; border-bottom:1px solid #eee8f0 !important; border-radius:0 !important; background:#fff !important; }
html[data-vsl-mobile-section="paid"] #pos-mode-card .pos-mode-option:last-child { border-bottom:0 !important; }
html[data-vsl-mobile-section="paid"] #pos-mode-card .pos-mode-option:has(input:checked) { background:#f6f0f8 !important; }
html[data-vsl-mobile-section="paid"] #pos-mode-card .pos-mode-choice-icon { grid-column:1 !important; grid-row:1 !important; width:30px !important; height:30px !important; font-size:16px !important; border-radius:9px !important; background:#f5f1f7 !important; color:#715078 !important; }
html[data-vsl-mobile-section="paid"] #pos-mode-card .pos-mode-option-text { grid-column:2 !important; grid-row:1 !important; min-width:0 !important; }
html[data-vsl-mobile-section="paid"] #pos-mode-card .pos-mode-option-text strong { font-size:12px !important; line-height:1.4 !important; font-weight:500 !important; }
html[data-vsl-mobile-section="paid"] #pos-mode-card .pos-mode-option-text > span { display:block !important; margin-top:3px !important; font-size:11px !important; line-height:1.5 !important; overflow-wrap:break-word !important; }
html[data-vsl-mobile-section="paid"] #pos-mode-card .pos-mode-dot { grid-column:3 !important; grid-row:1 !important; width:20px !important; height:20px !important; background:#eee8f0 !important; }
html[data-vsl-mobile-section="paid"] #pos-mode-card .pos-mode-option input:checked ~ .pos-mode-dot { background:#4a174b !important; }
html[data-vsl-mobile-section="paid"] #pos-mode-card .pos-mode-option input:checked ~ .pos-mode-dot::after { color:#fff !important; }
html[data-vsl-mobile-section="paid"] .share-social-row { display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:6px !important; width:100% !important; box-sizing:border-box !important; padding:10px 0 !important; margin:0 !important; background:#fff !important; border:0 !important; box-shadow:none !important; }
html[data-vsl-mobile-section="paid"] .share-channel { display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; min-width:0 !important; min-height:44px !important; border-radius:11px !important; background:#f7f4f8 !important; }
html[data-vsl-mobile-section="paid"] :is(.embed-layout-wrapper,.embed-interactive-zone,.embed-step-grid,.embed-use-cases-grid) { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:12px !important; width:100% !important; min-width:0 !important; padding:0 !important; }
html[data-vsl-mobile-section="paid"] :is(.embed-header-block,.embed-config-panel,.embed-code-block,.embed-step-card,.use-case-item) { min-width:0 !important; max-width:100% !important; box-sizing:border-box !important; padding:14px !important; border-radius:14px !important; box-shadow:none !important; }
html[data-vsl-mobile-section="paid"] .embed-code-content { max-width:100% !important; overflow-x:auto !important; font-size:11px !important; }
html[data-vsl-mobile-section="paid"] :is(.embed-header-block,.embed-step-card,.use-case-text) p { font-size:12px !important; line-height:1.5 !important; overflow-wrap:break-word !important; }
html[data-vsl-mobile-section="paid"] :is(.embed-header-block h2,.embed-step-card h3,.use-case-text h4) { font-size:16px !important; line-height:1.35 !important; font-weight:600 !important; }
html[data-vsl-mobile-section="paid"] .vsl-paid-chat-pos-promo-mobile { min-width:0 !important; max-width:100% !important; }
}
}
@layer vsl-mobile-presentation {
@media screen and (max-width:991px) {
html[data-vsl-mobile-section="paid"] .share-link-pill { flex-wrap:nowrap !important; box-sizing:border-box !important; }
html[data-vsl-mobile-section="paid"] .share-link-copy-btn { width:auto !important; min-width:60px !important; box-sizing:border-box !important; }
html[data-vsl-mobile-section="paid"] .share-link-copy-btn i { color:inherit !important; }
html[data-vsl-mobile-section="paid"] .share-content-body p { padding:0 !important; background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; }
html[data-vsl-mobile-section="paid"] .share-content-body p::before { font-size:16px !important; font-weight:600 !important; line-height:1.35 !important; color:#38233d !important; margin-bottom:5px !important; }
html[data-vsl-mobile-section="paid"] .vsl-paid-chat-promo-mobile { box-sizing:border-box !important; width:100% !important; max-width:100% !important; margin:16px 0 0 !important; padding:16px !important; border-radius:16px !important; background:#f5f0f7 !important; box-shadow:none !important; }
html[data-vsl-mobile-section="paid"] .vsl-paid-chat-promo-mobile::before,html[data-vsl-mobile-section="paid"] .vsl-paid-chat-promo-mobile::after { display:none !important; }
html[data-vsl-mobile-section="paid"] .vsl-paid-chat-promo-mobile :is(h3,p) { color:#4a174b !important; white-space:normal !important; overflow-wrap:break-word !important; }
html[data-vsl-mobile-section="paid"] .vsl-paid-chat-promo-mobile h3 { font-size:18px !important; line-height:1.3 !important; font-weight:600 !important; }
html[data-vsl-mobile-section="paid"] .vsl-paid-chat-promo-mobile .vsl-paid-chat-pos-promo__label { background:transparent !important; color:#78677e !important; padding:0 !important; font-weight:500 !important; }
html[data-vsl-mobile-section="paid"] .ft-tab-content:not(.active) { display:none !important; }
}
}

/* Account home lower sections only: compact read-only details on mobile. */
@layer vsl-mobile-presentation {
@media screen and (max-width:991px) {
body .mobile-page-gutter:has(> .account-command-center) .profile-social-card .form-grid {
    display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:0 14px !important; width:100% !important; min-width:0 !important;
    box-sizing:border-box !important; padding:12px 0 !important; margin:0 !important;
    align-items:stretch !important;
}
body .mobile-page-gutter:has(> .account-command-center) .profile-social-card .form-grid > div { display:contents !important; }
body .mobile-page-gutter:has(> .account-command-center) .profile-social-card .form-grid .view-field {
    display:flex !important; flex-direction:column !important; gap:4px !important;
    min-width:0 !important; width:auto !important; margin:0 !important; padding:10px 0 !important;
    border-bottom:1px solid #eee8f0 !important;
}
body .mobile-page-gutter:has(> .account-command-center) .profile-social-card .form-grid .view-label {
    font-size:10px !important; line-height:1.4 !important; font-weight:500 !important;
    letter-spacing:.025em !important; margin:0 !important; white-space:normal !important;
}
body .mobile-page-gutter:has(> .account-command-center) .profile-social-card .form-grid .view-value {
    font-size:12px !important; line-height:1.45 !important; font-weight:400 !important;
    min-height:0 !important; margin:0 !important; white-space:normal !important; overflow-wrap:anywhere !important;
}
body .mobile-page-gutter > .account-command-center { gap:12px !important; margin-top:12px !important; margin-bottom:16px !important; }
body .mobile-page-gutter > .account-command-center .account-feature-banners { gap:8px !important; }
body .mobile-page-gutter > .account-command-center .account-feature-banner { min-height:0 !important; padding:13px 14px !important; gap:10px !important; border-radius:14px !important; }
body .mobile-page-gutter > .account-command-center .account-feature-banner__eyebrow { font-size:9px !important; font-weight:500 !important; line-height:1.35 !important; letter-spacing:.06em !important; }
body .mobile-page-gutter > .account-command-center .account-feature-banner h4 { font-size:13px !important; font-weight:500 !important; line-height:1.4 !important; margin:5px 0 3px !important; }
body .mobile-page-gutter > .account-command-center .account-feature-banner p { max-width:100% !important; font-size:11px !important; line-height:1.5 !important; margin:0 !important; }
body .mobile-page-gutter > .account-command-center .account-feature-banner__go { font-size:11px !important; font-weight:500 !important; line-height:1.4 !important; }
body .mobile-page-gutter > .account-command-center .account-profile-snapshot { border-radius:14px !important; }
body .mobile-page-gutter > .account-command-center .account-profile-snapshot__head { padding:12px 14px !important; }
body .mobile-page-gutter > .account-command-center .account-profile-snapshot__head h3 { font-size:13px !important; line-height:1.4 !important; font-weight:500 !important; margin:0 !important; }
body .mobile-page-gutter > .account-command-center .account-profile-snapshot__head p { font-size:11px !important; line-height:1.5 !important; margin:3px 0 0 !important; }
body .mobile-page-gutter > .account-command-center .account-profile-data { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
body .mobile-page-gutter > .account-command-center .account-profile-data__item { min-width:0 !important; padding:10px 14px !important; }
body .mobile-page-gutter > .account-command-center .account-profile-data__label { font-size:9px !important; line-height:1.4 !important; font-weight:500 !important; letter-spacing:.025em !important; }
body .mobile-page-gutter > .account-command-center .account-profile-data__value { font-size:11px !important; line-height:1.5 !important; font-weight:400 !important; margin-top:4px !important; overflow-wrap:anywhere !important; }
}
}

/* Paid developer tools and preview frame: mobile presentation only. */
@layer vsl-mobile-presentation {
@media screen and (max-width:991px) {
html[data-vsl-mobile-section="paid"] #tab-embed .embed-layout-wrapper { display:flex !important; flex-direction:column !important; gap:16px !important; padding:0 !important; background:#fff !important; border-radius:0 !important; box-shadow:none !important; }
html[data-vsl-mobile-section="paid"] #tab-embed .embed-header-block { order:0 !important; padding:4px 0 0 !important; border:0 !important; background:transparent !important; border-radius:0 !important; text-align:left !important; }
html[data-vsl-mobile-section="paid"] #tab-embed .embed-header-block h2 { font-size:18px !important; line-height:1.35 !important; margin:0 0 6px !important; font-weight:600 !important; }
html[data-vsl-mobile-section="paid"] #tab-embed .embed-header-block p { font-size:12px !important; line-height:1.5 !important; margin:0 !important; color:#78677e !important; }
html[data-vsl-mobile-section="paid"] #tab-embed .embed-interactive-zone { order:1 !important; display:flex !important; flex-direction:column !important; gap:12px !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; }
html[data-vsl-mobile-section="paid"] #tab-embed .embed-config-panel { display:flex !important; flex-direction:column !important; gap:12px !important; padding:14px !important; border:1px solid #ece4ef !important; border-radius:14px !important; background:#fff !important; }
html[data-vsl-mobile-section="paid"] #tab-embed .embed-config-group { width:100% !important; min-width:0 !important; margin:0 !important; }
html[data-vsl-mobile-section="paid"] #tab-embed .embed-config-label { display:block !important; font-size:11px !important; line-height:1.4 !important; font-weight:500 !important; margin:0 0 8px !important; color:#78677e !important; letter-spacing:0 !important; }
html[data-vsl-mobile-section="paid"] #tab-embed .theme-segment { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; width:100% !important; min-width:0 !important; gap:4px !important; padding:4px !important; border:0 !important; border-radius:12px !important; background:#f5f1f7 !important; box-sizing:border-box !important; }
html[data-vsl-mobile-section="paid"] #tab-embed .theme-segment button { display:flex !important; align-items:center !important; justify-content:center !important; gap:6px !important; min-width:0 !important; min-height:44px !important; padding:8px !important; border:0 !important; border-radius:9px !important; background:transparent !important; color:#78677e !important; font-size:12px !important; font-weight:500 !important; box-shadow:none !important; }
html[data-vsl-mobile-section="paid"] #tab-embed .theme-segment button.active { background:#4a174b !important; color:#fff !important; }
html[data-vsl-mobile-section="paid"] #tab-embed #btn-preview-terminal-2 { display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; min-height:44px !important; padding:10px 12px !important; border:0 !important; border-radius:11px !important; background:#f3edf5 !important; color:#4a174b !important; font-size:12px !important; font-weight:500 !important; box-shadow:none !important; }
html[data-vsl-mobile-section="paid"] #tab-embed .embed-code-block { padding:0 !important; border:1px solid #ece4ef !important; border-radius:14px !important; background:#faf8fb !important; box-shadow:none !important; overflow:hidden !important; }
html[data-vsl-mobile-section="paid"] #tab-embed .embed-code-header { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:10px !important; padding:8px 10px 8px 14px !important; background:#f3edf5 !important; border:0 !important; }
html[data-vsl-mobile-section="paid"] #tab-embed .embed-code-lang { display:flex !important; align-items:center !important; gap:6px !important; min-width:0 !important; color:#78677e !important; font-size:10px !important; font-weight:500 !important; }
html[data-vsl-mobile-section="paid"] #tab-embed .embed-copy-action { display:flex !important; align-items:center !important; justify-content:center !important; gap:6px !important; flex:0 0 auto !important; min-height:44px !important; padding:8px 12px !important; border:0 !important; border-radius:9px !important; background:#4a174b !important; color:#fff !important; font-size:11px !important; font-weight:500 !important; }
html[data-vsl-mobile-section="paid"] #tab-embed .embed-code-content { box-sizing:border-box !important; width:100% !important; max-width:100% !important; max-height:210px !important; margin:0 !important; padding:14px !important; background:#faf8fb !important; color:#5f4c66 !important; font-size:11px !important; line-height:1.65 !important; white-space:pre !important; overflow:auto !important; overflow-wrap:normal !important; word-break:normal !important; }
html[data-vsl-mobile-section="paid"] #tab-embed .embed-code-content :is(.tk-tag,.tk-attr,.tk-str) { color:#69516f !important; font-weight:400 !important; }
html[data-vsl-mobile-section="paid"] #tab-embed .embed-steps-container { order:2 !important; padding:0 !important; margin:0 !important; background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; }
html[data-vsl-mobile-section="paid"] #tab-embed .embed-step-grid { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:0 !important; }
html[data-vsl-mobile-section="paid"] #tab-embed .embed-step-card { display:grid !important; grid-template-columns:26px minmax(0,1fr) !important; align-items:start !important; gap:4px 10px !important; min-height:0 !important; padding:12px 0 !important; border:0 !important; border-bottom:1px solid #eee8f0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; }
html[data-vsl-mobile-section="paid"] #tab-embed .embed-step-number { display:grid !important; place-items:center !important; grid-column:1 !important; grid-row:1 / 3 !important; width:26px !important; height:26px !important; margin:0 !important; border-radius:8px !important; background:#f3edf5 !important; color:#4a174b !important; font-size:11px !important; font-weight:500 !important; }
html[data-vsl-mobile-section="paid"] #tab-embed .embed-step-card h3 { grid-column:2 !important; grid-row:1 !important; margin:0 !important; font-size:12px !important; line-height:1.4 !important; font-weight:500 !important; }
html[data-vsl-mobile-section="paid"] #tab-embed .embed-step-card p { grid-column:2 !important; grid-row:2 !important; margin:0 !important; font-size:11px !important; line-height:1.5 !important; color:#78677e !important; }
html[data-vsl-mobile-section="paid"] #tab-embed :is(.embed-use-cases,.embed-use-cases-grid) { order:3 !important; display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:0 !important; padding:0 !important; margin:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; }
html[data-vsl-mobile-section="paid"] #tab-embed .use-case-item { display:grid !important; grid-template-columns:28px minmax(0,1fr) !important; align-items:start !important; gap:10px !important; padding:12px 0 !important; min-height:0 !important; border:0 !important; border-bottom:1px solid #eee8f0 !important; border-radius:0 !important; background:transparent !important; }
html[data-vsl-mobile-section="paid"] #tab-embed .use-case-icon { display:grid !important; place-items:center !important; width:28px !important; height:28px !important; margin:0 !important; border-radius:8px !important; background:#f5f1f7 !important; color:#715078 !important; font-size:14px !important; }
html[data-vsl-mobile-section="paid"] #tab-embed .use-case-text { min-width:0 !important; }
html[data-vsl-mobile-section="paid"] #tab-embed .use-case-text h4 { font-size:12px !important; line-height:1.4 !important; font-weight:500 !important; margin:0 0 4px !important; }
html[data-vsl-mobile-section="paid"] #tab-embed .use-case-text p { font-size:11px !important; line-height:1.5 !important; color:#78677e !important; margin:0 !important; }
html[data-vsl-mobile-section="paid"] #tab-embed :is(button,.embed-code-block):focus-visible { outline:2px solid #715078 !important; outline-offset:2px !important; }
/* Existing preview controller still owns opening, closing and iframe navigation. */
html[data-vsl-mobile-section="paid"] #pos-preview-modal { box-sizing:border-box !important; width:100% !important; height:100dvh !important; min-height:0 !important; padding:calc(8px + env(safe-area-inset-top)) 8px calc(8px + env(safe-area-inset-bottom)) !important; align-items:stretch !important; justify-content:center !important; overflow:hidden !important; z-index:2147482000 !important; }
html[data-vsl-mobile-section="paid"] #pos-preview-modal .pos-preview-backdrop { background:rgba(34,12,39,.42) !important; backdrop-filter:blur(4px) !important; -webkit-backdrop-filter:blur(4px) !important; }
html[data-vsl-mobile-section="paid"] #pos-preview-modal .pos-preview-content { display:grid !important; grid-template-columns:minmax(0,1fr) !important; grid-template-rows:52px minmax(0,1fr) !important; width:100% !important; max-width:520px !important; height:100% !important; min-height:0 !important; box-sizing:border-box !important; margin:0 !important; padding:0 !important; transform:none !important; border-radius:18px !important; overflow:hidden !important; background:#fff !important; box-shadow:0 12px 40px #220c2726 !important; }
html[data-vsl-mobile-section="paid"] #pos-preview-modal .pos-preview-content::before { content:"POS Preview"; grid-column:1; grid-row:1; display:flex; align-items:center; padding:0 60px 0 16px; background:#fff; border-bottom:1px solid #eee8f0; color:#4a174b; font-size:13px; font-weight:500; }
html[data-vsl-mobile-section="paid"] #pos-preview-close { position:absolute !important; top:4px !important; right:6px !important; display:flex !important; align-items:center !important; justify-content:center !important; width:44px !important; height:44px !important; padding:0 !important; margin:0 !important; border:0 !important; border-radius:12px !important; background:#f5f1f7 !important; color:#4a174b !important; font-size:17px !important; box-shadow:none !important; z-index:2 !important; }
html[data-vsl-mobile-section="paid"] #pos-preview-close:focus-visible { outline:2px solid #715078 !important; outline-offset:-3px !important; }
html[data-vsl-mobile-section="paid"] #live-preview-frame { grid-column:1 !important; grid-row:2 !important; box-sizing:border-box !important; display:block !important; width:100% !important; height:100% !important; min-height:0 !important; max-height:100% !important; margin:0 !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; transform:none !important; }
html[data-vsl-mobile-section="paid"] #pos-preview-modal #iframe-loader { top:52px !important; left:0 !important; right:0 !important; bottom:0 !important; height:auto !important; min-height:0 !important; border-radius:0 !important; transform:none !important; }
@supports not (height:100dvh) { html[data-vsl-mobile-section="paid"] #pos-preview-modal { height:100vh !important; } }
}
}
@layer vsl-mobile-presentation {
@media screen and (max-width:991px) {
html[data-vsl-mobile-section="paid"] body:has(#pos-preview-modal.active) .pos-minimal-tabs { visibility:hidden !important; pointer-events:none !important; }
}
}

/* Product sheet viewport parity: the existing controllers still own dragging. */
@layer vsl-mobile-presentation {
@media screen and (max-width: 991px) {
    html body:not(.vsl-video-pseudo-fullscreen-open) #fullscreen-overlay .modal-details-sidebar[data-vsl-viewport-sheet] {
        /* Safari's large vh must not force a half-sheet above its visible viewport. */
        min-height: 52vh !important;
        min-height: 52dvh !important;
        max-height: max(52vh, calc(100vh - 180px)) !important;
        max-height: max(52dvh, calc(100dvh - 180px)) !important;
    }
}
}