/* Blank implementation. Artboards 3a/3b and mobile 5c/5d; actual inbox/message/composer contracts. */
html.ysa-connected-preview #framework_main.conversations { padding:0; overflow:hidden; }
.ysa-connected-preview .ysa-conversations-page i[data-ysa-preview-icon] svg { display:block; width:1em; height:1em; }
.ysa-connected-preview .ysa-conversations-page { position:relative; display:grid; grid-template-columns:360px minmax(0,1fr); height:calc(100dvh - 96px); min-height:480px; background:white; color:var(--ysa-ink); }
.ysa-connected-preview .ysa-conv-col { min-width:0; min-height:0; background:var(--ysa-sheet); }
.ysa-connected-preview .ysa-conv-filter-panel { display:none; position:absolute; top:60px; left:16px; z-index:65; width:min(560px,calc(100% - 32px)); max-height:calc(100% - 76px); padding:16px; overflow:auto; border:1px solid var(--ysa-line); border-radius:20px; box-shadow:var(--ysa-shadow-menu); }
.ysa-connected-preview .ysa-conversations-page.is-views-open .ysa-conv-filter-panel { display:block; }
.ysa-connected-preview .ysa-conv-filter-panel .ysa-conv-panel-head { display:none; }
.ysa-connected-preview .ysa-conv-filter-panel .inbox-nav { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-rows:auto auto 1fr; gap:16px 20px; align-items:start; margin:0; }
.ysa-connected-preview .ysa-conv-filter-panel .inbox-nav > .search { grid-column:1/-1; margin:0; min-height:40px; align-self:start; background:var(--ysa-canvas); border:0; }
.ysa-connected-preview .ysa-conv-filter-panel .inbox-nav > ul:first-of-type { grid-column:1; grid-row:2/4; }
.ysa-connected-preview .ysa-conv-filter-panel #labels_list { grid-column:2; grid-row:2; }
.ysa-connected-preview .ysa-conv-filter-panel #channels_list { grid-column:2; grid-row:3; }
.ysa-connected-preview .ysa-conv-filter-panel .nav-item .swatch { width:8px; height:8px; flex:none; border-radius:50%; }
.ysa-connected-preview .ysa-views-period { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:16px; padding:12px 10px 0; border-top:1px solid var(--ysa-line-soft); font-size:14px; }
.ysa-connected-preview .ysa-views-period .ysa-filter-popover-date { border:0; background:none; padding:4px 0; color:var(--ysa-text-muted); font:inherit; }
.ysa-connected-preview .ysa-conv-filter-panel .conversations_inbox_left_search_menu { list-style:none; margin:0; padding:0; display:grid; gap:3px; }
.ysa-connected-preview .ysa-conv-filter-panel .nav-label { padding:13px 10px 7px; color:var(--ysa-text-muted); font-size:10.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.ysa-connected-preview .ysa-conv-filter-panel .nav-item { display:flex; align-items:center; gap:10px; min-height:36px; padding:8px 10px; border-radius:9px; color:var(--ysa-text-2); font-size:14px; text-decoration:none; cursor:pointer; }
.ysa-connected-preview .ysa-conv-filter-panel .nav-item:is(:hover,.active) { background:var(--ysa-canvas); color:var(--ysa-ink); }
.ysa-connected-preview .ysa-conv-filter-panel .lbl { flex:1; }
.ysa-connected-preview .ysa-conv-filter-panel .count { font-size:12px; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-conv-filter-panel .ic { width:16px; text-align:center; color:var(--ysa-text-3); }
.ysa-connected-preview .ysa-filter-inbox-search { display:flex; align-items:center; gap:8px; border:1px solid var(--ysa-line); border-radius:10px; padding:0 10px; margin-bottom:10px; }
.ysa-connected-preview .ysa-filter-inbox-search input { width:100%; border:0; height:34px; background:none; }
.ysa-connected-preview .ysa-conv-inbox-panel { position:relative; display:flex; flex-direction:column; border-right:1px solid var(--ysa-line); overflow:hidden; }
.ysa-connected-preview .ysa-conv-inbox-options { flex:none; }
.ysa-connected-preview .ysa-conv-inbox-options > summary { position:absolute; top:15px; right:16px; z-index:2; display:grid; place-items:center; width:34px; height:34px; border-radius:10px; cursor:pointer; list-style:none; color:var(--ysa-text-2); }
.ysa-connected-preview .ysa-conv-inbox-options > summary::-webkit-details-marker { display:none; }
.ysa-connected-preview .ysa-conv-inbox-options > summary:is(:hover,:focus-visible),.ysa-connected-preview .ysa-conv-inbox-options[open] > summary { background:var(--ysa-canvas); }
.ysa-connected-preview .ysa-conv-list-head { position:relative; flex:none; }
.ysa-connected-preview .ysa-conv-list-head > h2 { display:flex; align-items:center; gap:8px; height:64px; margin:0; padding:0 20px; font:600 17px/1.3 var(--ysa-font-sans); }
.ysa-connected-preview .ysa-conv-list-head > #sort_order { position:absolute; top:15px; right:14px; }
.ysa-connected-preview .ysa-conv-list-head > #ysa-conv-filter-toggle { position:absolute; top:15px; right:55px; }
.ysa-connected-preview .ysa-conv-inbox-panel:has(.ysa-conv-list-head > #sort_order) > .ysa-conv-inbox-options > summary { right:96px; }
.ysa-connected-preview .ysa-conv-views-toggle { display:flex; align-items:center; gap:8px; border:0; background:none; padding:0; font:inherit; color:inherit; cursor:pointer; }
.ysa-connected-preview .ysa-conv-list-tabs { display:flex; align-items:center; gap:18px; height:44px; padding:0 20px; border-top:1px solid var(--ysa-line-soft); border-bottom:1px solid var(--ysa-line); }
.ysa-connected-preview .ysa-conv-list-tab { display:inline-flex; align-items:center; gap:6px; align-self:stretch; padding:0; border:0; border-bottom:2px solid transparent; background:none; color:var(--ysa-text-muted); font:400 12.5px/1.4 var(--ysa-font-sans); cursor:pointer; }
.ysa-connected-preview .ysa-conv-list-tab.is-active { color:var(--ysa-ink); border-bottom-color:var(--ysa-ink); font-weight:600; }
.ysa-connected-preview .ysa-conv-list-tab[data-assignment="all"] { order:-1; }
.ysa-connected-preview .ysa-conv-list-tab .count { display:inline-grid; place-items:center; min-width:18px; padding:1px 4px; border-radius:5px; background:var(--ysa-canvas); color:var(--ysa-text-muted); font-size:10.5px; }
.ysa-connected-preview .ysa-conv-list-tools { position:relative; padding:12px 16px; border-bottom:1px solid var(--ysa-line-soft); }
.ysa-connected-preview .ysa-conv-list-tools > form { display:flex; align-items:center; gap:6px; }
.ysa-connected-preview .ysa-conv-search-field { display:flex; align-items:center; gap:8px; flex:1; min-width:0; height:36px; padding:0 10px; border:1px solid var(--ysa-line); border-radius:10px; background:white; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-conv-search-field input { min-width:0; width:100%; border:0; height:34px; padding:0; background:none; color:var(--ysa-ink); font-size:12.5px; outline:0; }
.ysa-connected-preview .ysa-conv-search-field > button { display:grid; place-items:center; width:22px; height:26px; border:0; padding:0; color:var(--ysa-text-muted); background:none; }
.ysa-connected-preview :is(.ysa-conv-icon-btn,.ysa-conv-tool-btn,.ysa-conversation-detail .ibtn,.ysa-details-contact-actions button,.ysa-thread-back) { width:34px; height:34px; display:inline-grid; place-items:center; flex:none; padding:0; border:0; border-radius:10px; color:var(--ysa-text-2); background:none; font-size:16px; cursor:pointer; }
.ysa-connected-preview :is(.ysa-conv-icon-btn,.ysa-conv-tool-btn,.ysa-conversation-detail .ibtn,.ysa-details-contact-actions button):hover { background:var(--ysa-canvas); }
.ysa-connected-preview .ysa-conv-tool-btn.is-active { background:var(--ysa-sage-soft); color:var(--ysa-ink); }
.ysa-connected-preview .ysa-conv-date-field { display:none; }
.ysa-connected-preview .show-date-filter .ysa-conv-date-field { display:block; position:absolute; left:16px; right:16px; top:100%; padding:10px; z-index:40; border:1px solid var(--ysa-line); background:white; border-radius:12px; box-shadow:var(--ysa-shadow-menu); }
.ysa-connected-preview .ysa-conv-filter-popover { position:fixed; top:var(--ysa-filter-top,160px); left:var(--ysa-filter-left,120px); width:min(340px,calc(100vw - 32px)); max-height:min(520px,60vh); overflow:auto; z-index:1250; padding:16px; background:white; border:1px solid var(--ysa-line); border-radius:18px; box-shadow:var(--ysa-shadow-menu); }
.ysa-connected-preview .ysa-conv-filter-popover-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; font-size:14px; font-weight:600; }
.ysa-connected-preview .ysa-conv-filter-popover-head button { width:28px; height:28px; border:0; border-radius:8px; background:var(--ysa-canvas); }
.ysa-connected-preview .ysa-conv-filter-popover-section { margin-top:16px; }
.ysa-connected-preview .ysa-conv-filter-popover-section > strong { display:block; font-size:10.5px; text-transform:uppercase; letter-spacing:.1em; color:var(--ysa-text-muted); margin-bottom:9px; }
.ysa-connected-preview .ysa-conv-filter-chip-grid { display:flex; flex-wrap:wrap; gap:6px; }
.ysa-connected-preview :is(.ysa-filter-popover-chip,.ysa-filter-popover-date) { display:inline-flex; align-items:center; gap:6px; padding:7px 10px; border:1px solid var(--ysa-line); border-radius:9px; background:white; color:var(--ysa-text-3); font-size:12px; cursor:pointer; }
.ysa-connected-preview .ysa-filter-popover-chip.is-active { border-color:var(--ysa-ink); background:var(--ysa-canvas); color:var(--ysa-ink); }
.ysa-connected-preview .ysa-conv-selection-tools { display:flex; align-items:center; flex-wrap:wrap; gap:6px 10px; padding:8px 18px; min-height:38px; border-bottom:1px solid var(--ysa-line-soft); color:var(--ysa-text-muted); font-size:10.5px; }
.ysa-connected-preview .ysa-conv-select-all-label { display:flex; align-items:center; gap:7px; cursor:pointer; }
.ysa-connected-preview .ysa-conv-selection-tools input { width:14px; height:14px; margin:0; accent-color:var(--ysa-ink); }
.ysa-connected-preview #ysa-conv-selection-hint { width:100%; padding-left:21px; color:var(--ysa-text-faint); font-size:10px; }
.ysa-connected-preview #ysa-conv-clear-selection { border:0; background:none; color:inherit; text-decoration:underline; font-size:10.5px; padding:0; }
.ysa-connected-preview .has-selected-conversations .ysa-conv-selection-tools { color:white; background:var(--ysa-ink); border-color:var(--ysa-ink); }
.ysa-connected-preview .has-selected-conversations #ysa-conv-selection-hint { color:var(--ysa-on-ink-muted); }
.ysa-connected-preview .ysa-conv-refresh-strip { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:8px 18px; border-bottom:1px solid var(--ysa-line-soft); font-size:10px; color:var(--ysa-text-faint); }
.ysa-connected-preview .ysa-auto-refresh { display:flex; align-items:center; gap:4px; }
.ysa-connected-preview .dotpulse { width:5px; height:5px; border-radius:50%; background:var(--ysa-sage); }
.ysa-connected-preview .ysa-auto-refresh.paused .dotpulse { background:var(--ysa-text-disabled); }
.ysa-connected-preview .ysa-conv-scroll { flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; }
.ysa-connected-preview .conversations_inbox_item.conv { position:relative; display:flex; align-items:start; gap:12px; padding:14px 20px 13px; min-height:96px; border-bottom:1px solid var(--ysa-line-soft); background:white; color:var(--ysa-ink); cursor:pointer; }
.ysa-connected-preview .conversations_inbox_item.conv:is(:hover,.active,.is-active,.is-selected) { background:var(--ysa-canvas); }
.ysa-connected-preview .conversations_inbox_item .av { width:36px; height:36px; flex:none; display:grid; place-items:center; border-radius:50%; background:var(--ysa-sage-soft); background-position:center; background-size:cover; color:var(--ysa-ink); font-size:12px; font-weight:600; }
.ysa-connected-preview .conversations_inbox_item .body { min-width:0; flex:1; }
.ysa-connected-preview .conversations_inbox_item .row1 { display:flex; justify-content:space-between; align-items:baseline; gap:8px; margin-bottom:4px; }
.ysa-connected-preview .conversations_inbox_item .name { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14.5px; font-weight:600; }
.ysa-connected-preview .conversations_inbox_item .time { font-size:12px; color:var(--ysa-text-faint); white-space:nowrap; }
.ysa-connected-preview .conversations_inbox_item .snippet { color:var(--ysa-text-muted); font-size:14px; line-height:1.45; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ysa-connected-preview .conversations_inbox_item .tags { display:flex; flex-wrap:wrap; align-items:center; gap:4px; margin-top:7px; }
.ysa-connected-preview .conversations_inbox_item .tag { display:inline-flex; align-items:center; gap:4px; min-height:19px; padding:2px 6px; background:var(--ysa-sage-soft); border-radius:6px; font-size:9.5px; line-height:1.4; color:var(--ysa-ink); }
.ysa-connected-preview .conversations_inbox_item .channel { font-size:10px; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-conv-row-meta { display:flex; align-items:center; gap:5px 8px; margin-top:6px; min-width:0; }
.ysa-connected-preview .ysa-conv-row-meta > .channel { display:inline-flex; align-items:center; gap:5px; min-width:0; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11.5px; line-height:18px; }
.ysa-connected-preview .ysa-conv-row-meta > .channel > span { font-size:11px; flex:none; }
.ysa-connected-preview .conversations_inbox_item .ysa-conv-row-meta > .tags { margin-top:0; }
.ysa-connected-preview .conversations_inbox_item .ysa-conv-row-meta > .channel { flex:0 1 auto; }
.ysa-connected-preview .conversations_inbox_item .ysa-conv-row-meta > .tags { flex:none; flex-wrap:nowrap; gap:4px; }
.ysa-connected-preview .conversations_inbox_item .ysa-conv-row-meta .tag { width:7px; min-width:7px; min-height:7px; padding:0; background:none; border-radius:50%; font-size:0; }
.ysa-connected-preview .conversations_inbox_item .ysa-conv-row-meta .ysa-label-path-text { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.ysa-connected-preview .conversations_inbox_item .right { display:flex; flex-direction:column; align-items:end; gap:7px; }
.ysa-connected-preview .conversations_inbox_item .unread { width:6px; height:6px; border-radius:50%; background:var(--ysa-ink); }
.ysa-connected-preview .conversations_inbox_item.is-unread .name { font-weight:700; }
.ysa-connected-preview .ysa-conversation-signals { display:inline-flex; gap:4px; color:var(--ysa-text-muted); font-size:10px; }
.ysa-connected-preview .ysa-conv-select-toggle { position:absolute; left:6px; top:6px; z-index:2; width:16px; height:16px; display:grid; place-items:center; border:1px solid var(--ysa-line-strong); border-radius:5px; padding:0; background:white; color:transparent; font-size:9px; cursor:pointer; opacity:0; }
.ysa-connected-preview .conversations_inbox_item:is(:hover,:focus-within,.is-selected) .ysa-conv-select-toggle { opacity:1; }
.ysa-connected-preview .ysa-conv-select-toggle[aria-pressed="true"] { background:var(--ysa-ink); color:white; border-color:var(--ysa-ink); }
.ysa-connected-preview .conversations_inbox_item.is-dragging { opacity:.5; }
.ysa-connected-preview .conversations_inbox_item.is-moving { opacity:.55; pointer-events:none; }
.ysa-connected-preview .ysa-conv-dropzone.can-drop { outline:1px dashed var(--ysa-sage); }
.ysa-connected-preview .ysa-conv-dropzone.is-drag-over { background:var(--ysa-sage-soft); outline:2px solid var(--ysa-ink); }
.ysa-connected-preview .ysa-conv-resize-handle { display:none; }
.ysa-connected-preview .ysa-conv-detail-panel { position:relative; overflow:hidden; }
.ysa-connected-preview .ysa-conversation-empty { display:grid; align-content:center; justify-items:center; gap:10px; height:100%; padding:32px; text-align:center; }
.ysa-connected-preview .ysa-conversation-empty-icon { width:56px; height:56px; display:grid; place-items:center; border-radius:18px; background:var(--ysa-sage-soft); font-size:22px; margin-bottom:6px; }
.ysa-connected-preview .ysa-conversation-empty h2 { margin:0; font:400 26px/1.3 var(--ysa-font-heading); }
.ysa-connected-preview .ysa-conversation-empty p { max-width:350px; color:var(--ysa-text-muted); font-size:13px; line-height:1.55; margin:0; }
.ysa-connected-preview .ysa-conversation-detail { display:grid; grid-template-columns:minmax(0,1fr) 300px; grid-template-rows:64px minmax(0,1fr) auto; height:100%; min-width:0; }
.ysa-connected-preview .ysa-conversation-detail > script { display:none; }
.ysa-connected-preview .conversation_header.thread-head { grid-column:1; grid-row:1; position:relative; display:flex; align-items:center; gap:10px; padding:0 18px; min-width:0; height:64px; border-bottom:1px solid var(--ysa-line); background:white; }
.ysa-connected-preview .ysa-thread-back { display:none; }
.ysa-connected-preview .ysa-thread-avatar { width:36px; height:36px; display:grid; place-items:center; flex:none; border-radius:50%; background:var(--ysa-sage-soft); font-size:12px; font-weight:600; }
.ysa-connected-preview .ysa-conv-header-copy { min-width:0; flex:1; }
.ysa-connected-preview .ysa-conv-header-title { margin:0 0 5px; font:600 14px/1.3 var(--ysa-font-sans); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.ysa-connected-preview .ysa-conv-header-subline { display:flex; gap:9px; color:var(--ysa-text-muted); font-size:11px; white-space:nowrap; overflow:hidden; }
.ysa-connected-preview .ysa-conv-header-subline > span:nth-child(n+3),.ysa-connected-preview .ysa-conv-header-meta { display:none; }
.ysa-connected-preview .ysa-thread-header-actions { display:flex; align-items:center; flex:none; gap:8px; }
.ysa-connected-preview .ysa-thread-header-actions #close_thread { min-height:30px; padding:6px 10px; border:0; border-radius:8px; background:var(--ysa-ink); color:var(--ysa-on-ink); font-size:12px; }
.ysa-connected-preview .thread-body { grid-column:1; grid-row:2; min-height:0; min-width:0; overflow:auto; padding:24px 24px 14px; overscroll-behavior:contain; }
.ysa-connected-preview #xhr_history_line { display:none; }
.ysa-connected-preview :is(.xhr_history_line_start,.xhr_history_line_end) { display:none; }
.ysa-connected-preview .xhr_conversation_profile.details-col { grid-column:2; grid-row:1 / 4; min-width:0; overflow-y:auto; border-left:1px solid var(--ysa-line); padding:0 20px 24px; background:white; }
.ysa-connected-preview .details-head { display:flex; align-items:center; justify-content:space-between; height:64px; border-bottom:1px solid var(--ysa-line); margin:0 -20px 20px; padding:0 18px; }
.ysa-connected-preview .details-head h3 { font:600 14px/1.3 var(--ysa-font-sans); margin:0; }
.ysa-connected-preview .col-actions { display:flex; align-items:center; gap:4px; }
.ysa-connected-preview .ysa-details-contact-card { display:grid; grid-template-columns:44px minmax(0,1fr); align-items:center; gap:5px 12px; text-align:left; margin:4px 0 18px; }
.ysa-connected-preview .ysa-details-contact-card > .ysa-details-avatar { grid-row:1/3; }
.ysa-connected-preview .ysa-details-avatar { width:44px; height:44px; display:grid; place-items:center; border-radius:50%; background:var(--ysa-sage-soft); font-size:15px; }
.ysa-connected-preview .ysa-details-contact-card > strong { font-size:14px; font-weight:600; max-width:100%; overflow-wrap:anywhere; }
.ysa-connected-preview .ysa-details-contact-card > span { font-size:11.5px; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-details-contact-actions { grid-column:1/-1; display:flex; min-width:0; gap:4px; margin-top:7px; }
/* The six real actions share the 259px Details content row. Match the
   selector strength of the shared icon controls without letting their 34px
   widths or label padding push the final action outside the card. */
.ysa-connected-preview .xhr_conversation_profile .ysa-details-contact-actions > button { flex:0 0 30px; min-width:30px; width:30px; min-height:32px; height:32px; padding:0; gap:4px; border:1px solid var(--ysa-line); border-radius:9px; font-size:13px; }
.ysa-connected-preview .xhr_conversation_profile .ysa-details-contact-actions > .ysa-contact-view { display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; width:auto; padding:0 6px; font-size:11.5px; white-space:nowrap; }
.ysa-connected-preview .xhr_conversation_profile .ysa-details-contact-actions > .ysa-contact-deal { padding:0; margin-left:auto; }
.ysa-connected-preview .ysa-details-action-row:not(:has(button)) { display:none; }
.ysa-connected-preview .ysa-details-contact-actions .danger { color:var(--ysa-danger-text); }
.ysa-connected-preview .ysa-detail-internal-reference { display:none; }
.ysa-connected-preview .ysa-details-action-row { display:flex; align-items:center; flex-wrap:wrap; gap:7px; margin:15px 0; }
.ysa-connected-preview :is(.conversation.label,.ysa-assignment-inline-btn) { display:inline-flex; align-items:center; gap:5px; min-height:29px; padding:5px 8px; border:1px solid var(--ysa-line); border-radius:8px; background:white; color:var(--ysa-ink); font-size:11.5px; cursor:pointer; }
.ysa-connected-preview .ysa-ai-mode-pill { background:var(--ysa-sage-soft); border-color:var(--ysa-sage-soft); }
.ysa-connected-preview .ysa-ai-dot { width:5px; height:5px; border-radius:50%; background:var(--ysa-ok); }
.ysa-connected-preview .ysa-ai-mode-pill.is-manual { background:var(--ysa-canvas); border-color:var(--ysa-line); }
.ysa-connected-preview .ysa-ai-mode-pill.is-manual .ysa-ai-dot { background:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-thread-header-actions .ysa-ai-mode-pill { background:var(--ysa-sheet); border-color:var(--ysa-line); min-height:34px; padding:6px 10px; font-size:12px; }
.ysa-connected-preview .ysa-details-section-title { margin:22px 0 8px; font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-details-list { width:100%; border-collapse:collapse; font-size:12px; line-height:1.5; }
.ysa-connected-preview .ysa-details-list td { padding:9px 0; border-bottom:1px solid var(--ysa-line-soft); vertical-align:top; overflow-wrap:anywhere; }
.ysa-connected-preview .ysa-details-list td:first-child { color:var(--ysa-text-muted); width:43%; padding-right:10px; }
.ysa-connected-preview .ysa-details-list strong { font-weight:400; }
.ysa-connected-preview .ysa-details-list td:last-child { color:var(--ysa-ink); }
.ysa-connected-preview .ysa-conversation-facts { table-layout:fixed; }
.ysa-connected-preview .ysa-conversation-facts td { padding:8px 0; font-size:12.5px; }
.ysa-connected-preview .ysa-conversation-facts td:first-child { width:38%; }
.ysa-connected-preview .ysa-conversation-facts td:last-child { text-align:right; font-weight:500; }
.ysa-connected-preview .ysa-conversation-facts td a { color:inherit; }
.ysa-connected-preview #framework_main .xhr_conversation_profile .ysa-details-list { font-size:12.5px; line-height:1.5; }
.ysa-connected-preview #framework_main .xhr_conversation_profile .ysa-details-list td { padding:8px 0; vertical-align:top; }
.ysa-connected-preview .ysa-thread-disclosure { border-top:1px solid var(--ysa-line-soft); }
.ysa-connected-preview .ysa-thread-disclosure > summary { display:flex; align-items:center; gap:8px; min-height:40px; font-size:13px; font-weight:500; list-style:none; cursor:pointer; }
.ysa-connected-preview .ysa-thread-disclosure > summary::-webkit-details-marker { display:none; }
.ysa-connected-preview .ysa-thread-disclosure > summary > i { margin-left:auto; color:var(--ysa-text-faint); font-size:11px; }
.ysa-connected-preview .ysa-thread-disclosure > summary > .ysa-section-count { margin-left:auto; color:var(--ysa-text-muted); font-weight:400; }
.ysa-connected-preview .ysa-thread-disclosure > summary > .ysa-section-count + i { margin-left:0; }
.ysa-connected-preview .ysa-thread-disclosure[open] > summary > i { transform:rotate(90deg); }
.ysa-connected-preview .ysa-thread-disclosure .conversation_summary { margin:0 0 14px; color:var(--ysa-text-3); font-size:12.5px; line-height:1.6; }
.ysa-connected-preview .ysa-thread-summary { margin:14px 0; padding:0 14px; border:1px solid var(--ysa-line); border-radius:14px; background:var(--ysa-sheet); }
.ysa-connected-preview .ysa-thread-summary > summary { min-height:42px; font-weight:600; }
.ysa-connected-preview .ysa-thread-summary .conversation_summary { line-height:1.6; overflow-wrap:anywhere; }
.ysa-connected-preview .ysa-thread-diagnostics { margin-top:18px; }
.ysa-connected-preview .ysa-thread-diagnostics > summary { color:var(--ysa-text-muted); font-size:12px; }
.ysa-connected-preview .ysa-thread-diagnostics > summary > i:first-child { margin-left:0; color:inherit; }
.ysa-connected-preview .ysa-thread-diagnostics .debug_info { margin:0 0 12px; padding:12px; border-radius:10px; background:var(--ysa-canvas); color:var(--ysa-text-muted); font:11px/1.6 var(--ysa-font-mono); overflow-wrap:anywhere; }
.ysa-connected-preview .ysa-thread-diagnostics .debug_info a { color:var(--ysa-ink); }
.ysa-connected-preview .ysa-conversation-facts td:empty::after { content:"—"; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-details-labels-row { padding-bottom:16px; }
.ysa-connected-preview .ysa-thread-params-table { table-layout:fixed; }
/* The native superadmin response-inspector glyph is absent in the platform
   icon set. Show its existing accessible label instead of an empty white box. */
.ysa-connected-preview .thread-body .box .content > a.button:has(> .fa-debug) { display:flex; align-items:center; width:fit-content; min-height:24px; margin:8px 0 0 auto; padding:0; border:0; border-radius:0; background:transparent; color:var(--ysa-text-muted); font:11px/1.4 var(--ysa-font-sans); }
.ysa-connected-preview .thread-body .box .content > a.button:has(> .fa-debug) > .fa-debug { display:inline-flex; font:inherit; }
.ysa-connected-preview .thread-body .box .content > a.button > .fa-debug::before { display:none; }
.ysa-connected-preview .thread-body .box .content > a.button > .fa-debug::after { content:attr(title); font:inherit; }
.ysa-connected-preview .ysa-thread-disclosure .ysa-previous-conversations-empty { margin:0 0 12px; }
.ysa-connected-preview .ysa-detail-channel-dot,.ysa-connected-preview .swatch { display:inline-block; width:7px; height:7px; border-radius:50%; flex:none; }
.ysa-connected-preview .ysa-assignment-inline-current { display:block; font-size:11.5px; margin-bottom:7px; }
.ysa-connected-preview .ysa-assignment-inline-muted { color:var(--ysa-text-muted); font-size:11.5px; }
.ysa-connected-preview .ysa-empty-detail-card,.ysa-connected-preview .ysa-previous-conversations-empty { padding:14px; border:1px dashed var(--ysa-line); border-radius:12px; color:var(--ysa-text-muted); font-size:12px; line-height:1.5; }
/* Messages: customer, persona, human, internal note, system event and attachments. */
.ysa-connected-preview .thread-body .box { position:relative; width:fit-content; max-width:min(92%,440px); margin:0 0 19px; padding:10px 14px; border:0; border-radius:16px 16px 16px 4px; background:var(--ysa-canvas); color:var(--ysa-ink); font-size:14px; line-height:1.5; overflow-wrap:anywhere; }
.ysa-connected-preview .thread-body .box.assistant { margin-left:auto; background:var(--ysa-sage-soft); border-radius:16px 16px 4px 16px; }
.ysa-connected-preview .thread-body .box.assistant.manual_reply { color:white; background:var(--ysa-ink); }
.ysa-connected-preview .thread-body .box.internal { background:var(--ysa-caution-soft); border:1px solid var(--ysa-line); margin-left:auto; border-radius:16px 16px 4px 16px; }
.ysa-connected-preview .thread-body .box .name { margin-bottom:6px; color:var(--ysa-text-muted); font-size:10.5px; line-height:1.4; }
.ysa-connected-preview .thread-body .box.manual_reply .name { color:var(--ysa-on-ink-muted); }
.ysa-connected-preview .thread-body .box .content { min-width:0; }
.ysa-connected-preview .thread-body .box .content :is(p,ul,ol) { margin:0 0 8px; }
.ysa-connected-preview .thread-body .box .content :last-child { margin-bottom:0; }
.ysa-connected-preview .thread-body .box .content a { color:inherit; text-decoration:underline; }
.ysa-connected-preview .thread-body .box .content :is(pre,code) { max-width:100%; white-space:pre-wrap; overflow-wrap:anywhere; font-family:var(--ysa-font-mono); font-size:12px; }
.ysa-connected-preview .thread-body .box > :is(.icon,.avatar_description) { display:none; }
.ysa-connected-preview .thread-body .box .status_icon { display:inline-flex; color:var(--ysa-text-muted); font-size:11px; margin-left:7px; }
.ysa-connected-preview .thread-body .box.manual_reply .status_icon { color:var(--ysa-on-ink-muted); }
.ysa-connected-preview .thread-body .box .feedback { display:flex; justify-content:end; align-items:center; gap:7px; margin-top:7px; font-size:11px; }
.ysa-connected-preview .thread-body .box .feedback button { border:0; background:none; padding:3px; color:inherit; }
.ysa-connected-preview .thread-body .box.not_approved { outline:1px dashed var(--ysa-caution-text); }
.ysa-connected-preview .thread-body .box.system { width:fit-content; max-width:100%; margin:10px auto 22px; padding:6px 10px; border:1px solid var(--ysa-line-soft); border-radius:999px; background:white; color:var(--ysa-text-muted); text-align:center; font-size:11.5px; line-height:1.45; }
.ysa-connected-preview .thread-body .box.system .name { display:none; }
.ysa-connected-preview .thread-body .box.system.endpoint { border-radius:12px; text-align:left; padding:14px; }
/* Compose the actual message renderer: bubble content and its existing controls
   are separate rows. The preview boundary moves nodes without cloning actions. */
.ysa-connected-preview .thread-body .box.ysa-message-composed { display:flex; flex-direction:column; align-items:flex-start; width:fit-content; max-width:min(86%,468px); padding:0; margin:0 0 10px; border:0; background:none; color:var(--ysa-ink); border-radius:0; font-size:14.5px; line-height:1.45; }
.ysa-connected-preview .thread-body .box.ysa-message-composed > .content { width:fit-content; max-width:100%; padding:10px 14px; background:var(--ysa-canvas); border-radius:16px 16px 16px 4px; }
.ysa-connected-preview .thread-body .box.ysa-message-composed:is(.assistant,.init,.agent) { align-items:flex-end; margin-left:auto; }
.ysa-connected-preview .thread-body .box.ysa-message-composed.manual_reply { background:none; color:var(--ysa-ink); }
.ysa-connected-preview .thread-body .box.ysa-message-composed:is(.assistant,.init) > .content { background:var(--ysa-sage-soft); border-radius:16px 16px 4px 16px; }
.ysa-connected-preview .thread-body .box.ysa-message-composed:is(.agent,.manual_reply) > .content { background:var(--ysa-ink); color:var(--ysa-on-ink); border-radius:16px 16px 4px 16px; }
.ysa-connected-preview .thread-body .box.ysa-message-composed:is(.internal,.note) > .content { background:var(--ysa-caution-soft); border-radius:12px; }
.ysa-connected-preview .thread-body .box.ysa-message-composed.not_approved { outline:0; }
.ysa-connected-preview .thread-body .box.ysa-message-composed.not_approved > .content { outline:1px dashed var(--ysa-caution-text); }
.ysa-connected-preview .ysa-message-meta { display:flex; align-items:center; flex-wrap:wrap; gap:6px; min-height:20px; max-width:100%; padding:4px 3px 0; color:var(--ysa-text-faint); font-size:11.5px; line-height:1.45; }
.ysa-connected-preview .thread-body .box.ysa-message-composed:is(.assistant,.init,.agent,.internal) .ysa-message-meta { justify-content:flex-end; }
.ysa-connected-preview .thread-body .box.ysa-message-composed .ysa-message-meta :is(.name,.time,.feedback,.status_icon) { position:static; display:inline-flex; align-items:center; gap:4px; margin:0; padding:0; color:inherit; font:inherit; }
.ysa-connected-preview .thread-body .box.ysa-message-composed.user .ysa-message-meta > .name { display:none; }
.ysa-connected-preview .thread-body .box.ysa-message-composed .ysa-message-meta .time > i:first-child { display:none; }
.ysa-connected-preview .thread-body .box.ysa-message-composed .ysa-message-meta .time strong { font-weight:600; }
.ysa-connected-preview .thread-body .box.ysa-message-composed .ysa-message-meta .status_icon:empty { display:none; }
.ysa-connected-preview .thread-body .box.ysa-message-composed .ysa-message-meta .status_icon i { color:inherit; }
.ysa-connected-preview .thread-body .box.ysa-message-composed .ysa-message-meta > .time { order:1; }
.ysa-connected-preview .thread-body .box.ysa-message-composed .ysa-message-meta > .status_icon { order:2; }
.ysa-connected-preview .thread-body .box.ysa-message-composed .ysa-message-meta > .ysa-answer-info-toggle { order:3; }
.ysa-connected-preview .thread-body .box.ysa-message-composed .ysa-message-meta .feedback { order:10; }
.ysa-connected-preview .thread-body .box.ysa-message-composed .ysa-message-meta .feedback a { display:inline-grid; place-items:center; width:22px; min-height:22px; border:0; padding:0; color:var(--ysa-text-muted); cursor:pointer; font-size:0; }
.ysa-connected-preview .thread-body .box.ysa-message-composed .ysa-message-meta .feedback i { color:inherit; font-size:13px; }
.ysa-connected-preview .thread-body .box.ysa-message-composed .ysa-answer-info-toggle { display:inline-flex; align-items:center; justify-content:center; width:auto; min-height:24px; height:auto; padding:2px 8px; border:1px solid var(--ysa-line); border-radius:999px; background:var(--ysa-sheet); color:var(--ysa-ink); font:600 11px/1.4 var(--ysa-font-sans); white-space:nowrap; }
.ysa-connected-preview .thread-body .box.ysa-message-composed .ysa-answer-info-glyph { font-size:11px; }

.ysa-connected-preview .thread-body .box.ysa-message-composed [id^="approve_buttons_"] { position:static; display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; gap:6px; max-width:100%; padding-top:8px; }
.ysa-connected-preview .thread-body .box.ysa-message-composed :is(.button_approve,.button_delete) { display:inline-flex; align-items:center; justify-content:center; gap:5px; min-height:30px; padding:5px 10px; border:1px solid var(--ysa-line); border-radius:999px; background:var(--ysa-sheet); color:var(--ysa-ink); font:600 11.5px/1.4 var(--ysa-font-sans); cursor:pointer; }
.ysa-connected-preview .thread-body .box.ysa-message-composed .button_approve { background:var(--ysa-ink); color:var(--ysa-on-ink); border-color:var(--ysa-ink); }
.ysa-connected-preview .thread-body .box.ysa-message-composed .button_delete { color:var(--ysa-danger-text); }
/* System events are a quiet single row, never a message bubble or an oval. */
.ysa-connected-preview .ysa-timeline-event { display:flex; align-items:center; justify-content:center; gap:6px; width:fit-content; max-width:100%; margin:16px auto 20px; padding:4px 8px; border:0; border-radius:0; background:none; color:var(--ysa-text-muted); text-align:center; font:400 11.5px/1.5 var(--ysa-font-sans); }
.ysa-connected-preview .ysa-timeline-event > hr { display:none; }
.ysa-connected-preview .ysa-timeline-event > span { display:inline-flex; align-items:center; gap:6px; min-width:0; }
.ysa-connected-preview .ysa-timeline-event :is(strong,i) { font:inherit; color:inherit; }
.ysa-connected-preview .ysa-timeline-event i { width:14px; height:14px; font-size:14px; flex:none; }
.ysa-connected-preview .ysa-timeline-event.is-given i { color:var(--ysa-mint-ink); }
.ysa-connected-preview .ysa-timeline-event .ysa-timeline-label-line { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.ysa-connected-preview .ysa-timeline-label-pill { display:inline-flex; gap:5px; align-items:center; padding:2px 6px; border-radius:5px; font-size:10px; }
.ysa-connected-preview .ysa-conversation-image-thumb { display:block; max-width:100%; max-height:260px; object-fit:contain; border-radius:10px; cursor:zoom-in; }
.ysa-connected-preview .thread-body .media :is(img,video,audio) { max-width:100%; height:auto; }
.ysa-connected-preview .ysa-email-html-frame { display:block; width:100%; max-width:100%; border:0; background:white; border-radius:10px; }
.ysa-connected-preview .ysa-conversation-image-modal { position:fixed; inset:0; z-index:1550; display:grid; place-items:center; padding:36px; background:var(--ysa-on-ink-overlay); }
.ysa-connected-preview .ysa-conversation-image-modal-frame { position:relative; max-width:100%; max-height:100%; padding:12px; background:white; border-radius:18px; box-shadow:var(--ysa-shadow-menu); }
.ysa-connected-preview .ysa-conversation-image-modal-frame img { display:block; max-width:85vw; max-height:80vh; object-fit:contain; }
.ysa-connected-preview .ysa-conversation-image-modal-close { position:absolute; right:8px; top:8px; width:34px; height:34px; border:1px solid var(--ysa-line); border-radius:10px; background:white; }
.ysa-connected-preview .ysa-mail-event { display:grid; gap:8px; text-align:left; }
.ysa-connected-preview .ysa-mail-event-head { display:flex; align-items:center; gap:8px; }
.ysa-connected-preview .ysa-mail-event-title { font-size:12.5px; font-weight:600; }
.ysa-connected-preview .ysa-mail-event-meta,.ysa-connected-preview .ysa-mail-event-preview { color:var(--ysa-text-muted); font-size:11.5px; }
.ysa-connected-preview .ysa-mail-event-status.is-error { color:var(--ysa-danger-text); }
/* Composer and permission-restricted/send states. */
.ysa-connected-preview .conversation_add_message.composer { grid-column:1; grid-row:3; position:relative; padding:0 20px 16px; min-width:0; border-top:1px solid var(--ysa-line); background:white; }
.ysa-connected-preview .conversation_add_message.composer .composer-tabs-actions { align-items:center; }
.ysa-connected-preview .conversation_add_message.composer .composer-tabs-actions > span { font-size:12px; line-height:1.3; white-space:nowrap; color:var(--ysa-text-muted); }
.ysa-connected-preview .composer-tabs { display:flex; align-items:center; gap:18px; height:44px; min-width:0; }
.ysa-connected-preview .composer-tab { align-self:stretch; display:flex; align-items:center; gap:5px; padding:0; border:0; border-bottom:2px solid transparent; background:none; color:var(--ysa-text-muted); font-size:12px; cursor:pointer; white-space:nowrap; }
.ysa-connected-preview .conversation_add_message.composer .composer-tabs:not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *)) { margin-bottom:8px; }
.ysa-connected-preview .conversation_add_message.composer .composer-tab:not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *)) { font-size:13px; }
.ysa-connected-preview .composer-tab.is-active { border-bottom-color:var(--ysa-ink); color:var(--ysa-ink); font-weight:600; }
.ysa-connected-preview .composer-tab.note .dot { width:5px; height:5px; border-radius:50%; background:var(--ysa-caution-text); }
.ysa-connected-preview .composer-tab.is-locked { opacity:.55; cursor:default; }
.ysa-connected-preview .composer-tabs-spacer { flex:1; }
.ysa-connected-preview .composer-tabs-actions { display:flex; gap:6px; }
.ysa-connected-preview .ysa-conversation-translation-button { display:grid; place-items:center; width:28px; height:28px; padding:0; background:none; border:0; border-radius:8px; color:var(--ysa-text-muted); }
.ysa-connected-preview .composer-tabs .ysa-conversation-translation-button { display:inline-flex; align-items:center; justify-content:center; gap:5px; width:auto; min-height:28px; white-space:nowrap; font-size:11.5px; }
.ysa-connected-preview .ysa-conversation-translation-button[aria-pressed="true"] { background:var(--ysa-sage-soft); color:var(--ysa-ink); }
.ysa-connected-preview .composer-box { position:relative; min-height:110px; padding:12px 12px 10px 14px; border:1px solid var(--ysa-line-strong); border-radius:16px; }
.ysa-connected-preview .composer-box :is(textarea,#conversation_message,.contenteditable,[contenteditable="true"]) { display:block; width:100%; min-height:55px; max-height:190px; padding:0; border:0; outline:0; background:none; resize:none; color:var(--ysa-ink); font:400 14px/1.5 var(--ysa-font-sans); overflow:auto; }
.ysa-connected-preview .composer-box :is(textarea,[contenteditable="true"]):empty::before { color:var(--ysa-text-faint); }
.ysa-connected-preview .composer-bar { display:flex; align-items:center; gap:4px; padding-top:10px; }
.ysa-connected-preview .cb-icon { width:28px; height:28px; display:grid; place-items:center; padding:0; border:0; border-radius:8px; background:none; color:var(--ysa-text-3); font-size:15px; cursor:pointer; }
.ysa-connected-preview .cb-icon:hover { background:var(--ysa-canvas); }
.ysa-connected-preview .composer-bar .spacer { flex:1; }
.ysa-connected-preview :is(.ai-assist,.send,.voice-btn) { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:32px; padding:6px 12px; border:1px solid var(--ysa-line); border-radius:999px; background:white; color:var(--ysa-ink); font-size:11.5px; font-weight:600; cursor:pointer; }
.ysa-connected-preview .send,.ysa-connected-preview .voice-btn.primary { background:var(--ysa-ink); border-color:var(--ysa-ink); color:white; }
.ysa-connected-preview .send-split { position:relative; display:inline-flex; align-items:center; gap:0; }
.ysa-connected-preview .send-split > button + button { min-height:32px; border:1px solid var(--ysa-ink); border-left:1px solid var(--ysa-on-ink-line); border-radius:0 999px 999px 0; background:var(--ysa-ink); color:white; padding:5px 9px; }
.ysa-connected-preview .send-split:has(>button + button) > .send { border-radius:999px 0 0 999px; }
.ysa-connected-preview .ysa-send-menu { position:absolute; bottom:calc(100% + 8px); right:0; z-index:80; min-width:180px; padding:8px; border:1px solid var(--ysa-line); border-radius:16px; background:white; box-shadow:var(--ysa-shadow-menu); }
.ysa-connected-preview .ysa-send-menu button { display:flex; align-items:center; width:100%; min-height:36px; padding:8px 10px; background:white; border:0; border-radius:9px; font-size:12px; text-align:left; color:var(--ysa-ink); }
.ysa-connected-preview .composer-foot { display:flex; align-items:center; justify-content:space-between; gap:10px; color:var(--ysa-text-muted); font-size:10px; padding-top:8px; }
.ysa-connected-preview :is(.composer-access-note,.composer-notice,.ysa-conversation-translation-status) { display:flex; align-items:start; gap:8px; padding:10px 12px; margin:0 0 10px; border-radius:10px; background:var(--ysa-soft-panel); color:var(--ysa-text-muted); font-size:11.5px; line-height:1.5; }
.ysa-connected-preview .composer-notice:is(.is-error,.error) { color:var(--ysa-danger-text); background:var(--ysa-danger-soft); }
.ysa-connected-preview .composer-notice.ok { color:var(--ysa-ink); background:var(--ysa-sage-soft); }
.ysa-connected-preview .composer-attachments { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
.ysa-connected-preview .composer-attachment { display:inline-flex; align-items:center; gap:6px; max-width:100%; border:1px solid var(--ysa-line); border-radius:8px; padding:5px 8px; font-size:11px; }
.ysa-connected-preview .composer-attachment span { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.ysa-connected-preview .composer-attachment button { border:0; background:none; padding:0; color:var(--ysa-text-muted); }
.ysa-connected-preview .composer-panel { position:absolute; left:12px; bottom:calc(100% + 8px); z-index:85; width:min(360px,calc(100% - 24px)); padding:16px; border:1px solid var(--ysa-line); border-radius:18px; background:white; box-shadow:var(--ysa-shadow-menu); }
.ysa-connected-preview .composer-panel-head { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:13px; margin-bottom:14px; }
.ysa-connected-preview .composer-panel-head button { display:grid; place-items:center; width:26px; height:26px; padding:0; border:0; border-radius:8px; background:var(--ysa-canvas); }
.ysa-connected-preview .emoji-grid { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:4px; }
.ysa-connected-preview .emoji-grid button { display:grid; place-items:center; min-height:32px; padding:0; border:0; border-radius:7px; background:white; font-size:20px; }
.ysa-connected-preview .emoji-grid button:hover { background:var(--ysa-canvas); }
.ysa-connected-preview :is(.emotion-grid,.variable-grid) { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
.ysa-connected-preview :is(.emotion-grid,.variable-grid) button { border:1px solid var(--ysa-line); background:white; padding:6px 8px; border-radius:8px; font-size:11px; color:var(--ysa-text-3); }
.ysa-connected-preview .voice-wave { height:50px; width:100%; margin:15px 0; border-radius:10px; background:var(--ysa-canvas); }
.ysa-connected-preview .voice-actions { display:flex; gap:7px; }
.ysa-connected-preview .composer-voice-panel.is-recording { border-color:var(--ysa-danger-line); }
.ysa-connected-preview .ysa-hidden-file { display:none; }
.ysa-connected-preview .ysa-mail-fields { margin-bottom:10px; }
.ysa-connected-preview .ysa-mail-row { display:flex; align-items:center; gap:8px; min-height:35px; border-bottom:1px solid var(--ysa-line-soft); font-size:11.5px; }
.ysa-connected-preview .ysa-mail-row > label:not(.ysa-mail-input) { width:44px; flex:none; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-mail-input { flex:1; min-width:0; padding:6px 0; border:0; background:none; color:var(--ysa-ink); font-size:12px; }
.ysa-connected-preview .ysa-mail-subject > .ysa-mail-input { display:flex; align-items:center; gap:8px; width:100%; }
.ysa-connected-preview .ysa-mail-subject > .ysa-mail-input > span { flex:none; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-mail-subject input { flex:1; min-width:0; width:100%; }
.ysa-connected-preview .ysa-token-field { display:flex; flex-wrap:wrap; align-items:center; gap:4px; }
.ysa-connected-preview .ysa-mail-token-list { display:contents; }
.ysa-connected-preview .ysa-mail-token { display:inline-flex; align-items:center; gap:4px; padding:3px 6px; border-radius:6px; background:var(--ysa-canvas); font-size:11px; }
.ysa-connected-preview .ysa-mail-token-entry { min-width:90px; flex:1; border:0; background:none; font-size:12px; }
.ysa-connected-preview .ysa-mail-mini,.ysa-connected-preview .ysa-mail-mode { border:0; background:none; padding:4px; color:var(--ysa-text-muted); font-size:10px; }
.ysa-connected-preview .quick_answers { grid-column:1; position:absolute; bottom:200px; left:20px; right:320px; z-index:35; max-height:220px; overflow:auto; border:1px solid var(--ysa-line); border-radius:12px; background:white; box-shadow:var(--ysa-shadow-menu); }
.ysa-connected-preview .quick_answers:empty { display:none; }
/* Answer inspector and source links; missing-reference states share the same popover/card grammar. */
.ysa-connected-preview .ysa-answer-info-toggle { display:inline-grid; place-items:center; width:24px; height:24px; padding:0; border:0; border-radius:7px; background:none; color:var(--ysa-text-muted); cursor:pointer; }
.ysa-connected-preview .ysa-message-inspector { border:1px solid var(--ysa-line); border-radius:16px; background:white; padding:18px; color:var(--ysa-ink); }
 .ysa-connected-preview .ysa-preview-message-inspector { display:none; }
.ysa-connected-preview .ysa-preview-message-inspector > .conversation_data_block[aria-hidden="false"] { display:flex; flex-direction:column; gap:20px; }
.ysa-connected-preview .ysa-inspector-decision { padding-top:16px; border-top:1px solid var(--ysa-line-soft); }
.ysa-connected-preview .ysa-inspector-decision > summary { font-size:12px; color:var(--ysa-text-muted); cursor:pointer; }
.ysa-connected-preview .ysa-inspector-decision .conversation_data_block[aria-hidden="false"] { display:block; padding-top:12px; font-size:13px; }
.ysa-connected-preview .ysa-message-inspector-head { display:flex; align-items:start; justify-content:space-between; gap:14px; margin-bottom:16px; }
.ysa-connected-preview .ysa-message-inspector-title { display:flex; align-items:center; gap:10px; font-size:14px; font-weight:600; }
.ysa-connected-preview .ysa-message-inspector-title-icon { display:grid; place-items:center; width:32px; height:32px; border-radius:10px; background:var(--ysa-sage-soft); }
.ysa-connected-preview .ysa-message-inspector-title-copy small { display:block; color:var(--ysa-text-muted); font-size:11.5px; font-weight:400; margin-top:4px; }
.ysa-connected-preview .ysa-message-inspector-meta { display:flex; flex-wrap:wrap; gap:6px; font-size:11px; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-message-inspector-response { margin:12px 0; border:1px solid var(--ysa-line); border-radius:10px; padding:12px; font-size:12px; line-height:1.5; }
.ysa-connected-preview .ysa-message-inspector-response summary { cursor:pointer; font-size:12px; font-weight:600; }
.ysa-connected-preview .ysa-message-inspector-section-head { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:13px; font-weight:600; margin:18px 0 12px; }
.ysa-connected-preview .ysa-message-inspector-source-list { display:grid; gap:8px; }
.ysa-connected-preview .ysa-message-inspector-source-list > * { display:block; padding:12px; border:1px solid var(--ysa-line); border-radius:10px; color:var(--ysa-ink); text-decoration:none; font-size:12px; line-height:1.5; }
.ysa-connected-preview :is(.ysa-message-inspector-empty,.ysa-message-inspector-loading,.ysa-message-inspector-error) { padding:20px; text-align:center; color:var(--ysa-text-muted); font-size:12px; }
.ysa-connected-preview .ysa-message-inspector-error { color:var(--ysa-danger-text); background:var(--ysa-danger-soft); border-radius:12px; }
@media (max-width:1300px) {
 .ysa-connected-preview .ysa-conversations-page { grid-template-columns:320px minmax(0,1fr); }
 .ysa-connected-preview .ysa-conversation-detail { grid-template-columns:minmax(0,1fr) 260px; }
 .ysa-connected-preview .thread-body { padding:20px 18px; }
 .ysa-connected-preview .conversation_add_message.composer { padding-left:16px; padding-right:16px; }
 .ysa-connected-preview .quick_answers { right:280px; }
 .ysa-connected-preview .composer-tabs { gap:14px; }
}
@media (max-width:1120px) {
 .ysa-connected-preview .ysa-conversation-detail { grid-template-columns:minmax(0,1fr); }
 .ysa-connected-preview .xhr_conversation_profile.details-col { display:none; }
 .ysa-connected-preview .quick_answers { right:20px; }
 .ysa-connected-preview.ysa_mobile_chat_detail_open .xhr_conversation_profile.details-col { display:block; position:absolute; inset:0 0 0 auto; width:300px; max-width:100%; z-index:55; box-shadow:var(--ysa-shadow-menu); }
}
@media (max-width:800px) {
 .ysa-connected-preview .ysa-conversations-page { min-height:360px; grid-template-columns:300px minmax(0,1fr); }
 .ysa-connected-preview .ysa-conv-list-head > h2 { height:56px; }
 .ysa-connected-preview .ysa-conv-list-tabs { gap:13px; padding:0 16px; }
 .ysa-connected-preview .ysa-conv-list-tools { padding:10px 12px; }
 .ysa-connected-preview .ysa-conv-refresh-strip { padding-left:14px; padding-right:14px; }
 .ysa-connected-preview .conversations_inbox_item.conv { padding:15px 14px; }
 .ysa-connected-preview .composer-bar { flex-wrap:wrap; }
 .ysa-connected-preview .composer-tabs-actions { gap:0; }
 .ysa-connected-preview .composer-tab { font-size:11.5px; }
 .ysa-connected-preview .ai-assist { font-size:10.5px; padding:6px 9px; }
}
@media (max-width:720px) {
 html.ysa-connected-preview:has(#framework_main.conversations) { --ysa-sheet-top:0px; }
 html.ysa-connected-preview:has(#framework_main.conversations) .ysa-topbar { display:none; }
 html.ysa-connected-preview #framework_main.conversations { top:0; bottom:0; height:100dvh; }
 html.ysa-connected-preview .framework_main.conversations { border-radius:20px; }
 .ysa-connected-preview .ysa-conversations-page { display:block; height:100dvh; min-height:360px; }
 .ysa-connected-preview .ysa-conv-inbox-panel { height:100%; border-right:0; }
 .ysa-connected-preview .ysa-conv-list-head > h2 { height:60px; padding:0 16px; font:400 26px/1.2 var(--ysa-font-heading); }
 .ysa-connected-preview .ysa-conv-inbox-options > summary { top:10px; width:40px; height:40px; border-radius:50%; background:var(--ysa-canvas); }
 .ysa-connected-preview .ysa-conv-list-head > #sort_order { display:none; }
 .ysa-connected-preview .ysa-conv-list-head > #ysa-conv-filter-toggle { top:10px; right:16px; width:40px; height:40px; min-height:40px; border-radius:50%; background:var(--ysa-canvas); }
 .ysa-connected-preview .ysa-conv-inbox-panel:has(.ysa-conv-list-head > #sort_order) > .ysa-conv-inbox-options > summary { right:64px; }
 .ysa-connected-preview .ysa-conv-list-tabs { margin:0 16px; padding:0; gap:22px; }
 .ysa-connected-preview .ysa-conv-list-tab { font-size:14px; }
 .ysa-connected-preview .ysa-conv-list-tab .count { min-width:0; padding:0; background:none; font-size:14px; }
 .ysa-connected-preview .ysa-conv-scroll { padding-bottom:106px; }
 .ysa-connected-preview .conversations_inbox_item.conv { min-height:92px; padding:12px 16px; }
 .ysa-connected-preview .conversations_inbox_item .av { width:40px; height:40px; }
 .ysa-connected-preview .conversations_inbox_item .name { font-size:15px; }
 .ysa-connected-preview .ysa-conv-detail-panel { display:none; height:100%; }
 .ysa-connected-preview.ysa_mobile_chat_conversation_open .ysa-conv-inbox-panel { display:none; }
 .ysa-connected-preview.ysa_mobile_chat_conversation_open .ysa-conv-detail-panel { display:block; }
 .ysa-connected-preview .ysa-thread-back { display:grid; width:28px; margin-left:-8px; }
 .ysa-connected-preview .ysa-conversation-detail { grid-template-rows:64px minmax(0,1fr) auto; }
 .ysa-connected-preview .conversation_header.thread-head { padding:0 14px; gap:7px; }
 .ysa-connected-preview .ysa-thread-avatar { width:32px; height:32px; }
 .ysa-connected-preview .ysa-conv-header-title { font-size:13.5px; }
 .ysa-connected-preview .ysa-conv-header-subline { font-size:10px; gap:6px; }
 .ysa-connected-preview .thread-body { padding:18px 14px; }
 .ysa-connected-preview .thread-body .box { max-width:92%; font-size:13.5px; padding:10px 12px; }
 .ysa-connected-preview .conversation_add_message.composer { padding:0 12px 12px; }
 .ysa-connected-preview .composer-tabs { gap:16px; }
 .ysa-connected-preview .composer-box { padding:10px; min-height:104px; }
 .ysa-connected-preview .composer-box :is(textarea,[contenteditable="true"]) { min-height:48px; font-size:14px; }
 .ysa-connected-preview .composer-bar { gap:1px; flex-wrap:nowrap; }
 .ysa-connected-preview .cb-icon { width:26px; font-size:14px; }
 .ysa-connected-preview :is(.ai-assist,.send) { min-height:30px; padding:5px 9px; font-size:10.5px; }
 .ysa-connected-preview .composer-foot { font-size:9px; }
 .ysa-connected-preview #ysa-conv-selection-hint { display:none; }
 .ysa-connected-preview .ysa-conv-selection-tools { min-height:34px; }
 .ysa-connected-preview .ysa-conv-select-toggle { opacity:0; left:27px; top:23px; width:18px; height:18px; min-height:18px; }
 .ysa-connected-preview .conversations_inbox_item:is(:hover,:focus-within,.is-selected) .ysa-conv-select-toggle,.ysa-connected-preview .ysa-conv-inbox-panel:has(.ysa-conv-inbox-options[open]) .ysa-conv-select-toggle { opacity:1; }
 .ysa-connected-preview .conversations_inbox_item:is(:hover,:focus-within,.is-selected) .av,.ysa-connected-preview .ysa-conv-inbox-panel:has(.ysa-conv-inbox-options[open]) .conversations_inbox_item .av { opacity:0; }
 .ysa-connected-preview .ysa-conv-filter-panel { top:52px; left:10px; width:calc(100% - 20px); padding:12px; }
 .ysa-connected-preview .ysa-conv-filter-panel .inbox-nav { gap:4px 10px; }
 .ysa-connected-preview .ysa-conv-filter-panel .nav-item { font-size:12px; padding:8px; }
 .ysa-connected-preview .ysa-conversation-image-modal { padding:14px; }
 .ysa-connected-preview .ysa-conversation-image-modal-frame img { max-width:calc(100vw - 52px); }
}
@media(max-width:360px) { .ysa-connected-preview .ysa-conv-list-head > h2 { font-size:25px; } }
@media (prefers-reduced-motion:reduce) { .ysa-connected-preview .ysa-conversations-page * { scroll-behavior:auto; animation:none; transition:none; } }
/* Actual label picker and answer-inspector visibility contracts. */
.ysa-connected-preview .conversation_data_block { display:none; }
.ysa-connected-preview .ysa-preview-message-inspector:has(> .conversation_data_block[aria-hidden="false"]) { display:flex; flex-direction:column; gap:20px; position:fixed; top:96px; right:24px; z-index:150; width:min(408px,calc(100vw - 32px)); max-width:calc(100vw - 32px); max-height:calc(100dvh - 120px); overflow:auto; overscroll-behavior:contain; margin:0; padding:0 20px 20px; border:1px solid var(--ysa-line); border-radius:20px; background:var(--ysa-sheet); color:var(--ysa-ink); box-shadow:var(--ysa-shadow-menu); font:400 14px/1.5 var(--ysa-font-sans); text-align:left; }
.ysa-connected-preview .ysa-message-inspector-head { display:flex; align-items:center; justify-content:space-between; gap:16px; position:sticky; top:0; z-index:1; margin:0 -20px; padding:16px 20px; border-bottom:1px solid var(--ysa-line); background:var(--ysa-sheet); }
.ysa-connected-preview .ysa-message-inspector-head > strong { font-size:16px; font-weight:600; }
.ysa-connected-preview .ysa-inspector-close { display:grid; place-items:center; flex:none; width:32px; height:32px; min-height:32px; padding:0; border:0; border-radius:9px; background:none; color:var(--ysa-text-muted); font:400 24px/1 var(--ysa-font-sans); cursor:pointer; }
.ysa-connected-preview .ysa-inspector-close:hover { background:var(--ysa-canvas); color:var(--ysa-ink); }
.ysa-connected-preview .ysa-inspector-message-meta { color:var(--ysa-text-muted); font-size:12px; overflow-wrap:anywhere; }
.ysa-connected-preview .ysa-message-inspector-meta { display:flex; flex-wrap:wrap; gap:6px; }
.ysa-connected-preview .ysa-message-inspector-meta:empty { display:none; }
.ysa-connected-preview .ysa-inspector-confidence { display:grid; grid-template-columns:1fr auto; gap:8px; }
.ysa-connected-preview .ysa-inspector-confidence .confidence { padding:0; border-radius:0; background:none; color:var(--ysa-ink); font-size:14px; font-weight:600; }
.ysa-connected-preview .ysa-inspector-confidence progress { grid-column:1/-1; appearance:none; width:100%; height:6px; border:0; border-radius:99px; overflow:hidden; background:var(--ysa-canvas); color:var(--ysa-sage); }
.ysa-connected-preview .ysa-inspector-confidence progress::-webkit-progress-bar { background:var(--ysa-canvas); }
.ysa-connected-preview .ysa-inspector-confidence progress::-webkit-progress-value { background:var(--ysa-sage); border-radius:99px; }
.ysa-connected-preview .ysa-inspector-confidence progress::-moz-progress-bar { background:var(--ysa-sage); border-radius:99px; }
.ysa-connected-preview .ysa-message-inspector-section-head { display:flex; align-items:center; gap:8px; margin-bottom:8px; color:var(--ysa-text-muted); font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.ysa-connected-preview .ysa-message-inspector-section-head > strong { font-weight:600; }
.ysa-connected-preview .ysa-message-inspector-source-list { display:grid; }
.ysa-connected-preview .ysa-message-inspector-source-list .ysa-source-pill { display:flex; align-items:center; gap:10px; min-width:0; padding:12px 0; border:0; border-top:1px solid var(--ysa-line-soft); border-radius:0; font-size:14px; }
.ysa-connected-preview .ysa-message-inspector-source-list .ysa-source-pill > i { width:16px; flex:none; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-message-inspector-source-list .ysa-source-pill .pill-label { display:grid; flex:1; grid-template-columns:auto minmax(0,1fr); column-gap:12px; }
.ysa-connected-preview .ysa-source-pill:has(.ysa-source-rank) > i { display:none; }
.ysa-connected-preview .ysa-source-name { grid-column:2; grid-row:1; font-weight:600; }
.ysa-connected-preview .ysa-source-kind { grid-column:2; grid-row:2; color:var(--ysa-text-muted); font-size:12px; }
.ysa-connected-preview .ysa-source-rank { grid-column:1; grid-row:1/3; font-weight:600; }
.ysa-connected-preview .pill-label:not(:has(.ysa-source-rank)) :is(.ysa-source-name,.ysa-source-kind) { grid-column:1/-1; }
.ysa-connected-preview .ysa-source-separator { display:none; }
.ysa-connected-preview :is(.ysa-message-inspector-empty,.ysa-message-inspector-error,.ysa-message-inspector-loading) { display:flex; align-items:flex-start; gap:10px; padding:16px; background:var(--ysa-canvas); border-radius:12px; color:var(--ysa-text-muted); font-size:13px; line-height:1.6; }
.ysa-connected-preview .ysa-message-inspector-empty > i { display:none; }
.ysa-connected-preview .ysa-message-inspector-response { border-top:1px solid var(--ysa-line-soft); padding-top:16px; }
.ysa-connected-preview .ysa-message-inspector-response summary { display:flex; align-items:center; gap:8px; min-height:40px; padding:10px 12px; cursor:pointer; font-size:12px; color:var(--ysa-text-muted); list-style:none; }
.ysa-connected-preview .ysa-message-inspector-response summary::-webkit-details-marker { display:none; }
.ysa-connected-preview .ysa-message-inspector-response summary::before { content:"▸"; flex:none; }
.ysa-connected-preview .ysa-message-inspector-response[open] > summary::before { content:"▾"; }
.ysa-connected-preview .ysa-message-inspector-response summary > i { display:inline-flex; flex:none; width:14px; margin:0; }
.ysa-connected-preview .ysa-message-inspector-response pre { margin:12px 0 0; white-space:pre-wrap; overflow-wrap:anywhere; font:11px/1.6 var(--ysa-font-mono); }
@media(min-width:1200px) {
 .ysa-connected-preview body.chat_open .ysa-preview-message-inspector:has(> .conversation_data_block[aria-hidden="false"]) { right:calc(var(--ask-linda-width) + 24px + var(--ysa-assistant-gap)); max-width:calc(100vw - var(--ysa-sheet-left) - var(--ask-linda-width) - 24px - var(--ysa-assistant-gap)); }
}
@media(max-width:720px) {
 .ysa-connected-preview .ysa-conv-filter-panel { max-height:calc(100dvh - 220px); }
 .ysa-connected-preview .ysa-conv-filter-panel .inbox-nav { grid-template-columns:minmax(0,1fr); grid-template-rows:none; gap:16px; }
 .ysa-connected-preview .ysa-conv-filter-panel .inbox-nav > :is(ul:first-of-type,#labels_list,#channels_list) { grid-column:1; grid-row:auto; }
 .ysa-connected-preview .ysa-conv-filter-panel .nav-item { font-size:14px; min-height:40px; padding:8px; }
 .ysa-connected-preview .ysa-views-period { align-items:flex-start; flex-direction:column; gap:4px; }
 .ysa-connected-preview .ysa-preview-message-inspector:has(> .conversation_data_block[aria-hidden="false"]) { top:16px; right:16px; max-height:calc(100dvh - 32px); }
 .ysa-connected-preview .ysa-inspector-close { width:40px; height:40px; min-height:40px; }
}
.ysa-connected-preview .ysa-meta-pill { display:inline-flex; align-items:center; gap:5px; padding:3px 8px; background:var(--ysa-canvas); border-radius:999px; color:var(--ysa-text-muted); font-size:10.5px; }
.ysa-connected-preview .ysa-source-pill { display:flex; align-items:center; gap:9px; min-width:0; padding:11px 12px; border:1px solid var(--ysa-line); border-radius:10px; color:var(--ysa-ink); text-decoration:none; font-size:12px; line-height:1.5; }
.ysa-connected-preview .ysa-source-pill .pill-label { min-width:0; overflow-wrap:anywhere; }
.ysa-connected-preview a.ysa-source-pill:hover { background:var(--ysa-canvas-tint); }
.ysa-connected-preview .ysa-conversation-label-picker { width:min(600px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); padding:0; border:1px solid var(--ysa-line); border-radius:20px; background:white; color:var(--ysa-ink); box-shadow:var(--ysa-shadow-menu); }
.ysa-connected-preview .ysa-conversation-label-picker::backdrop { background:var(--ysa-on-ink-overlay); }
.ysa-connected-preview .ysa-label-picker-head { display:flex; align-items:start; justify-content:space-between; gap:16px; padding:22px 24px 16px; border-bottom:1px solid var(--ysa-line); }
.ysa-connected-preview .ysa-label-picker-head h3 { margin:0 0 8px; font:400 24px/1.3 var(--ysa-font-heading); }
.ysa-connected-preview .ysa-label-picker-head p { margin:0; color:var(--ysa-text-muted); font-size:12.5px; line-height:1.5; }
.ysa-connected-preview .ysa-label-picker-head button { display:grid; place-items:center; width:30px; height:30px; padding:0; border:0; border-radius:9px; background:var(--ysa-canvas); font-size:19px; }
.ysa-connected-preview .ysa-label-picker-toolbar { display:flex; gap:10px; padding:16px 24px; }
.ysa-connected-preview .ysa-label-picker-toolbar > label { flex:1; min-width:0; }
.ysa-connected-preview .ysa-label-picker-options { display:grid; gap:4px; max-height:380px; overflow:auto; padding:0 16px 16px; }
.ysa-connected-preview .ysa-label-picker-row { display:flex; align-items:center; gap:5px; min-width:0; padding-left:calc(var(--label-depth,0)*12px); }
.ysa-connected-preview .ysa-label-picker-row .labelform { flex:1; display:flex; align-items:center; gap:10px; min-width:0; min-height:44px; padding:9px 10px; border:1px solid transparent; border-radius:10px; background:white; color:var(--ysa-ink); text-align:left; }
.ysa-connected-preview .ysa-label-picker-row .labelform:hover { background:var(--ysa-canvas); }
.ysa-connected-preview .ysa-label-picker-row .labelform.active { border-color:var(--ysa-line); background:var(--ysa-sage-soft); }
.ysa-connected-preview .ysa-label-color { width:8px; height:8px; flex:none; border-radius:50%; }
.ysa-connected-preview .ysa-label-picker-name { min-width:0; flex:1; font-size:12.5px; overflow-wrap:anywhere; }
.ysa-connected-preview .ysa-label-picker-name small { font-size:11px; color:var(--ysa-text-muted); font-weight:400; margin-right:4px; }
.ysa-connected-preview .ysa-label-picker-name strong { font-weight:600; }
.ysa-connected-preview .ysa-label-picker-check { font-size:14px; font-weight:400; }
.ysa-connected-preview .ysa-label-picker-edit { width:30px; height:30px; min-height:30px; padding:0; border:0; border-radius:8px; background:none; color:var(--ysa-text-muted); }
.ysa-connected-preview .ysa-label-picker-form { display:grid; gap:14px; padding:20px 24px; }
.ysa-connected-preview .ysa-label-picker-form label { display:grid; gap:7px; font-size:12px; }
.ysa-connected-preview .ysa-label-picker-colors { display:flex; gap:16px; }
.ysa-connected-preview .ysa-label-picker-colors input { width:50px; height:34px; padding:3px; border:1px solid var(--ysa-line); border-radius:8px; background:white; }
.ysa-connected-preview .ysa-label-picker-form .ysa-label-picker-attach { display:flex; align-items:center; gap:8px; }
.ysa-connected-preview .ysa-label-picker-actions { display:flex; justify-content:end; gap:8px; padding-top:14px; border-top:1px solid var(--ysa-line); }
.ysa-connected-preview .ysa-label-picker-status { margin:0; padding:0 24px 16px; color:var(--ysa-text-muted); font-size:12px; }
.ysa-connected-preview .ysa-label-picker-status:empty { display:none; }
.ysa-connected-preview .ysa-label-path { display:inline-flex; align-items:center; gap:5px; padding:4px 7px; border-radius:7px; background:var(--tag-bg,var(--ysa-canvas)); color:var(--tag-color,var(--ysa-text-3)); font-size:10.5px; line-height:1.45; }
.ysa-connected-preview .ysa-label-path-text { overflow-wrap:anywhere; }

@media(max-width:720px) {
 .ysa-connected-preview .ysa-thread-header-actions { display:none; }
 .ysa-connected-preview.ysa_mobile_chat_detail_open .ysa-conv-inbox-panel { display:none; }
 .ysa-connected-preview.ysa_mobile_chat_detail_open .ysa-conv-detail-panel { display:block; }
 .ysa-connected-preview.ysa_mobile_chat_detail_open .xhr_conversation_profile.details-col { inset:0; width:100%; box-shadow:none; }
}
/* Explicit dimensions prevent generic control minimums changing icon/selection geometry. */
.ysa-connected-preview :is(.ysa-conv-icon-btn,.ysa-conv-tool-btn,.ysa-conversation-detail .ibtn,.ysa-details-contact-actions button) { min-height:34px; }
.ysa-connected-preview .ysa-conv-select-toggle { min-height:16px; }
.ysa-connected-preview .ysa-conv-search-field > button { min-height:26px; }
.ysa-connected-preview :is(.ysa-conv-list-tab,.composer-tab) { border-radius:0; }
.ysa-connected-preview .ysa-conversation-detail .ysa-thread-back { display:none; }
.ysa-connected-preview .ysa-label-picker-head button { min-height:30px; }
@media(max-width:720px) { .ysa-connected-preview .ysa-conversation-detail .ysa-thread-back { display:grid; min-height:32px; } }
/* 5d: the mobile thread is a focused conversation, with the same real controls. */
.ysa-connected-preview :is(.ysa-mobile-thread-tools,.ysa-mobile-details-close,.ysa-mobile-conversation-context,.ysa-mobile-composer-mic) { display:none; }
.ysa-connected-preview .ysa-mobile-composer-tools { display:contents; }
@media(min-width:721px) { .ysa-connected-preview .ysa-conversation-detail .ysa-mobile-details-close { display:none; } }
@media(max-width:720px) {
 html.ysa-connected-preview:is(.ysa_mobile_chat_conversation_open,.ysa_mobile_chat_detail_open) { --ysa-sheet-top:0px; }
 .ysa-connected-preview:is(.ysa_mobile_chat_conversation_open,.ysa_mobile_chat_detail_open) :is(.ysa-mobile-tabbar,.ysa-topbar) { display:none; }
 .ysa-connected-preview:is(.ysa_mobile_chat_conversation_open,.ysa_mobile_chat_detail_open) #framework_main.conversations { margin-top:0px; margin-bottom:0; min-height:100dvh; }
 .ysa-connected-preview:is(.ysa_mobile_chat_conversation_open,.ysa_mobile_chat_detail_open) .ysa-conversations-page { height:100dvh; }
 .ysa-connected-preview .ysa-conversation-detail { position:relative; grid-template-rows:56px auto minmax(0,1fr) auto; }
 .ysa-connected-preview .conversation_header.thread-head { height:56px; padding:0 12px; }
 .ysa-connected-preview .ysa-conversation-detail .ysa-thread-back { display:grid; width:36px; height:36px; min-height:36px; border-radius:50%; background:var(--ysa-canvas); margin-left:0; }
 .ysa-connected-preview .ysa-thread-avatar { width:36px; height:36px; }
 .ysa-connected-preview .ysa-conv-header-copy { padding-right:112px; }
 .ysa-connected-preview .ysa-conv-header-title { font-size:14px; }
 .ysa-connected-preview .ysa-conv-header-subline { font-size:11px; }
 .ysa-connected-preview .ysa-conv-header-subline > span:nth-child(n+2) { display:none; }
 .ysa-connected-preview .ysa-mobile-thread-tools { position:absolute; top:10px; right:8px; display:grid; place-items:center; width:34px; height:34px; min-height:34px; padding:0; border:0; border-radius:10px; background:none; font-size:16px; }
 .ysa-connected-preview .ysa-mobile-conversation-context { grid-column:1; grid-row:2; display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:40px; padding:6px 14px; border-bottom:1px solid var(--ysa-line-soft); background:var(--ysa-input-bg); color:var(--ysa-text-muted); font-size:11.5px; }
 .ysa-connected-preview .ysa-mobile-assignment-context { display:flex; align-items:center; flex-wrap:wrap; gap:5px; min-width:0; }
 .ysa-connected-preview .ysa-mobile-assignment-context .ysa-assignment-inline-current { margin:0; font-size:11px; }
 .ysa-connected-preview .ysa-mobile-assignment-context .ysa-assignment-inline-btn { min-height:24px; padding:3px 6px; font-size:10px; }
 .ysa-connected-preview .ysa-mobile-conversation-context > button { display:flex; align-items:center; gap:5px; flex:none; min-height:28px; padding:3px 0; border:0; background:none; font-size:11.5px; }
 .ysa-connected-preview .thread-body { grid-row:3; }
 .ysa-connected-preview .thread-body .box { max-width:84%; font-size:14.5px; }
 .ysa-connected-preview .thread-body .box.ysa-message-composed { max-width:91%; font-size:14.5px; }
 .ysa-connected-preview .thread-body .box.ysa-message-composed > .content { padding:10px 13px; line-height:1.42; }
 .ysa-connected-preview .ysa-message-meta { gap:5px; font-size:11px; }
 .ysa-connected-preview .conversation_add_message.composer { position:static; grid-row:4; padding:0 12px max(24px,calc(env(safe-area-inset-bottom,0px) + 8px)); }
 .ysa-connected-preview .composer-tabs { height:42px; gap:18px; }
 .ysa-connected-preview .composer-tab { font-size:13px; }
 .ysa-connected-preview .ysa-ai-mode-pill { position:absolute; top:11px; right:44px; min-height:34px; padding:7px 9px; border-radius:10px; font-size:10.5px; }
 .ysa-connected-preview .composer-box { display:grid; grid-template-columns:36px minmax(0,1fr) 46px; grid-template-rows:auto; align-items:center; gap:8px; min-height:46px; padding:0; border:0; border-radius:0; }
 .ysa-connected-preview .composer-box :is(textarea,#conversation_message,[contenteditable="true"]) { grid-column:2; grid-row:1; height:46px; min-height:46px; max-height:140px; padding:12px 38px 10px 14px; border:1px solid var(--ysa-line); border-radius:23px; background:var(--ysa-input-bg); font-size:14px; line-height:1.5; }
 .ysa-connected-preview .composer-bar { display:contents; }
 .ysa-connected-preview .composer-bar > .cb-icon { grid-column:1; grid-row:1; width:36px; height:40px; min-height:40px; padding:0; background:none; font-size:18px; }
 .ysa-connected-preview .ysa-mobile-composer-mic { grid-column:2; grid-row:1; z-index:1; display:grid; place-items:center; justify-self:end; width:30px; height:30px; min-height:30px; margin-right:7px; padding:0; border:0; border-radius:50%; background:none; color:var(--ysa-text-muted); font-size:15px; }
 .ysa-connected-preview .send-split { grid-column:3; grid-row:1; }
 .ysa-connected-preview .send { width:46px; height:46px; min-height:46px; padding:0; border-radius:50%; font-size:16px; }
 .ysa-connected-preview .send .ysa-send-label { display:none; }
 .ysa-connected-preview .composer-box:has(.send-split > .chev) { grid-template-columns:36px minmax(0,1fr) 70px; }
 .ysa-connected-preview .send-split > .chev { min-height:46px; height:46px; }
 .ysa-connected-preview .composer-box .ysa-mail-fields { grid-column:1 / -1; grid-row:1; width:100%; }
 .ysa-connected-preview .composer-box:has(.ysa-mail-fields) :is(textarea,#conversation_message,[contenteditable="true"],.ysa-mobile-composer-mic,.send-split) { grid-row:2; }
 .ysa-connected-preview .composer-box:has(.ysa-mail-fields) .composer-bar > .cb-icon { grid-row:2; }
 .ysa-connected-preview :is(.composer-attachments,.composer-notice) { grid-column:1 / -1; }
 .ysa-connected-preview .composer-foot { display:none; }
 .ysa-connected-preview .ysa-mobile-composer-tools { display:none; position:fixed; z-index:1400; top:56px; right:12px; width:200px; padding:8px; border:1px solid var(--ysa-line); border-radius:16px; background:white; box-shadow:var(--ysa-shadow-menu); }
 .ysa-connected-preview .ysa-mobile-composer-tools.is-open { display:grid; gap:3px; }
 .ysa-connected-preview .ysa-mobile-composer-tools .spacer { display:none; }
 .ysa-connected-preview .ysa-mobile-composer-tools :is(.cb-icon,.ai-assist) { display:flex; justify-content:start; gap:10px; width:100%; height:auto; min-height:36px; padding:8px 10px; border:0; border-radius:9px; background:white; color:var(--ysa-ink); font-size:12px; }
 .ysa-connected-preview .ysa-mobile-composer-tools .cb-icon:after { content:attr(aria-label); font:400 12px/1.4 var(--ysa-font-sans); }
 .ysa-connected-preview.ysa_mobile_chat_detail_open .xhr_conversation_profile.details-col { position:fixed; z-index:1300; inset:auto 0 0; width:100%; max-height:75dvh; border:1px solid var(--ysa-line); border-radius:24px 24px 0 0; background:white; box-shadow:0 -12px 50px var(--ysa-shadow-tone-overlay); }
 .ysa-connected-preview .ysa-conversation-detail .ysa-mobile-details-close { display:grid; }
}

/* The compact Inbox retains its native workspace tools beside Search. */
@media(max-width:720px){
 html.ysa-connected-preview:has(#framework_main.conversations):not(.ysa_mobile_chat_conversation_open,.ysa_mobile_chat_detail_open) .ysa-topbar{display:block;top:0;left:auto;right:64px;width:98px;height:60px;pointer-events:none}
 html.ysa-connected-preview:has(#framework_main.conversations):not(.ysa_mobile_chat_conversation_open,.ysa_mobile_chat_detail_open) .ysa-topbar-row{justify-content:flex-end}
 html.ysa-connected-preview:has(#framework_main.conversations) .ysa-topbar .ysa-shell-mobile-menu,html.ysa-connected-preview:has(#framework_main.conversations) .ysa-topbar .ysa-shell-date{display:none}
 html.ysa-connected-preview:has(#framework_main.conversations) .ysa-topbar .ysa-right-cluster{gap:4px;pointer-events:auto}
 html.ysa-connected-preview:has(#framework_main.conversations) .ysa-workspace-notifications-popover{top:60px}
 .ysa-connected-preview .ysa-conv-list-head>h2{padding-right:174px}
 .ysa-connected-preview .ysa-conv-views-toggle{min-width:0;max-width:100%}
 .ysa-connected-preview .ysa-conv-views-toggle>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .ysa-connected-preview .ysa-conv-views-toggle>i{flex:none}
}

/* A quiet result state, distinct from the end of a populated conversation list. */
.ysa-connected-preview .ysa-inbox-empty{display:flex;flex-direction:column;align-items:center;gap:12px;margin:24px 20px;padding:28px 18px;text-align:center;border:1px solid var(--ysa-line);border-radius:20px;background:var(--ysa-input-bg);color:var(--ysa-ink)}
.ysa-connected-preview .ysa-inbox-empty-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:4px;border-radius:16px;background:var(--ysa-sage-soft);color:var(--ysa-ink);font-size:21px}
.ysa-connected-preview .ysa-inbox-empty strong{font-size:16px;font-weight:600;line-height:1.4}
.ysa-connected-preview .ysa-inbox-empty p{max-width:240px;margin:0;color:var(--ysa-text-muted);font-size:13px;line-height:1.55;text-wrap:pretty}
.ysa-connected-preview .ysa-inbox-end{padding:20px 16px;text-align:center;color:var(--ysa-text-muted);font-size:12px;line-height:1.5}
/* Existing product links and prices, presented as compact conversation rows.
   Scope stays inside the native admin timeline; configured customer islands
   and the ordinary application never receive this presentation. */
html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .box.ysa-message-composed:has(.product_block):not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *)){width:min(100%,468px);max-width:100%}
html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .content:has(.product_block):not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *)){width:100%}
html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .product_block:not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *)){width:100%;max-width:100%;margin:14px 0 0;padding:0;background:var(--ysa-sheet)}
html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .product_objects:not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *)){display:grid!important;grid-template-columns:minmax(0,1fr);gap:8px;width:100%!important;max-width:100%;margin:0!important;padding:0!important;overflow:visible;list-style:none}
html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .product_object:not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *)){display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center;min-width:0;width:100%;margin:0;padding:10px;border:1px solid var(--ysa-line);border-radius:14px;background:var(--ysa-sheet);color:var(--ysa-ink);box-shadow:none;box-sizing:border-box;text-align:left}
html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .product_object:not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *)) .product_image_holder{display:block;width:72px;height:84px;min-width:0;margin:0;padding:0;border-radius:10px;overflow:hidden;background:var(--ysa-canvas)}
html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .product_object:not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *)) .product_image{width:100%!important;height:100%!important;margin:0!important;padding:0;background-size:contain!important;background-repeat:no-repeat;background-position:center}
html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .product_object:not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *)) .product_object_content{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:5px 8px;min-width:0;padding:0}
html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .product_object:not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *)) .product_object_title{grid-column:1/-1;width:auto!important;min-width:0;margin:0!important;font:650 14px/1.4 var(--ysa-font-sans)!important;overflow-wrap:anywhere}
html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .product_object:not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *)) .product_object_title+div{grid-column:1/-1;min-width:0;margin:0 0 3px!important;color:var(--ysa-text-muted);font:400 12.5px/1.45 var(--ysa-font-sans);overflow-wrap:anywhere}
html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .product_object:not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *)) .price{grid-column:1;grid-row:3;margin:0!important;text-align:left!important;font:650 15px/1.4 var(--ysa-font-sans)!important;color:var(--ysa-ink)}
html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .product_object:not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *)) .old_price{grid-column:1;grid-row:3;align-self:start;margin:0!important;text-align:left!important;font:400 11px/1.4 var(--ysa-font-sans)!important;color:var(--ysa-text-muted)}
html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .product_object:not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *)):has(.old_price) .sale_price{padding-top:15px}
html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .product_object:not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *)) .product_object_content>table{display:contents;width:auto!important;max-width:100%;margin:0;border:0;background:none}
html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .product_object:not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *)) :is(tbody,tr,td){display:contents;padding:0;border:0;background:none!important}
html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .product_object:not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *)) td>div{grid-column:2;grid-row:3;margin:0!important;color:var(--ysa-text-muted);font:400 12px/1.4 var(--ysa-font-sans)!important;opacity:1!important;overflow-wrap:anywhere}
html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .product_object:not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *)) .chat_button{grid-column:3;grid-row:3;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;margin:0;padding:6px 12px;border:1px solid var(--ysa-ink);border-radius:999px;background:var(--ysa-sheet);color:var(--ysa-ink);text-decoration:none!important;font:600 12px/1.3 var(--ysa-font-sans);white-space:normal;overflow-wrap:anywhere}
html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .product_object:not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *)) .cart_link{grid-column:4}
html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .product_object:not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *)) .chat_button:hover{background:var(--ysa-canvas);box-shadow:none;transform:none}
html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .product_block:not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *)) :is(.swipe_left,.swipe_right){display:none}
html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .ysa-products-only:not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *)) .product_block{margin-top:0}
html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .content:has(>.ysa-products-only):not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *)){padding:0;background:none;border-radius:0}

