/* Product knowledge and coaching: intentionally scoped to the new workspace. */
body.shop-workspace-active .top { display:none; }
.sw-page { --sw-blue:#2563eb; --sw-ink:#1e293b; --sw-muted:#53647b; --sw-line:#dbe4f1; --sw-ease-out:cubic-bezier(.23,1,.32,1); color:var(--sw-ink); }
.sw-page [hidden] { display:none !important; }
.sw-page h2,.sw-page h3,.sw-page p { margin:0; }
.sw-page h2 { font-size:23px; letter-spacing:-.03em; }
.sw-page h3 { font-size:16px; }
.sw-page p,.sw-page small { line-height:1.6; }
.sw-page button,.sw-page input,.sw-page select,.sw-page textarea { font:inherit; font-size:14px; }
.sw-page button { min-height:38px; cursor:pointer; white-space:nowrap; }
.sw-page button:disabled { cursor:not-allowed; opacity:.5; }
.sw-page input:not([type=checkbox]),.sw-page select,.sw-page textarea { width:100%; box-sizing:border-box; background:#fff; color:var(--sw-ink); border:1px solid #bac9dd; padding:10px 12px; border-radius:8px; min-width:0; }
.sw-page textarea { resize:vertical; }
.sw-page button:focus-visible,.sw-page input:focus-visible,.sw-page select:focus-visible,.sw-page textarea:focus-visible,.sw-page summary:focus-visible { outline:3px solid #2563eb80; outline-offset:3px; }
.sw-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:24px 0 16px; }
.sw-toolbar p { color:var(--sw-muted); margin-top:6px; font-size:14px; }
.sw-actions { display:flex; align-items:center; gap:10px; }
.sw-shop-label { display:flex; align-items:center; gap:10px; font-size:13px; white-space:nowrap; color:var(--sw-muted); }
.sw-shop-label select { min-width:190px; max-width:320px; }
.sw-status { padding:11px 14px; margin:0 0 16px !important; font-size:13px; border:1px solid var(--sw-line); background:#f8faff; border-radius:8px; }
.sw-status:empty { display:none; }
.sw-status[data-error=true],#swEditorStatus[data-error=true] { color:#9d2424; background:#fff4f2; border-color:#ebc0b7; }
.sw-product-workspace { display:grid; grid-template-columns:minmax(280px,.8fr) minmax(400px,1.4fr); gap:18px; align-items:start; }
.sw-product-pane,.sw-knowledge-pane,.sw-agent-pane,.sw-skills-pane { background:#fff; border:1px solid var(--sw-line); border-radius:12px; overflow:hidden; }
.sw-pane-head { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:20px; border-bottom:1px solid var(--sw-line); }
.sw-pane-head p { font-size:13px; color:var(--sw-muted); margin-top:5px; overflow-wrap:anywhere; }
.sw-pane-head>span { font-size:13px; color:var(--sw-muted); white-space:nowrap; }
.sw-search { display:grid; grid-template-columns:minmax(0,1fr) 102px; gap:8px; padding:14px; background:#f8faff; border-bottom:1px solid var(--sw-line); }
.sw-search input { grid-column:1 / -1; }
.sw-search button { background:#fff; border:1px solid var(--sw-line); }
.sw-products { min-height:370px; max-height:62vh; overflow:auto; }
.sw-product { display:flex; gap:12px; width:100%; padding:16px !important; text-align:left; border:0; border-bottom:1px solid #edf1f7; border-radius:0 !important; background:#fff; color:var(--sw-ink); white-space:normal !important; box-shadow:none !important; }
.sw-product:hover { background:#f4f8ff; }
.sw-product[aria-pressed=true] { background:#edf4ff; box-shadow:inset 3px 0 var(--sw-blue) !important; }
.sw-product-image { display:grid; place-items:center; width:64px; height:64px; flex:none; border:1px solid var(--sw-line); border-radius:8px; background:#f1f5fb; overflow:hidden; }
.sw-product-image img { width:100%; height:100%; object-fit:cover; }
.sw-product-image svg { width:28px; height:28px; fill:none; stroke:#6c829f; stroke-width:1.5; }
.sw-product-copy { min-width:0; flex:1; }
.sw-product-copy strong { display:block; font-size:14px; line-height:1.5; overflow-wrap:anywhere; }
.sw-product-copy small { display:block; color:var(--sw-muted); font-size:12px; margin-top:4px; }
.sw-product-meta { display:flex; gap:10px; justify-content:space-between; margin-top:8px; color:var(--sw-muted); font-size:12px; }
.sw-pagination { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:12px; border-top:1px solid var(--sw-line); font-size:12px; }
.sw-pagination button { padding:6px 10px; font-size:12px; }
.sw-knowledge-pane { container-type:inline-size; }
.sw-knowledge-cards { padding:14px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; align-items:start; max-height:57vh; overflow:auto; }
.sw-knowledge-cards>.sw-empty { grid-column:1 / -1; }
.sw-knowledge-card { display:flex; flex-direction:column; align-items:stretch; box-sizing:border-box; min-width:0; min-height:128px; width:100%; padding:10px 12px !important; text-align:left; background:#fff; color:var(--sw-ink); border:1px solid var(--sw-line); border-radius:9px !important; white-space:normal !important; box-shadow:none !important; }
.sw-knowledge-card:hover { border-color:var(--sw-blue); background:#f8faff; }
.sw-knowledge-card .sw-card-title { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:13px; line-height:1.4; overflow-wrap:anywhere; }
.sw-knowledge-card .sw-card-reply { font-size:12px; line-height:1.5; margin-top:6px; color:var(--sw-muted); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; }
.sw-knowledge-card .sw-card-time { display:block; margin-top:auto; padding-top:8px; font-size:11px; line-height:1.5; color:var(--sw-muted); }
@container(max-width:420px) { .sw-knowledge-cards { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@container(max-width:270px) { .sw-knowledge-cards { grid-template-columns:minmax(0,1fr); } }
.sw-badge { display:inline-block; border-radius:5px; padding:3px 7px; background:#eff4fb; color:#455f80; font-size:12px; white-space:nowrap; }
.sw-badge.gold { background:#fff3d2; color:#80580b; }
.sw-badge.active { background:#e8f5ed; color:#236342; }
.sw-empty { display:grid; justify-items:center; align-content:center; text-align:center; min-height:300px; padding:24px; box-sizing:border-box; gap:12px; }
.sw-empty svg { width:46px; height:46px; fill:none; stroke:#879dbb; stroke-width:1.2; }
.sw-empty h3 { font-size:16px; color:var(--sw-ink); }
.sw-empty p { max-width:290px; font-size:13px; color:var(--sw-muted); }
.sw-editor { padding:20px; display:grid; gap:18px; }
.sw-editor-heading { display:flex; justify-content:space-between; align-items:center; }
.sw-editor label { display:grid; gap:8px; font-size:14px; font-weight:600; }
.sw-editor label small { font-size:12px; font-weight:400; color:var(--sw-muted); }
.sw-editor details summary { cursor:pointer; color:#345579; font-size:13px; padding:8px 0; }
.sw-editor details label { margin-top:14px; }
.sw-editor-footer { position:sticky; bottom:0; background:#fff; border-top:1px solid var(--sw-line); padding-top:16px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.sw-editor .sw-check { display:flex; align-items:center; gap:8px; font-size:13px; }
.sw-check input { width:17px; height:17px; accent-color:var(--sw-blue); }
.sw-danger { color:#ac3030 !important; background:#fff !important; border-color:#e6bbbb !important; }
.sw-tabs { display:flex; gap:28px; margin-top:12px; border-bottom:1px solid #cad7e8; margin-bottom:20px; }
.sw-tabs button { background:transparent !important; color:var(--sw-muted); border:0; border-bottom:3px solid transparent; border-radius:0; padding:14px 3px; box-shadow:none; }
.sw-tabs button[aria-selected=true] { border-bottom-color:var(--sw-blue); color:var(--sw-blue); font-weight:700; }
.sw-gold-layout { display:grid; grid-template-columns:minmax(330px,1fr) minmax(350px,1fr); gap:18px; }
.sw-gold-layout > .sw-agent-pane { display:flex; flex-direction:column; }
.sw-gold-layout > .sw-agent-pane > .sw-note { margin-top:auto; }
.sw-agent-search { display:flex; align-items:center; gap:12px; padding:14px 20px; border-bottom:1px solid var(--sw-line); }
.sw-agent-row { padding:18px 20px; border-bottom:1px solid #edf1f7; display:grid; grid-template-columns:40px minmax(0,1fr) auto; gap:12px; align-items:center; }
.sw-avatar { width:38px; height:38px; display:grid; place-items:center; background:#eaf1fb; border-radius:50%; font-size:16px; color:#44648d; }
.sw-agent-row strong { font-size:14px; }
.sw-agent-row small { display:block; color:var(--sw-muted); font-size:12px; margin-top:5px; overflow-wrap:anywhere; }
.sw-agent-controls { display:flex; align-items:center; gap:10px; grid-column:2 / -1; }
.sw-agent-controls button { padding:6px 12px; font-size:12px; }
.sw-agent-controls label { display:flex; align-items:center; gap:6px; font-size:13px; }
.sw-agent-controls label { white-space:nowrap; }
.sw-agent-controls input[type="checkbox"] { width:16px; min-width:16px; height:16px; margin:0; flex:none; }
.sw-note { padding:14px 20px; color:var(--sw-muted); background:#f7f9fd; font-size:12px; line-height:1.7; }
.sw-skill { margin:16px; border:1px solid var(--sw-line); border-radius:9px; padding:18px; }
.sw-skill>header { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; }
.sw-skill p { font-size:13px; color:var(--sw-muted); margin:8px 0; }
.sw-skill blockquote { margin:12px 0; border-left:3px solid #b8ccee; background:#f7faff; padding:10px 14px; font-size:13px; line-height:1.7; }
.sw-skill .sw-actions { justify-content:flex-end; margin-top:14px; }
.sw-skill .sw-actions button { font-size:12px; }
.sw-learning-pagination { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; padding:14px 16px; border-bottom:1px solid var(--sw-line); color:var(--sw-muted); font-size:13px; }
.sw-learning-pagination .sw-actions { display:flex; gap:8px; }
.sw-learning-pagination button { min-height:40px; }
.sw-learning-pagination button:focus-visible { outline:2px solid var(--sw-blue); outline-offset:2px; }
.sw-sample { margin:14px 0; background:#fff; border:1px solid var(--sw-line); border-radius:9px; padding:16px; }
.sw-sample summary { cursor:pointer; font-size:14px; }
.sw-sample p { font-size:13px; line-height:1.8; white-space:pre-wrap; margin-top:10px; padding:10px; border-radius:6px; background:#f5f7fa; overflow-wrap:anywhere; }
.sw-sample p[data-role=seller] { background:#edf4ff; }
.sw-sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.sw-skill-dialog { width:min(560px,calc(100vw - 56px)); max-height:85vh; padding:24px; color:#1e293b; background:#fff; border:1px solid #dbe4f1; border-radius:12px; box-shadow:0 20px 80px #182f5050; }
.sw-skill-dialog::backdrop { background:#172b4d80; }
.sw-skill-dialog form { display:grid; gap:16px; }.sw-skill-dialog label { display:grid; gap:8px; font-size:14px; }.sw-skill-dialog .sw-actions { flex-wrap:wrap; justify-content:flex-end; }
@media(max-width:1200px) { .sw-toolbar { align-items:flex-start; flex-wrap:wrap; }.sw-product-workspace,.sw-gold-layout { grid-template-columns:minmax(250px,.8fr) minmax(310px,1fr); }.sw-pane-head { padding:15px; }.sw-shop-label select { min-width:150px; } }
@media(max-width:950px) { .sw-product-workspace,.sw-gold-layout { grid-template-columns:1fr; }.sw-products { min-height:180px; max-height:340px; }.sw-knowledge-cards { max-height:none; }.sw-empty { min-height:220px; } }
@media(max-width:600px) { .sw-toolbar,.sw-toolbar .sw-actions { align-items:stretch; width:100%; }.sw-toolbar .sw-actions { flex-wrap:wrap; }.sw-shop-label { width:100%; }.sw-shop-label select { flex:1; min-width:0; }.sw-editor-footer { flex-wrap:wrap; }.sw-pane-head { flex-wrap:wrap; }.sw-agent-row { padding:15px; }.sw-agent-controls { flex-wrap:wrap; } }
@media(prefers-reduced-motion:reduce) { .sw-page * { transition:none !important; animation:none !important; } }

/* Knowledge cards show the question first, with the reply as a quiet excerpt. */
.sw-knowledge-cards { grid-template-columns:repeat(auto-fill,minmax(245px,1fr)); gap:16px; padding:18px; }
.sw-knowledge-card { padding:0 !important; min-height:230px; border-radius:10px !important; overflow:hidden; transition:border-color 160ms ease,box-shadow 160ms ease; }
.sw-card-heading { display:flex; align-items:center; justify-content:space-between; padding:16px 16px 12px; color:var(--sw-muted); font-size:11px; gap:10px; }
.sw-card-state { border-radius:5px; padding:2px 7px; background:#edf1f6; color:#56657a; }
.sw-card-state.enabled { background:#e8f5ed; color:#236342; }
.sw-knowledge-card .sw-card-title { margin:0 16px 10px; font-size:16px; line-height:1.5; text-wrap:pretty; }
.sw-card-intent { margin:0 16px 12px !important; font-size:12px !important; color:#415a7d; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; }
.sw-knowledge-card .sw-card-reply { margin:0 16px 12px !important; padding:10px 11px; background:#f7f9fc; border-left:2px solid #adc6f9; font-size:12px; line-height:1.8; -webkit-line-clamp:3; }
.sw-card-scope { margin:auto 16px 12px; font-size:11px; color:var(--sw-muted); }
.sw-card-footer { display:flex; align-items:center; justify-content:space-between; gap:8px; border-top:1px solid #edf1f7; padding:11px 16px; }
.sw-knowledge-card .sw-card-time { padding:0; margin:0; font-size:10px; }
.sw-card-edit { flex:none; font-size:11px; color:var(--sw-blue); font-weight:600; }
@container(max-width:540px) { .sw-knowledge-cards { grid-template-columns:minmax(0,1fr); } }
@media(hover:hover) and (pointer:fine) { .sw-knowledge-card:hover { background:#fff; border-color:#90b1f6; box-shadow:0 4px 14px #34568b12 !important; } }

.sw-knowledge-drawer { --ease-drawer:cubic-bezier(.32,.72,0,1); position:fixed; inset:0 0 0 auto; margin:0; width:min(1060px,100vw); max-width:100vw; height:100dvh; max-height:100dvh; padding:0; border:0; border-radius:0; overflow:hidden; background:#fff; box-shadow:-12px 0 45px #1e335229; transform:translateX(0); opacity:1; transition:transform 250ms var(--ease-drawer),opacity 200ms ease; }
.sw-knowledge-drawer::backdrop { background:#18305138; transition:background-color 200ms ease; }
.sw-knowledge-drawer[data-closing] { transform:translateX(100%); opacity:0; }
.sw-knowledge-drawer[data-closing]::backdrop { background:#18305100; }
@starting-style { .sw-knowledge-drawer[open]:not([data-instant]) { transform:translateX(100%); opacity:0; } .sw-knowledge-drawer[open]:not([data-instant])::backdrop { background:#18305100; } }
.sw-knowledge-drawer[data-instant],.sw-knowledge-drawer[data-instant]::backdrop { transition:none; }
.sw-drawer-shell { display:flex; flex-direction:column; height:100%; margin:0; padding:0; min-height:0; }
.sw-drawer-heading { display:flex; align-items:center; justify-content:space-between; padding:22px 26px; border-bottom:1px solid var(--sw-line); gap:18px; flex:none; background:#fff; }
.sw-drawer-heading h2 { font-size:20px; }
.sw-drawer-heading p { margin-top:4px; color:var(--sw-muted); font-size:12px; overflow-wrap:anywhere; max-width:850px; }
.sw-drawer-close { background:transparent; border:0; font-size:23px !important; width:38px; height:38px; padding:0 !important; flex:none; color:var(--sw-muted); }
.sw-drawer-columns { display:grid; grid-template-columns:minmax(0,1fr) 355px; min-height:0; flex:1; }
.sw-drawer-content { padding:26px 28px; overflow:auto; overscroll-behavior:contain; scroll-padding:22px; }
.sw-content-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; gap:12px; }
.sw-content-heading span { font-size:11px; color:var(--sw-muted); }
.sw-drawer-content>label { display:block; margin-bottom:23px; font-weight:600; font-size:14px; }
.sw-drawer-content input,.sw-drawer-content textarea { display:block; margin-top:9px; font-weight:400; line-height:1.8; }
.sw-drawer-content small { display:block; margin-top:8px; color:var(--sw-muted); font-size:12px; font-weight:400; }
.sw-condition-settings { border-left:1px solid var(--sw-line); background:#f8fafd; padding:25px 20px; overflow:auto; overscroll-behavior:contain; scroll-padding:20px; }
.sw-condition-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.sw-help-button { min-height:24px !important; width:24px; height:24px; padding:0 !important; border-radius:50% !important; background:#fff; border:1px solid var(--sw-line); color:var(--sw-muted); font-size:12px !important; }
.sw-condition-lead { font-size:12px; color:var(--sw-muted); margin:8px 0 18px !important; }
.sw-condition-note { background:#edf4ff; color:#456086; padding:10px 12px; font-size:11px !important; line-height:1.7 !important; border-radius:7px; margin:14px 0 !important; }
.sw-condition-tabs { display:grid; grid-template-columns:1fr 1fr; gap:3px; padding:4px; background:#eaf0f7; border:1px solid #e3e9f3; border-radius:8px; margin-bottom:18px; }
.sw-condition-tabs button { min-height:34px; border:0; background:transparent; padding:7px 4px; border-radius:5px; font-size:12px; }
.sw-condition-tabs button[aria-selected=true] { background:#fff; color:var(--sw-blue); font-weight:600; box-shadow:0 1px 4px #1e335218; }
.sw-condition-tabs button[data-condition-mode=exclude][aria-selected=true] { color:#a0442e; }
.sw-condition-count { margin-left:6px; padding:1px 5px; border-radius:5px; background:#e7efff; color:#245ac4; font-size:10px; font-variant-numeric:tabular-nums; }
.sw-condition-section { border:1px solid var(--sw-line); border-radius:9px; background:#fff; margin-bottom:11px; overflow:hidden; }
.sw-condition-section summary { padding:12px 14px; display:flex; align-items:center; gap:8px; list-style:none; cursor:pointer; font-size:13px; min-height:58px; box-sizing:border-box; }
.sw-condition-section summary::-webkit-details-marker { display:none; }
.sw-condition-size { color:var(--sw-muted); font-size:11px; }
.sw-condition-plus { margin-left:auto; flex:none; font-size:22px; color:var(--sw-blue); width:34px; height:34px; line-height:32px; box-sizing:border-box; text-align:center; border:1px solid #b5cafa; border-radius:50%; transition:transform 160ms ease; }
.sw-condition-section[open] .sw-condition-plus { transform:rotate(45deg); }
.sw-condition-body { padding:0 14px 14px; }
.sw-condition-selector-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 14px; font-size:13px; min-height:58px; box-sizing:border-box; }
.sw-condition-selector-heading>button { width:34px; min-height:34px; padding:0; border-radius:50%; border:1px solid #b5cafa; background:#fff; color:var(--sw-blue); font-size:22px; flex:none; }
.sw-condition-selected:has(>div) { padding:0 14px 14px; }
.sw-condition-selector-section>.sw-condition-chips:empty { display:none; }
.sw-condition-selector-section>.sw-condition-chips:not(:empty) { margin:0; padding:0 14px 14px; }
.sw-selected-products { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.sw-selected-product { min-width:0; }
.sw-selected-product-image { position:relative; width:100%; aspect-ratio:1; border:1px solid var(--sw-line); border-radius:8px; overflow:hidden; background:#edf2f8; }
.sw-selected-product-image img { width:100%; height:100%; object-fit:cover; display:block; }
.sw-selector-image-empty { height:100%; width:100%; display:grid; place-items:center; color:var(--sw-muted); font-size:12px; background:#edf2f8; }
.sw-selector-image-empty[hidden],.sw-selected-product-image img[hidden],.sw-selector-product-photo img[hidden] { display:none; }
.sw-selected-product-image button { position:absolute; top:5px; right:5px; width:28px; min-height:28px; padding:0; background:#fff; border:1px solid #d0ddef; border-radius:50%; color:#526885; font-size:18px; }
.sw-selected-product p { font-size:12px; line-height:1.6; margin:5px 0 0 !important; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; }
.sw-selected-product small { display:block; font-size:11px; color:var(--sw-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sw-selector-legacy-groups { padding:0 14px 12px; font-size:12px; }
.sw-condition-selected:has(>div) .sw-selector-legacy-groups { padding:5px 0 0; }
.sw-selector-legacy-groups summary { padding:5px 0; min-height:30px; color:var(--sw-muted); font-size:11px; }
.sw-condition-selector { width:min(1060px,calc(100vw - 40px)); max-width:calc(100vw - 40px); max-height:88dvh; padding:0; border:1px solid var(--sw-line); border-radius:14px; color:var(--sw-ink); background:#fff; box-shadow:0 24px 90px #18305135; overflow:hidden; opacity:1; transform:scale(1); transition:opacity 250ms var(--sw-ease-out),transform 250ms var(--sw-ease-out); }
.sw-condition-selector::backdrop { background:#18305177; transition:background-color 250ms var(--sw-ease-out); }
.sw-condition-selector[data-closing] { opacity:0; transform:scale(.96); }
.sw-condition-selector[data-closing]::backdrop { background:#18305100; }
@starting-style { .sw-condition-selector[open]:not([data-instant]) { opacity:0; transform:scale(.96); } .sw-condition-selector[open]:not([data-instant])::backdrop { background:#18305100; } }
.sw-condition-selector[data-instant],.sw-condition-selector[data-instant]::backdrop { transition:none; }
.sw-selector-shell { display:flex; flex-direction:column; max-height:88dvh; }
.sw-selector-content { min-height:0; overflow:auto; overscroll-behavior:contain; padding:20px 25px; scroll-padding:18px; }
.sw-selector-content h3 { font-size:14px; }
.sw-selector-tabs { display:flex; gap:24px; border-bottom:1px solid var(--sw-line); margin-bottom:17px; }
.sw-selector-tabs button { border:0; border-radius:0; padding:0 0 12px; min-height:36px; background:transparent; font-size:13px; }
.sw-selector-tabs button[aria-selected=true] { border-bottom:2px solid var(--sw-blue); color:var(--sw-blue); font-weight:600; }
.sw-selector-filters { display:grid; grid-template-columns:minmax(0,1fr) 190px 125px; gap:12px; margin-bottom:18px; }
.sw-selector-filters label { display:flex; flex-direction:column; gap:6px; font-size:12px; color:var(--sw-muted); }
.sw-selector-filters input,.sw-selector-filters select,.sw-agent-picker input[type=search] { padding:9px 11px; min-width:0; width:100%; min-height:40px; font-size:13px; }
.sw-selector-table-wrap { border:1px solid var(--sw-line); border-radius:9px; max-height:min(390px,42dvh); overflow:auto; overscroll-behavior:contain; }
.sw-selector-table { border-collapse:collapse; width:100%; min-width:860px; font-size:12px; text-align:left; }
.sw-selector-table td,.sw-selector-table th { padding:13px 12px; border-bottom:1px solid #edf1f7; }
.sw-selector-table th { background:#f4f7fc; position:sticky; top:0; z-index:1; color:#4c5d75; font-weight:600; white-space:nowrap; }
.sw-selector-table tr:last-child td { border-bottom:0; }
.sw-selector-table tr.selected td { background:#f4f8ff; }
.sw-selector-table input[type=checkbox],.sw-agent-picker input[type=checkbox],.sw-selector-shop-row input { width:17px; height:17px; accent-color:var(--sw-blue); cursor:pointer; flex:none; }
.sw-selector-product-cell { display:flex; align-items:center; gap:12px; min-width:210px; max-width:285px; cursor:pointer; }
.sw-selector-product-cell>span:last-child { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; min-width:0; }
.sw-selector-product-photo { width:52px; height:52px; border:1px solid var(--sw-line); border-radius:6px; overflow:hidden; flex:none; }
.sw-selector-product-photo img { width:100%; height:100%; object-fit:cover; display:block; }
.sw-selector-product-photo .sw-selector-image-empty { font-size:10px; }
.sw-selector-product-status { white-space:nowrap; }
.sw-selector-product-status::before { content:''; display:inline-block; width:6px; height:6px; background:#94a3b8; border-radius:50%; margin-right:6px; }
.sw-selector-product-status.active::before { background:#16a085; }
.sw-selector-pagination { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:14px; color:var(--sw-muted); font-size:12px; font-variant-numeric:tabular-nums; }
.sw-selector-pagination button { border:1px solid var(--sw-line); background:#fff; min-height:34px; padding:6px 10px; font-size:12px; }
.sw-selector-empty { text-align:center; padding:32px 16px !important; color:var(--sw-muted); font-size:13px; }
.sw-selector-feedback { padding:0 25px; font-size:12px; }
.sw-selector-feedback p { margin:0 !important; overflow-wrap:anywhere; }
.sw-selector-feedback p[data-error=true] { color:#ad3a30; }
.sw-selector-feedback button { min-height:30px; font-size:12px; margin:5px 0 8px; }
.sw-agent-picker { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--sw-line); border-radius:9px; min-height:370px; overflow:hidden; }
.sw-agent-picker>section { min-width:0; padding:18px; max-height:430px; overflow:auto; overscroll-behavior:contain; scroll-padding:18px; }
.sw-agent-picker>section+section { border-left:1px solid var(--sw-line); background:#fafcfe; }
.sw-agent-picker label[for=swSelectorQuery] { display:block; font-size:12px; color:var(--sw-muted); margin-bottom:7px; }
.sw-selector-select-all { display:flex; align-items:center; gap:8px; padding:12px 0; color:var(--sw-muted); font-size:12px; border-bottom:1px solid var(--sw-line); cursor:pointer; }
.sw-selector-agent-row { display:flex; align-items:center; gap:11px; padding:11px 0; cursor:pointer; font-size:13px; content-visibility:auto; contain-intrinsic-size:auto 58px; }
.sw-selector-agent-row>span:last-child { min-width:0; overflow-wrap:anywhere; }
.sw-selector-agent-row small { display:block; font-size:11px; color:var(--sw-muted); }
.sw-selector-avatar { width:34px; height:34px; display:grid; place-items:center; border-radius:50%; background:#eaf1ff; color:#426aa7; flex:none; }
.sw-selector-selected-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; font-size:13px; gap:10px; }
.sw-selector-selected-heading button,.sw-selector-agent-selected button { border:0; background:transparent; color:var(--sw-blue); min-height:30px; padding:5px; font-size:12px; }
.sw-selector-agent-selected { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:10px 0; border-bottom:1px solid var(--sw-line); font-size:13px; }
.sw-selector-agent-selected>span { min-width:0; overflow-wrap:anywhere; }
.sw-selector-platforms { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin:12px 0 24px; }
.sw-selector-platforms button { min-height:40px; border:1px solid var(--sw-line); background:#fff; font-size:13px; }
.sw-selector-platforms button[aria-pressed=true] { background:#edf4ff; color:var(--sw-blue); border-color:#9fbbef; }
.sw-selector-shop-row { display:flex; align-items:center; gap:12px; padding:16px 12px; border:1px solid var(--sw-line); border-radius:8px; margin-top:10px; cursor:pointer; font-size:13px; }
.sw-selector-shop-row span { min-width:0; overflow-wrap:anywhere; }
.sw-selector-shop-row small { display:block; font-size:11px; color:var(--sw-muted); }
.sw-selector-shell .sw-drawer-footer { font-size:13px; }
.sw-shared-knowledge p { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.9; margin:8px 0 22px !important; }
.sw-shared-knowledge h4 { font-size:13px; color:var(--sw-muted); margin:20px 0 0; }
@media(prefers-reduced-motion:reduce) { .sw-condition-selector { transform:none !important; transition:opacity 120ms var(--sw-ease-out); } .sw-condition-selector::backdrop { transition:none; } }
@media(max-width:800px) { .sw-selector-filters { grid-template-columns:1fr 1fr; } .sw-selector-filters>label:first-child { grid-column:1/-1; } .sw-condition-selector { width:calc(100vw - 24px); max-width:calc(100vw - 24px); } .sw-selector-content { padding:16px; } .sw-selector-platforms { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:520px) { .sw-agent-picker { grid-template-columns:1fr; } .sw-agent-picker>section { max-height:240px; } .sw-agent-picker>section+section { border-left:0; border-top:1px solid var(--sw-line); } }
.sw-condition-body small { display:block; font-size:11px; color:var(--sw-muted); margin-top:8px; }
.sw-condition-chips { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:10px; min-width:0; }
.sw-condition-chip { display:inline-flex; align-items:center; min-width:0; max-width:100%; gap:6px; border:1px solid #d4dfef; background:#f5f8ff; color:#3c5886; border-radius:5px; padding:3px 7px; font-size:12px; }
.sw-condition-chip>span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sw-condition-chip button { min-height:28px; width:24px; padding:0 !important; border:0; background:transparent; font-size:16px; color:#657895; flex:none; }
.sw-condition-pick-label { display:block; font-size:11px; margin-bottom:6px; }
.sw-condition-pick { display:grid; grid-template-columns:minmax(0,1fr) 48px; gap:7px; }
.sw-condition-pick select { padding:7px; font-size:12px; }
.sw-condition-pick button { min-height:36px; padding:5px !important; font-size:12px; border:1px dashed #b9cced; background:#fff; color:var(--sw-blue); }
.sw-condition-search { display:grid; grid-template-columns:minmax(0,1fr) 56px; gap:7px; margin:0 0 10px; }
.sw-condition-search input { padding:7px !important; font-size:12px !important; }
.sw-condition-search button { padding:5px !important; min-height:34px; border:1px solid var(--sw-line); background:#fff; font-size:12px; }
.sw-condition-pagination { display:flex; align-items:center; justify-content:space-between; gap:6px; font-size:10px; color:var(--sw-muted); margin-top:10px; font-variant-numeric:tabular-nums; }
.sw-condition-pagination button { min-height:30px; padding:4px 7px !important; border:1px solid var(--sw-line); background:#fff; font-size:11px; }
.sw-manage-groups { display:block; width:100%; min-height:34px !important; margin-top:9px; border:1px dashed #b9cced; background:#fff; color:var(--sw-blue); font-size:12px !important; }
.sw-rule-form { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.sw-rule-form label { display:block; min-width:0; font-size:11px; }
.sw-rule-form input,.sw-rule-form select { margin-top:5px; font-size:12px; padding:7px; }
.sw-rule-form .sw-rule-value-label,.sw-rule-form #swRuleValue2Label,.sw-rule-form button { grid-column:1/-1; }
.sw-rule-form button { background:#fff; border:1px dashed #b9cced; color:var(--sw-blue); font-size:12px; }
#swConditionStatus { font-size:12px; color:var(--sw-muted); overflow-wrap:anywhere; margin:8px 0; }
#swConditionStatus[data-error=true],#swGroupStatus[data-error=true] { color:#a32f24; }
.sw-drawer-footer { display:flex; align-items:center; justify-content:space-between; padding:16px 26px; border-top:1px solid var(--sw-line); gap:16px; flex:none; background:#fff; }
.sw-drawer-footer .sw-check { font-size:13px; }
.sw-drawer-footer #swEditorStatus { padding:0; border:0; margin-top:5px; font-size:11px; overflow-wrap:anywhere; max-width:490px; }
.sw-drawer-footer button { min-height:40px; padding:8px 15px; border:1px solid var(--sw-line); border-radius:8px; background:#fff; }
.sw-drawer-footer button.primary { background:var(--sw-blue); color:#fff; border-color:var(--sw-blue); }
.sw-drawer-footer button.sw-danger { color:#a32f24; }
.sw-group-dialog { width:min(700px,calc(100vw - 32px)); max-width:calc(100vw - 32px); height:min(820px,90dvh); max-height:90dvh; padding:0; border:1px solid var(--sw-line); border-radius:12px; background:#fff; box-shadow:0 18px 80px #18305133; overflow:hidden; }
.sw-group-dialog::backdrop { background:#18305155; }
.sw-group-dialog form { display:flex; flex-direction:column; height:100%; }
.sw-group-content { flex:1; min-height:0; overflow:auto; overscroll-behavior:contain; padding:20px 24px; scroll-padding:20px; }
.sw-group-row { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px 0; border-bottom:1px solid var(--sw-line); content-visibility:auto; contain-intrinsic-size:auto 62px; }
.sw-group-row strong { display:block; font-size:14px; overflow-wrap:anywhere; }
.sw-group-row small { display:block; color:var(--sw-muted); font-size:11px; }
.sw-group-row button,#swNewGroup { min-height:34px; padding:5px 10px; background:#fff; border:1px solid var(--sw-line); font-size:12px; }
#swNewGroup { margin:14px 0; color:var(--sw-blue); }
#swGroupFields>label { display:block; font-size:13px; font-weight:600; margin:10px 0 18px; }
#swGroupName { margin-top:7px; font-weight:400; }
.sw-group-selected>span { display:block; margin-bottom:7px; color:var(--sw-muted); font-size:12px; }
.sw-group-member-list { border:1px solid var(--sw-line); border-radius:8px; margin-top:12px; max-height:300px; overflow:auto; overscroll-behavior:contain; }
.sw-group-member { display:flex; align-items:center; gap:10px; padding:11px 12px; border-bottom:1px solid #edf1f7; cursor:pointer; font-size:13px; }
.sw-group-member:last-child { border:0; }
.sw-group-member input { width:16px; height:16px; accent-color:var(--sw-blue); flex:none; }
.sw-group-member span { min-width:0; overflow-wrap:anywhere; }
.sw-group-member small { display:block; font-size:11px; color:var(--sw-muted); }
.sw-group-empty { padding:12px 0; font-size:13px; color:var(--sw-muted); }
#swGroupStatus { font-size:12px; overflow-wrap:anywhere; }
@media(max-width:800px) { .sw-knowledge-drawer { width:100vw; } .sw-drawer-columns { display:block; overflow:auto; overscroll-behavior:contain; } .sw-drawer-content,.sw-condition-settings { overflow:visible; padding:22px; } .sw-condition-settings { border-left:0; border-top:1px solid var(--sw-line); } .sw-content-heading span { display:none; } .sw-drawer-footer { flex-wrap:wrap; padding:12px 20px; } .sw-drawer-footer .sw-actions { margin-left:auto; } }
@media(prefers-reduced-motion:reduce) { .sw-knowledge-drawer { transform:none; transition:opacity 160ms ease; } .sw-knowledge-drawer[data-closing] { transform:none; } @starting-style { .sw-knowledge-drawer[open] { transform:none; } } }

.sw-browser-connections{background:#fff;border:1px solid #dbe5f4;border-radius:16px;padding:20px;margin-bottom:20px}.sw-browser-row{display:flex;gap:12px;align-items:center;padding:14px 0;border-top:1px solid #edf1f7;flex-wrap:wrap}.sw-browser-copy{flex:1;min-width:260px}.sw-browser-copy strong,.sw-browser-copy small{display:block}.sw-browser-copy small{color:#657793;margin-top:6px}.sw-browser-connections [data-error=true]{color:#b42318}

/* Stable shop-wide controls; only the cards below change with the product. */
.sw-knowledge-filters { padding:20px; border-bottom:1px solid var(--sw-line); background:#f7f9fd; min-width:0; }
.sw-filter-row { display:flex; flex-wrap:wrap; gap:12px 18px; align-items:center; }
.sw-filter-group { display:flex; align-items:center; flex-wrap:wrap; gap:9px; min-width:0; }
.sw-filter-group>span { color:var(--sw-muted); font-size:12px; white-space:nowrap; }
.sw-filter-segments { display:flex; flex-wrap:wrap; gap:3px; padding:3px; background:#e9eff8; border-radius:8px; }
.sw-knowledge-filters button { min-height:38px; padding:7px 12px; border:1px solid var(--sw-line); border-radius:8px; background:#fff; color:var(--sw-muted); font-size:12px; touch-action:manipulation; transition:opacity 160ms var(--sw-ease-out); }
.sw-filter-segments button { background:transparent; border:0; min-height:32px; padding:5px 10px; border-radius:5px; color:var(--sw-ink); }
.sw-filter-segments button[aria-pressed=true] { color:var(--sw-blue); background:#fff; font-weight:600; box-shadow:0 1px 3px #253d6314; }
.sw-knowledge-filters button:active { opacity:.72; }
.sw-knowledge-filters button:focus-visible { transition:none; }
.sw-filter-search { display:flex; align-items:center; gap:10px; margin:14px 0; }
.sw-filter-search-box { display:flex; align-items:center; gap:8px; flex:1; min-width:0; border:1px solid #bac9dd; background:#fff; border-radius:8px; padding:0 10px; }
.sw-filter-search-box svg { width:17px; height:17px; flex:none; color:#687a95; }
.sw-page .sw-filter-search-box input { flex:1; min-width:0; min-height:40px; font-size:13px; border:0; border-radius:0; padding:9px 0; background:transparent; }
.sw-filter-search-box:focus-within { outline:3px solid #2563eb80; outline-offset:3px; }
.sw-page .sw-filter-search-box input:focus-visible { outline:none; }
.sw-filter-search button { min-height:38px; flex:none; border:0; background:transparent; color:var(--sw-blue); padding:6px 0; }
.sw-filter-tags,.sw-active-filters,.sw-card-tags,.sw-editor-tags { display:flex; flex-wrap:wrap; gap:8px; min-width:0; }
.sw-filter-tag-row { flex-wrap:nowrap; align-items:flex-start; gap:8px; }
.sw-filter-tag-row>span { padding-top:6px; }
.sw-filter-tag-viewport { flex:1; min-width:0; overflow:hidden; transition:height 220ms var(--sw-ease-out); }
.sw-filter-tag-viewport[data-instant=true] { transition:none; }
.sw-filter-tags { position:relative; gap:7px; }
.sw-filter-tags button { display:flex; align-items:center; gap:5px; min-height:30px; padding:4px 9px; border-radius:6px; font-size:11px; color:var(--sw-ink); white-space:normal; overflow-wrap:anywhere; text-align:left; }
.sw-filter-tags button[aria-pressed=true] { color:#1c53c5; background:#eaf1ff; border-color:#a8c4f7; }
.sw-filter-tag-check { width:12px; height:12px; flex:none; border:1px solid #bdcadf; border-radius:3px; display:inline-grid; place-items:center; font-size:9px; line-height:1; }
.sw-filter-tags button[aria-pressed=true] .sw-filter-tag-check { background:var(--sw-blue); border-color:var(--sw-blue); color:#fff; }
#swExpandTags { border:0; background:transparent; color:var(--sw-blue); padding:4px 0; min-height:30px; width:56px; font-size:11px; flex:none; }
.sw-active-filters { padding-top:14px; }
.sw-active-filters button { display:flex; gap:8px; align-items:center; white-space:normal; overflow-wrap:anywhere; background:#eef3fc; border:0; }
.sw-active-filters button span { font-size:16px; }
.sw-filter-summary { display:flex; justify-content:space-between; flex-wrap:wrap; gap:6px 16px; margin-top:16px; font-size:11px; color:var(--sw-muted); }
#swKnowledgeResultCount { color:var(--sw-ink); font-variant-numeric:tabular-nums; }
.sw-card-tags { margin:0 16px 12px; }
.sw-card-tags>span { background:#f1f5fb; border:1px solid var(--sw-line); border-radius:5px; padding:3px 7px; font-size:11px; color:var(--sw-muted); overflow-wrap:anywhere; white-space:normal; }
.sw-knowledge-pagination { display:flex; justify-content:center; align-items:center; gap:12px; padding:16px; border-top:1px solid var(--sw-line); font-size:12px; }
.sw-knowledge-pagination button,.sw-empty-clear { padding:8px 12px; background:#fff; border:1px solid var(--sw-line); border-radius:8px; color:var(--sw-blue); }
.sw-empty-clear { justify-self:center; }
.sw-knowledge-classification { padding:16px; margin-bottom:22px; border:1px solid var(--sw-line); border-radius:10px; background:#fff; }
.sw-knowledge-classification h3 { margin-bottom:16px; }
.sw-knowledge-classification>label { display:block; font-size:13px; font-weight:600; }
.sw-knowledge-classification select { margin-top:8px; font-weight:400; }
.sw-knowledge-classification small { display:block; margin-top:8px; font-size:11px; font-weight:400; line-height:1.7; color:var(--sw-muted); }
.sw-editor-tag-field { border:0; padding:0; margin:16px 0; min-width:0; }
.sw-editor-tag-field legend { font-size:13px; font-weight:600; margin-bottom:10px; }
.sw-editor-tags { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.sw-editor-tags label { display:flex; align-items:center; gap:6px; padding:6px 9px; min-height:36px; box-sizing:border-box; background:#fff; border:1px solid var(--sw-line); border-radius:7px; font-size:12px; font-weight:400; cursor:pointer; overflow-wrap:anywhere; }
.sw-editor-tags input { width:15px; height:15px; flex:none; accent-color:var(--sw-blue); }
.sw-editor-tags label:has(:checked) { border-color:#9ebbf7; background:#eaf1ff; color:#174cbd; }
#swTagManager summary { cursor:pointer; font-size:12px; color:var(--sw-blue); padding:8px 0; }
.sw-create-tag,.sw-custom-tag { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:10px 0; }
.sw-custom-tag input { flex-basis:100% !important; }
.sw-create-tag input,.sw-custom-tag input { flex:1; min-width:0; }
.sw-create-tag button,.sw-custom-tag button { padding:6px 10px; border:1px solid var(--sw-line); border-radius:7px; color:var(--sw-blue); background:#fff; font-size:12px; }
#swTagStatus { font-size:12px; color:var(--sw-muted); margin-top:8px; }
#swTagStatus[data-error=true] { color:#9d2424; }
.sw-knowledge-cards .sw-empty { grid-column:1/-1; }
@media(hover:hover) and (pointer:fine) { .sw-knowledge-filters button:not(:disabled):hover { border-color:#9ebbf7; color:#174cbd; } }
@media(max-width:600px) { .sw-knowledge-filters { padding:16px; } .sw-filter-group { gap:8px; } .sw-filter-row { gap:14px; } .sw-filter-segments button { padding:5px 9px; } .sw-create-tag input { flex-basis:100%; } }
@media(prefers-reduced-motion:reduce) { .sw-knowledge-filters button,.sw-filter-tag-viewport { transition:none; } }
.kl-notice{margin:16px;padding:12px 14px;background:#f3f6fb;border-radius:8px;color:#536781;font-size:13px;line-height:1.7}.kl-card{border-left:3px solid #d29b2d}.kl-card[data-state=approved]{border-left-color:#239778}.kl-card[data-state=ignored]{border-left-color:#a5adba}.kl-card dl{margin:14px 0}.kl-card dt{font-size:12px;color:#63748e;margin-top:12px}.kl-card dd{margin:4px 0;font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.kl-card .kl-product{border-bottom:1px solid #e5eaf2;padding-bottom:12px;color:#25456a}.kl-card blockquote{white-space:pre-wrap;overflow-wrap:anywhere}.kl-legacy{margin:16px;color:#657793}.sw-learning-dialog{width:min(760px,calc(100vw - 40px))}.sw-learning-dialog fieldset{border:0;padding:0;display:grid;gap:14px;min-width:0}.sw-learning-dialog textarea,.sw-learning-dialog input,.sw-learning-dialog select{width:100%;box-sizing:border-box}.sw-learning-dialog .kl-check{display:flex;align-items:flex-start;gap:10px;line-height:1.6}.sw-learning-dialog .kl-check input{width:18px;height:18px;margin-top:2px;flex:none}.kl-audit,.kl-duplicates{padding:14px;background:#f5f7fb;border:1px solid #e2e8f1;border-radius:8px;font-size:13px;line-height:1.7}.kl-evidence p{white-space:pre-wrap;overflow-wrap:anywhere;padding:10px 12px;background:#f5f7fb;line-height:1.7;font-size:13px}.kl-evidence p[data-role=seller]{background:#eef5ff}.kl-evidence summary,.kl-duplicates summary{cursor:pointer;padding:8px 0}.sw-learning-dialog .sw-actions button{min-height:40px}.sw-learning-dialog #klStatus{color:#934610;font-size:13px;white-space:pre-wrap}.sw-learning-dialog:focus-visible,.sw-learning-dialog button:focus-visible{outline:2px solid #245ff0;outline-offset:3px}

.kl-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.kl-card footer small{color:#64748b;font-size:12px}.kl-card blockquote{margin:12px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.kl-card .kl-product{margin:10px 0;padding-bottom:10px;font-size:13px}.kl-card dl{margin:10px 0}.kl-card dd{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sw-learning-dialog{width:min(1180px,calc(100vw - 48px));height:min(820px,calc(100vh - 48px));max-height:calc(100vh - 48px);padding:0;overflow:hidden;border-radius:16px}.sw-learning-dialog #klForm{height:100%;display:flex;flex-direction:column;gap:0}.sw-learning-dialog .sw-editor-heading{padding:20px 24px;border-bottom:1px solid #e4ebf5;flex:none;margin:0}.sw-learning-dialog .sw-editor-heading h3{margin:0}.sw-learning-dialog .sw-editor-heading p{margin:6px 0 0;color:#64748b;font-size:13px}.kl-review-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);flex:1;min-height:0}.kl-editor{padding:22px 24px;overflow:auto}.sw-learning-dialog fieldset{gap:18px}.sw-learning-dialog textarea,.sw-learning-dialog input:not([type=checkbox]),.sw-learning-dialog select{border:1px solid #cbd8eb;background:#fff;border-radius:9px;padding:11px 12px;color:#203957;font:inherit;line-height:1.6}.sw-learning-dialog textarea{resize:vertical;min-height:72px}.sw-learning-dialog [name=reply]{min-height:154px}.sw-learning-dialog label{color:#405675;font-size:13px}.kl-chat{border-left:1px solid #e4ebf5;background:#f6f8fc;display:flex;flex-direction:column;min-height:0;min-width:0}.kl-chat>header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #e4ebf5}.kl-chat h4{margin:0;font-size:15px}.kl-chat small{color:#64748b;font-size:12px}.kl-chat-messages{overflow:auto;padding:18px;min-height:0;flex:1}.kl-message{margin:0 24px 18px 0}.kl-message[data-role=seller]{margin:0 0 18px 24px}.kl-message-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;color:#65758e;font-size:11px;margin:0 0 7px}.kl-message-meta b{font-weight:500}.kl-message[data-role=seller] .kl-message-meta{justify-content:flex-end}.kl-message p{background:white;border:1px solid #e2e8f2;border-radius:4px 12px 12px 12px;padding:12px 14px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;margin:0}.kl-message[data-role=seller] p{background:#eaf2ff;border-color:#dae7fb;border-radius:12px 4px 12px 12px}.kl-message[data-related=true] p{border-left:3px solid #729bec}.kl-review-footer{padding:16px 24px;border-top:1px solid #e4ebf5;background:white;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;flex:none}.sw-learning-dialog .kl-check{margin:0;font-size:13px}.kl-review-footer #klStatus{flex-basis:100%;margin:0}.kl-review-footer #klStatus:empty{display:none}.kl-editor .kl-duplicates{margin-top:18px}.sw-learning-dialog button{cursor:pointer}.sw-learning-dialog :is(input,textarea,select,.kl-chat-messages):focus-visible{outline:2px solid #245ff0;outline-offset:2px}.sw-learning-dialog button:disabled{cursor:default;opacity:.55}@media(max-width:780px){.sw-learning-dialog{width:calc(100vw - 24px);height:calc(100vh - 24px);max-height:calc(100vh - 24px)}.kl-review-layout{display:block;overflow:auto}.kl-editor{overflow:visible;padding:16px}.kl-chat{border-left:0;border-top:1px solid #e4ebf5;max-height:360px}.kl-chat-messages{max-height:280px}.sw-learning-dialog .sw-editor-heading,.kl-review-footer{padding:16px}.kl-review-footer .sw-actions{width:100%;justify-content:flex-end}}
