/* Preview shell. New geometry follows UX 2a/2b/5b; state names are the shipped UI API. */
:where(html.ysa-connected-preview){--ysa-sidebar-expanded-width:272px;--ysa-sheet-left:calc(var(--ysa-sidebar-expanded-width) + 48px);--ysa-sheet-top:72px;--ysa-secondary-width:220px}
:where(html.ysa-connected-preview:has(#framework_main)) body{height:100dvh;overflow:hidden}
:where(html.ysa-connected-preview) body{background:radial-gradient(820px 460px at 12% -5%,#DDE8E4 0%,rgba(221,232,228,0) 65%),radial-gradient(640px 380px at 92% 4%,#F2FBBF 0%,rgba(242,251,191,0) 60%),var(--ysa-canvas)}
:where(html.ysa-connected-preview) .ysa-topbar{position:fixed;inset:20px 40px auto 104px;height:32px;z-index:1000;background:transparent}
:where(html.ysa-connected-preview) .ysa-topbar-row{display:flex;justify-content:flex-end;align-items:center;height:100%;gap:12px}
:where(html.ysa-connected-preview) .ysa-preview-account-identity{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:6px;min-width:0;max-width:min(620px,50%);margin-right:auto;color:var(--ysa-ink);line-height:14px}
:where(html.ysa-connected-preview) .ysa-preview-account-identity>:is(strong,span){display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:where(html.ysa-connected-preview) .ysa-preview-account-identity>strong{font-size:13px;font-weight:650}
:where(html.ysa-connected-preview) .ysa-preview-account-identity>span{color:var(--ysa-text-muted);font-size:12px;font-weight:450}
:where(html.ysa-connected-preview) .ysa-preview-account-switch{display:flex;align-items:center;gap:8px;max-width:100%;min-width:0;min-height:28px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
:where(html.ysa-connected-preview) .ysa-preview-account-text{display:flex;align-items:center;gap:6px;min-width:0;line-height:18px}
:where(html.ysa-connected-preview) .ysa-preview-account-text>:is(strong,span){display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:where(html.ysa-connected-preview) .ysa-preview-account-text>strong{font-size:13px;font-weight:650}
:where(html.ysa-connected-preview) .ysa-preview-account-text>span{color:var(--ysa-text-muted);font-size:12px;font-weight:450}
:where(html.ysa-connected-preview) :is(.ysa-preview-account-identity,.ysa-preview-account-text)>span::before{content:"·";margin-right:6px}
:where(html.ysa-connected-preview) .ysa-preview-account-switch>i{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:1px solid #0e252336;border-radius:9px;font-size:14px}
:where(html.ysa-connected-preview) .ysa-preview-account-switch:hover>i{background:var(--ysa-sage-soft,#DFE9E5)}
:where(html.ysa-connected-preview) .ysa-preview-account-switch:focus-visible{outline:2px solid var(--ysa-ink);outline-offset:4px;border-radius:3px}
html.ysa-connected-preview:has(.ysa-preview-account-identity) .ysa-topbar .ysa-shell-date form{position:static!important;right:auto!important;display:flex!important;align-items:center;margin:0;padding:0!important}
html.ysa-connected-preview:has(.ysa-preview-account-identity) .ysa-topbar .ysa-shell-date form>strong{display:none}
html.ysa-connected-preview:has(.ysa-preview-account-identity) .ysa-topbar #ysa-shell-daterange-selection{width:auto!important;max-width:100%;height:28px;min-height:28px;padding:3px 9px!important;border:0!important;background:transparent!important;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Keep authenticated context present when an embedded editor owns the sheet. */
html.ysa-connected-preview.ysa-journey-editor-active:has(#framework_main.flow_builder):has(.ysa-preview-account-identity) .ysa-topbar{display:block}
html.ysa-connected-preview.ysa-journey-editor-active:has(.ysa-preview-account-identity) .ysa-topbar .ysa-shell-mobile-menu{display:none}
html.ysa-connected-preview.ysa-journey-editor-active:has(.ysa-preview-account-identity) #framework_main.flow_builder{top:72px;height:calc(100dvh - 72px)}
:where(html.ysa-connected-preview) :is(.framework_menu_left,.framework_bar_left,.ysa-brand-wrap,.ysa-primary-nav,.ysa-more-wrap,.ysa-subnav,.ysa-shell-breadcrumb,.ysa-vsep,.ysa-topbar .ysa-user-chip,.ysa-topbar .ysa-shell-cmd,.ysa-debug-btn){display:none}
:where(html.ysa-connected-preview) body>:is(.back,.logo){display:none}
:where(html.ysa-connected-preview) .ysa-brand-logo-full{height:22px;max-width:162px;width:auto}
:where(html.ysa-connected-preview) .ysa-right-cluster{display:flex;align-items:center;justify-content:flex-end;gap:12px;max-width:100%}
:where(html.ysa-connected-preview) :is(.ysa-icon-btn,.ysa-workspace-notifications-trigger){position:relative;display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;min-height:28px;padding:0;border:0;border-radius:50%;background:var(--ysa-ink);color:var(--ysa-on-ink);font-size:14px}
:where(html.ysa-connected-preview) :is(.ysa-icon-btn,.ysa-workspace-notifications-trigger):hover{background:#1B3634}
:where(html.ysa-connected-preview) :is(.ysa-workspace-notifications-label,.ysa-workspace-notifications-chevron){display:none}
:where(html.ysa-connected-preview) :is(.ysa-workspace-notifications-count,.ysa-sticky-note-count){position:absolute;top:-4px;right:-5px;display:grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border:2px solid var(--ysa-canvas);border-radius:999px;background:var(--ysa-lime);color:var(--ysa-ink);font-size:9px;font-weight:700}
:where(html.ysa-connected-preview) .ysa-shell-date{max-width:260px}
:where(html.ysa-connected-preview) .ysa-shell-date form{margin:0}
:where(html.ysa-connected-preview) .ysa-shell-date input{height:28px;min-height:28px;padding:3px 9px;border-color:transparent;background:transparent;font-size:12px;text-align:right}
:where(html.ysa-connected-preview) .ysa-brand-selector{max-width:160px;margin:0}
:where(html.ysa-connected-preview) .ysa-brand-select{min-height:28px;height:28px;padding:3px 24px 3px 8px;border-color:transparent;background:transparent;font-size:12px}
:where(html.ysa-connected-preview) #framework_main{position:fixed;top:var(--ysa-sheet-top);right:24px;bottom:24px;left:var(--ysa-sheet-left);width:auto;height:auto;min-width:0;min-height:0;margin:0;padding:44px 48px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#C9CFCC transparent;border:0;border-radius:28px;background:var(--ysa-sheet);box-shadow:var(--ysa-shadow-sheet);transition:left 200ms var(--ysa-motion-ease)}
:where(html.ysa-connected-preview) #framework_main::-webkit-scrollbar{width:8px}
:where(html.ysa-connected-preview) #framework_main::-webkit-scrollbar-thumb{background:#C9CFCC;border-radius:4px;border:2px solid var(--ysa-sheet)}
:where(html.ysa-connected-preview) #framework_main::-webkit-scrollbar-track{margin:28px 0}
:where(html.ysa-connected-preview) #framework_main:focus{outline:none}
:where(html.ysa-connected-preview) .ysa-mobile-drawer{position:fixed;z-index:1200;top:var(--ysa-sheet-top);left:24px;bottom:24px;display:flex;flex-direction:column;width:var(--ysa-sidebar-expanded-width);min-height:200px;padding:10px;border-radius:20px;background:var(--ysa-ink);color:var(--ysa-on-ink);transition:width 180ms var(--ysa-motion-ease),padding 180ms var(--ysa-motion-ease),border-radius 180ms var(--ysa-motion-ease),box-shadow 180ms var(--ysa-motion-ease)}
:where(html.ysa-connected-preview) .ysa-drawer-head{display:flex;align-items:center;gap:8px;flex-shrink:0;height:44px;padding:0 8px 0 10px}
:where(html.ysa-connected-preview) .ysa-drawer-brand{display:flex;align-items:center;flex:1;min-width:0;opacity:1;transition:opacity 100ms 80ms}
:where(html.ysa-connected-preview) .ysa-drawer-logo{content:url('/img/youshouldask-logo-wide-light.svg');display:block;width:129px;height:22px;object-fit:contain;object-position:left center}
:where(html.ysa-connected-preview) :is(.ysa-drawer-rail-toggle,.ysa-drawer-close){display:grid;place-items:center;width:32px;height:32px;min-height:32px;padding:0;border:0;border-radius:9px;background:transparent;color:var(--ysa-on-ink-muted);font-size:16px}
:where(html.ysa-connected-preview) :is(.ysa-drawer-rail-toggle,.ysa-drawer-close):hover{background:var(--ysa-on-ink-fill);color:var(--ysa-on-ink)}
:where(html.ysa-connected-preview) .ysa-drawer-close{display:none}
:where(html.ysa-connected-preview) .ysa-drawer-search{overflow:hidden;opacity:1;transition:height 180ms var(--ysa-motion-ease),min-height 180ms var(--ysa-motion-ease),margin 180ms var(--ysa-motion-ease),opacity 100ms 80ms,background 120ms;display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-shrink:0;width:100%;height:38px;min-height:38px;margin:6px 0 2px;padding:9px 12px;border:0;border-radius:12px;background:var(--ysa-on-ink-fill);color:var(--ysa-on-ink-muted);font-size:13px;font-weight:400;text-align:left}
:where(html.ysa-connected-preview) .ysa-drawer-search>span{flex:1}
:where(html.ysa-connected-preview) .ysa-drawer-search>i{font-size:14px}
:where(html.ysa-connected-preview) .ysa-drawer-search kbd{padding:2px 4px;border-color:var(--ysa-on-ink-line);font-size:9px;color:var(--ysa-on-ink-muted)}
:where(html.ysa-connected-preview) .ysa-drawer-search:hover{background:rgba(255,255,255,.11)}
:where(html.ysa-connected-preview) .ysa-drawer-body{display:flex;flex:1;flex-direction:column;min-height:0;overflow:visible}
:where(html.ysa-connected-preview) .ysa-drawer-workspace{display:flex;flex-shrink:0;gap:8px;justify-content:flex-start;min-height:38px;margin:10px 2px 0;padding:8px 10px;border:1px solid var(--ysa-on-ink-line);border-radius:12px;background:var(--ysa-on-ink-fill);color:var(--ysa-on-ink-muted);text-align:left;font-size:12px}
:where(html.ysa-connected-preview) .ysa-drawer-ws-mark{display:grid;place-items:center;flex-shrink:0;width:22px;height:22px;border-radius:7px;background:var(--ysa-sage);color:var(--ysa-ink);font-size:10px;font-weight:700}
:where(html.ysa-connected-preview) .ysa-drawer-ws-text{flex:1;min-width:0}
:where(html.ysa-connected-preview) .ysa-drawer-ws-text strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
:where(html.ysa-connected-preview) .ysa-drawer-primary{flex:1;min-height:0;padding-top:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}
:where(html.ysa-connected-preview) .ysa-drawer-section{padding:0 0 8px}
:where(html.ysa-connected-preview) .ysa-drawer-label{height:33px;overflow:hidden;opacity:1;transition:height 180ms var(--ysa-motion-ease),padding 180ms var(--ysa-motion-ease),opacity 100ms 80ms;padding:14px 12px 6px;color:var(--ysa-on-ink-faint);font-size:10.5px;font-weight:700;line-height:1.2;letter-spacing:.12em;text-transform:uppercase}
:where(html.ysa-connected-preview) .ysa-drawer-item{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;height:40px;min-height:40px;margin:2px 0;padding:0 12px;border:0;border-radius:12px;background:transparent;color:var(--ysa-on-ink-muted);font-size:14.5px;font-weight:500;text-align:left;white-space:nowrap;transition:background 120ms,color 120ms}
:where(html.ysa-connected-preview) .ysa-drawer-item>i:first-child{flex-shrink:0;width:18px;font-size:18px;text-align:center}
:where(html.ysa-connected-preview) .ysa-drawer-item>span:not(.ysa-drawer-badge){overflow:hidden;text-overflow:ellipsis;opacity:1;transition:opacity 100ms 80ms}
:where(html.ysa-connected-preview) .ysa-drawer-item>i:last-child:not(:first-child){margin-left:auto;font-size:11px}
:where(html.ysa-connected-preview) .ysa-drawer-item[aria-haspopup=true]::after{content:'';display:block;flex-shrink:0;width:5px;height:5px;margin-left:auto;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);opacity:.55;transition:transform 180ms var(--ysa-motion-ease),opacity 100ms 80ms}
:where(html.ysa-connected-preview) .ysa-drawer-item[aria-expanded=true]::after{transform:rotate(225deg)}
:where(html.ysa-connected-preview.ysa-sidebar-rail:not(.ysa-sidebar-open)) .ysa-drawer-item[aria-haspopup=true]::after{display:none}
:where(html.ysa-connected-preview) .ysa-drawer-item:hover{background:var(--ysa-on-ink-fill);color:var(--ysa-on-ink)}
:where(html.ysa-connected-preview) .ysa-drawer-item.is-active{background:var(--ysa-lime);color:var(--ysa-ink)}
:where(html.ysa-connected-preview) .ysa-drawer-item.is-preview:not(.is-active){background:rgba(255,255,255,.1);color:var(--ysa-on-ink)}
:where(html.ysa-connected-preview) .ysa-drawer-subheading{padding:12px 12px 5px;color:var(--ysa-on-ink-faint);font:600 10px/1.4 var(--ysa-font-sans);letter-spacing:.08em;text-transform:uppercase}
:where(html.ysa-connected-preview) .ysa-drawer-subpill{margin-left:auto;padding:3px 5px;border-radius:5px;background:var(--ysa-on-ink-fill);color:var(--ysa-on-ink-muted);font-size:9px}
:where(html.ysa-connected-preview) .ysa-drawer-badge{margin-left:auto;padding:3px 6px;border-radius:5px;background:var(--ysa-on-ink-fill);font-size:9px;font-weight:600;line-height:1}
:where(html.ysa-connected-preview) .ysa-drawer-flyout-head{display:none}
:where(html.ysa-connected-preview) body.ysa-sidebar-resizing{user-select:none;cursor:col-resize}
:where(html.ysa-connected-preview) .ysa-drawer-badge.is-new{background:rgba(216,245,0,.15);color:var(--ysa-lime);border-radius:999px}
:where(html.ysa-connected-preview) .ysa-alert-menu-status{display:block;flex-shrink:0;width:6px;height:6px;margin-left:auto;border-radius:50%;background:var(--ysa-text-disabled)}
:where(html.ysa-connected-preview) .ysa-alert-menu-status[data-state=green]{visibility:hidden}
:where(html.ysa-connected-preview) .ysa-alert-menu-status[data-state=orange]{background:var(--ysa-lime)}
:where(html.ysa-connected-preview) .ysa-alert-menu-status[data-state=red]{background:var(--ysa-danger-text)}
:where(html.ysa-connected-preview) .ysa-drawer-submenu{max-height:0;overflow:hidden;visibility:hidden;opacity:0;pointer-events:none;transition:max-height 200ms var(--ysa-motion-ease),opacity 120ms,visibility 0s 200ms}
:where(html.ysa-connected-preview) .ysa-drawer-nav-group.is-open>.ysa-drawer-submenu{visibility:visible;opacity:1;pointer-events:auto;transition:max-height 200ms var(--ysa-motion-ease),opacity 120ms,visibility 0s}
:where(html.ysa-connected-preview) .ysa-drawer-subitem{display:flex;justify-content:flex-start;gap:8px;width:100%;min-height:34px;margin:2px 0;padding:7px 12px 7px 42px;border:0;border-radius:9px;background:transparent;color:var(--ysa-on-ink-muted);font-size:12.5px;font-weight:400;text-align:left}
:where(html.ysa-connected-preview) .ysa-drawer-subitem:hover{background:var(--ysa-on-ink-fill);color:var(--ysa-on-ink)}
:where(html.ysa-connected-preview) .ysa-drawer-subitem.is-active{background:rgba(216,245,0,.12);color:var(--ysa-lime)}
:where(html.ysa-connected-preview) .ysa-drawer-account{flex-shrink:0;padding:8px 0 0;border-top:1px solid var(--ysa-on-ink-line)}
:where(html.ysa-connected-preview) .ysa-drawer-settings-menu{position:relative}
:where(html.ysa-connected-preview) .ysa-drawer-user{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-height:48px;padding:6px;border:0;border-radius:12px;background:transparent;color:var(--ysa-on-ink);text-align:left}
:where(html.ysa-connected-preview) .ysa-drawer-user-avatar{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--ysa-sage) center/cover;color:var(--ysa-ink);font-size:11px;font-weight:600}
:where(html.ysa-connected-preview) .ysa-drawer-user-text{flex:1;min-width:0;overflow:hidden;opacity:1;transition:opacity 100ms 80ms}
:where(html.ysa-connected-preview) .ysa-drawer-user-text :is(strong,em){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-style:normal;font-weight:500;line-height:1.5}
:where(html.ysa-connected-preview) .ysa-drawer-user-text em{color:var(--ysa-on-ink-faint);font-size:10px;font-weight:400}
:where(html.ysa-connected-preview) .ysa-drawer-settings-trigger-icon{font-size:15px;color:var(--ysa-on-ink-muted)}
:where(html.ysa-connected-preview) .ysa-drawer-settings-popover{position:absolute;z-index:10;left:0;bottom:calc(100% + 10px);width:max(240px,100%);max-width:calc(100vw - 48px);max-height:min(600px,calc(100dvh - 180px));overflow:auto;display:block;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity 120ms,transform 120ms var(--ysa-motion-ease),visibility 0s 120ms;padding:8px;border:1px solid var(--ysa-line);border-radius:16px;background:var(--ysa-sheet);color:var(--ysa-ink);box-shadow:var(--ysa-shadow-menu)}
:where(html.ysa-connected-preview) .ysa-drawer-settings-menu.is-open>.ysa-drawer-settings-popover{visibility:visible;opacity:1;pointer-events:auto;transform:none;transition:opacity 120ms,transform 120ms var(--ysa-motion-ease),visibility 0s}
:where(html.ysa-connected-preview) .ysa-drawer-settings-popover .ysa-drawer-item{min-height:36px;margin:0;padding:8px 10px;border-radius:9px;color:var(--ysa-ink);font-size:12px}
:where(html.ysa-connected-preview) .ysa-drawer-settings-popover .ysa-drawer-item:hover{background:var(--ysa-canvas)}
:where(html.ysa-connected-preview) .ysa-drawer-settings-popover .ysa-drawer-workspace{width:100%;margin:0 0 4px;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:var(--ysa-ink);font-size:12px}
:where(html.ysa-connected-preview) .ysa-drawer-settings-popover .ysa-drawer-workspace:hover{background:var(--ysa-canvas)}
:where(html.ysa-connected-preview) .ysa-drawer-settings-profile{display:flex;align-items:center;gap:10px;justify-content:flex-start;width:100%;padding:8px;border:0;background:transparent;text-align:left}
:where(html.ysa-connected-preview) .ysa-drawer-settings-profile .ysa-drawer-user-text em{color:var(--ysa-text-muted)}
:where(html.ysa-connected-preview) .ysa-drawer-settings-divider{height:1px;margin:6px 0;background:var(--ysa-line)}
:where(html.ysa-connected-preview) .ysa-drawer-settings-popover .ysa-drawer-signout{color:var(--ysa-danger-text)}
:where(html.ysa-connected-preview) .ysa-drawer-cortex-upgrade{display:flex;gap:8px;width:100%;margin-bottom:8px;padding:12px;border:1px solid var(--ysa-on-ink-line);border-radius:12px;background:var(--ysa-on-ink-fill);color:var(--ysa-on-ink);text-align:left}
:where(html.ysa-connected-preview) .ysa-drawer-cortex-upgrade-copy{flex:1;min-width:0}
:where(html.ysa-connected-preview) .ysa-drawer-cortex-upgrade-copy strong{display:block;font-size:12px}
:where(html.ysa-connected-preview) .ysa-drawer-cortex-upgrade-copy>span{display:block;margin-top:4px;color:var(--ysa-on-ink-muted);font-size:10px;line-height:1.5}
:where(html.ysa-connected-preview) .ysa-sidebar-resize-handle{position:fixed;z-index:1201;top:calc(var(--ysa-sheet-top) + 16px);bottom:40px;left:calc(24px + var(--ysa-sidebar-expanded-width) - 5px);right:auto;width:10px;border:0;background:transparent;cursor:col-resize;touch-action:none}
:where(html.ysa-connected-preview) .ysa-sidebar-resize-handle::after{content:'';position:absolute;inset:25% 3px;border-radius:4px;background:transparent}
:where(html.ysa-connected-preview) .ysa-sidebar-resize-handle:is(:hover,:focus-visible)::after{background:var(--ysa-sage)}
:where(html.ysa-connected-preview.ysa-sidebar-rail){--ysa-sheet-left:104px}
:where(html.ysa-connected-preview.ysa-sidebar-rail:not(.ysa-sidebar-open)) .ysa-mobile-drawer{width:56px;padding:8px;border-radius:18px}
:where(html.ysa-connected-preview.ysa-sidebar-rail:not(.ysa-sidebar-open)) .ysa-drawer-head{height:40px;padding:0}
:where(html.ysa-connected-preview.ysa-sidebar-rail:not(.ysa-sidebar-open)) .ysa-drawer-brand{position:absolute;left:20px;width:129px;opacity:0;pointer-events:none;transition-delay:0s}
:where(html.ysa-connected-preview.ysa-sidebar-rail:not(.ysa-sidebar-open)) .ysa-drawer-rail-toggle{width:40px;height:40px;background:url('/img/youshouldask-logo-mark.svg') center/29px no-repeat;font-size:0}
:where(html.ysa-connected-preview.ysa-sidebar-rail:not(.ysa-sidebar-open)) .ysa-drawer-rail-toggle i{display:none}
:where(html.ysa-connected-preview.ysa-sidebar-rail:not(.ysa-sidebar-open)) :is(.ysa-drawer-workspace,.ysa-drawer-badge,.ysa-drawer-settings-trigger-icon,.ysa-drawer-cortex-upgrade){display:none}
:where(html.ysa-connected-preview.ysa-sidebar-rail:not(.ysa-sidebar-open)) .ysa-drawer-search{height:0;min-height:0;margin:0;padding-top:0;padding-bottom:0;opacity:0;visibility:hidden;pointer-events:none;transition-delay:0s}
:where(html.ysa-connected-preview.ysa-sidebar-rail:not(.ysa-sidebar-open)) .ysa-drawer-label{height:0;padding-top:0;padding-bottom:0;opacity:0;transition-delay:0s}
:where(html.ysa-connected-preview.ysa-sidebar-rail:not(.ysa-sidebar-open)) .ysa-drawer-settings-trigger .ysa-drawer-user-text{position:absolute;left:50px;opacity:0;pointer-events:none;transition-delay:0s}
:where(html.ysa-connected-preview.ysa-sidebar-rail:not(.ysa-sidebar-open)) .ysa-drawer-primary{padding-top:10px}
:where(html.ysa-connected-preview.ysa-sidebar-rail:not(.ysa-sidebar-open)) .ysa-drawer-section+.ysa-drawer-section{padding-top:8px;border-top:1px solid var(--ysa-on-ink-line)}
:where(html.ysa-connected-preview.ysa-sidebar-rail:not(.ysa-sidebar-open)) .ysa-drawer-primary .ysa-drawer-item{justify-content:center;width:40px;height:40px;padding:10px;margin:2px 0}
:where(html.ysa-connected-preview.ysa-sidebar-rail:not(.ysa-sidebar-open)) .ysa-drawer-primary .ysa-drawer-item>span,:where(html.ysa-connected-preview.ysa-sidebar-rail:not(.ysa-sidebar-open)) .ysa-drawer-primary .ysa-drawer-item>i:last-child:not(:first-child){position:absolute;left:42px;max-width:190px;opacity:0;pointer-events:none;transition-delay:0s}
:where(html.ysa-connected-preview.ysa-sidebar-rail:not(.ysa-sidebar-open)) .ysa-drawer-user{justify-content:center;width:40px;padding:0}
html.ysa-connected-preview.ysa-sidebar-rail:not(.ysa-sidebar-open) .ysa-drawer-nav-group>.ysa-drawer-submenu{position:fixed;left:90px;top:var(--ysa-flyout-y,72px);width:238px;max-height:calc(100dvh - 32px);overflow:auto;padding:8px;border:1px solid var(--ysa-on-ink-line);border-radius:16px;background:var(--ysa-ink);box-shadow:var(--ysa-shadow-peek);visibility:hidden;opacity:0;pointer-events:none;transform:translateX(-4px);transition:opacity 120ms,transform 120ms var(--ysa-motion-ease),visibility 0s 120ms}
html.ysa-connected-preview.ysa-sidebar-rail:not(.ysa-sidebar-open) .ysa-drawer-item.is-preview+.ysa-drawer-submenu{max-height:calc(100dvh - 32px);visibility:visible;opacity:1;pointer-events:auto;transform:none;transition:opacity 120ms,transform 120ms var(--ysa-motion-ease),visibility 0s}
:where(html.ysa-connected-preview.ysa-sidebar-rail:not(.ysa-sidebar-open)) .ysa-drawer-flyout-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px 10px}
:where(html.ysa-connected-preview) .ysa-drawer-flyout-head strong{font-size:13px;font-weight:600}
:where(html.ysa-connected-preview) .ysa-drawer-flyout-head>span{font-size:10px;color:var(--ysa-on-ink-faint)}
:where(html.ysa-connected-preview.ysa-sidebar-rail:not(.ysa-sidebar-open)) .ysa-drawer-subitem{padding:8px 12px;min-height:36px}
:where(html.ysa-connected-preview.ysa-sidebar-open) .ysa-mobile-drawer{box-shadow:var(--ysa-shadow-peek)}
:where(html.ysa-connected-preview.ysa-sidebar-rail) .ysa-sidebar-resize-handle{display:none}
:where(html.ysa-connected-preview) :is(.ysa-mobile-tabbar,.ysa-shell-mobile-menu,.ysa-mobile-overlay-close){display:none}
/* Report and Data section navigation are siblings of the shared content sheet. */
:where(html.ysa-connected-preview) :is(#ysa-report-nav,#ysa-data-nav){position:fixed;top:var(--ysa-sheet-top);left:var(--ysa-sheet-left);bottom:24px;width:var(--ysa-secondary-width);padding:22px 12px 20px 16px;border:0;border-right:1px solid var(--ysa-line);border-radius:28px 0 0 28px;background:var(--ysa-sheet);overflow:auto;z-index:20}
:where(html.ysa-connected-preview) .ysa-report-nav-brand{display:flex;align-items:center;gap:10px;min-width:0;min-height:32px;margin:0 0 28px;padding:0 6px;font:600 14px/1.2 var(--ysa-font-sans);color:var(--ysa-ink)}
:where(html.ysa-connected-preview) :is(.ysa-report-nav-brand img,.ysa-cdp-nav-brand img){width:26px;height:26px;object-fit:contain}
:where(html.ysa-connected-preview) .ysa-report-nav-brand strong{font:inherit}
:where(html.ysa-connected-preview) .ysa-report-nav-list{display:flex;flex-direction:column;gap:var(--ysa-menu-group-gap)}
:where(html.ysa-connected-preview) .ysa-report-nav-group{display:grid;gap:0;padding:0}
:where(html.ysa-connected-preview) .ysa-report-nav-group>h2{margin:0;padding:0 var(--ysa-menu-inset) var(--ysa-menu-heading-gap);color:var(--ysa-text-muted);font:700 10.5px/1.4 var(--ysa-font-sans);letter-spacing:.12em;text-align:left;text-transform:uppercase}
:where(html.ysa-connected-preview) .ysa-report-nav-item{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-height:34px;padding:7px 10px;border:0;border-radius:9px;background:transparent;color:var(--ysa-text-2);font:400 13.5px/1.4 var(--ysa-font-sans);text-align:left}
:where(html.ysa-connected-preview) .ysa-report-nav-item>i{flex:none;width:14px;font-size:14px;text-align:center;color:var(--ysa-text-3)}
:where(html.ysa-connected-preview) .ysa-report-nav-item:hover{background:var(--ysa-canvas)}
:where(html.ysa-connected-preview) .ysa-report-nav-item.is-active{background:var(--ysa-canvas);color:var(--ysa-ink);font-weight:600}
:where(html.ysa-connected-preview) :is(#ysa-report-nav,#ysa-data-nav) .ysa-report-nav-toggle{display:none}
:where(html.ysa-connected-preview):is(.ysa-insights-nav-layout-active,.ysa-data-nav-layout-active) #framework_main{left:calc(var(--ysa-sheet-left) + var(--ysa-secondary-width));border-radius:0 28px 28px 0}
:where(html.ysa-connected-preview) .loading{position:fixed;inset:var(--ysa-sheet-top) 24px 24px var(--ysa-sheet-left);z-index:1800;display:none;place-items:center;border-radius:28px;background:rgba(255,255,255,.85);backdrop-filter:blur(3px)}
/* Compact legacy-learning help; the existing route owns focus and navigation. */
html.ysa-connected-preview [data-menu-deprecated-help]>.ysa-menu-deprecated.ysa-menu-deprecated:not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card,iframe)):not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card,iframe) *){position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;min-height:24px;margin-left:8px;padding:0;border:0;border-radius:0;background:radial-gradient(circle at center,var(--ysa-sheet) 0 6px,currentColor 6px 7px,transparent 7px);color:var(--ysa-text-muted);font-size:10px;font-weight:650;line-height:1;letter-spacing:0;text-transform:none;white-space:nowrap;cursor:help;transition:color .16s ease,background .16s ease}
html.ysa-connected-preview [data-menu-deprecated-help]>.ysa-menu-deprecated.ysa-menu-deprecated:hover:not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card,iframe)):not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card,iframe) *),html.ysa-connected-preview [data-menu-deprecated-help]:focus-visible>.ysa-menu-deprecated.ysa-menu-deprecated:not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card,iframe)):not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card,iframe) *){color:var(--ysa-ink);background:radial-gradient(circle at center,var(--ysa-sage-soft) 0 6px,currentColor 6px 7px,transparent 7px)}
html.ysa-connected-preview [data-menu-deprecated-help].ysa-data-nav-item:not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card,iframe)):not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card,iframe) *){padding-right:4px;column-gap:6px}
html.ysa-connected-preview [data-menu-deprecated-help].ysa-data-nav-item>span:not(.ysa-menu-deprecated):not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card,iframe)):not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card,iframe) *){flex:1 1 auto;white-space:nowrap;overflow-wrap:normal}
html.ysa-connected-preview [data-menu-deprecated-help].ysa-data-nav-item>.ysa-menu-deprecated.ysa-menu-deprecated:not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card,iframe)):not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card,iframe) *){margin-left:auto}
html.ysa-connected-preview .ysa-tooltip-bubble.ysa-menu-deprecated-tooltip .ysa-tooltip-bubble-inner:not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card,iframe)):not(:where([data-ysa-customer-preview],#ps_preview.ysa-profile-panel,.ysa-op-host[data-ysa-preview],.ysa-html-preview,.ysa-cdp-widget-template-preview,.ysa-cdp-native-blueprint-preview,.ysa-cdp-search-preview-dialog,.ysa-cdp-personalization-preview-card,iframe) *){box-sizing:border-box;max-width:min(360px,calc(100vw - 24px))!important;font-size:13px;line-height:1.5;white-space:normal}
:where(html.ysa-connected-preview) .loader-wrap{display:grid;place-items:center;width:100%;height:100%}
:where(html.ysa-connected-preview) .loader-wrap img{width:64px;height:64px;object-fit:contain}
/* The embedded builder owns its 24px frame; remove the parent frame once. */
:where(html.ysa-connected-preview.ysa-journey-editor-active):has(#framework_main.flow_builder) :is(.ysa-topbar,.ysa-mobile-drawer,.ysa-mobile-tabbar,.chat_container_right,.ysa-sticky-notes-layer){display:none}
:where(html.ysa-connected-preview) #framework_main.flow_builder{padding:0;overflow:hidden}
:where(html.ysa-connected-preview.ysa-journey-editor-active) #framework_main.flow_builder{position:fixed;inset:0px 0 0;width:100%;height:100dvh;min-height:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;overflow:hidden}
:where(html.ysa-connected-preview) #ysa-journey-frame{display:block;position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0}
@media(min-width:721px){:where(html.ysa-connected-preview:not(.ysa-sidebar-rail)){--ysa-sheet-left:calc(24px + var(--ysa-sidebar-expanded-width) + 24px)}:where(html.ysa-connected-preview) .ysa-mobile-drawer{bottom:auto;max-height:calc(100dvh - var(--ysa-sheet-top) - 24px)}}
@media(max-width:1100px) and (min-width:721px){:where(html.ysa-connected-preview) #framework_main{padding:32px}:where(html.ysa-connected-preview) .ysa-shell-date{max-width:220px}:where(html.ysa-connected-preview) .ysa-brand-selector{max-width:130px}}
@media(max-width:720px){
 :where(html.ysa-connected-preview){--ysa-sheet-left:12px;--ysa-sheet-top:88px;--ysa-secondary-width:0px}
 :where(html.ysa-connected-preview) .ysa-topbar{top:0px;left:20px;right:20px;height:76px}
 :where(html.ysa-connected-preview) .ysa-topbar-row{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:48px 28px;gap:0 10px}
 :where(html.ysa-connected-preview) .ysa-preview-account-identity{grid-column:1/-1;grid-row:2;width:100%;max-width:100%;margin:0}
 :where(html.ysa-connected-preview) .ysa-shell-mobile-menu{display:flex;align-items:center;min-height:32px;padding:0;border:0;background:transparent}
 :where(html.ysa-connected-preview) .ysa-topbar-row>.ysa-shell-mobile-menu{grid-column:1;grid-row:1}
 :where(html.ysa-connected-preview) .ysa-shell-mobile-menu img{width:30px;height:30px;object-fit:contain}
 :where(html.ysa-connected-preview) .ysa-right-cluster{grid-column:2;grid-row:1;justify-self:end;gap:8px}
 /* Compact module bands keep the same single-line signed-in context. */
 html.ysa-connected-preview:has(#framework_main:is(.cdp_studio,.conversations)) body>.ysa-topbar:has(.ysa-preview-account-identity){display:block;top:0;left:20px;right:20px;width:auto;height:76px;pointer-events:auto}
 html.ysa-connected-preview:has(.ysa-preview-account-identity) body>#framework_main:is(.cdp_studio,.conversations){top:88px;height:calc(100dvh - 88px);min-height:0;margin-top:0}
 html.ysa-connected-preview:has(.ysa-preview-account-identity) #framework_main.cdp_studio{height:auto}
 html.ysa-connected-preview:has(.ysa-preview-account-identity) .ysa-cdp-nav-brand{min-height:56px;padding:0;margin:0}
 html.ysa-connected-preview:has(.ysa-preview-account-identity) #framework_main.conversations .ysa-conversations-page{height:100%;min-height:0}
 html.ysa-connected-preview.ysa_mobile_chat_conversation_open:has(.ysa-preview-account-identity) .ysa-mobile-composer-tools{top:144px}
 html.ysa-connected-preview.ysa-journey-editor-active:has(.ysa-preview-account-identity) #framework_main.flow_builder{top:88px;height:calc(100dvh - 88px)}
 :where(html.ysa-connected-preview) :is(.ysa-brand-selector,.ysa-help-btn){display:none}
 :where(html.ysa-connected-preview) .ysa-shell-date{display:block;max-width:126px}
 :where(html.ysa-connected-preview) .ysa-shell-date input{width:126px;padding:3px 0;font-size:9px;text-align:right}
 html.ysa-connected-preview:has(.ysa-preview-account-identity) .ysa-topbar #ysa-shell-daterange-selection{max-width:126px;padding:3px 0!important;font-size:11px}
 :where(html.ysa-connected-preview) :is(.ysa-icon-btn,.ysa-workspace-notifications-trigger){width:30px;height:30px;min-height:30px;flex-basis:30px}
 /* Content continues behind the rounded dock; the final action clears it. */
 :where(html.ysa-connected-preview){--ysa-mobile-dock-height:64px;--ysa-mobile-dock-bottom:calc(18px + env(safe-area-inset-bottom,0px));--ysa-mobile-dock-overlap:24px;--ysa-mobile-content-bottom:calc(var(--ysa-mobile-dock-height) + var(--ysa-mobile-dock-bottom) - var(--ysa-mobile-dock-overlap))}
 :where(html.ysa-connected-preview) #framework_main{top:var(--ysa-sheet-top);left:0;right:0;bottom:var(--ysa-mobile-content-bottom);min-height:0;margin:0;padding:24px 16px calc(24px + var(--ysa-mobile-dock-overlap));border-radius:0;background:transparent;box-shadow:none}
 :where(html.ysa-connected-preview) #framework_main.conversations{background:var(--ysa-sheet)}
 :where(html.ysa-connected-preview) .ysa-mobile-tabbar{position:fixed;z-index:1600;left:16px;right:16px;bottom:var(--ysa-mobile-dock-bottom);display:flex;justify-content:space-around;align-items:center;gap:4px;height:var(--ysa-mobile-dock-height);padding:10px 12px;border-radius:22px;background:var(--ysa-ink);box-shadow:0 8px 25px rgba(14,37,35,.18)}
 :where(html.ysa-connected-preview) .ysa-mobile-tab{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:14px;background:transparent;color:var(--ysa-on-ink-muted);font-size:20px}
 :where(html.ysa-connected-preview) .ysa-mobile-tab:hover{background:var(--ysa-on-ink-fill)}
 :where(html.ysa-connected-preview) .ysa-mobile-tab.is-active{background:var(--ysa-lime);color:var(--ysa-ink)}
 :where(html.ysa-connected-preview) .ysa-mobile-tab-home{order:-2}
 :where(html.ysa-connected-preview) .ysa-mobile-tab>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
 :where(html.ysa-connected-preview) .ysa-mobile-drawer{display:none;top:12px;left:12px;right:12px;bottom:calc(96px + env(safe-area-inset-bottom,0px));width:auto;padding:16px;border-radius:20px;box-shadow:var(--ysa-shadow-peek)}
 :where(html.ysa-connected-preview.menu_visible) .ysa-mobile-drawer{display:flex;top:0px;left:0;right:0;bottom:0;padding:16px;border-radius:0;box-shadow:none}
 :where(html.ysa-connected-preview.menu_visible) .ysa-mobile-tabbar{display:none}
 :where(html.ysa-connected-preview.menu_visible) .ysa-topbar{visibility:hidden}
 :where(html.ysa-connected-preview) .ysa-drawer-head{height:44px;padding:0 2px}
 :where(html.ysa-connected-preview) .ysa-drawer-logo{width:129px;height:22px}
 :where(html.ysa-connected-preview) .ysa-drawer-rail-toggle{display:none}
 :where(html.ysa-connected-preview) .ysa-drawer-close{display:grid;width:40px;height:40px;min-height:40px;border-radius:50%;background:var(--ysa-on-ink-fill)}
 :where(html.ysa-connected-preview) .ysa-drawer-item{height:44px;min-height:44px;margin:0;padding:0 12px;font-size:15.5px}
 :where(html.ysa-connected-preview) .ysa-drawer-primary{padding-top:0}
 :where(html.ysa-connected-preview) .ysa-drawer-primary .ysa-drawer-section{padding-bottom:0}
 :where(html.ysa-connected-preview) .ysa-drawer-item>i:first-child{width:20px;font-size:20px}
 :where(html.ysa-connected-preview) .ysa-drawer-search{height:44px;min-height:44px;margin:8px 0 0;border-radius:14px;font-size:14px}
 :where(html.ysa-connected-preview) .ysa-drawer-search kbd{display:none}
 :where(html.ysa-connected-preview) .ysa-drawer-user-text strong{font-size:15px}
 :where(html.ysa-connected-preview) .ysa-drawer-user-text em{font-size:12px}
 :where(html.ysa-connected-preview) .ysa-drawer-subitem{min-height:38px}
 :where(html.ysa-connected-preview) .ysa-drawer-user{min-height:54px}
 :where(html.ysa-connected-preview) .ysa-drawer-settings-popover{max-width:calc(100vw - 56px)}
 :where(html.ysa-connected-preview) .ysa-sidebar-resize-handle{display:none}
 :where(html.ysa-connected-preview) :is(#ysa-report-nav,#ysa-data-nav){top:var(--ysa-sheet-top);left:12px;right:12px;bottom:auto;width:auto;max-height:calc(100dvh - 210px);padding:14px 16px;border-right:1px solid var(--ysa-line);border-radius:20px 20px 0 0;overflow:auto;z-index:30}
 :where(html.ysa-connected-preview) :is(#ysa-report-nav,#ysa-data-nav) .ysa-report-nav-brand{margin-bottom:0;min-height:44px;padding-right:40px}
 :where(html.ysa-connected-preview) :is(#ysa-report-nav,#ysa-data-nav) .ysa-report-nav-toggle{position:absolute;display:grid;place-items:center;right:16px;top:17px;width:36px;height:36px;min-height:36px;padding:0;border:1px solid var(--ysa-line);border-radius:10px;background:var(--ysa-sheet);font-size:14px}
 :where(html.ysa-connected-preview) :is(#ysa-report-nav,#ysa-data-nav) .ysa-report-nav-toggle>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
 :where(html.ysa-connected-preview) :is(#ysa-report-nav,#ysa-data-nav) .ysa-report-nav-list{display:none;padding-top:8px}
 :where(html.ysa-connected-preview) #ysa-report-nav.is-open .ysa-report-nav-list,:where(html.ysa-connected-preview) #ysa-data-nav.is-open .ysa-report-nav-list{display:flex}
 :where(html.ysa-connected-preview):is(.ysa-insights-nav-layout-active,.ysa-data-nav-layout-active) #framework_main{top:calc(var(--ysa-sheet-top) + 74px);left:0;right:0;bottom:var(--ysa-mobile-content-bottom);margin:0;border-radius:0;min-height:0}
 :where(html.ysa-connected-preview) .loading{inset:var(--ysa-sheet-top) 12px var(--ysa-mobile-content-bottom)}
 :where(html.ysa-connected-preview) .ysa-mobile-overlay-close.is-visible{position:fixed;top:8px;right:18px;z-index:1700;display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:50%;background:var(--ysa-ink);color:var(--ysa-on-ink)}
}

/* The prototype uses a short grace period and a quiet label for compact tiles. */
:where(html.ysa-connected-preview) .ysa-preview-rail-tip{position:fixed;z-index:1250;left:90px;display:flex;align-items:center;min-height:28px;max-width:calc(100vw - 106px);padding:0 10px;border-radius:8px;background:var(--ysa-ink);color:var(--ysa-on-ink);box-shadow:0 8px 24px rgba(14,37,35,.22);font-size:12.5px;font-weight:500;white-space:nowrap;pointer-events:none;visibility:hidden;opacity:0;transform:translateX(-4px);transition:opacity 100ms,transform 100ms var(--ysa-motion-ease),visibility 0s 100ms}
:where(html.ysa-connected-preview) .ysa-preview-rail-tip.is-open{visibility:visible;opacity:1;transform:none;transition:opacity 100ms,transform 100ms var(--ysa-motion-ease),visibility 0s}
@media(min-width:721px) and (max-width:1023px){:where(html.ysa-connected-preview:not(.ysa-sidebar-rail)){--ysa-sheet-left:104px}:where(html.ysa-connected-preview:not(.ysa-sidebar-rail)) .ysa-mobile-drawer{box-shadow:var(--ysa-shadow-peek)}}

/* Overview uses its native report choices as horizontal tabs in the sheet. */
html.ysa-connected-preview.ysa-insights-nav-layout-active:has(#framework_main.insights .ysa-insights-page) #framework_main{left:var(--ysa-sheet-left);border-radius:28px}
html.ysa-connected-preview.ysa-insights-nav-layout-active:has(#framework_main.insights .ysa-insights-page) #ysa-report-nav{display:none}
html.ysa-connected-preview.ysa-insights-nav-layout-active:has(#framework_main.insights .ysa-insights-page) .ysa-shell-date{position:static;max-width:none}
html.ysa-connected-preview.ysa-insights-nav-layout-active:has(#framework_main.insights .ysa-insights-page) .ysa-shell-date form{position:static!important;right:auto!important;padding:0!important;display:flex!important;align-items:center;gap:8px}
html.ysa-connected-preview.ysa-insights-nav-layout-active:has(#framework_main.insights .ysa-insights-page) .ysa-shell-date form>strong{display:none}
html.ysa-connected-preview.ysa-insights-nav-layout-active:has(#framework_main.insights .ysa-insights-page) #ysa-shell-daterange-selection{width:auto!important;min-width:180px;min-height:40px;padding:8px 14px!important;border:1px solid var(--ysa-line)!important;border-radius:10px!important;background:var(--ysa-sheet)!important;font-size:13px;white-space:nowrap}
@media(max-width:720px){
 html.ysa-connected-preview.ysa-insights-nav-layout-active:has(#framework_main.insights .ysa-insights-page) #framework_main{top:80px;left:0;right:0;padding-top:0;border-radius:0}
 html.ysa-connected-preview.ysa-insights-nav-layout-active:has(#framework_main.insights .ysa-insights-page) .ysa-shell-date{max-width:100%}
 html.ysa-connected-preview.ysa-insights-nav-layout-active:has(#framework_main.insights .ysa-insights-page) #ysa-shell-daterange-selection{min-width:0;min-height:36px;padding:7px 10px!important;font-size:11px}
}

/* Inline account-menu options use ink on the white account popover. */
html.ysa-connected-preview:is(:not(.ysa-sidebar-rail),.ysa-sidebar-open) .ysa-drawer-settings-popover .ysa-drawer-subitem{color:var(--ysa-ink)}
html.ysa-connected-preview:is(:not(.ysa-sidebar-rail),.ysa-sidebar-open) .ysa-drawer-settings-popover .ysa-drawer-subitem:hover{background:var(--ysa-canvas);color:var(--ysa-ink)}

/* Account flyouts cover later profile actions, including sign-out. */
html.ysa-connected-preview.ysa-sidebar-rail:not(.ysa-sidebar-open) .ysa-drawer-settings-popover .ysa-drawer-nav-group>.ysa-drawer-submenu{z-index:20}