/* Customer context uses only the existing authorized profile response. */
html.ysa-connected-preview .ysa-conversation-detail .ysa-cdp-profile-id-row{display:none!important}
html.ysa-connected-preview .ysa-conversation-cortex{margin:16px 0;padding:14px;border:1px solid var(--ysa-line);border-radius:14px;background:var(--ysa-sheet);color:var(--ysa-ink)}
html.ysa-connected-preview .ysa-conversation-cortex header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font:600 13px/1.4 var(--ysa-font-sans)}
html.ysa-connected-preview .ysa-conversation-cortex header>i{font-size:14px}
html.ysa-connected-preview .ysa-conversation-cortex header>strong{font-weight:600}
html.ysa-connected-preview .ysa-conversation-cortex header>a{display:grid;place-items:center;width:28px;height:28px;margin:-6px -4px -6px auto;color:inherit;text-decoration:none;border-radius:8px}
html.ysa-connected-preview .ysa-conversation-cortex h4{margin:12px 0 6px;font:600 15px/1.4 var(--ysa-font-sans)}
html.ysa-connected-preview .ysa-conversation-cortex p{margin:0;color:var(--ysa-text-muted);font:400 12px/1.55 var(--ysa-font-sans)}
html.ysa-connected-preview .ysa-conversation-cortex-state{display:inline-flex;margin-top:12px;padding:4px 8px;border-radius:6px;background:var(--ysa-sage-soft);color:var(--ysa-ink);font:500 11px/1.4 var(--ysa-font-sans)}
html.ysa-connected-preview .ysa-conversation-cortex.is-discovery{background:var(--ysa-canvas)}
html.ysa-connected-preview .ysa-conversation-cortex-cta{display:inline-flex;align-items:center;gap:8px;min-height:36px;margin-top:12px;padding:7px 10px;border:1px solid var(--ysa-line);border-radius:9px;background:var(--ysa-sheet);color:var(--ysa-ink);font:600 12px/1.4 var(--ysa-font-sans);text-decoration:none}
html.ysa-connected-preview .ysa-conversation-cortex .ysa-conversation-cortex-admin{margin-top:12px;font-size:11.5px}

