/* JEAI 4: responsive workspace; no external fonts, tracking, or UI libraries. */
.workspace-v4 { --bg:#161c1b; --panel-solid:#1d2523; --text:#f1f3eb; --muted:#acb8b1; --muted-2:#9aa99f; --line:#303a35; --line-strong:#516055; --accent:#d1eca1; --cyan:#d1eca1; --green:#b0d895; --danger:#ffb4ab; margin:0; overflow:hidden; background:var(--bg); color:var(--text); font:16px/1.55 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.workspace-v4 *, .workspace-v4 *::before, .workspace-v4 *::after { box-sizing:border-box; }
.workspace-v4 [hidden] { display:none!important; }
.workspace-v4 button, .workspace-v4 select, .workspace-v4 textarea { font:inherit; }
.workspace-v4 button { cursor:pointer; }
.workspace-v4 button:disabled { opacity:.5; cursor:not-allowed; }
.workspace-v4 :focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
.workspace-v4 a { color:inherit; text-decoration:none; }
.workspace-v4 .app-shell { display:grid; grid-template-columns:270px minmax(0,1fr); height:100vh; height:100dvh; min-height:0; max-width:none; }
.workspace-v4 .sidebar { position:relative; inset:auto; z-index:30; width:auto; height:100%; min-height:0; padding:28px 18px 16px; border-right:1px solid var(--line); background:#111716; display:flex; flex-direction:column; gap:0; overflow-y:auto; }
.brand-row { display:flex; align-items:center; justify-content:space-between; margin-bottom:34px; }
.workspace-v4 .brand { display:flex; align-items:center; gap:12px; margin:0; padding:0 6px; }
.workspace-v4 .brand-mark { width:43px; height:43px; display:grid; place-items:center; border:0; border-radius:12px; background:#232e27; box-shadow:none; transform:none; }
.workspace-v4 .brand-mark img { width:32px; height:32px; object-fit:contain; transform:none; }
.workspace-v4 .brand-mark::before { display:none; }
.workspace-v4 .brand strong { font-size:26px; letter-spacing:-.06em; line-height:1.1; }
.brand-period { color:var(--accent); }
.workspace-v4 .brand small { display:block; font-size:12px; color:var(--muted); margin-top:4px; letter-spacing:0; }
.workspace-v4 .new-chat { width:100%; min-height:48px; border:1px solid #49573d; border-radius:10px; background:#293421; color:#e0eecb; padding:10px 12px; font-size:14px; display:flex; align-items:center; gap:10px; box-shadow:none; }
.workspace-v4 .new-chat:hover { background:#354329; }
.workspace-v4 .new-chat kbd { margin-left:auto; font-size:12px; color:#b4c5a4; border:0; background:transparent; }
.sidebar-section-head { display:flex; align-items:center; justify-content:space-between; margin:27px 8px 8px; font-size:12px; letter-spacing:.08em; color:var(--muted-2); }
.sidebar-section-head button { min-height:44px; border:0; background:none; color:var(--muted); font-size:12px; padding:0 4px; }
.workspace-v4 .history-list { gap:4px; }
.workspace-v4 .history-item { min-height:44px; padding:10px 12px; border-radius:8px; font-size:14px; color:var(--muted); }
.workspace-v4 .history-item.active { background:#222d25; color:#ebf2e2; border-color:#34432f; }
.workspace-v4 .history-item:hover { background:#202824; color:var(--text); }
.workspace-v4 .history-empty { margin:10px 10px 24px; line-height:1.8; font-size:12px; color:var(--muted-2); }
.workspace-v4 .sidebar-spacer { min-height:28px; }
.workspace-v4 .cluster-card { background:#19211c; border:1px solid #303b31; border-radius:10px; padding:14px; }
.workspace-v4 .cluster-card-head { font-size:12px; color:#d5dfd1; margin-bottom:12px; }
.workspace-v4 .pulse-dot { width:7px; height:7px; background:var(--accent); box-shadow:none; animation:none; flex-shrink:0; }
.workspace-v4 .pulse-dot.offline { background:var(--danger); }
.workspace-v4 .capacity-track { height:4px; background:#354030; }
.workspace-v4 .capacity-track span { background:var(--accent); }
.workspace-v4 .cluster-card small { color:var(--muted); font-size:12px; }
.cluster-caption { display:block; font-size:12px; color:var(--muted-2); margin-top:12px; }
.workspace-v4 .sidebar-link { min-height:52px; padding:15px 5px; margin-top:9px; font-size:14px; align-items:center; }
.api-link small { display:block; font-size:12px; color:var(--muted-2); margin-top:3px; }
.sidebar-bottom { display:flex; align-items:center; justify-content:space-between; font-size:12px; color:var(--muted-2); border-top:1px solid var(--line); }
.sidebar-bottom a { min-height:44px; display:inline-flex; align-items:center; }
.workspace-v4 .main-panel { min-width:0; min-height:0; height:100%; display:grid; grid-template-rows:auto minmax(0,1fr) auto; }
.workspace-header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 32px; border-bottom:1px solid var(--line); background:var(--bg); }
.workspace-heading { display:flex; align-items:center; gap:10px; min-width:0; }
.workspace-heading>div { min-width:0; }
.section-kicker { display:block; color:var(--muted-2); font-size:12px; font-weight:600; letter-spacing:.1em; margin:0 0 3px; }
.workspace-header h1 { font-size:16px; font-weight:600; margin:0; max-width:340px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.header-actions { display:flex; align-items:center; gap:22px; flex-shrink:0; }
.network-badge { color:var(--muted); font-size:12px; display:flex; align-items:center; gap:8px; }
.network-badge i { width:6px; height:6px; border-radius:50%; background:var(--accent); }
.settings-button { display:inline-flex; gap:9px; align-items:center; min-height:44px; border:1px solid #3d483d; border-radius:9px; background:#222c24; color:#e7eddf; padding:8px 13px; font-size:14px!important; }
.settings-button:hover { background:#303c2c; }
.settings-chevron { color:var(--muted); }
.workspace-v4 .icon-button { width:44px; height:44px; flex-shrink:0; display:grid; place-items:center; border:1px solid var(--line); border-radius:9px; background:#222b26; color:var(--text); font-size:23px; }
.workspace-v4 .mobile-menu, .workspace-v4 .sidebar-close { display:none; }
.workspace-v4 .chat-stage { width:100%; min-height:0; max-width:none; margin:0; padding:32px max(26px,calc((100% - 850px)/2)); overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; scroll-behavior:auto; }
.workspace-v4 .welcome { min-height:100%; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; text-align:left; padding:26px 0 20px; }
.welcome-mark { width:52px; height:52px; display:grid; place-items:center; margin-bottom:26px; border:1px solid #46523b; border-radius:15px; background:#2b3524; }
.welcome-mark img { width:36px; height:36px; object-fit:contain; }
.workspace-v4 .eyebrow { color:#afc799; font-size:12px; letter-spacing:.12em; font-weight:600; margin:0 0 16px; }
.welcome h2 { margin:0; font-size:clamp(30px,3.4vw,48px); font-weight:500; line-height:1.17; letter-spacing:-.045em; }
.welcome h2 span { color:var(--accent); }
.workspace-v4 .hero-copy { color:var(--muted); max-width:600px; font-size:16px; margin:20px 0 30px; line-height:1.7; }
.workspace-v4 .suggestion-grid { width:100%; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.workspace-v4 .suggestion { display:grid; grid-template-columns:32px minmax(0,1fr) 16px; gap:12px; padding:18px 16px; border:1px solid #364136; border-radius:12px; background:#1c2520; color:var(--text); transition:background .15s,border-color .15s; transform:none; }
.workspace-v4 .suggestion:hover { background:#273127; border-color:#6f8159; transform:none; }
.suggestion-symbol { color:var(--accent); font-size:23px; font-weight:500; }
.workspace-v4 .suggestion strong { font-size:14px; font-weight:600; color:var(--text); }
.workspace-v4 .suggestion small { font-size:12px; margin-top:5px; color:var(--muted); }
.suggestion-arrow { color:var(--muted-2); }
.welcome-footnote { color:var(--muted-2); font-size:12px; margin:20px 0 0; }
.workspace-v4 .messages { gap:36px; padding:0 0 10px; }
.workspace-v4 .message { gap:13px; grid-template-columns:32px minmax(0,1fr); animation:none; min-width:0; }
.workspace-v4 .message-avatar { width:32px; height:32px; border-radius:10px; border-color:#45513d; background:#293321; color:var(--accent); font-size:12px; }
.workspace-v4 .message-avatar img { width:23px; height:23px; }
.workspace-v4 .message-body { min-width:0; }
.workspace-v4 .message.user { display:flex; justify-content:flex-end; }
.workspace-v4 .message.user .message-avatar { display:none; }
.workspace-v4 .message.user .message-body { padding:16px 20px; max-width:88%; background:#283327; border:1px solid #3e4b37; border-radius:16px 16px 4px 16px; }
.workspace-v4 .message.user .message-head { display:none; }
.workspace-v4 .message-head { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-bottom:12px; min-height:32px; }
.workspace-v4 .message-head strong { font-size:14px; color:var(--text); }
.workspace-v4 .message-head span { font-size:12px; color:var(--muted-2); }
.workspace-v4 .message-content { font-size:16px; color:#e0e5db; line-height:1.8; overflow-wrap:anywhere; }
.workspace-v4 .message.user .message-content { white-space:pre-wrap; }
.workspace-v4 .message-text { white-space:normal; }
.message-text p { margin:0 0 14px; white-space:pre-wrap; }
.message-text h2,.message-text h3,.message-text h4 { margin:24px 0 10px; color:var(--text); line-height:1.4; font-size:20px; }
.message-text ul,.message-text ol { padding-left:24px; margin:0 0 16px; }
.message-text li { padding-left:3px; margin:5px 0; }
.message-text code { font:.9em/1.6 ui-monospace,SFMono-Regular,Consolas,monospace; border:1px solid #3b4537; background:#283024; padding:2px 5px; border-radius:5px; color:#dbeabd; }
.message-text blockquote { margin:12px 0; padding:8px 16px; border-left:3px solid #768c55; color:var(--muted); }
.workspace-v4 .answer-actions { display:flex; gap:5px; margin:14px 0 0; flex-wrap:wrap; }
.workspace-v4 .answer-actions button,.workspace-v4 .code-actions button { min-height:44px; padding:8px 11px; border:1px solid #3b4639; border-radius:7px; background:#212a23; color:#c4d2b7; font-size:12px; font-weight:500; }
.workspace-v4 .answer-actions button:hover,.workspace-v4 .code-actions button:hover { background:#34412b; color:#eef6df; }
.workspace-v4 .message:not(.done) .answer-actions { display:none; }
.workspace-v4 .code-block { max-width:100%; overflow:hidden; margin:20px 0; border:1px solid #3d493b; border-radius:11px; background:#0f1512; }
.workspace-v4 .code-block-head { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:10px 13px; background:#202a22; border-bottom:1px solid #3d493b; }
.workspace-v4 .code-block-head>span:first-child { min-width:0; flex:1; font:13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; color:#e1edcf; overflow-wrap:anywhere; }
.workspace-v4 .code-actions { display:flex; flex-wrap:wrap; gap:6px; }
.workspace-v4 .code-block pre { max-height:480px; overflow:auto; padding:18px; margin:0; white-space:pre; tab-size:4; }
.workspace-v4 .code-block code { font:14px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace; color:#d6e5c9; background:none; padding:0; }
.code-progress { margin:0; padding:8px 14px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; }
.workspace-v4 .composer-zone { position:static; inset:auto; width:100%; max-width:none; margin:0; padding:6px max(26px,calc((100% - 850px)/2)) max(10px,env(safe-area-inset-bottom)); background:var(--bg); transform:none; }
.composer-status { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:28px; padding:0 2px 7px; color:var(--muted-2); font-size:12px; }
.composer-status button { color:var(--accent); background:none; border:0; font-size:12px; min-height:30px; }
.workspace-v4 .composer { border:1px solid #4a5844; border-radius:16px; background:#202923; padding:10px 14px; box-shadow:0 8px 26px #0002; transition:border-color .2s; }
.workspace-v4 .composer:focus-within { border-color:#9bb479; box-shadow:0 0 0 2px #b4d09212; }
.workspace-v4 .composer.drag-active { border:2px dashed var(--accent); background:#344329; }
.workspace-v4 .composer textarea { display:block; width:100%; min-height:52px; max-height:min(170px,22dvh); border:0; background:transparent; color:var(--text); font-size:16px; line-height:1.65; padding:10px 2px; resize:none; outline:none; }
.workspace-v4 .composer textarea::placeholder { color:#aab7a5; }
.workspace-v4 .composer-footer { display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding:0; margin:0; border:0; }
.workspace-v4 .attach-button { display:flex; align-items:center; gap:5px; min-height:44px; padding:8px 10px; border:1px solid #41503a; border-radius:8px; background:#2c3727; color:#dfebd0; font-size:14px; }
.attach-button>span:first-child { font-size:21px; line-height:1; }
.workspace-v4 .composer-hint { color:var(--muted-2); font-size:12px; flex:1; }
.input-count { margin-left:auto; color:var(--muted-2); font-size:12px; }
.workspace-v4 .send-button { min-width:44px; width:44px; height:44px; border:0; border-radius:10px; background:var(--accent); color:#26321c; font-size:27px; font-weight:500; box-shadow:none; }
.workspace-v4 .send-button:hover { background:#e3f6bd; transform:none; }
.workspace-v4 .stop-button { min-height:44px; background:#3a2a23; color:#ffccad; border:1px solid #6a4d3c; border-radius:8px; padding:8px 10px; font-size:12px; }
.workspace-v4 .privacy-note { margin:10px 0 0; font-size:12px; color:var(--muted-2); line-height:1.6; text-align:center; }
.desktop-hint { margin-left:14px; }
.workspace-v4 .attachment-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; max-height:150px; overflow:auto; margin:2px 0 10px; }
.workspace-v4 .attachment-item { display:flex; align-items:center; gap:8px; min-width:0; padding:8px; border:1px solid #46533f; border-radius:9px; background:#283222; }
.workspace-v4 .attachment-item.has-error { border-color:#946157; background:#3b2c26; }
.workspace-v4 .attachment-icon { color:var(--accent); font-size:18px; flex-shrink:0; }
.workspace-v4 .attachment-details { flex:1; min-width:0; }
.workspace-v4 .attachment-details strong { display:block; color:#e7eddd; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }
.workspace-v4 .attachment-details small { display:block; color:#b8c6ac; font-size:12px; line-height:1.5; white-space:normal; }
.workspace-v4 .attachment-remove,.file-preview-button { min-width:44px; height:44px; border:0; background:none; color:var(--muted); border-radius:7px; font-size:21px; }
.file-preview-button { font-size:12px!important; }
.file-preview-button:hover,.workspace-v4 .attachment-remove:hover { background:#39452f; color:var(--text); }
.inline-notice { padding:10px 13px; margin-bottom:8px; border-left:3px solid #e8ba7e; background:#312d22; border-radius:4px 8px 8px 4px; color:#ebd9b5; font-size:12px; }
.workspace-v4 .message-error { color:#ffbeb2; }
.workspace-dialog { color:var(--text); width:min(560px,calc(100vw - 32px)); max-height:calc(100dvh - 40px); padding:28px; border:1px solid #536049; border-radius:18px; background:#1a231c; box-shadow:0 30px 100px #0007; overflow:auto; }
.workspace-dialog::backdrop { background:#080e0bc9; backdrop-filter:blur(5px); }
.dialog-heading { display:flex; gap:18px; align-items:flex-start; justify-content:space-between; margin-bottom:26px; }
.dialog-heading>div { min-width:0; }
.dialog-heading h2 { margin:0; font-size:24px; font-weight:500; letter-spacing:-.025em; overflow-wrap:anywhere; }
.settings-fields { display:grid; gap:24px; }
.setting-field label { display:block; margin-bottom:9px; font-size:14px; font-weight:600; }
.setting-field select { width:100%; min-height:48px; border:1px solid #536048; border-radius:9px; background:#263021; color:var(--text); padding:10px; font-size:16px; }
.setting-field p,.settings-info p { font-size:12px; color:var(--muted); margin:9px 0 0; line-height:1.8; }
.setting-switch { display:flex; align-items:center; gap:20px; cursor:pointer; border-top:1px solid var(--line); padding-top:23px; }
.setting-switch>span { flex:1; }
.setting-switch strong { display:block; font-size:14px; font-weight:600; }
.setting-switch small { display:block; font-size:12px; color:var(--muted); margin-top:6px; line-height:1.7; }
.setting-switch input { width:44px; height:44px; accent-color:var(--accent); flex-shrink:0; cursor:pointer; }
.settings-info { padding:16px; border-radius:10px; background:#252f22; border:1px solid #3a4832; }
.settings-info strong { font-size:14px; font-weight:600; }
.dialog-primary { display:block; width:100%; min-height:48px; margin-top:26px; border:0; border-radius:9px; background:var(--accent); color:#26301d; font-weight:600!important; }
.file-dialog { width:min(900px,calc(100vw - 32px)); }
#file-preview-note { color:var(--muted); font-size:14px; }
#file-preview-text { white-space:pre-wrap; overflow-wrap:anywhere; overflow:auto; max-height:50dvh; padding:18px; background:#0e1510; border:1px solid var(--line); border-radius:9px; color:#dfe7d8; font:14px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace; }
.workspace-v4 .sidebar-backdrop { position:fixed; inset:0; z-index:25; background:#020703b8; backdrop-filter:blur(3px); }
.workspace-v4.sidebar-is-open { overflow:hidden; }
@media(min-width:1600px) { .workspace-v4 .app-shell { grid-template-columns:290px minmax(0,1fr); } }
@media(max-width:1100px) { .network-badge,.desktop-hint { display:none; } .workspace-v4 .app-shell { grid-template-columns:240px minmax(0,1fr); } .workspace-header { padding:16px 24px; } }
@media(max-width:850px) {
  .workspace-v4 .app-shell { grid-template-columns:minmax(0,1fr); }
  .workspace-v4 .sidebar { position:fixed; inset:0 auto 0 0; width:min(310px,88vw); height:100dvh; transform:translateX(-100%); visibility:hidden; transition:transform .2s; padding-top:max(22px,env(safe-area-inset-top)); }
  .workspace-v4 .sidebar.open { transform:none; visibility:visible; }
  .workspace-v4 .mobile-menu,.workspace-v4 .sidebar-close { display:grid; }
  .brand-row { margin-bottom:24px; }
  .workspace-header { padding:12px 16px; }
  .workspace-v4 .chat-stage { padding:24px max(18px,calc((100% - 720px)/2)); }
  .workspace-v4 .composer-zone { padding:4px 16px max(10px,env(safe-area-inset-bottom)); }
}
@media(max-width:520px) {
  .workspace-header { gap:8px; padding:10px 12px; }
  .section-kicker { font-size:12px; letter-spacing:.07em; }
  .workspace-heading { gap:8px; flex:1; } .workspace-header h1 { font-size:14px; max-width:36vw; }
  .workspace-heading .section-kicker,.settings-chevron { display:none; }
  .header-actions { gap:0; } .settings-button { font-size:12px!important; padding:8px; gap:6px; }
  #selected-profile { max-width:98px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .workspace-v4 .welcome { padding:16px 0; } .welcome-mark { width:44px; height:44px; margin-bottom:20px; }
  .welcome-mark img { width:29px; height:29px; } .welcome h2 { font-size:32px; }
  .workspace-v4 .hero-copy { font-size:16px; margin:16px 0 24px; }
  .workspace-v4 .suggestion-grid { grid-template-columns:minmax(0,1fr); gap:8px; }
  .workspace-v4 .suggestion { padding:13px; gap:10px; } .workspace-v4 .suggestion small { margin-top:2px; }
  .workspace-v4 .chat-stage { padding:16px; } .workspace-v4 .composer-zone { padding:4px 10px max(8px,env(safe-area-inset-bottom)); }
  .workspace-v4 .composer { border-radius:14px; padding:7px 10px; }
  .workspace-v4 .composer-hint,.input-count { display:none; }
  .workspace-v4 .composer-footer { gap:6px; } .workspace-v4 .attach-button { margin-right:auto; }
  .workspace-v4 .privacy-note { font-size:12px; margin-top:7px; }
  .workspace-v4 .attachment-list { grid-template-columns:minmax(0,1fr); max-height:120px; }
  .workspace-v4 .messages { gap:28px; } .workspace-v4 .message { grid-template-columns:minmax(0,1fr); gap:0; }
  .workspace-v4 .message>.message-avatar { display:none; }
  .workspace-v4 .message.user .message-body { max-width:94%; padding:13px 16px; }
  .workspace-v4 .code-block-head { padding:8px 10px; gap:7px; }
  .workspace-v4 .code-block-head>span:first-child { flex-basis:100%; }
  .workspace-v4 .code-block pre { padding:14px; } .workspace-v4 .code-actions { width:100%; }
  .workspace-v4 .code-actions button { flex:1; }
  .workspace-dialog { padding:20px; border-radius:15px; } .dialog-heading { margin-bottom:22px; } .dialog-heading h2 { font-size:21px; }
}
@media(max-height:550px) { .welcome-mark,.welcome-footnote,.workspace-v4 .privacy-note { display:none; } .workspace-v4 .composer textarea { max-height:20dvh; min-height:44px; } .workspace-header { padding-top:6px; padding-bottom:6px; } }
@media(prefers-reduced-motion:reduce) { .workspace-v4 *,.workspace-v4 *::before,.workspace-v4 *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }

/* JEAI night-sky palette: keep the workspace layout and controls unchanged. */
.workspace-v4 {
  --bg:#080b1d; --panel-solid:#11152c; --text:#f4f2ff; --muted:#b1b5d0; --muted-2:#858caf;
  --line:rgba(142,128,255,.22); --line-strong:rgba(158,146,255,.42); --accent:#b892ff;
  --cyan:#6ed8ff; --blue:#7eaeff; --violet:#bf8dff; --green:#8de2c1; --danger:#ff9fae;
  background:#080b1d;
}
.workspace-v4::before,.workspace-v4::after { position:fixed; inset:0; pointer-events:none; content:""; }
.workspace-v4::before { z-index:0; opacity:.62; background-image:
  radial-gradient(circle at 8% 18%, rgba(214,199,255,.9) 0 1px, transparent 1.7px),
  radial-gradient(circle at 22% 76%, rgba(112,191,255,.8) 0 1px, transparent 1.6px),
  radial-gradient(circle at 48% 28%, rgba(190,143,255,.8) 0 1px, transparent 1.6px),
  radial-gradient(circle at 72% 64%, rgba(177,211,255,.72) 0 1px, transparent 1.7px),
  radial-gradient(circle at 92% 14%, rgba(201,166,255,.8) 0 1px, transparent 1.6px);
  background-size:173px 191px,229px 211px,271px 233px,197px 257px,311px 197px; }
.workspace-v4::after { z-index:0; opacity:.75; background:radial-gradient(ellipse at 76% 8%, rgba(92,72,190,.24), transparent 42%),radial-gradient(ellipse at 18% 85%, rgba(28,133,202,.16), transparent 38%); }
.workspace-v4 .app-shell { position:relative; z-index:1; }
.workspace-v4 .sidebar { background:rgba(7,10,29,.9); border-right-color:rgba(143,127,255,.27); }
.workspace-v4 .brand-mark { background:linear-gradient(145deg,rgba(117,82,220,.35),rgba(28,127,191,.22)); border:1px solid rgba(183,150,255,.36); }
.workspace-v4 .new-chat { border-color:rgba(160,126,255,.48); background:linear-gradient(135deg,rgba(98,61,185,.34),rgba(32,93,164,.3)); color:#efe7ff; }
.workspace-v4 .new-chat:hover,.workspace-v4 .history-item:hover { background:rgba(95,75,190,.27); }
.workspace-v4 .history-item.active { background:linear-gradient(100deg,rgba(107,75,198,.32),rgba(26,104,169,.24)); border-color:rgba(161,139,255,.38); }
.workspace-v4 .cluster-card { background:linear-gradient(145deg,rgba(46,38,105,.42),rgba(13,54,87,.4)); border-color:rgba(133,142,255,.31); }
.workspace-v4 .capacity-track { background:rgba(109,121,212,.2); }
.workspace-v4 .capacity-track span { background:linear-gradient(90deg,var(--blue),var(--violet)); }
.workspace-v4 .main-panel,.workspace-v4 .chat-stage { background:rgba(8,11,29,.48); }
.workspace-v4 .workspace-header { background:rgba(8,11,29,.72); border-bottom-color:rgba(143,127,255,.21); }
.workspace-v4 .network-badge i { background:var(--cyan); box-shadow:0 0 12px rgba(110,216,255,.75); }
.workspace-v4 .settings-button,.workspace-v4 .icon-button { background:rgba(34,33,78,.7); border-color:rgba(153,139,255,.35); }
.workspace-v4 .settings-button:hover,.workspace-v4 .icon-button:hover { background:rgba(76,59,157,.52); }
.workspace-v4 .welcome-mark { background:linear-gradient(145deg,rgba(86,54,167,.42),rgba(24,101,156,.28)); border-color:rgba(173,146,255,.5); box-shadow:0 0 32px rgba(126,99,255,.2); }
.workspace-v4 .eyebrow { color:#a9d8ff; }
.workspace-v4 .welcome h2 span { color:var(--violet); text-shadow:0 0 28px rgba(191,141,255,.25); }
.workspace-v4 .suggestion { background:linear-gradient(145deg,rgba(26,27,65,.84),rgba(13,35,67,.74)); border-color:rgba(137,131,225,.28); }
.workspace-v4 .suggestion:hover { background:linear-gradient(145deg,rgba(65,46,131,.54),rgba(20,82,133,.5)); border-color:rgba(178,154,255,.6); }
.workspace-v4 .suggestion-symbol { color:var(--cyan); text-shadow:0 0 18px rgba(110,216,255,.32); }
.workspace-v4 .message-avatar { background:linear-gradient(145deg,rgba(67,47,131,.62),rgba(17,77,118,.55)); border-color:rgba(165,143,255,.42); }
.workspace-v4 .message.user .message-body { background:linear-gradient(135deg,rgba(58,40,113,.5),rgba(19,62,105,.46)); border-color:rgba(152,128,244,.34); }
.workspace-v4 .composer-zone { background:linear-gradient(0deg,#080b1d 68%,rgba(8,11,29,0)); }
.workspace-v4 .composer { background:rgba(18,21,48,.87); border-color:rgba(151,137,255,.42); box-shadow:0 8px 30px rgba(4,3,20,.45),0 0 30px rgba(78,65,181,.1); }
.workspace-v4 .composer:focus-within { border-color:rgba(183,153,255,.82); box-shadow:0 0 0 2px rgba(149,121,255,.16),0 0 32px rgba(89,71,196,.2); }
.workspace-v4 .attach-button { background:linear-gradient(135deg,rgba(75,48,139,.56),rgba(22,78,130,.5)); border-color:rgba(156,137,255,.42); color:#eee8ff; }
.workspace-v4 .send-button { background:linear-gradient(135deg,#c79aff,#6fcfff); color:#161231; box-shadow:0 0 20px rgba(156,126,255,.28); }
.workspace-v4 .send-button:hover { background:linear-gradient(135deg,#dec3ff,#9ae1ff); }
.workspace-v4 .code-block { background:#0a0d21; border-color:rgba(144,130,241,.38); }
.workspace-v4 .code-block-head { background:linear-gradient(100deg,rgba(55,38,112,.72),rgba(14,57,94,.68)); border-bottom-color:rgba(144,130,241,.3); }
.workspace-v4 .code-block code { color:#dbe8ff; }
.workspace-v4 .answer-actions button,.workspace-v4 .code-actions button { background:rgba(41,37,88,.76); border-color:rgba(147,133,238,.35); color:#ddd4ff; }
.workspace-v4 .answer-actions button:hover,.workspace-v4 .code-actions button:hover { background:rgba(83,59,159,.72); }
.workspace-v4 .attachment-item { background:linear-gradient(135deg,rgba(42,36,90,.75),rgba(17,53,89,.68)); border-color:rgba(145,133,236,.38); }
.workspace-v4 .workspace-dialog { background:linear-gradient(145deg,rgba(18,18,50,.98),rgba(11,32,58,.98)); border-color:rgba(157,139,255,.5); }
.workspace-v4 .setting-field select,.workspace-v4 .settings-info { background:rgba(37,35,84,.76); border-color:rgba(148,133,238,.4); }
.workspace-v4 .dialog-primary { background:linear-gradient(135deg,#c69aff,#70d5ff); }