/* Reuse the public assistant, with explicit desktop surfaces and readable copy. */
body:is(.desktop-workspace,[data-ai-desktop]) { --ai-bg:#141a2a; --ai-raised:#1d273c; --ai-text:#f7f8fc; --ai-line:#66728c; --ai-accent:#5139c9; }
html[data-theme="light"] body:is(.desktop-workspace,[data-ai-desktop]), html.light body:is(.desktop-workspace,[data-ai-desktop]) { --ai-bg:#fff; --ai-raised:#edf0f8; --ai-text:#0a0e1a; --ai-line:#9da9c1; }
.dw-nav .dw-nav-ai { display:flex; align-items:center; gap:12px; min-height:48px; padding:10px 12px; border:1px solid var(--dw-line); border-radius:12px; color:var(--dw-text); background:var(--dw-raised); font-family:inherit; font-size:1rem; font-weight:650; line-height:1.4; text-align:start; cursor:pointer; }
.dw-nav .dw-nav-ai:hover, .dw-nav .dw-nav-ai[aria-expanded="true"] { outline:2px solid var(--dw-accent); }
[data-ai-desktop] .db-sidebar-list [data-open-ai-chat] { display:block; padding:12px 16px; width:100%; text-align:start; font:inherit; cursor:pointer; border:1px solid var(--ai-line); background:var(--ai-raised); color:var(--ai-text); border-radius:12px; }
body:is(.desktop-workspace,[data-ai-desktop]) .xai-agent-fab { display:none; }
body:is(.desktop-workspace,[data-ai-desktop]) .xai-agent-root.is-open { top:max(96px,env(safe-area-inset-top)); bottom:24px; width:min(680px,calc(100vw - 300px)); max-height:860px; inset-inline-end:24px; }
body:is(.desktop-workspace,[data-ai-desktop]) .xai-agent-panel { padding:0; background:var(--ai-bg); color:var(--ai-text); border:1px solid var(--ai-line); border-radius:24px; box-shadow:0 20px 80px #0006; }
body:is(.desktop-workspace,[data-ai-desktop]) .xai-agent-head { height:auto; min-height:100px; padding:20px; flex-wrap:wrap; gap:12px; border-color:var(--ai-line); }
body:is(.desktop-workspace,[data-ai-desktop]) .xai-agent-head__meta { flex:1 1 240px; }
body:is(.desktop-workspace,[data-ai-desktop]) .xai-agent-title { color:var(--ai-text); font-size:22px; white-space:normal; text-align:start; }
body:is(.desktop-workspace,[data-ai-desktop]) :is(.xai-agent-live,.xai-agent-textbtn,.xai-agent-iconbtn,.xai-agent-stop,.xai-agent-status,.xai-agent-card__meta,.xai-agent-card__cta) { color:var(--ai-text); }
body:is(.desktop-workspace,[data-ai-desktop]) .xai-agent-live { font-size:14px; line-height:1.5; margin-block:8px 0; }
body:is(.desktop-workspace,[data-ai-desktop]) .xai-agent-live__dot { display:none; }
body:is(.desktop-workspace,[data-ai-desktop]) .xai-agent-topics { display:flex; flex-wrap:wrap; gap:8px; padding:16px 20px 0; }
body:is(.desktop-workspace,[data-ai-desktop]) .xai-agent-topics[hidden] { display:none; }
body:is(.desktop-workspace,[data-ai-desktop]) .xai-agent-topics button { color:var(--ai-text); background:var(--ai-raised); border:1px solid var(--ai-line); border-radius:12px; padding:10px 14px; min-height:44px; font:inherit; cursor:pointer; }
body:is(.desktop-workspace,[data-ai-desktop]) .xai-agent-topics button[aria-pressed="true"] { background:var(--ai-accent); color:#fff; border-color:var(--ai-accent); }
body:is(.desktop-workspace,[data-ai-desktop]) :is(.xai-agent-textbtn,.xai-agent-iconbtn,.xai-agent-stop) { min-width:44px; min-height:44px; }
body:is(.desktop-workspace,[data-ai-desktop]) .xai-agent-iconbtn.is-muted { color:var(--ai-text); background:var(--ai-raised); }
body:is(.desktop-workspace,[data-ai-desktop]) .xai-agent-stage { display:none; }
body:is(.desktop-workspace,[data-ai-desktop]) .xai-agent-root[data-mode="listening"] .xai-agent-stage { display:flex; }
body:is(.desktop-workspace,[data-ai-desktop]) .xai-agent-log { padding:24px; overscroll-behavior:contain; }
body:is(.desktop-workspace,[data-ai-desktop]) .xai-agent-msg { color:var(--ai-text); font-size:16px; padding:14px 16px; border-radius:16px; border:1px solid var(--ai-line); margin-block-end:16px; overflow-wrap:anywhere; white-space:pre-wrap; }
body:is(.desktop-workspace,[data-ai-desktop]) .xai-agent-msg--user { background:var(--ai-raised); margin-inline-start:32px; }
body:is(.desktop-workspace,[data-ai-desktop]) .xai-agent-msg--bot { background:var(--ai-bg); margin-inline-end:20px; }
body:is(.desktop-workspace,[data-ai-desktop]) .xai-agent-card { color:var(--ai-text); background:var(--ai-raised); border-color:var(--ai-line); padding:14px; }
body:is(.desktop-workspace,[data-ai-desktop]) .xai-agent-card__title { white-space:normal; font-size:16px; overflow-wrap:anywhere; }
body:is(.desktop-workspace,[data-ai-desktop]) .xai-agent-card__img { width:64px; height:64px; flex-basis:64px; }
body:is(.desktop-workspace,[data-ai-desktop]) .xai-agent-status { font-size:14px; line-height:1.5; }
body:is(.desktop-workspace,[data-ai-desktop]) .xai-agent-status[data-kind="err"] { padding:12px; border:1px solid var(--ai-line); border-radius:12px; background:var(--ai-raised); }
body:is(.desktop-workspace,[data-ai-desktop]) .xai-agent-mic-purpose { color:var(--ai-text); font-size:12px; line-height:1.5; margin:10px 20px 0; }
body:is(.desktop-workspace,[data-ai-desktop]) .xai-agent-form { padding:16px 20px max(16px,env(safe-area-inset-bottom)); flex-wrap:wrap; gap:10px; }
body:is(.desktop-workspace,[data-ai-desktop]) .xai-agent-form input { color:var(--ai-text); background:var(--ai-raised); border-color:var(--ai-line); font-size:16px; flex-basis:200px; min-height:48px; }
body:is(.desktop-workspace,[data-ai-desktop]) .xai-agent-form input::placeholder { color:var(--ai-text); opacity:1; }
body:is(.desktop-workspace,[data-ai-desktop]) #xai-agent-send { position:static; width:auto; height:auto; clip:auto; clip-path:none; overflow:visible; white-space:normal; padding:12px 18px; min-height:48px; background:var(--ai-accent); color:#fff; border:0; border-radius:12px; cursor:pointer; font-family:inherit; font-size:15px; font-weight:600; line-height:1.4; }
body:is(.desktop-workspace,[data-ai-desktop]) .xai-agent-search-items { color:var(--ai-text); background:var(--ai-raised); border-color:var(--ai-line); border-radius:12px; font:inherit; }
body:is(.desktop-workspace,[data-ai-desktop]) .xai-agent-stop__sq { background:var(--ai-text); }
body:is(.desktop-workspace,[data-ai-desktop]) .xai-agent-stop { background:var(--ai-raised); }
body:is(.desktop-workspace,[data-ai-desktop]) .xai-agent-root :is(button,input,a):focus-visible { outline:3px solid var(--ai-text); outline-offset:3px; }
@media(max-width:900px) {
    body:is(.desktop-workspace,[data-ai-desktop]) .xai-agent-root.is-open { top:12px; bottom:12px; width:calc(100vw - 24px); inset-inline-end:12px; }
    body:is(.desktop-workspace,[data-ai-desktop]) .xai-agent-head { padding:16px; }
    body:is(.desktop-workspace,[data-ai-desktop]) .xai-agent-log { padding:16px; }
    body:is(.desktop-workspace,[data-ai-desktop]) .xai-agent-form input { flex-basis:100%; }
}
@media(max-width:760px) { .dw-nav .dw-nav-ai { flex:0 0 auto; } }