/* Public reference stays visible while names retain their native config actions. */
html.ysa-connected-preview .ysa-conv-header-title:has(.ysa-thread-number){display:flex;align-items:center;gap:7px;min-width:0}
html.ysa-connected-preview .ysa-conv-header-title:has(.ysa-thread-number)>.ysa-conv-title-text{min-width:0;overflow:hidden;text-overflow:ellipsis}
html.ysa-connected-preview .ysa-thread-number{flex:none;color:var(--ysa-text-muted);font:400 11px/1.3 var(--ysa-font-sans)}
html.ysa-connected-preview .ysa-conv-header-subline.ysa-thread-header-context{display:flex;align-items:center;gap:8px;min-width:0;overflow-x:auto;scrollbar-width:none;font-size:11.5px}
html.ysa-connected-preview .ysa-conv-header-subline.ysa-thread-header-context>span{display:inline!important;flex:none}
html.ysa-connected-preview .ysa-thread-context-link{display:inline-block;flex:none;min-height:24px;margin:0;padding:2px 0;border:0;border-radius:0;background:none;color:inherit;font:inherit;line-height:1.4;text-align:left;white-space:nowrap;cursor:pointer;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px}
html.ysa-connected-preview .ysa-thread-context-link:hover{text-decoration-color:currentColor}
html.ysa-connected-preview .ysa-thread-context-details-toggle{display:none}
@media(min-width:721px) and (max-width:1120px){html.ysa-connected-preview .ysa-thread-context-details-toggle{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1px solid var(--ysa-line);border-radius:9px;background:var(--ysa-sheet);color:var(--ysa-ink);cursor:pointer}html.ysa-connected-preview.ysa_mobile_chat_detail_open .ysa-mobile-details-close{display:inline-grid;place-items:center;width:44px;height:44px}}
@media(max-width:1120px){
 html.ysa-connected-preview .ysa-conversation-cortex header>a{width:44px;height:44px;margin:-14px -8px -14px auto}
 html.ysa-connected-preview .ysa-conversation-cortex-cta{min-height:44px}
 html.ysa-connected-preview .ysa-mobile-details-close{width:44px;height:44px}
 html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .product_object:not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *)) .chat_button{min-height:44px}
}
@media(max-width:720px){
 html.ysa-connected-preview .ysa-thread-context-link{display:inline-flex;align-items:center;min-height:44px}
 html.ysa-connected-preview .ysa-conversation-detail:has(.ysa-thread-header-context){grid-template-rows:96px auto minmax(0,1fr) auto}
 html.ysa-connected-preview .conversation_header.thread-head:has(.ysa-thread-header-context){height:96px;align-items:flex-start;padding-top:10px}
 html.ysa-connected-preview .ysa-conv-header-subline.ysa-thread-header-context{position:absolute;left:14px;right:14px;bottom:0;height:44px;gap:10px;font-size:11px}
 html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .product_object:not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *)){grid-template-columns:56px minmax(0,1fr);gap:10px;padding:10px}
 html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .product_object:not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *)) .product_image_holder{width:56px;height:72px}
 html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .product_object:not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *)) .chat_button{grid-column:1/4;grid-row:4;justify-self:start;min-height:44px}
 html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .product_object:not(:where([data-ysa-customer-preview],[data-ysa-customer-preview] *,#ps_preview.ysa-profile-panel,#ps_preview.ysa-profile-panel *,.ysa-op-host[data-ysa-preview],.ysa-op-host[data-ysa-preview] *,.ysa-html-preview,.ysa-html-preview *,.ysa-cdp-widget-template-preview,.ysa-cdp-widget-template-preview *,.ysa-cdp-native-blueprint-preview,.ysa-cdp-native-blueprint-preview *,.ysa-cdp-search-preview-dialog,.ysa-cdp-search-preview-dialog *,.ysa-cdp-personalization-preview-card,.ysa-cdp-personalization-preview-card *)) .cart_link{grid-column:4}
}

/* Native call playback keeps its authenticated controller and media controls. */
html.ysa-connected-preview .ysa-conversation-detail:has(> .ysa-has-voice-recording){grid-template-rows:auto minmax(0,1fr) auto}
html.ysa-connected-preview .conversation_header.thread-head.ysa-has-voice-recording{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto auto auto;align-items:center;column-gap:8px;row-gap:8px;height:auto;min-height:64px;padding:8px 18px}
html.ysa-connected-preview .ysa-has-voice-recording .ysa-thread-avatar{grid-column:1;grid-row:1}
html.ysa-connected-preview .ysa-has-voice-recording .ysa-conv-header-copy{grid-column:2;grid-row:1;min-width:0}
html.ysa-connected-preview .ysa-has-voice-recording :is(.ysa-voice-recording,.ysa-voice-recording-toolbar,.ysa-thread-header-actions){display:contents}
html.ysa-connected-preview .ysa-has-voice-recording .ysa-thread-header-context>.ysa-thread-context-link{max-width:none}
html.ysa-connected-preview .ysa-has-voice-recording .ysa-voice-recording-duration{grid-column:3;grid-row:1;display:inline-flex;align-items:center;color:var(--ysa-text-muted);font:400 12px/1.4 var(--ysa-font-sans);white-space:nowrap}
html.ysa-connected-preview .ysa-has-voice-recording .ysa-voice-recording-duration>span{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html.ysa-connected-preview .ysa-has-voice-recording .ysa-voice-recording-duration time{color:var(--ysa-ink);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}
html.ysa-connected-preview .ysa-has-voice-recording .ysa-voice-recording-toggle{grid-column:4;grid-row:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:34px;min-height:34px;margin:0;padding:6px 10px;border:1px solid var(--ysa-line);border-radius:8px;background:var(--ysa-sheet);color:var(--ysa-ink);font:600 12px/1.4 var(--ysa-font-sans);text-decoration:none;cursor:pointer}
html.ysa-connected-preview .ysa-has-voice-recording .ysa-voice-recording-toggle:hover{background:var(--ysa-canvas)}
html.ysa-connected-preview .ysa-has-voice-recording .ysa-voice-recording-toggle:focus-visible{outline:2px solid var(--ysa-ink);outline-offset:3px}
html.ysa-connected-preview .ysa-has-voice-recording .ysa-voice-recording-toggle svg{display:block;flex:none;width:16px;height:16px}
html.ysa-connected-preview .ysa-has-voice-recording .ysa-voice-recording-toggle .ysa-recording-pause-icon,html.ysa-connected-preview .ysa-has-voice-recording .ysa-voice-recording-toggle.is-playing .ysa-recording-play-icon{display:none}
html.ysa-connected-preview .ysa-has-voice-recording .ysa-voice-recording-toggle.is-playing .ysa-recording-pause-icon{display:block}
html.ysa-connected-preview .ysa-has-voice-recording .ysa-ai-mode-pill{grid-column:5;grid-row:1}
html.ysa-connected-preview .ysa-has-voice-recording #close_thread{grid-column:6;grid-row:1}
html.ysa-connected-preview .ysa-has-voice-recording .ysa-thread-context-details-toggle{grid-column:7;grid-row:1}
html.ysa-connected-preview .ysa-has-voice-recording .ysa-voice-recording-controls{grid-column:1/-1;grid-row:2;min-width:0;margin:0}
html.ysa-connected-preview .ysa-has-voice-recording .ysa-voice-recording-controls audio{display:block;width:100%;height:40px;color-scheme:light}
html.ysa-connected-preview .ysa-has-voice-recording .ysa-voice-recording-status{grid-column:1/-1;grid-row:2;margin:0;color:var(--ysa-text-muted);font:400 12px/1.5 var(--ysa-font-sans)}
@media(max-width:720px){
 html.ysa-connected-preview .ysa-conversation-detail:has(> .ysa-has-voice-recording){grid-template-rows:auto auto minmax(0,1fr) auto}
 html.ysa-connected-preview .conversation_header.thread-head.ysa-has-voice-recording{grid-template-columns:minmax(0,1fr) auto auto auto auto;column-gap:6px;padding:10px 12px 12px}
 html.ysa-connected-preview .ysa-has-voice-recording .ysa-thread-back{position:absolute;top:10px;left:12px}
 html.ysa-connected-preview .ysa-has-voice-recording .ysa-thread-avatar{position:absolute;top:10px;left:54px}
 html.ysa-connected-preview .ysa-has-voice-recording .ysa-conv-header-copy{grid-column:1/-1;grid-row:1;margin:0;padding:0 0 0 88px}
 html.ysa-connected-preview .ysa-has-voice-recording .ysa-thread-header-context{position:static;height:44px}
 html.ysa-connected-preview .ysa-has-voice-recording .ysa-voice-recording-duration{grid-column:1;grid-row:2}
 html.ysa-connected-preview .ysa-has-voice-recording .ysa-voice-recording-toggle{grid-column:2;grid-row:2;width:44px;min-height:44px;padding:0}
 html.ysa-connected-preview .ysa-has-voice-recording .ysa-voice-recording-toggle [data-recording-toggle-label]{display:none}
 html.ysa-connected-preview .ysa-has-voice-recording .ysa-ai-mode-pill{position:static;grid-column:3;grid-row:2;min-height:44px;padding:6px 8px}
 html.ysa-connected-preview .ysa-has-voice-recording #close_thread{grid-column:4;grid-row:2;width:44px;min-height:44px;padding:0;font-size:0}
 html.ysa-connected-preview .ysa-has-voice-recording #close_thread i{font-size:16px}
 html.ysa-connected-preview .ysa-has-voice-recording .ysa-mobile-thread-tools{position:static;grid-column:5;grid-row:2;width:44px;min-height:44px;border:1px solid var(--ysa-line);border-radius:8px;background:var(--ysa-sheet)}
 html.ysa-connected-preview .ysa-has-voice-recording :is(.ysa-voice-recording-controls,.ysa-voice-recording-status){grid-row:3}
}

/* The native records can be read as messages or as their connected timeline. */
html.ysa-connected-preview .ysa-conversation-view-switch{display:inline-flex;align-items:center;gap:3px;flex:none;padding:3px;border:1px solid var(--ysa-line);border-radius:11px;background:var(--ysa-sheet)}
html.ysa-connected-preview .ysa-conversation-view-switch button{min-height:28px;margin:0;padding:5px 9px;border:0;border-radius:8px;background:none;color:var(--ysa-text-muted);font:500 12px/1.35 var(--ysa-font-sans);white-space:nowrap;cursor:pointer}
html.ysa-connected-preview .ysa-conversation-view-switch button[aria-pressed="true"]{background:var(--ysa-ink);color:var(--ysa-on-ink);font-weight:600}
html.ysa-connected-preview .ysa-conversation-view-switch button:focus-visible{outline:2px solid var(--ysa-ink);outline-offset:3px}
html.ysa-connected-preview .ysa-conversation-detail[data-conversation-view] .thread-body{padding:26px 20px 16px}
html.ysa-connected-preview .ysa-context-timeline{--ysa-timeline-axis:46%;--ysa-timeline-gutter:44px;position:relative;min-height:100%;padding:0 0 12px;isolation:isolate}
html.ysa-connected-preview .ysa-context-timeline::before{content:"";position:absolute;z-index:-1;top:0;bottom:22px;left:var(--ysa-timeline-axis);width:1px;background:var(--ysa-line-strong)}
html.ysa-connected-preview .ysa-context-timeline>.ysa-hidden-by-view{display:none!important}
html.ysa-connected-preview .ysa-conversation-timeline:not(.ysa-context-timeline)>.ysa-hidden-by-view{display:none!important}
html.ysa-connected-preview .ysa-context-timeline>.box.ysa-message-composed{width:calc(var(--ysa-timeline-axis) - var(--ysa-timeline-gutter));max-width:calc(var(--ysa-timeline-axis) - var(--ysa-timeline-gutter));margin:14px 0 30px;font-size:14px;line-height:1.48}
html.ysa-connected-preview .ysa-context-timeline>.box.ysa-message-composed:is(.assistant,.init,.agent,.internal,.note){width:calc(100% - var(--ysa-timeline-axis) - var(--ysa-timeline-gutter));max-width:calc(100% - var(--ysa-timeline-axis) - var(--ysa-timeline-gutter));margin-left:auto}
html.ysa-connected-preview .ysa-context-timeline>.box.ysa-message-composed>.content{width:100%;padding:11px 14px;border-radius:16px 5px 16px 16px}
html.ysa-connected-preview .ysa-context-timeline>.box.ysa-message-composed:is(.assistant,.init,.agent,.internal,.note)>.content{border-radius:5px 16px 16px 16px}
html.ysa-connected-preview .ysa-context-timeline>.box.ysa-message-composed::before{content:"";position:absolute;top:19px;left:100%;width:var(--ysa-timeline-gutter);height:1px;background:var(--ysa-line-strong)}
html.ysa-connected-preview .ysa-context-timeline>.box.ysa-message-composed::after{content:"";position:absolute;top:13px;left:calc(100% + var(--ysa-timeline-gutter) - 6px);width:12px;height:12px;border-radius:50%;background:var(--ysa-ink)}
html.ysa-connected-preview .ysa-context-timeline>.box.ysa-message-composed:is(.assistant,.init,.agent,.internal,.note)::before{left:auto;right:100%}
html.ysa-connected-preview .ysa-context-timeline>.box.ysa-message-composed:is(.assistant,.init,.agent,.internal,.note)::after{left:auto;right:calc(100% + var(--ysa-timeline-gutter) - 6px);background:var(--ysa-sage)}
html.ysa-connected-preview .ysa-context-timeline>.box.user .ysa-message-meta{align-self:flex-end}
html.ysa-connected-preview .ysa-context-timeline>.box:is(.assistant,.init) .ysa-message-meta{align-self:flex-start;justify-content:flex-start}
html.ysa-connected-preview .ysa-context-timeline>.ysa-timeline-event{position:relative;left:var(--ysa-timeline-axis);transform:translateX(-50%);z-index:1;max-width:calc(100% - 24px);margin:14px 0 22px;padding:5px 10px;border:1px solid var(--ysa-line);border-radius:999px;background:var(--ysa-sheet);font:400 11.5px/1.5 var(--ysa-font-sans)}
html.ysa-connected-preview .ysa-context-timeline>.ysa-timeline-label-event .ysa-timeline-label-pill{padding:0;background:none!important;color:var(--ysa-text-muted)!important;font:inherit}
html.ysa-connected-preview .ysa-context-timeline>.ysa-timeline-pageview{left:0;transform:none;width:calc(var(--ysa-timeline-axis) - var(--ysa-timeline-gutter));max-width:calc(var(--ysa-timeline-axis) - var(--ysa-timeline-gutter));min-height:40px;margin:12px 0 24px;padding:9px 12px;border-radius:11px 4px 11px 11px;text-align:left;overflow-wrap:anywhere}
html.ysa-connected-preview .ysa-context-timeline>.ysa-timeline-pageview>span{display:block;color:var(--ysa-text-muted);font:400 12px/1.45 var(--ysa-font-sans);text-align:left}
html.ysa-connected-preview .ysa-context-timeline>.ysa-timeline-pageview::before{content:"";position:absolute;top:50%;left:100%;width:var(--ysa-timeline-gutter);height:1px;background:var(--ysa-line-strong)}
html.ysa-connected-preview .ysa-context-timeline>.ysa-timeline-pageview::after{content:"";position:absolute;top:calc(50% - 6px);left:calc(100% + var(--ysa-timeline-gutter) - 6px);width:12px;height:12px;border:2px solid var(--ysa-text-faint);border-radius:50%;background:var(--ysa-sheet)}
html.ysa-connected-preview .ysa-conversation-current{position:relative;margin:20px 0 0;padding:10px 0 0 calc(var(--ysa-timeline-axis) + var(--ysa-timeline-gutter));color:var(--ysa-text-muted);font:400 12px/1.5 var(--ysa-font-sans)}
html.ysa-connected-preview .ysa-conversation-current::before{content:"";position:absolute;left:var(--ysa-timeline-axis);top:19px;width:calc(var(--ysa-timeline-gutter) - 6px);height:1px;background:var(--ysa-line-strong)}
html.ysa-connected-preview .ysa-conversation-current::after{content:"";position:absolute;left:calc(var(--ysa-timeline-axis) - 6px);top:13px;width:12px;height:12px;border-radius:50%;background:var(--ysa-lime);box-shadow:0 0 0 4px var(--ysa-lime-soft)}

/* Native product fields remain available; the context view uses a compact link row. */
html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .ysa-context-timeline .box.ysa-message-composed:has(.ysa-product-row){width:calc(100% - var(--ysa-timeline-axis) - var(--ysa-timeline-gutter));max-width:calc(100% - var(--ysa-timeline-axis) - var(--ysa-timeline-gutter))}
html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .ysa-context-timeline .content:has(.ysa-product-row){padding:11px 14px;background:var(--ysa-sage-soft);border-radius:5px 16px 16px 16px}
html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .product_object.ysa-product-row{display:grid;grid-template-columns:30px minmax(0,1fr) 22px;grid-template-rows:auto auto;gap:0 10px;min-height:40px;padding:5px;border:0;border-radius:11px;background:var(--ysa-sheet)}
html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .ysa-product-row .product_image_holder{grid-column:1;grid-row:1/3;width:30px;height:30px;border-radius:9px;background:var(--ysa-lime-soft)}
html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .ysa-product-row .product_object_content{display:contents}
html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .ysa-product-row .product_object_title{grid-column:2;grid-row:1;min-width:0;margin:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 12px/1.4 var(--ysa-font-sans)!important}
html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .ysa-product-row :is(.ysa-product-row-description){position:absolute;width:1px;height:1px;margin:-1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .ysa-product-row .ysa-product-row-meta{grid-column:2;grid-row:2;display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden;color:var(--ysa-text-muted);font:400 11px/1.4 var(--ysa-font-sans)}
html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .ysa-product-row .ysa-product-row-meta :is(.price,div){display:block;flex:none;margin:0!important;font:inherit!important;white-space:nowrap}
html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .ysa-product-row .ysa-product-row-meta>div+div::before{content:"·";margin-right:5px}
html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .ysa-product-row .chat_button{grid-column:3;grid-row:1/3;min-width:22px;min-height:30px;margin:0;padding:0;border:0;border-radius:8px;font-size:0;background:var(--ysa-sheet);color:var(--ysa-text-muted)}
html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .ysa-product-row .cart_link{grid-column:1/4;grid-row:3;justify-self:end;width:30px}
html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .ysa-product-row .ysa-product-row-arrow{display:inline-flex;align-items:center;justify-content:center;font-size:13px}

/* Details follows the supplied compact customer inspector with native controls. */
html.ysa-connected-preview .ysa-conversation-detail .details-head h3{font-size:16px}
html.ysa-connected-preview .ysa-conversation-detail .ysa-details-contact-card{margin:4px 0 16px;gap:4px 12px}
html.ysa-connected-preview .ysa-conversation-detail .ysa-details-contact-card>strong{font-size:16px;line-height:1.35}
html.ysa-connected-preview .ysa-conversation-detail .ysa-details-contact-card>span{font-size:13px;line-height:1.45;overflow-wrap:anywhere}
html.ysa-connected-preview .ysa-conversation-detail .ysa-details-contact-actions{gap:5px;margin-top:10px}
html.ysa-connected-preview .ysa-conversation-detail .ysa-details-contact-actions>.ysa-contact-view{flex:1 1 auto;min-width:68px;font-size:12px}
html.ysa-connected-preview .ysa-conversation-detail .ysa-conversation-facts-title{display:none}
html.ysa-connected-preview .ysa-conversation-detail .ysa-conversation-facts{border-top:1px solid var(--ysa-line-soft)}
html.ysa-connected-preview .ysa-conversation-detail .ysa-conversation-facts td{padding:9px 0;font-size:14px;line-height:1.4}
html.ysa-connected-preview .ysa-conversation-detail .ysa-conversation-facts td:first-child{width:37%}
html.ysa-connected-preview .ysa-conversation-detail .ysa-conversation-facts td:last-child{font-weight:500}
html.ysa-connected-preview .ysa-conversation-detail .ysa-conversation-facts .ysa-details-assignment-row :is(.ysa-assignment-inline-current,.ysa-assignment-inline-muted){display:inline;margin:0;color:var(--ysa-text-muted);font-size:inherit}
html.ysa-connected-preview .ysa-conversation-detail .ysa-conversation-facts .ysa-assignment-inline-btn{min-height:22px;margin:0;padding:0;border:0;border-radius:0;font:600 12px/1.4 var(--ysa-font-sans)}
html.ysa-connected-preview .ysa-conversation-detail .ysa-details-labels-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-bottom:0}
html.ysa-connected-preview .ysa-conversation-detail .ysa-details-labels-row #label_thread{min-height:29px;padding:4px 9px;border-style:dashed;border-radius:999px;color:var(--ysa-text-muted)}
html.ysa-connected-preview .ysa-conversation-detail .ysa-conversation-cortex{margin:18px 0 16px;padding:14px;border-radius:16px}
html.ysa-connected-preview .ysa-conversation-detail .ysa-conversation-cortex header{font-size:14px}
html.ysa-connected-preview .ysa-conversation-detail .ysa-conversation-cortex p{font-size:13px;line-height:1.5}
html.ysa-connected-preview .ysa-conversation-detail .ysa-conversation-cortex-state{font-size:12px;background:var(--ysa-lime-soft)}
html.ysa-connected-preview .ysa-conversation-detail .ysa-thread-disclosure>summary{min-height:42px;font-size:14px}
@media(min-width:721px) and (max-width:1200px){html.ysa-connected-preview .conversation_header.thread-head:has(.ysa-conversation-view-switch){flex-wrap:wrap;align-content:center;gap:4px 8px;height:96px;padding:8px 14px}html.ysa-connected-preview .ysa-conversation-detail:has(.ysa-conversation-view-switch){grid-template-rows:96px minmax(0,1fr) auto}html.ysa-connected-preview .ysa-conversation-view-switch{order:4;margin-left:44px}html.ysa-connected-preview .conversation_header:has(.ysa-conversation-view-switch) .ysa-thread-header-actions{margin-left:auto}}
@media(max-width:1120px){html.ysa-connected-preview .ysa-conversation-view-switch button{min-height:38px}html.ysa-connected-preview .ysa-conversation-detail .ysa-details-contact-actions{flex-wrap:wrap}html.ysa-connected-preview .ysa-conversation-detail .ysa-details-contact-actions>button{width:44px;min-width:44px;min-height:44px;height:44px}html.ysa-connected-preview .ysa-conversation-detail .ysa-details-contact-actions>.ysa-contact-view{flex:1 1 90px}html.ysa-connected-preview .ysa-conversation-detail .ysa-details-contact-actions>.ysa-contact-deal{margin-left:0}}
@media(max-width:720px){
 html.ysa-connected-preview .ysa-conversation-detail:has(.ysa-conversation-view-switch){grid-template-rows:140px auto minmax(0,1fr) auto}
 html.ysa-connected-preview .conversation_header.thread-head:has(.ysa-conversation-view-switch){height:140px;align-items:flex-start;padding-top:10px}
 html.ysa-connected-preview .conversation_header:has(.ysa-conversation-view-switch) .ysa-conv-header-copy{padding-right:86px}
 html.ysa-connected-preview .ysa-conversation-view-switch{position:absolute;left:14px;right:14px;bottom:6px;display:flex;justify-content:center}
 html.ysa-connected-preview .ysa-conversation-view-switch button{flex:1;min-height:38px;padding:7px 8px;font-size:12px}
 html.ysa-connected-preview .conversation_header:has(.ysa-conversation-view-switch) .ysa-thread-header-context{bottom:52px}
 html.ysa-connected-preview .ysa-conversation-detail[data-conversation-view] .thread-body{padding:18px 14px 14px}
 html.ysa-connected-preview .ysa-context-timeline{--ysa-timeline-axis:6px;--ysa-timeline-gutter:22px;padding-left:28px}
 html.ysa-connected-preview .ysa-context-timeline>.box.ysa-message-composed,html.ysa-connected-preview .ysa-context-timeline>.box.ysa-message-composed:is(.assistant,.init,.agent,.internal,.note){width:fit-content;max-width:100%;margin:8px 0 22px}
 html.ysa-connected-preview .ysa-context-timeline>.box.ysa-message-composed::before,html.ysa-connected-preview .ysa-context-timeline>.box.ysa-message-composed:is(.assistant,.init,.agent,.internal,.note)::before{left:auto;right:100%;width:22px}
 html.ysa-connected-preview .ysa-context-timeline>.box.ysa-message-composed::after,html.ysa-connected-preview .ysa-context-timeline>.box.ysa-message-composed:is(.assistant,.init,.agent,.internal,.note)::after{left:auto;right:calc(100% + 16px)}
 html.ysa-connected-preview .ysa-context-timeline>.ysa-timeline-event{left:0;transform:none;max-width:100%;margin:12px 0 18px}
 html.ysa-connected-preview .ysa-context-timeline>.ysa-timeline-pageview{width:100%;max-width:100%}
 html.ysa-connected-preview .ysa-context-timeline>.ysa-timeline-pageview::before{left:auto;right:100%;width:22px}
 html.ysa-connected-preview .ysa-context-timeline>.ysa-timeline-pageview::after{left:auto;right:calc(100% + 16px)}
 html.ysa-connected-preview .ysa-conversation-current{padding:8px 0 0;margin:16px 0 0}
 html.ysa-connected-preview .ysa-conversation-current::before{left:-22px;top:17px;width:16px}
 html.ysa-connected-preview .ysa-conversation-current::after{left:-28px;top:11px}
 html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .ysa-context-timeline .box.ysa-message-composed:has(.ysa-product-row){width:100%;max-width:100%}
 html.ysa-connected-preview .ysa-conversation-detail #xhr_conversation .ysa-product-row .chat_button{min-height:44px}
}

/* The pending native request has its own centered, accessible brand state. */
html.ysa-connected-preview .ysa-conversation-detail.is-loading{display:flex;align-items:center;justify-content:center;min-height:0;background:var(--ysa-sheet)}

html.ysa-connected-preview .ysa-conversation-cortex [data-cortex-summary]{margin:4px 0 0;overflow-wrap:anywhere;font:400 13px/1.5 var(--ysa-font-sans);color:var(--ysa-text-muted)}
html.ysa-connected-preview .ysa-conversation-cortex [data-cortex-facts]{display:grid;grid-template-columns:fit-content(40%) minmax(0,1fr);gap:4px;margin:4px 0 0;font:400 13px/1.5 var(--ysa-font-sans);color:var(--ysa-text-muted)}
html.ysa-connected-preview .ysa-conversation-cortex [data-cortex-facts]>div{display:flex;flex-wrap:wrap;gap:0 4px;min-width:0}
html.ysa-connected-preview .ysa-conversation-cortex [data-cortex-facts] :is(dt,dd){margin:0;min-width:0;overflow-wrap:anywhere}
html.ysa-connected-preview .ysa-conversation-cortex [data-cortex-facts] dt::after{content:":"}
html.ysa-connected-preview .ysa-conversations-page:has(.ysa-conversation-detail.is-loading){min-height:0}

html.ysa-connected-preview .ysa-conversation-detail .ysa-details-labels-row .ysa-detail-thread-label{min-height:29px;padding:4px 10px;border-radius:999px;background:var(--ysa-canvas);color:var(--ysa-ink);font:500 12px/1.4 var(--ysa-font-sans)}
html.ysa-connected-preview .ysa-details-extra-last{margin-top:12px}

html.ysa-connected-preview .ysa-conversation-cortex :is([data-cortex-description],[data-cortex-summary],[data-cortex-facts],[data-cortex-state])[hidden]{display:none!important}

html.ysa-connected-preview .ysa-conversation-detail[data-conversation-view] #xhr_conversation .product_block:has(.ysa-product-row){margin-top:12px;background:none}

@media(min-width:1121px){
 html.ysa-connected-preview .ysa-conversation-detail .ysa-thread-context-details-toggle{display:grid;place-items:center;flex:none;width:34px;height:34px;min-height:34px;margin:0;padding:0;border:0;border-radius:10px;background:var(--ysa-canvas);color:var(--ysa-ink);cursor:pointer}
 html.ysa-connected-preview .ysa-conversation-detail.ysa-details-collapsed{grid-template-columns:minmax(0,1fr)}
 html.ysa-connected-preview .ysa-conversation-detail.ysa-details-collapsed>.xhr_conversation_profile{display:none!important}
}

html.ysa-connected-preview .ysa-conversation-view-switch[hidden]{display:none!important}

/* Keep the open Sources inspector above the conversation header and composer. */
html.ysa-connected-preview #xhr_conversation.thread-body:has(.ysa-preview-message-inspector > .conversation_data_block[aria-hidden="false"]){position:relative;z-index:2000}

/* Keep the native menu mark available beside mobile Conversations utilities. */
@media(max-width:720px){
 html.ysa-connected-preview:has(#framework_main.conversations) body>.ysa-topbar:has(.ysa-preview-account-identity)>.ysa-topbar-row>.ysa-shell-mobile-menu{display:flex}
}