/* VEYTRA V23 · Conversation surfaces. Structural layout and behavior stay with
   desktop-chat, chat-dock and live; this layer shares the platform's finish. */
@media (min-width:701px) {
  .dc-layout {
    --dc-bg:#12161c;
    --dc-side:#0e1217;
    --dc-line:#ffffff0e;
    --dc-muted:#8e99a7;
    color:#e6ebf1;
    font-size:13px;
  }
  .dc-layout :is(button,input,textarea) { transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease; }
  .dc-layout :is(.dc-space-title,.dc-chat-header,.dc-right-panel>header) { height:60px; min-height:60px; }
  .dc-space-title { padding-inline:16px; }
  .dc-space-emblem { width:32px; height:32px; border-radius:50%; background:color-mix(in srgb,var(--accent) 9%,transparent); }
  .dc-space-title strong { font-size:12px; font-weight:600; letter-spacing:.01em; }
  .dc-space-title small { color:#85909d; font-size:10px; }
  .dc-icon { border-radius:7px; color:#8d99a8; }
  .dc-icon:hover,.dc-icon.active { background:#ffffff08; color:#edf2f7; }
  .dc-channel-scroll { padding:15px 10px 20px; }
  .dc-category-label { padding:0 8px 7px 1px; }
  .dc-category-label>button:first-child { color:#8a96a5; font-size:10px; letter-spacing:.07em; }
  .dc-channel-list { gap:3px; }
  .dc-channel { height:37px; border-radius:7px; color:#98a4b2; }
  .dc-channel:hover { background:#ffffff05; color:#e4ebf3; }
  .dc-channel.active { background:color-mix(in srgb,var(--accent) 8%,#191f27); color:#eef3f8; }
  .dc-channel.active:before { width:2px; height:15px; }
  .dc-channel.has-unread { color:#e4ebf3; }
  .dc-channel b { height:18px; min-width:18px; border-radius:5px; font-size:10px; }
  .dc-channel-symbol { color:#7d8896; }
  .dc-community-home { color:#aeb9c5; }
  .dc-session-card { background:#141b21; border-color:#ffffff0d; border-radius:var(--circle-card-radius,10px); padding:13px; }
  .dc-session-card>strong { color:#8a98a0; line-height:1.55; }
  .dc-person-footer { min-height:62px; background:var(--dc-side); }
  .dc-person-footer span:not(.dc-avatar) { color:#8b97a5; }
  .dc-person-footer>.dc-avatar { border-radius:50%; }
  .dc-chat-header { padding-inline:24px; gap:14px; }
  .dc-chat-title h1 { color:#edf1f6; font-size:14px; font-weight:600; letter-spacing:-.02em; }
  .dc-chat-title>svg { color:#9aa6b4; }
  .dc-topic { color:#8f9aa8; }
  .dc-search { height:32px; border-color:var(--dc-line); background:#0d1116; border-radius:7px; }
  .dc-search input { color:#dce5ef; font-size:12px; }
  .dc-search input::placeholder { color:#8793a1; }
  .dc-search:focus-within { border-color:color-mix(in srgb,var(--accent) 44%,transparent); box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 8%,transparent); }
  .dc-day-divider { color:#a7b1bd; gap:14px; margin-block:10px 23px; }
  .dc-day-divider small { color:#87929f; }
  .dc-message { gap:13px; padding-inline:26px; }
  .dc-message:hover,.dc-message:focus-within { background:#ffffff03; }
  .dc-avatar { border-radius:50%; box-shadow:inset 0 0 0 1px #ffffff06; }
  .dc-message-main>header { gap:8px; }
  .dc-author { color:#e1e7ef; font-weight:600!important; }
  .dc-author-host { color:color-mix(in srgb,var(--accent) 62%,#eff5fa); }
  .dc-message-main time { color:#84909e; font-size:10px; font-variant-numeric:tabular-nums; }
  .dc-message-main>p { color:#c1cad5; font-size:14px; line-height:1.65; }
  .dc-role { font-size:9px; color:#94a2b3; letter-spacing:.03em; }
  .dc-pinned-label { color:#b0ab93; }
  .dc-message-actions { top:-10px; right:22px; padding:3px; background:#1b222b; border-color:#ffffff16; border-radius:8px; box-shadow:0 5px 16px #0004; }
  .dc-message-actions button { width:30px; height:29px; border-radius:5px; }
  .dc-reply-reference { color:#929eae; }
  .dc-reply-reference strong { color:#becbd9; }
  .dc-market-card { border-color:#ffffff10; background:#0f141a; border-radius:var(--circle-card-radius,10px); }
  .dc-market-description { padding-top:15px; }
  .dc-market-description strong { font-size:13px; color:#dce5ee; }
  .dc-market-description strong small { color:#8a98a9; font-size:9px; }
  .dc-market-description>div>span { color:#8a97a6; }
  .dc-market-price>strong { font-size:14px; }
  .dc-market-card>button { min-height:38px; color:#b4c1ce; border-top-color:#ffffff0b; }
  .dc-market-card>button:hover { background:color-mix(in srgb,var(--accent) 5%,transparent); }
  .dc-reactions button { background:#191f27; border-color:#ffffff0d; color:#b8c4d2; border-radius:6px; }
  .dc-thread-link { color:#b0c3d7; }
  .dc-thread-link>span:not(.dc-thread-mini) { color:#8795a6; }
  .dc-composer-wrap { padding:13px 24px 14px; }
  .dc-composer { min-height:54px; padding:9px 10px; border-color:#ffffff12; border-radius:var(--circle-card-radius,11px); background:#191f27; box-shadow:0 2px 8px #00000012; }
  .dc-composer:focus-within { border-color:color-mix(in srgb,var(--accent) 45%,#ffffff12); box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 6%,transparent); }
  .dc-composer textarea { color:#e0e7ef; }
  .dc-composer textarea::placeholder { color:#8d99a8; }
  .dc-composer>button { border-radius:7px; color:#9eabba; }
  .dc-composer .dc-send { color:#0c1a1d; }
  .dc-composer-hint { color:#8995a5; font-size:10px; line-height:1.5; }
  .dc-composer-hint b,.dc-composer-hint>button { color:#99a7b7; font-size:10px; }
  .dc-reply-bar { background:#191f27; border-color:#ffffff12; color:#a9b5c4; }
  .dc-reply-bar+.dc-composer { border-top-left-radius:0; border-top-right-radius:0; }
  .dc-right-panel { background:#0e1217; }
  .dc-right-panel>header>span { color:#b6c3d0; }
  .dc-members-heading { color:#8c99aa; font-weight:600; }
  .dc-members-heading>span { color:#7c8a9d; }
  .dc-member>.dc-avatar,.dc-thread-panel .dc-message>.dc-avatar,.dc-thread-reply>.dc-avatar { border-radius:50%; }
  .dc-member strong { color:#c0ccd9; }
  .dc-member small,.dc-side-note { color:#8999ac; }
  .dc-member:hover { background:#ffffff05; }
  .dc-thread-reply p { color:#b7c5d5; }
  .dc-thread-reply time { color:#8b9db2; }
  .dc-thread-composer { background:#191f27; border-color:#ffffff12; border-radius:9px; }
  .dc-thread-composer:focus-within { border-color:color-mix(in srgb,var(--accent) 45%,transparent); }

  /* A docked conversation should feel like part of the terminal, in both themes. */
  .vcd-root { --vcd-bg:#12161c; --vcd-raised:#191f27; --vcd-line:#ffffff14; --vcd-text:#e3eaf2; --vcd-muted:#95a2b2; }
  .vcd-panel,.vcd-picker { border-radius:var(--circle-card-radius,14px); border-color:#ffffff1b; box-shadow:0 18px 58px #0006,0 2px 8px #0004; animation-duration:.2s; }
  .vcd-panel-head { height:60px; min-height:60px; padding-inline:14px; background:var(--vcd-bg); }
  .vcd-panel-symbol { width:29px; height:29px; justify-content:center; align-items:center; border-radius:8px; background:color-mix(in srgb,var(--vcd-accent) 8%,transparent); }
  .vcd-panel-head h2 { font-size:13px; font-weight:600; letter-spacing:-.015em; }
  .vcd-panel-head small { font-size:10px; }
  .vcd-icon { width:29px; height:30px; border-radius:6px; }
  .vcd-root .vcd-size { font-size:10px; }
  .vcd-message-search { margin-top:12px; padding:8px 10px; }
  .vcd-search { background:var(--vcd-raised); border-color:var(--vcd-line); }
  .vcd-search:focus-within { border-color:color-mix(in srgb,var(--vcd-accent) 48%,var(--vcd-line)); }
  .vcd-search input { font-size:12px; }
  .vcd-messages { padding-top:14px; overscroll-behavior:contain; }
  .vcd-day { font-size:10px; margin-bottom:20px; }
  .vcd-message { gap:10px; padding-inline:16px; }
  .vcd-avatar { width:28px; height:28px; border-radius:50%; font-size:10px; }
  .vcd-message header { min-height:20px; }
  .vcd-message header strong { font-size:12px; font-weight:600; }
  .vcd-message header time { font-size:10px; font-variant-numeric:tabular-nums; }
  .vcd-message header>span { font-size:8px; }
  .vcd-message p { font-size:13px; line-height:1.65; opacity:.93; }
  .vcd-message-actions { min-height:24px; }
  .vcd-message-actions>button { padding:3px 7px; font-size:10px; }
  .vcd-root .vcd-market { min-height:33px; gap:7px; padding:6px 9px; border-radius:6px; font-size:11px; }
  .vcd-market small { font-size:9px; }
  .vcd-compose { margin-inline:13px; padding:9px 8px 9px 11px; border-radius:10px; }
  .vcd-compose:focus-within { border-color:color-mix(in srgb,var(--vcd-accent) 45%,var(--vcd-line)); box-shadow:0 0 0 2px color-mix(in srgb,var(--vcd-accent) 6%,transparent); }
  .vcd-compose textarea { font-size:13px; }
  .vcd-compose-hint { font-size:9px; padding:8px 16px 12px; }
  .vcd-reply-draft { margin-inline:13px; }
  .vcd-tab { border-radius:9px 9px 0 0; background:var(--vcd-bg); box-shadow:0 -2px 14px #0002; }
  .vcd-tab.active { border-top-color:color-mix(in srgb,var(--vcd-accent) 60%,transparent); }
  .vcd-tab>button:first-child { font-size:12px; }
  .vcd-tab:hover { background:var(--vcd-raised); }
  .vcd-tab-close { width:28px; }
  .vcd-launcher { border-radius:9px; height:39px; box-shadow:0 3px 14px #0003; }
  .vcd-picker>header { padding:20px 18px 15px; }
  .vcd-picker h2 { font-size:18px; font-weight:600; }
  .vcd-picker-rooms>button { padding:11px 10px; border-radius:8px; }
  .vcd-room-symbol { width:34px; height:34px; border-radius:9px; }
  .vcd-picker-rooms strong { font-size:12px; }
  .vcd-picker-rooms small { font-size:11px; margin-top:3px; }
  .vcd-picker>footer { line-height:1.65; }
  html[data-trade-theme=light] .vcd-root { --vcd-bg:#fff; --vcd-raised:#f2f5f8; --vcd-line:#17233416; --vcd-text:#202e3d; --vcd-muted:#5d6e81; }
  html[data-trade-theme=light] :is(.vcd-panel,.vcd-picker) { border-color:#17233420; box-shadow:0 20px 60px #18355125,0 2px 8px #18355112; }
  html[data-trade-theme=light] .vcd-tab { box-shadow:0 -2px 14px #1835510d; }
  html[data-trade-theme=light] .vcd-launcher { box-shadow:0 3px 14px #18355115; }
}

/* Desktop Live Room: a restrained frame around the actual analysis/player. */
@media (min-width:801px) {
  .lv-room { --lv-surface:#12161c; }
  .lv-page-header { margin-bottom:22px; }
  .lv-room-eyebrow { margin-bottom:10px; color:#99a6b5; gap:12px; }
  .lv-preview-pill { border-color:#e59aa62e; background:#e59aa60a; color:#d9a6af; font-size:9px; }
  .lv-page-header h1 { font-size:clamp(25px,2.15vw,32px); font-weight:600; letter-spacing:-.04em; }
  .lv-page-header p { color:#93a0af; font-size:12px; line-height:1.65; }
  .lv-page-actions .btn { min-height:38px; border-radius:8px; font-size:11px; }
  .lv-stage,.lv-chat,.lvs-room-player { border-color:#ffffff10; border-radius:var(--circle-card-radius,14px); box-shadow:0 2px 9px #00000016; }
  .lv-stage-top { padding:14px 18px; gap:16px; }
  .lv-market b { font-size:13px; }
  .lv-market small { color:#94a1b0; font-size:10px; }
  .lv-market>strong { font-size:20px; letter-spacing:-.025em; }
  .lv-source-status { color:#a1aebd; }
  .lv-chart-toolbar { background:#12161c; border-color:#ffffff0d; }
  .lv-timeframes button,.lv-chart-actions button { color:#a0adbc; border-radius:5px; }
  .lv-timeframes button.active,.lv-chart-actions button.active { background:color-mix(in srgb,var(--accent) 10%,transparent); color:var(--accent); }
  .lv-chart-surface { background:#0b0e12; }
  .lv-chart-grid { stroke-opacity:.055; }
  .lv-chart-label { fill:#8c98a5; }
  .lv-stage-bottom { padding:12px 17px; background:#12161c; border-color:#ffffff0d; }
  .lv-host-avatar { width:34px; height:34px; border-radius:50%; background:#242d36; }
  .lv-host-tile small { color:#96a4b3; font-size:10px; }
  .lv-stage-follow>span { color:#8d9cac; }
  .lv-thesis { margin-block:22px 20px; }
  .lv-thesis .eyebrow { color:#8e9bad; }
  .lv-thesis h2 { font-size:22px; letter-spacing:-.035em; }
  .lv-thesis p { color:#b0bbc8; font-size:13px; line-height:1.75; }
  .lv-level-cards { border-color:#ffffff10; border-radius:var(--circle-card-radius,12px); background:#12161c; }
  .lv-level-cards>div,.lv-level-cards>button { padding-block:18px; border-color:#ffffff0c; }
  .lv-level-cards>div>span { color:#aab6c5; }
  .lv-level-cards b { font-size:19px; letter-spacing:-.025em; }
  .lv-level-cards small { color:#8f9ead; font-size:10px; line-height:1.6; }
  .lv-data-note { color:#8a97a5; line-height:1.7; }
  .lv-chat { background:#12161c; }
  .lv-sidebar-tabs { background:#0f1319; padding:7px; border-color:#ffffff0d; gap:4px; }
  .lv-sidebar-tabs button { border-radius:7px; color:#94a2b2; min-height:36px; }
  .lv-sidebar-tabs button:hover { background:#ffffff04; color:#dae4ee; }
  .lv-sidebar-tabs button.active { background:#1c232d; color:#e7eef6; }
  .lv-chat-body>header h2 { font-size:15px; }
  .lv-chat-body>header span { color:#8e9bac; }
  .lv-chat-pinned { color:#a6b5c5; background:#191f27; border-color:#ffffff0d; font-size:11px; }
  .lv-message { gap:9px; margin-bottom:21px; }
  .lv-avatar { width:28px; height:28px; border-radius:50%; font-size:9px; }
  .lv-message-byline b { font-size:11px; color:#dbe5ef; }
  .lv-message-byline time { color:#8a99ab; font-size:9px; }
  .lv-message p { font-size:12px; color:#b2bfce; line-height:1.7; }
  .lv-message-like { font-size:10px; color:#96a6b8; }
  .lv-compose { background:#12161c; border-color:#ffffff0d; }
  .lv-compose>div { background:#191f27; border-color:#ffffff12; border-radius:8px; }
  .lv-compose>div:focus-within { border-color:color-mix(in srgb,var(--accent) 45%,transparent); }
  .lv-compose input[name=message] { font-size:12px; color:#dce7f1; }
  .lv-question-toggle { color:#9cabbc; font-size:11px; }
  .lv-compose>small { color:#8a98a9; font-size:9px; line-height:1.6; }
  .lv-ai-heading { padding:18px 15px 11px; gap:10px; }
  .lv-ai-heading h2 { font-size:15px; }
  .lv-ai-heading p { color:#9aa8b8; font-size:9px; }
  .lv-ai-orb { background:color-mix(in srgb,var(--accent) 7%,#191f27); border-color:color-mix(in srgb,var(--accent) 15%,transparent); border-radius:9px; box-shadow:none; }
  .lv-ai-disclosure { color:#93a1b1; font-size:10px; line-height:1.65; }
  .lv-ai-capture { background:#0f1319; border-color:#ffffff0b; }
  .lv-ai-capture>span { color:#a1afbf; font-size:10px; }
  .lv-ai-capture button { font-size:10px; min-height:29px; border-color:#ffffff14; color:#c0ccd9; }
  .lv-ai-tabs { gap:15px; }
  .lv-ai-tabs button { color:#98a8b9; font-size:11px; }
  .lv-ai-context>span,.lv-ai-context>b { font-size:10px; color:#a6b6c7; }
  .lv-ai-context em { font-size:9px; color:#90a2b6; }
  .lv-ai-context-note { font-size:10px; border-color:color-mix(in srgb,var(--accent) 14%,transparent); color:#b2c3d1; }
  .lv-ai-levels { background:#0f1319; border-color:#ffffff0d; border-radius:8px; padding:12px 9px; }
  .lv-ai-levels span { color:#93a5b7; font-size:8px; }
  .lv-ai-levels b { font-size:11px; }
  .lv-ai-section-title>span,.lv-ai-section-title>button { font-size:9px; color:#97a9bb; }
  .lv-ai-note { border-radius:var(--circle-card-radius,10px); background:#191f27; border-color:#ffffff0d; padding:14px 12px 8px; }
  .lv-ai-note.is-selected { background:color-mix(in srgb,var(--accent) 5%,#191f27); border-color:color-mix(in srgb,var(--accent) 32%,transparent); }
  .lv-ai-note h3 { color:#d6e1ed; font-size:12px; font-weight:600; line-height:1.6; }
  .lv-ai-note p,.lv-ai-transcript p { color:#acbccd; font-size:11px; line-height:1.75; }
  .lv-ai-time { background:color-mix(in srgb,var(--accent) 7%,transparent); color:color-mix(in srgb,var(--accent) 65%,#d2dce6); font-size:9px; }
  .lv-ai-note-head>span { color:#90a3b8; font-size:9px; }
  .lv-ai-note-actions { border-color:#ffffff0b; }
  .lv-ai-note-actions button { font-size:9px; color:#9cacc0; min-height:28px; }
  .lv-ai-source-disclosure { color:#92a4b8; font-size:10px; }
  .lv-ai-transcript>span { color:#a8bdce; font-size:9px; }
  .lv-ai-transcript b { font-size:10px; color:#c5d4e3; }
  .lv-ai-transcript small { color:#92a4b8; font-size:9px; }
  .lv-ai-footer { background:#12161c; border-color:#ffffff0d; }
  .lv-ai-next { background:#191f27; border-color:#ffffff10; color:#c3d2df; font-size:10px; min-height:35px; }
  .lv-ai-next span { font-size:9px; color:#96aabd; }
  .lv-ai-footer>div button { font-size:10px; color:#afc0d0; }
  .lv-ai-footer>small { font-size:9px; color:#8b9bad; }
  .lv-ai-saved-intro,.lv-ai-saved-time { color:#9badbf; font-size:10px; }
  .lv-ai-empty b { color:#c2d2e1; font-size:12px; }
  .lv-ai-empty p { color:#9bafc4; font-size:11px; }
  .lv-readonly-note { background:#12161c; }
  .lv-readonly-note p { color:#93a4b7; font-size:11px; }
  .lvs-studio { --lvs-panel:#12161c; --lvs-line:#ffffff10; --lvs-muted:#98a6b7; }
  .lvs-heading h2 { font-size:clamp(30px,3.2vw,42px); }
  .lvs-setup,.lvs-preview-panel { border-radius:var(--circle-card-radius,15px); }
  .lvs-panel-heading p,.lvs-field small,.lvs-setup-note,.lvs-local-note { font-size:11px; line-height:1.7; }
  .lvs-panel-heading h3 { font-size:15px; }
  .lvs-field { font-size:12px; }
  .lvs-field input,.lvs-field select { background:#0d1116!important; border-radius:8px!important; }
  .lvs-preview-empty { background:#0d1116; }
  .lvs-broadcast-glyph { border-color:color-mix(in srgb,var(--accent) 30%,transparent); box-shadow:none; }
  .lvs-preview-empty p { color:#98a7b9; font-size:12px; }
  .lvs-preview-foot { font-size:10px; background:#12161c; }
  .lvs-room-player { background:#12161c; }
  .lvs-player-heading { padding:16px 19px; }
  .lvs-player-heading h2 { font-size:19px; }
  .lvs-player-heading .btn { border-radius:8px; }
  .lvs-player-footer { font-size:11px; color:#98a7b9; padding:13px 19px; }
  .lvs-awaiting { background:#12161c; }
  .lvs-awaiting p { color:#9baabc; font-size:11px; }
  .lvs-native-note { border-radius:10px; }
  .lvs-how h4 { font-size:13px; }
  .lvs-how p { font-size:12px; }
  .lvs-how small { font-size:10px; }
  .lv-room :is(button,select,input):focus-visible,.lvs-studio :is(button,a,input,select):focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
  /* Fullscreen keeps its own geometry instead of inheriting card rounding. */
  .lv-stage:fullscreen { border-radius:0; border:0; box-shadow:none; }
}
@media (prefers-reduced-motion:reduce) {
  .dc-layout :is(button,input,textarea),.vcd-root :is(button,.vcd-tab,.vcd-message-actions) { transition:none; }
  .vcd-panel,.vcd-picker { animation:none; }
}