@forgecharts/sdk 1.2.1 → 1.2.5

package/dist/forgecharts.css

@@ -439,16 +439,9 @@ button.active { background: var(--toolbar-hover); color: var(--accent); }
   height: 30px;
 }
 
-/* Force cursor hidden for the chart container in crosshair mode.
-   The canvas element itself is excluded so JS-set axis resize cursors (ns-resize, ew-resize)
-   can still show through when the pointer is over an axis. */
-.chart-crosshair-mode {
-  cursor: none !important;
-}
-/* Apply to all children EXCEPT the interactive overlay canvas which controls axis cursors */
-.chart-crosshair-mode *:not(canvas) {
-  cursor: none !important;
-}
+/* Crosshair mode cursor hiding is controlled entirely by InteractionManager._setCursor()
+   which already hides the native cursor in the plot area while allowing axis resize cursors
+   (ns-resize, ew-resize) and pointer cursors to show through. No CSS override needed. */
 
 /* Other tool star badge — overlaid in top-right corner */
 .dt-other-tool-wrap {
@@ -709,7 +702,33 @@ button.active { background: var(--toolbar-hover); color: var(--accent); }
 }
 .tf-star-btn:hover { background: rgba(128,128,128,0.15); }
 
-/* ── Layout dropdown ─────────────────────────────────────────────────────── */
+/* ── Roll-rule dropdown (continuous contract picker) ─────────────────────── */
+.roll-dropdown {
+  position: absolute;
+  top: calc(100% + 6px);
+  left: 0;
+  min-width: 150px;
+  background: var(--toolbar-bg);
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  padding: 4px 0;
+  z-index: 1001;
+  box-shadow: 0 8px 24px rgba(0,0,0,0.35);
+}
+.roll-dropdown-item {
+  display: block;
+  width: 100%;
+  text-align: left;
+  padding: 7px 14px;
+  font-size: 12.5px;
+  color: var(--text);
+  background: transparent;
+  border: none;
+  cursor: pointer;
+}
+.roll-dropdown-item:hover { background: var(--toolbar-hover); }
+.roll-dropdown-item.active { background: var(--accent); color: #fff; }
+
 .layout-menu-root { position: relative; }
 
 .layout-dropdown {
@@ -1018,6 +1037,67 @@ button.active { background: var(--toolbar-hover); color: var(--accent); }
 .ind-tab:hover { color: var(--text); }
 .ind-tab.active { color: var(--primary); border-bottom-color: var(--primary); font-weight: 600; }
 
+/* source tabs (Built-In | Community | Store) */
+.ind-source-tabs {
+  display: flex;
+  gap: 0;
+  padding: 0 6px;
+  border-bottom: 1px solid var(--border);
+  flex-shrink: 0;
+  background: var(--toolbar-bg);
+}
+.ind-source-tab {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  background: none;
+  border: none;
+  border-bottom: 2px solid transparent;
+  color: var(--text-muted);
+  cursor: pointer;
+  font-size: 13px;
+  font-family: inherit;
+  font-weight: 500;
+  padding: 10px 16px 9px;
+  white-space: nowrap;
+  transition: color 0.12s, border-color 0.12s, background 0.12s;
+}
+.ind-source-tab:hover {
+  color: var(--text);
+  background: var(--toolbar-hover);
+}
+.ind-source-tab.active {
+  color: var(--primary);
+  border-bottom-color: var(--primary);
+  font-weight: 600;
+}
+.ind-source-tab svg {
+  flex-shrink: 0;
+  opacity: 0.7;
+}
+.ind-source-tab.active svg {
+  opacity: 1;
+  stroke: var(--primary);
+}
+
+/* store price badge */
+.ind-list-price {
+  flex-shrink: 0;
+  font-size: 12px;
+  font-weight: 700;
+  color: var(--success);
+  padding: 2px 8px;
+  border-radius: 4px;
+  background: var(--success-bg);
+  white-space: nowrap;
+}
+
+/* community free badge */
+.ind-list-badge.community {
+  color: var(--success);
+  background: var(--success-bg);
+}
+
 /* list */
 .ind-list-wrap {
   flex: 1;
@@ -1300,6 +1380,48 @@ button.active { background: var(--toolbar-hover); color: var(--accent); }
 .sym-row:hover { background: var(--toolbar-hover); }
 .sym-row.active { background: var(--primary-bg); }
 .sym-row + .sym-row { border-top: 1px solid var(--border); }
+
+/* Grouped parent row (continuous contract with expand toggle) */
+.sym-group-parent {
+  position: relative;
+  display: flex;
+  align-items: stretch;
+}
+.sym-group-parent .sym-row {
+  flex: 1;
+  min-width: 0;
+}
+.sym-group-parent + .sym-group-parent .sym-row,
+.sym-group-parent + .sym-row,
+.sym-row + .sym-group-parent .sym-row { border-top: 1px solid var(--border); }
+
+/* Expand/collapse chevron button */
+.sym-expand-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 30px;
+  background: none;
+  border: none;
+  cursor: pointer;
+  color: var(--text-muted);
+  padding: 0;
+  flex-shrink: 0;
+  border-left: 1px solid var(--border);
+}
+.sym-expand-btn:hover { background: var(--toolbar-hover); color: var(--text); }
+
+/* Indented child contract rows */
+.sym-row-child {
+  padding-left: 38px;
+  background: var(--bg-secondary, rgba(0,0,0,.04));
+}
+.sym-row-child + .sym-row-child { border-top: 1px solid var(--border); }
+.sym-row-child .sym-row-icon {
+  width: 24px;
+  height: 24px;
+  font-size: 11px;
+}
 .sym-row-icon {
   width: 30px;
   height: 30px;
@@ -1343,6 +1465,22 @@ button.active { background: var(--toolbar-hover); color: var(--accent); }
   text-overflow: ellipsis;
   max-width: 280px;
 }
+.sym-row-dates {
+  font-size: 10px;
+  color: var(--text-muted);
+  opacity: 0.7;
+  white-space: nowrap;
+}
+.sym-row-expired {
+  opacity: 0.5;
+}
+.sym-expired-tag {
+  color: #e57373;
+  font-weight: 600;
+  font-size: 9px;
+  letter-spacing: 0.3px;
+  margin-left: 4px;
+}
 .sym-row-badge {
   font-size: 10px;
   color: var(--text-muted);
@@ -1406,6 +1544,7 @@ select {
   background: var(--toolbar-bg);
   border-radius: 8px;
   flex-shrink: 0;
+  position: relative;
 }
 
 .bottom-bar-left {
@@ -1609,6 +1748,7 @@ select {
 
 .script-drawer {
   flex-shrink: 0;
+  align-self: stretch;
   position: relative;
   display: flex;
   flex-direction: column;
@@ -1621,10 +1761,10 @@ select {
 
 .script-drawer-resize {
   position: absolute;
-  left: 0;
+  left: -3px;
   top: 0;
   bottom: 0;
-  width: 5px;
+  width: 8px;
   cursor: col-resize;
   z-index: 10;
   border-radius: 8px 0 0 8px;
@@ -1632,7 +1772,7 @@ select {
 .script-drawer-resize:hover,
 .script-drawer-resize:active {
   background: var(--accent);
-  opacity: 0.25;
+  opacity: 0.35;
 }
 
 .script-drawer-header {
@@ -1864,6 +2004,23 @@ select {
   font-weight: 600;
 }
 
+.script-lang-tab-help {
+  flex: 0 0 auto;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 0 10px;
+  background: none;
+  border: none !important;
+  border-bottom: 2px solid transparent !important;
+  color: var(--text-muted);
+  font-size: 11px;
+  cursor: pointer;
+  transition: color 0.12s;
+  margin-left: auto;
+}
+.script-lang-tab-help:hover { color: var(--text); }
+
 /* Reference section */
 .script-ref-section {
   border-bottom: 1px solid var(--border);
@@ -2128,6 +2285,30 @@ select {
   flex-shrink: 0;
 }
 
+/* ── request.security() multi-timeframe warning banner ──────────────── */
+.script-security-warning {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  margin: 0 0 8px;
+  padding: 8px 10px;
+  background: rgba(255, 152, 0, 0.12);
+  border: 1px solid rgba(255, 152, 0, 0.4);
+  border-radius: 5px;
+  font-size: 11px;
+  line-height: 1.5;
+  color: var(--text-primary, #e0e0e0);
+}
+.script-security-warning svg { color: #ff9800; margin-top: 1px; }
+.script-security-warning strong { color: #ff9800; }
+.script-security-warning code {
+  font-family: monospace;
+  font-size: 10px;
+  background: rgba(255,255,255,0.07);
+  padding: 1px 3px;
+  border-radius: 3px;
+}
+
 .script-conversion-ok {
   display: flex;
   align-items: center;
@@ -2282,102 +2463,317 @@ select {
 }
 
 /* ── AI Chat (multi-turn conversation) ───────────────────────────────── */
-.script-chat-section {
+
+/* -- Dataset Import Panel -------------------------------------------------- */
+.dataset-panel {
   border-top: 1px solid var(--border, #333);
-  padding: 6px 10px 8px;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
   flex-shrink: 0;
 }
-.script-chat-label {
+.dataset-panel-toggle {
   display: flex;
   align-items: center;
-  gap: 5px;
-  font-size: 11px;
-  font-weight: 600;
+  gap: 7px;
+  width: 100%;
+  padding: 8px 14px;
+  background: none;
+  border: none;
   color: var(--text-muted, #888);
+  font-size: 11.5px;
+  font-weight: 600;
   text-transform: uppercase;
-  letter-spacing: 0.3px;
-  margin-bottom: 2px;
+  letter-spacing: 0.4px;
+  cursor: pointer;
+  text-align: left;
+  transition: color 0.12s, background 0.12s;
 }
-.script-chat-history {
-  max-height: 180px;
-  overflow-y: auto;
+.dataset-panel-toggle:hover {
+  color: var(--text, #e0e0e0);
+  background: var(--toolbar-hover, rgba(255,255,255,0.04));
+}
+.dataset-panel-body {
+  padding: 0 14px 12px;
   display: flex;
   flex-direction: column;
-  gap: 6px;
-  padding: 2px 0;
-  scrollbar-width: thin;
+  gap: 10px;
 }
-.script-chat-msg {
-  font-size: 11.5px;
-  line-height: 1.45;
+.dataset-list {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
 }
-.script-chat-msg-role {
-  font-size: 10px;
-  font-weight: 700;
+.dataset-list-label {
+  font-size: 10.5px;
+  font-weight: 600;
+  color: var(--text-muted, #888);
   text-transform: uppercase;
-  letter-spacing: 0.3px;
-  margin-bottom: 1px;
-}
-.script-chat-user .script-chat-msg-role { color: var(--accent, #42a5f5); }
-.script-chat-assistant .script-chat-msg-role { color: var(--up, #26a69a); }
-.script-chat-msg-body {
-  color: var(--text, #ccc);
-  white-space: pre-wrap;
-  word-break: break-word;
-}
-.script-chat-code-applied {
-  margin-top: 3px;
-  font-size: 10px;
-  color: var(--up, #26a69a);
-  font-style: italic;
+  letter-spacing: 0.4px;
+  margin-bottom: 2px;
 }
-.script-chat-input-row {
+.dataset-list-item {
   display: flex;
-  gap: 4px;
+  align-items: center;
+  gap: 8px;
+  padding: 5px 8px;
+  background: var(--toolbar-hover, rgba(255,255,255,0.04));
+  border-radius: 5px;
+  border: 1px solid var(--border, #333);
 }
-.script-chat-input {
+.dataset-list-item-info {
   flex: 1;
-  background: var(--bg-secondary);
-  border: 1px solid var(--border);
-  border-radius: 4px;
-  color: var(--text);
-  padding: 5px 8px;
-  font-size: 12px;
-  font-family: inherit;
-  outline: none;
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+  min-width: 0;
 }
-.script-chat-input:focus {
-  border-color: var(--accent, #42a5f5);
+.dataset-list-item-name {
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--text, #e0e0e0);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
-.script-chat-input:disabled {
-  opacity: 0.5;
+.dataset-list-item-meta {
+  font-size: 10.5px;
+  color: var(--text-muted, #888);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
-.script-chat-send {
-  padding: 4px 10px;
-  background: var(--primary);
-  color: #fff;
+.dataset-remove-btn {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  background: none;
   border: none;
-  border-radius: 4px;
-  font-size: 14px;
-  font-weight: 700;
+  color: var(--text-muted, #888);
   cursor: pointer;
-  line-height: 1;
+  border-radius: 3px;
+  transition: color 0.12s, background 0.12s;
 }
-.script-chat-send:hover:not(:disabled) { opacity: 0.85; }
-.script-chat-send:disabled { opacity: 0.4; cursor: default; }
-
-/* ── Screenshot dropdown ─────────────────────────────────────────────────── */
-.ss-dropdown {
-  position: absolute;
-  top: calc(100% + 6px);
-  right: 0;
-  min-width: 170px;
-  background: var(--toolbar-bg);
-  border: 1px solid var(--border);
-  border-radius: 8px;
+.dataset-remove-btn:hover {
+  color: var(--down, #ef5350);
+  background: rgba(239,83,80,0.1);
+}
+.dataset-form {
+  display: flex;
+  flex-direction: column;
+  gap: 7px;
+}
+.dataset-form-label {
+  font-size: 10.5px;
+  font-weight: 600;
+  color: var(--text-muted, #888);
+  text-transform: uppercase;
+  letter-spacing: 0.4px;
+}
+.dataset-name-input {
+  width: 100%;
+  padding: 6px 10px;
+  background: var(--bg, #1a1a1a);
+  color: var(--text, #e0e0e0);
+  border: 1px solid var(--border, #333);
+  border-radius: 5px;
+  font-size: 12px;
+  outline: none;
+  box-sizing: border-box;
+  transition: border-color 0.12s;
+}
+.dataset-name-input:focus { border-color: var(--primary, #2196f3); }
+.dataset-name-input::placeholder { color: var(--text-muted, #888); }
+.dataset-upload-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.dataset-upload-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  padding: 5px 10px;
+  background: var(--toolbar-hover, rgba(255,255,255,0.06));
+  color: var(--text, #e0e0e0);
+  border: 1px solid var(--border, #333);
+  border-radius: 5px;
+  font-size: 11.5px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: background 0.12s, border-color 0.12s;
+  white-space: nowrap;
+}
+.dataset-upload-btn:hover {
+  background: var(--primary, #2196f3);
+  border-color: var(--primary, #2196f3);
+  color: #fff;
+}
+.dataset-upload-hint {
+  font-size: 11px;
+  color: var(--text-muted, #888);
+}
+.dataset-paste-area {
+  width: 100%;
+  padding: 8px 10px;
+  background: var(--bg, #1a1a1a);
+  color: var(--text, #e0e0e0);
+  border: 1px solid var(--border, #333);
+  border-radius: 5px;
+  font-family: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;
+  font-size: 11px;
+  line-height: 1.5;
+  resize: vertical;
+  outline: none;
+  box-sizing: border-box;
+  transition: border-color 0.12s;
+}
+.dataset-paste-area:focus { border-color: var(--primary, #2196f3); }
+.dataset-paste-area::placeholder { color: var(--text-muted, #888); opacity: 0.7; }
+.dataset-preview {
+  display: flex;
+  align-items: flex-start;
+  gap: 6px;
+  font-size: 11.5px;
+  color: var(--up, #26a69a);
+  line-height: 1.5;
+}
+.dataset-error {
+  display: flex;
+  align-items: flex-start;
+  gap: 6px;
+  font-size: 11.5px;
+  color: var(--down, #ef5350);
+  line-height: 1.5;
+}
+.dataset-register-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 6px 14px;
+  background: var(--primary, #2196f3);
+  color: #fff;
+  border: none;
+  border-radius: 5px;
+  font-size: 12.5px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: opacity 0.12s;
+  align-self: flex-start;
+}
+.dataset-register-btn:hover:not(:disabled) { opacity: 0.85; }
+.dataset-register-btn:disabled { opacity: 0.35; cursor: default; }
+.dataset-usage-hint {
+  font-size: 11px;
+  color: var(--text-muted, #888);
+  line-height: 1.6;
+}
+.dataset-usage-hint code {
+  background: var(--toolbar-hover, rgba(255,255,255,0.06));
+  border: 1px solid var(--border, #333);
+  border-radius: 3px;
+  padding: 1px 5px;
+  font-family: 'JetBrains Mono', 'Fira Code', monospace;
+  font-size: 10.5px;
+  color: var(--primary, #2196f3);
+}
+
+.script-chat-section {
+  border-top: 1px solid var(--border, #333);
+  padding: 6px 10px 8px;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  flex-shrink: 0;
+}
+.script-chat-label {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  font-size: 11px;
+  font-weight: 600;
+  color: var(--text-muted, #888);
+  text-transform: uppercase;
+  letter-spacing: 0.3px;
+  margin-bottom: 2px;
+}
+.script-chat-history {
+  max-height: 180px;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding: 2px 0;
+  scrollbar-width: thin;
+}
+.script-chat-msg {
+  font-size: 11.5px;
+  line-height: 1.45;
+}
+.script-chat-msg-role {
+  font-size: 10px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.3px;
+  margin-bottom: 1px;
+}
+.script-chat-user .script-chat-msg-role { color: var(--accent, #42a5f5); }
+.script-chat-assistant .script-chat-msg-role { color: var(--up, #26a69a); }
+.script-chat-msg-body {
+  color: var(--text, #ccc);
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+.script-chat-code-applied {
+  margin-top: 3px;
+  font-size: 10px;
+  color: var(--up, #26a69a);
+  font-style: italic;
+}
+.script-chat-input-row {
+  display: flex;
+  gap: 4px;
+}
+.script-chat-input {
+  flex: 1;
+  background: var(--bg-secondary);
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  color: var(--text);
+  padding: 5px 8px;
+  font-size: 12px;
+  font-family: inherit;
+  outline: none;
+}
+.script-chat-input:focus {
+  border-color: var(--accent, #42a5f5);
+}
+.script-chat-input:disabled {
+  opacity: 0.5;
+}
+.script-chat-send {
+  padding: 4px 10px;
+  background: var(--primary);
+  color: #fff;
+  border: none;
+  border-radius: 4px;
+  font-size: 14px;
+  font-weight: 700;
+  cursor: pointer;
+  line-height: 1;
+}
+.script-chat-send:hover:not(:disabled) { opacity: 0.85; }
+.script-chat-send:disabled { opacity: 0.4; cursor: default; }
+
+/* ── Screenshot dropdown ─────────────────────────────────────────────────── */
+.ss-dropdown {
+  position: absolute;
+  top: calc(100% + 6px);
+  right: 0;
+  min-width: 170px;
+  background: var(--toolbar-bg);
+  border: 1px solid var(--border);
+  border-radius: 8px;
   padding: 4px 0;
   z-index: 1001;
   box-shadow: 0 8px 24px rgba(0,0,0,0.35);
@@ -2627,6 +3023,46 @@ select {
   font-family: monospace;
   min-width: 56px;
 }
+.csettings-range-wrap {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+.csettings-range-input {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 120px;
+  height: 4px;
+  border-radius: 2px;
+  background: var(--border, #333);
+  outline: none;
+  cursor: pointer;
+}
+.csettings-range-input::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 14px;
+  height: 14px;
+  border-radius: 50%;
+  background: var(--primary, #2196f3);
+  border: none;
+  cursor: pointer;
+}
+.csettings-range-input::-moz-range-thumb {
+  width: 14px;
+  height: 14px;
+  border-radius: 50%;
+  background: var(--primary, #2196f3);
+  border: none;
+  cursor: pointer;
+}
+.csettings-range-value {
+  font-size: 12px;
+  color: var(--text-muted, #888);
+  font-family: monospace;
+  min-width: 36px;
+  text-align: right;
+}
 .csettings-toggle {
   position: relative;
   display: inline-flex;
@@ -2666,11 +3102,57 @@ select {
   transform: translateX(16px);
   background: #fff;
 }
+
+/* ── Symbol section additions ─────────────── */
+.csettings-group-title {
+  font-size: 11px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  color: var(--text-muted, #888);
+  padding-bottom: 4px;
+  margin-bottom: 4px;
+  border-bottom: 1px solid var(--border);
+}
+.csettings-color-pair {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+.csettings-inline-check {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  cursor: pointer;
+  font-size: 13px;
+  color: var(--text, #e0e0e0);
+}
+.csettings-inline-check input[type="checkbox"] {
+  width: 14px;
+  height: 14px;
+  accent-color: var(--primary, #2196f3);
+  cursor: pointer;
+}
+.csettings-select {
+  padding: 4px 8px;
+  font-size: 13px;
+  font-family: inherit;
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  background: var(--bg-surface, #1e1e1e);
+  color: var(--text, #e0e0e0);
+  cursor: pointer;
+  min-width: 120px;
+}
+.csettings-select:focus {
+  outline: none;
+  border-color: var(--primary, #2196f3);
+}
+
 .csettings-footer {
   display: flex;
   align-items: center;
-  justify-content: flex-end;
-  gap: 8px;
+  justify-content: space-between;
   padding: 12px 18px;
   border-top: 1px solid var(--border);
   flex-shrink: 0;
@@ -2702,7 +3184,148 @@ select {
   background: #1976d2;
 }
 
-[data-theme="light"] .chart-ctx-menu,
+/* ── Template dropdown ─────────────────────────────────────── */
+.csettings-template-area {
+  position: relative;
+}
+.csettings-template-btn {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 5px 10px;
+  background: none;
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  color: var(--text-muted, #888);
+  font-size: 13px;
+  font-family: inherit;
+  cursor: pointer;
+  transition: border-color 0.15s, color 0.15s;
+}
+.csettings-template-btn:hover {
+  border-color: var(--text-muted);
+  color: var(--text, #fff);
+}
+.csettings-template-caret {
+  font-size: 10px;
+  margin-left: 2px;
+}
+.csettings-template-menu {
+  position: absolute;
+  bottom: calc(100% + 6px);
+  left: 0;
+  min-width: 200px;
+  background: var(--bg-elevated, #23262b);
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  box-shadow: 0 4px 16px rgba(0,0,0,0.35);
+  z-index: 100;
+  padding: 4px 0;
+}
+.csettings-template-menu-item {
+  display: block;
+  width: 100%;
+  padding: 7px 14px;
+  background: none;
+  border: none;
+  color: var(--text, #fff);
+  font-size: 13px;
+  font-family: inherit;
+  text-align: left;
+  cursor: pointer;
+}
+.csettings-template-menu-item:hover {
+  background: var(--hover-bg, rgba(255,255,255,0.06));
+}
+.csettings-template-divider {
+  height: 1px;
+  background: var(--border);
+  margin: 4px 0;
+}
+.csettings-template-menu-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 4px 0 0;
+}
+.csettings-template-menu-row .csettings-template-menu-item {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.csettings-template-menu-delete {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  background: none;
+  border: none;
+  border-radius: 4px;
+  color: var(--text-muted, #888);
+  font-size: 14px;
+  cursor: pointer;
+}
+.csettings-template-menu-delete:hover {
+  background: var(--hover-bg, rgba(255,255,255,0.06));
+  color: #e53935;
+}
+.csettings-footer-actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+/* ── Save template dialog ──────────────────────────────────── */
+.csettings-save-backdrop {
+  position: fixed;
+  inset: 0;
+  background: rgba(0,0,0,0.45);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 10100;
+}
+.csettings-save-dialog {
+  background: var(--bg-elevated, #23262b);
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  padding: 20px 24px;
+  min-width: 320px;
+  box-shadow: 0 8px 32px rgba(0,0,0,0.45);
+}
+.csettings-save-title {
+  font-size: 15px;
+  font-weight: 600;
+  color: var(--text, #fff);
+  margin-bottom: 14px;
+}
+.csettings-save-input {
+  width: 100%;
+  padding: 7px 10px;
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  background: var(--bg, #181a1e);
+  color: var(--text, #fff);
+  font-size: 13px;
+  font-family: inherit;
+  outline: none;
+  margin-bottom: 16px;
+  box-sizing: border-box;
+}
+.csettings-save-input:focus {
+  border-color: var(--primary, #2196f3);
+}
+.csettings-save-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+}
+
+[data-theme="light"] .chart-ctx-menu,
 [data-theme="light"] .csettings-dialog {
   border-color: var(--border);
   box-shadow: 0 8px 24px rgba(0,0,0,0.12);
@@ -2710,9 +3333,30 @@ select {
 [data-theme="light"] .csettings-nav-item.is-active {
   background: var(--primary-bg);
 }
+[data-theme="light"] .csettings-select {
+  background: #ffffff;
+  color: #1a1a1a;
+  border-color: #ccc;
+}
+[data-theme="light"] .csettings-save-input {
+  background: #ffffff;
+  color: #1a1a1a;
+  border-color: #ccc;
+}
+[data-theme="light"] .csettings-save-dialog {
+  background: #ffffff;
+  border-color: #ddd;
+}
+[data-theme="light"] .csettings-template-menu {
+  background: #ffffff;
+  border-color: #ddd;
+}
+[data-theme="light"] .csettings-range-input {
+  background: #ddd;
+}
 
 
-/* ── Watchlist Drawer ────────────────────────────────────────────────────────── */
+/* Watchlist Drawer */
 :root {
   --wl-up:   #26a641;
   --wl-down: #f85149;
@@ -2823,7 +3467,7 @@ select {
 /* Column headers */
 .wl-col-headers {
   display: grid;
-  grid-template-columns: 16px 1fr var(--wl-last, 70px) var(--wl-chg, 70px) var(--wl-pct, 60px) var(--wl-vol, 52px);
+  grid-template-columns: 16px var(--wl-sym, 120px) var(--wl-last, 70px) var(--wl-chg, 70px) var(--wl-pct, 60px) var(--wl-vol, 52px);
   gap: 0;
   padding: 4px 10px 4px 6px;
   border-bottom: 1px solid var(--border);
@@ -2838,7 +3482,13 @@ select {
   position: relative;
   user-select: none;
 }
-.wl-col-last, .wl-col-chg, .wl-col-pct, .wl-col-vol { text-align: right; }
+.wl-col-symbol, .wl-col-last, .wl-col-chg, .wl-col-pct, .wl-col-vol {
+  text-align: center;
+}
+.wl-col-last, .wl-col-chg, .wl-col-pct, .wl-col-vol {
+  border-left: 1px solid var(--border);
+  padding-left: 4px;
+}
 
 /* Column resize handle — sits on the right edge of each numeric header cell */
 .wl-col-resize {
@@ -2935,7 +3585,7 @@ select {
 /* Symbol row */
 .wl-row {
   display: grid;
-  grid-template-columns: 16px 1fr var(--wl-last, 70px) var(--wl-chg, 70px) var(--wl-pct, 60px) var(--wl-vol, 52px) auto;
+  grid-template-columns: 16px var(--wl-sym, 120px) var(--wl-last, 70px) var(--wl-chg, 70px) var(--wl-pct, 60px) var(--wl-vol, 52px) auto;
   align-items: center;
   gap: 0;
   padding: 5px 10px 5px 6px;
@@ -2980,7 +3630,7 @@ select {
   font-size: 12.5px;
   font-weight: 600;
   color: var(--text);
-  padding-left: 18px;
+  text-align: center;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -2988,9 +3638,11 @@ select {
 
 .wl-last, .wl-change, .wl-pct, .wl-vol, .wl-no-data {
   font-size: 11.5px;
-  text-align: right;
+  text-align: center;
   color: var(--text-muted);
   font-variant-numeric: tabular-nums;
+  border-left: 1px solid var(--border);
+  padding-left: 4px;
 }
 
 .wl-last { color: var(--text); }
@@ -3276,7 +3928,7 @@ select {
 }
 
 .broker-tile-connect {
-  margin-top: 2px;
+  margin-top: 0;
   padding: 5px 0;
   font-size: 11px;
   font-weight: 500;
@@ -3306,12 +3958,38 @@ select {
   background: rgba(38, 166, 154, 0.1);
 }
 
-/* Action row — wraps Start Trading + Disconnect when connected */
+/* Action column — outer wrapper for all action buttons on a broker card */
+.broker-tile-action-col {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  margin-top: 8px;
+}
+
+/* Action row — wraps Start Trading + Disconnect when connected */
 .broker-tile-action-row {
   display: flex;
   flex-direction: column;
   gap: 6px;
-  margin-top: 8px;
+}
+
+/* “Use different credentials” subtle link below the main actions */
+.broker-tile-new-creds {
+  background: none;
+  border: none;
+  padding: 2px 0;
+  font-size: 10px;
+  color: var(--text-muted);
+  cursor: pointer;
+  text-align: center;
+  text-decoration: underline;
+  text-underline-offset: 2px;
+  opacity: 0.7;
+  transition: opacity 0.15s, color 0.15s;
+}
+.broker-tile-new-creds:hover {
+  opacity: 1;
+  color: var(--color-accent, #60a5fa);
 }
 .broker-tile-disconnect {
   display: flex;
@@ -3415,6 +4093,49 @@ select {
   padding: 16px 20px 24px;
 }
 
+/* Rithmic branding block at top of connect form */
+.bcf-rithmic-brand {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8px;
+  padding: 16px 0 20px;
+  border-bottom: 1px solid var(--border);
+  margin-bottom: 20px;
+  text-align: center;
+}
+.bcf-rithmic-logo {
+  height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.bcf-rithmic-logo img {
+  max-height: 40px;
+  max-width: 160px;
+  object-fit: contain;
+}
+.bcf-rithmic-logo-fallback {
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--text-muted);
+  letter-spacing: 0.02em;
+}
+/* Hide fallback text when the image loads successfully */
+.bcf-rithmic-logo img + .bcf-rithmic-logo-fallback {
+  display: none;
+}
+.bcf-rithmic-copyright {
+  font-size: 10px;
+  color: var(--text-muted);
+  opacity: 0.7;
+  margin: 0;
+  line-height: 1.4;
+}
+.bcf-rithmic-copyright + .bcf-rithmic-copyright {
+  margin-top: 3px;
+}
+
 .bcf-section-label {
   font-size: 10px;
   font-weight: 700;
@@ -3519,6 +4240,36 @@ select {
 }
 .bcf-btn-back:hover { background: var(--toolbar-hover); }
 
+/* Saved-credentials notice bar */
+.bcf-saved-notice {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 7px 10px;
+  margin-bottom: 14px;
+  font-size: 11px;
+  color: var(--text-muted);
+  background: rgba(255,255,255,0.04);
+  border: 1px solid var(--border-subtle, rgba(255,255,255,0.08));
+  border-radius: 5px;
+}
+.bcf-saved-notice strong { color: var(--text-primary, #e2e8f0); }
+
+/* Inline link-style button (no background) */
+.bcf-link-btn {
+  background: none;
+  border: none;
+  padding: 0;
+  margin-left: auto;
+  font-size: 11px;
+  color: var(--color-accent, #60a5fa);
+  cursor: pointer;
+  text-decoration: underline;
+  text-underline-offset: 2px;
+  white-space: nowrap;
+}
+.bcf-link-btn:hover { color: var(--color-accent-hover, #93c5fd); }
+
 /* API-level error banner */
 .bcf-api-error {
   margin: 10px 0 4px;
@@ -3622,6 +4373,21 @@ select {
   animation: oep-slide-in 0.2s cubic-bezier(0.4, 0, 0.2, 1);
 }
 
+.oep-resize-handle {
+  position: absolute;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  width: 5px;
+  cursor: col-resize;
+  z-index: 10;
+}
+.oep-resize-handle:hover,
+.oep-resize-handle:active {
+  background: var(--accent);
+  opacity: 0.25;
+}
+
 @keyframes oep-slide-in {
   from { opacity: 0; transform: translateX(16px); }
   to   { opacity: 1; transform: translateX(0); }
@@ -4061,49 +4827,158 @@ select {
   border-radius: 5px;
   cursor: pointer;
 }
-.oep-preset-cancel-btn:hover {
-  color: var(--text);
-  border-color: var(--text-muted);
-}
 
-/* ── Position management buttons ── */
-.oep-pos-row {
-  display: flex;
-  gap: 6px;
-  margin-bottom: 6px;
+/* ─── ContractSwitchDialog ────────────────────────────────────────────────── */
+
+.cswitch-backdrop {
+  position: fixed;
+  inset: 0;
+  z-index: 10001;
 }
-.oep-pos-btn {
+.cswitch-popup {
+  position: fixed;
+  background: var(--toolbar-bg, #141414);
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  box-shadow: var(--shadow-dialog);
+  min-width: 320px;
+  max-width: 420px;
+  width: max-content;
+  transform: translate(-50%, -100%) translateY(-12px);
+  overflow: visible;
+}
+.cswitch-header {
   display: flex;
   align-items: center;
-  justify-content: center;
-  gap: 5px;
-  padding: 6px 8px;
+  gap: 8px;
+  padding: 10px 14px;
+  border-bottom: 1px solid var(--border);
+}
+.cswitch-title {
+  font-size: 13px;
+  font-weight: 600;
+  color: #00BCD4;
+}
+.cswitch-date {
   font-size: 11px;
-  font-weight: 500;
-  border-radius: 6px;
+  color: var(--text-muted, #888);
+  margin-left: auto;
+}
+.cswitch-close {
+  background: none;
+  border: none;
+  color: var(--text-muted, #888);
+  font-size: 14px;
   cursor: pointer;
-  transition: background 0.12s, border-color 0.12s, color 0.12s;
-  white-space: nowrap;
+  padding: 2px 4px;
+  border-radius: 4px;
+  line-height: 1;
+  margin-left: 4px;
 }
-.oep-pos-btn:disabled {
-  opacity: 0.38;
-  cursor: not-allowed;
-  pointer-events: none;
+.cswitch-close:hover {
+  color: var(--text, #fff);
+  background: var(--toolbar-hover);
 }
-/* Full-width standalone buttons */
-.oep-pos-btn--close,
-.oep-pos-btn--flatten {
-  width: 100%;
-  margin-bottom: 6px;
+.cswitch-body {
+  display: flex;
+  align-items: stretch;
+  padding: 10px;
+  gap: 8px;
 }
-/* Half-width pair buttons */
-.oep-pos-row .oep-pos-btn {
+.cswitch-contract {
   flex: 1;
-  margin-bottom: 0;
-}
-
-.oep-pos-btn--close {
-  color: #ef5350;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
+  padding: 10px 8px;
+  background: var(--bg, #0a0a0a);
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  cursor: pointer;
+  transition: border-color 0.15s, background 0.15s;
+  color: inherit;
+  font-family: inherit;
+}
+.cswitch-contract:hover {
+  border-color: #00BCD4;
+  background: rgba(0,188,212,0.08);
+}
+.cswitch-direction {
+  font-size: 10px;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: var(--text-muted, #888);
+}
+.cswitch-symbol {
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--text, #fff);
+  white-space: nowrap;
+}
+.cswitch-label {
+  font-size: 11px;
+  color: var(--text-muted, #888);
+}
+.cswitch-arrow {
+  display: flex;
+  align-items: center;
+  font-size: 16px;
+  color: #00BCD4;
+  flex-shrink: 0;
+}
+
+.oep-preset-cancel-btn:hover {
+  color: var(--text);
+  border-color: var(--text-muted);
+}
+
+/* ── Position management buttons ── */
+.oep-pos-row {
+  display: flex;
+  gap: 6px;
+  margin-bottom: 6px;
+}
+.oep-pos-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 5px;
+  padding: 6px 8px;
+  font-size: 11px;
+  font-weight: 500;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: background 0.12s, border-color 0.12s, color 0.12s, transform 0.08s;
+  white-space: nowrap;
+  user-select: none;
+}
+.oep-pos-btn:active:not(:disabled) {
+  transform: scale(0.95);
+}
+.oep-pos-btn:focus-visible {
+  outline: 2px solid rgba(100, 149, 237, 0.7);
+  outline-offset: 1px;
+}
+.oep-pos-btn:disabled {
+  opacity: 0.38;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+/* Full-width standalone buttons */
+.oep-pos-btn--close,
+.oep-pos-btn--flatten {
+  width: 100%;
+  margin-bottom: 6px;
+}
+/* Half-width pair buttons */
+.oep-pos-row .oep-pos-btn {
+  flex: 1;
+  margin-bottom: 0;
+}
+
+.oep-pos-btn--close {
+  color: #ef5350;
   background: rgba(239, 83, 80, 0.06);
   border: 1px solid rgba(239, 83, 80, 0.3);
 }
@@ -4111,6 +4986,10 @@ select {
   background: rgba(239, 83, 80, 0.14);
   border-color: #ef5350;
 }
+.oep-pos-btn--close:active:not(:disabled) {
+  background: rgba(239, 83, 80, 0.25);
+  border-color: #e53935;
+}
 .oep-pos-btn--cancel {
   color: var(--text-muted);
   background: var(--shelf-bg);
@@ -4121,6 +5000,11 @@ select {
   border-color: rgba(239, 83, 80, 0.5);
   background: rgba(239, 83, 80, 0.06);
 }
+.oep-pos-btn--cancel:active:not(:disabled) {
+  color: #e53935;
+  background: rgba(239, 83, 80, 0.16);
+  border-color: #ef5350;
+}
 .oep-pos-btn--reverse {
   color: var(--text-muted);
   background: var(--shelf-bg);
@@ -4131,6 +5015,11 @@ select {
   border-color: var(--text-muted);
   background: rgba(128, 128, 128, 0.08);
 }
+.oep-pos-btn--reverse:active:not(:disabled) {
+  color: var(--text);
+  background: rgba(128, 128, 128, 0.18);
+  border-color: var(--text);
+}
 .oep-pos-btn--flatten {
   color: var(--text-muted);
   background: var(--shelf-bg);
@@ -4141,3 +5030,1011 @@ select {
   border-color: var(--text-muted);
   background: rgba(128, 128, 128, 0.08);
 }
+.oep-pos-btn--flatten:active:not(:disabled) {
+  color: var(--text);
+  background: rgba(128, 128, 128, 0.18);
+  border-color: var(--text);
+}
+
+/* ─── Position Properties Dialog ────────────────────────────────────────── */
+
+.pos-dialog-backdrop {
+  position: fixed;
+  inset: 0;
+  z-index: 9999;
+  background: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.pos-dialog {
+  background: #1e222d;
+  border: 1px solid #363a45;
+  border-radius: 8px;
+  width: 320px;
+  max-height: 90vh;
+  display: flex;
+  flex-direction: column;
+  color: #d1d4dc;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  font-size: 13px;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
+}
+.pos-dialog-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 16px;
+  border-bottom: 1px solid #363a45;
+}
+.pos-dialog-title {
+  font-size: 15px;
+  font-weight: 600;
+  color: #fff;
+}
+.pos-dialog-close {
+  background: none;
+  border: none;
+  color: #787b86;
+  font-size: 16px;
+  cursor: pointer;
+  padding: 2px 6px;
+  border-radius: 4px;
+}
+.pos-dialog-close:hover {
+  color: #d1d4dc;
+  background: rgba(255, 255, 255, 0.06);
+}
+.pos-dialog-tabs {
+  display: flex;
+  gap: 0;
+  border-bottom: 1px solid #363a45;
+  padding: 0 16px;
+}
+.pos-dialog-tab {
+  background: none;
+  border: none;
+  color: #787b86;
+  font-size: 13px;
+  padding: 8px 12px;
+  cursor: pointer;
+  border-bottom: 2px solid transparent;
+  margin-bottom: -1px;
+}
+.pos-dialog-tab.is-active {
+  color: #2196f3;
+  border-bottom-color: #2196f3;
+}
+.pos-dialog-body {
+  padding: 12px 16px;
+  overflow-y: auto;
+  flex: 1;
+}
+.pos-dialog-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 8px;
+}
+.pos-dialog-label {
+  flex-shrink: 0;
+  color: #787b86;
+  font-size: 12px;
+  min-width: 90px;
+}
+.pos-dialog-inputs {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  flex: 1;
+  justify-content: flex-end;
+}
+.pos-dialog-input {
+  width: 100px;
+  background: #131722;
+  border: 1px solid #363a45;
+  border-radius: 4px;
+  color: #d1d4dc;
+  font-size: 13px;
+  padding: 4px 8px;
+  text-align: right;
+  outline: none;
+}
+.pos-dialog-input:focus {
+  border-color: #2196f3;
+}
+.pos-dialog-select {
+  background: #131722;
+  border: 1px solid #363a45;
+  border-radius: 4px;
+  color: #d1d4dc;
+  font-size: 12px;
+  padding: 4px 6px;
+  outline: none;
+  cursor: pointer;
+}
+.pos-dialog-select:focus {
+  border-color: #2196f3;
+}
+.pos-dialog-section-label {
+  color: #787b86;
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 0.5px;
+  text-transform: uppercase;
+  margin: 12px 0 6px;
+  padding-top: 8px;
+  border-top: 1px solid #2a2e39;
+}
+.pos-dialog-summary {
+  margin-top: 12px;
+  padding-top: 8px;
+  border-top: 1px solid #2a2e39;
+}
+.pos-dialog-summary-row {
+  display: flex;
+  justify-content: space-between;
+  font-size: 12px;
+  color: #787b86;
+  margin-bottom: 4px;
+}
+.pos-dialog-summary-val {
+  color: #d1d4dc;
+}
+.pos-dialog-profit {
+  color: #26a69a;
+}
+.pos-dialog-profit .pos-dialog-summary-val {
+  color: #26a69a;
+}
+.pos-dialog-loss {
+  color: #ef5350;
+}
+.pos-dialog-loss .pos-dialog-summary-val {
+  color: #ef5350;
+}
+.pos-dialog-footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  padding: 12px 16px;
+  border-top: 1px solid #363a45;
+}
+.pos-dialog-btn {
+  border: none;
+  border-radius: 4px;
+  padding: 6px 16px;
+  font-size: 13px;
+  cursor: pointer;
+}
+.pos-dialog-btn--ghost {
+  background: transparent;
+  color: #787b86;
+}
+.pos-dialog-btn--ghost:hover {
+  color: #d1d4dc;
+  background: rgba(255, 255, 255, 0.06);
+}
+.pos-dialog-btn--primary {
+  background: #2196f3;
+  color: #fff;
+}
+.pos-dialog-btn--primary:hover {
+  background: #1e88e5;
+}
+
+/* -- Drawing Properties Dialog ------------------------------------------------ */
+.dprop-backdrop {
+  position: fixed;
+  inset: 0;
+  z-index: 9999;
+  background: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.dprop-dialog {
+  background: #1e222d;
+  border: 1px solid #363a45;
+  border-radius: 8px;
+  width: 320px;
+  max-height: 90vh;
+  display: flex;
+  flex-direction: column;
+  color: #d1d4dc;
+  font-size: 13px;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
+  outline: none;
+}
+.dprop-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 16px;
+  border-bottom: 1px solid #363a45;
+}
+.dprop-title { font-size: 15px; font-weight: 600; color: #fff; }
+.dprop-close {
+  background: none; border: none; color: #787b86;
+  font-size: 16px; cursor: pointer; padding: 2px 6px; border-radius: 4px;
+}
+.dprop-close:hover { color: #d1d4dc; background: rgba(255,255,255,0.06); }
+.dprop-tabs {
+  display: flex; border-bottom: 1px solid #363a45; padding: 0 16px;
+}
+.dprop-tab {
+  background: none; border: none; color: #787b86; font-size: 13px;
+  padding: 8px 12px; cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -1px;
+}
+.dprop-tab.is-active { color: #2196f3; border-bottom-color: #2196f3; }
+.dprop-body { padding: 12px 16px; overflow-y: auto; flex: 1; }
+.dprop-section-label {
+  color: #787b86; font-size: 11px; font-weight: 600; letter-spacing: 0.5px;
+  text-transform: uppercase; margin: 12px 0 6px; padding-top: 8px; border-top: 1px solid #2a2e39;
+}
+.dprop-section-label:first-child { margin-top: 0; padding-top: 0; border-top: none; }
+.dprop-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
+.dprop-label { flex-shrink: 0; color: #787b86; font-size: 12px; min-width: 80px; }
+.dprop-inputs { display: flex; align-items: center; gap: 8px; flex: 1; justify-content: flex-end; }
+.dprop-color {
+  width: 28px; height: 24px; border: 1px solid #363a45;
+  border-radius: 4px; padding: 1px; background: #131722; cursor: pointer;
+}
+.dprop-color-val { font-size: 11px; color: #787b86; font-family: monospace; min-width: 60px; }
+.dprop-range { flex: 1; accent-color: #2196f3; cursor: pointer; }
+.dprop-range-val { font-size: 12px; color: #d1d4dc; min-width: 32px; text-align: right; }
+.dprop-input {
+  width: 90px; background: #131722; border: 1px solid #363a45;
+  border-radius: 4px; color: #d1d4dc; font-size: 13px; padding: 4px 8px;
+  text-align: right; outline: none;
+}
+.dprop-input--wide { width: 140px; }
+.dprop-input:focus { border-color: #2196f3; }
+.dprop-unit { font-size: 12px; color: #787b86; min-width: 16px; }
+.dprop-time-label { font-size: 11px; color: #787b86; text-align: right; }
+.dprop-text-area-wrap { margin-bottom: 8px; }
+.dprop-textarea {
+  width: 100%; background: #131722; border: 1px solid #363a45;
+  border-radius: 4px; color: #d1d4dc; font-size: 13px; font-family: inherit;
+  padding: 8px; resize: vertical; outline: none; box-sizing: border-box;
+}
+.dprop-textarea:focus { border-color: #2196f3; }
+.dprop-footer {
+  display: flex; justify-content: flex-end; gap: 8px;
+  padding: 12px 16px; border-top: 1px solid #363a45;
+}
+.dprop-btn { border: none; border-radius: 4px; padding: 6px 16px; font-size: 13px; cursor: pointer; }
+.dprop-btn--ghost { background: transparent; color: #787b86; }
+.dprop-btn--ghost:hover { color: #d1d4dc; background: rgba(255,255,255,0.06); }
+.dprop-btn--primary { background: #2196f3; color: #fff; }
+.dprop-btn--primary:hover { background: #1e88e5; }
+[data-theme="light"] .dprop-dialog { background: #fff; border-color: #e0e3eb; color: #131722; }
+[data-theme="light"] .dprop-header { border-bottom-color: #e0e3eb; }
+[data-theme="light"] .dprop-title { color: #131722; }
+[data-theme="light"] .dprop-close:hover { background: rgba(0,0,0,0.06); }
+[data-theme="light"] .dprop-tabs { border-bottom-color: #e0e3eb; }
+[data-theme="light"] .dprop-section-label { border-top-color: #e0e3eb; }
+[data-theme="light"] .dprop-color { background: #f0f3fa; border-color: #e0e3eb; }
+[data-theme="light"] .dprop-input { background: #f0f3fa; border-color: #e0e3eb; color: #131722; }
+[data-theme="light"] .dprop-textarea { background: #f0f3fa; border-color: #e0e3eb; color: #131722; }
+[data-theme="light"] .dprop-footer { border-top-color: #e0e3eb; }
+[data-theme="light"] .dprop-btn--ghost:hover { background: rgba(0,0,0,0.06); color: #131722; }
+
+
+/* Script Manager — Main Tabs */
+.script-main-tabs { display: flex; flex-shrink: 0; border-bottom: 1px solid #363a45; background: #1a1d29; }
+.script-main-tab { flex: 1; padding: 8px 4px; font-size: 12px; font-weight: 500; background: transparent; border: none; color: #787b86; cursor: pointer; transition: color 0.15s, border-bottom 0.15s; border-bottom: 2px solid transparent; }
+.script-main-tab:hover { color: #d1d4dc; }
+.script-main-tab.active { color: #2196f3; border-bottom-color: #2196f3; }
+[data-theme="light"] .script-main-tabs { background: #f8f9fd; border-bottom-color: #e0e3eb; }
+[data-theme="light"] .script-main-tab { color: #787b86; }
+[data-theme="light"] .script-main-tab:hover { color: #131722; }
+[data-theme="light"] .script-main-tab.active { color: #2196f3; }
+
+/* Dataset Manager Drawer */
+.dsm-root { display: flex; flex-direction: column; flex: 1; overflow: hidden; }
+.dsm-header { display: flex; align-items: center; gap: 8px; padding: 10px 14px; border-bottom: 1px solid #363a45; flex-shrink: 0; }
+.dsm-title { font-size: 13px; font-weight: 600; color: #d1d4dc; flex: 1; }
+.dsm-back-btn { background: transparent; border: none; color: #787b86; font-size: 12px; cursor: pointer; padding: 2px 6px; border-radius: 4px; }
+.dsm-back-btn:hover { color: #d1d4dc; background: rgba(255,255,255,0.06); }
+.dsm-new-btn { background: #2196f3; border: none; color: #fff; font-size: 12px; cursor: pointer; padding: 4px 10px; border-radius: 4px; }
+.dsm-new-btn:hover { background: #1e88e5; }
+.dsm-error { padding: 8px 14px; background: rgba(239,83,80,0.12); color: #ef5350; font-size: 12px; }
+.dsm-empty { padding: 24px 14px; text-align: center; color: #787b86; font-size: 13px; }
+.dsm-loading { padding: 24px 14px; text-align: center; color: #787b86; font-size: 13px; }
+.dsm-list { overflow-y: auto; flex: 1; padding: 8px 0; }
+.dsm-list-item { padding: 10px 14px; border-bottom: 1px solid #2a2d3a; transition: background 0.1s; }
+.dsm-list-item:hover { background: rgba(255,255,255,0.03); }
+.dsm-list-item-header { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
+.dsm-list-item-name { font-size: 13px; font-weight: 600; color: #d1d4dc; flex: 1; }
+.dsm-status { font-size: 10px; padding: 2px 6px; border-radius: 10px; font-weight: 500; }
+.dsm-status--ready { background: rgba(38,166,154,0.18); color: #26a69a; }
+.dsm-status--pending { background: rgba(255,152,0,0.18); color: #ff9800; }
+.dsm-status--processing { background: rgba(33,150,243,0.18); color: #2196f3; }
+.dsm-status--failed { background: rgba(239,83,80,0.18); color: #ef5350; }
+.dsm-list-item-cols { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 6px; }
+.dsm-col-tag { font-size: 10px; padding: 2px 6px; border-radius: 4px; font-family: monospace; }
+.dsm-col-tag--time { background: rgba(33,150,243,0.18); color: #2196f3; }
+.dsm-col-tag--number, .dsm-col-tag--percentage, .dsm-col-tag--price { background: rgba(38,166,154,0.18); color: #26a69a; }
+.dsm-col-tag--integer { background: rgba(102,187,106,0.18); color: #66bb6a; }
+.dsm-col-tag--text { background: rgba(171,71,188,0.18); color: #ab47bc; }
+.dsm-col-tag--boolean { background: rgba(255,152,0,0.18); color: #ff9800; }
+.dsm-col-tag--date, .dsm-col-tag--timestamp { background: rgba(239,83,80,0.18); color: #ef5350; }
+.dsm-ingest-error { font-size: 11px; color: #ef5350; margin-bottom: 4px; }
+.dsm-list-item-actions { display: flex; gap: 6px; }
+.dsm-action-btn { font-size: 11px; padding: 3px 8px; border-radius: 4px; cursor: pointer; background: rgba(255,255,255,0.06); border: 1px solid #363a45; color: #d1d4dc; }
+.dsm-action-btn:hover { background: rgba(255,255,255,0.1); }
+.dsm-action-btn--primary { color: #2196f3; border-color: rgba(33,150,243,0.4); font-weight: 600; }
+.dsm-action-btn--primary:hover { background: rgba(33,150,243,0.12); border-color: #2196f3; }
+.dsm-action-btn--danger { color: #ef5350; border-color: rgba(239,83,80,0.3); }
+.dsm-action-btn--danger:hover { background: rgba(239,83,80,0.12); }
+.dsm-designer { overflow-y: auto; flex: 1; padding: 14px; display: flex; flex-direction: column; gap: 6px; }
+.dsm-label { font-size: 11px; font-weight: 600; color: #787b86; text-transform: uppercase; letter-spacing: 0.5px; margin-top: 8px; }
+.dsm-input { width: 100%; background: #131722; border: 1px solid #363a45; border-radius: 4px; color: #d1d4dc; font-size: 13px; padding: 6px 8px; outline: none; box-sizing: border-box; }
+.dsm-input:focus { border-color: #2196f3; }
+.dsm-hint { font-size: 11px; color: #787b86; margin: 0; }
+.dsm-col-locked { display: flex; align-items: center; gap: 8px; padding: 4px 0; }
+.dsm-col-row { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; }
+.dsm-col-name { flex: 1; }
+.dsm-select { background: #131722; border: 1px solid #363a45; border-radius: 4px; color: #d1d4dc; font-size: 12px; padding: 6px 4px; outline: none; }
+.dsm-select:focus { border-color: #2196f3; }
+.dsm-nullable-label { font-size: 11px; color: #787b86; display: flex; align-items: center; gap: 4px; white-space: nowrap; }
+.dsm-remove-col-btn { background: transparent; border: none; color: #787b86; cursor: pointer; font-size: 12px; padding: 4px; border-radius: 4px; }
+.dsm-remove-col-btn:hover { color: #ef5350; background: rgba(239,83,80,0.1); }
+.dsm-add-col-btn { background: transparent; border: 1px dashed #363a45; color: #787b86; border-radius: 4px; padding: 5px 10px; font-size: 12px; cursor: pointer; align-self: flex-start; }
+.dsm-add-col-btn:hover { border-color: #2196f3; color: #2196f3; }
+.dsm-file-input { display: none; }
+.dsm-upload-btn { background: rgba(255,255,255,0.06); border: 1px solid #363a45; color: #d1d4dc; border-radius: 4px; padding: 6px 12px; font-size: 12px; cursor: pointer; align-self: flex-start; }
+.dsm-upload-btn:hover { background: rgba(255,255,255,0.1); }
+.dsm-preview { margin-top: 8px; }
+.dsm-preview-label { font-size: 11px; color: #787b86; margin-bottom: 4px; }
+.dsm-preview-table-wrap { overflow-x: auto; border-radius: 4px; border: 1px solid #363a45; }
+.dsm-preview-table { width: 100%; border-collapse: collapse; font-size: 11px; font-family: monospace; }
+.dsm-preview-table th { background: #1a1d29; color: #787b86; padding: 4px 8px; text-align: left; border-bottom: 1px solid #363a45; }
+.dsm-preview-table td { color: #d1d4dc; padding: 3px 8px; border-bottom: 1px solid #2a2d3a; }
+.dsm-save-btn { margin-top: 12px; background: #2196f3; border: none; color: #fff !important; border-radius: 4px; padding: 8px 16px; font-size: 13px; font-weight: 600; cursor: pointer; align-self: flex-start; opacity: 1; }
+.dsm-save-btn:hover { background: #1976d2; }
+.dsm-save-btn:disabled { opacity: 0.5; cursor: not-allowed; }
+.dsm-usage { overflow-y: auto; flex: 1; padding: 14px; display: flex; flex-direction: column; gap: 12px; }
+.dsm-usage-intro { font-size: 13px; color: #d1d4dc; margin: 0; }
+.dsm-usage-code-wrap { position: relative; }
+.dsm-usage-code { background: #131722; border: 1px solid #363a45; border-radius: 4px; padding: 12px; font-size: 12px; font-family: monospace; color: #d1d4dc; white-space: pre-wrap; margin: 0; }
+.dsm-copy-btn { position: absolute; top: 6px; right: 6px; background: rgba(255,255,255,0.08); border: 1px solid #363a45; color: #d1d4dc; border-radius: 4px; padding: 3px 8px; font-size: 11px; cursor: pointer; }
+.dsm-copy-btn:hover { background: rgba(255,255,255,0.14); }
+.dsm-usage-cols { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
+.dsm-usage-col-label { font-size: 11px; color: #787b86; }
+.dsm-col-type { opacity: 0.6; font-size: 9px; }
+[data-theme="light"] .dsm-header { border-bottom-color: #e0e3eb; }
+[data-theme="light"] .dsm-title { color: #131722; }
+[data-theme="light"] .dsm-list-item { border-bottom-color: #e0e3eb; }
+[data-theme="light"] .dsm-list-item:hover { background: rgba(0,0,0,0.02); }
+[data-theme="light"] .dsm-list-item-name { color: #131722; }
+[data-theme="light"] .dsm-input { background: #f0f3fa; border-color: #e0e3eb; color: #131722; }
+[data-theme="light"] .dsm-select { background: #f0f3fa; border-color: #e0e3eb; color: #131722; }
+[data-theme="light"] .dsm-usage-code { background: #f0f3fa; border-color: #e0e3eb; color: #131722; }
+[data-theme="light"] .dsm-preview-table th { background: #f0f3fa; color: #787b86; border-bottom-color: #e0e3eb; }
+[data-theme="light"] .dsm-preview-table td { color: #131722; border-bottom-color: #e0e3eb; }
+[data-theme="light"] .dsm-preview-table-wrap { border-color: #e0e3eb; }
+[data-theme="light"] .dsm-action-btn { background: rgba(0,0,0,0.04); border-color: #e0e3eb; color: #131722; }
+[data-theme="light"] .dsm-action-btn--primary { color: #2196f3; border-color: rgba(33,150,243,0.4); }
+[data-theme="light"] .dsm-action-btn--primary:hover { background: rgba(33,150,243,0.08); }
+[data-theme="light"] .dsm-save-btn { background: #2196f3; color: #fff !important; border: none; }
+[data-theme="light"] .dsm-save-btn:hover { background: #1976d2; }
+[data-theme="light"] .dsm-add-col-btn { color: #2196f3; border-color: #c8d6e5; }
+[data-theme="light"] .dsm-add-col-btn:hover { border-color: #2196f3; }
+[data-theme="light"] .dsm-back-btn { color: #2196f3; }
+[data-theme="light"] .dsm-new-btn { background: #2196f3; color: #fff; }
+[data-theme="light"] .dsm-hint { color: #787b86; }
+[data-theme="light"] .dsm-col-row { border-color: #e0e3eb; }
+[data-theme="light"] .dsm-nullable-label { color: #434651; }
+[data-theme="light"] .dsm-remove-col-btn { color: #787b86; }
+[data-theme="light"] .dsm-remove-col-btn:hover { color: #ef5350; }
+
+/* Docs Editor */
+.docs-editor-root { display: flex; flex-direction: column; flex: 1; overflow: hidden; }
+.docs-toolbar { display: flex; align-items: center; gap: 6px; flex-shrink: 0; padding: 8px 12px; border-bottom: 1px solid #363a45; background: #1a1d29; }
+.docs-tab-btn { background: transparent; border: none; color: #787b86; font-size: 12px; cursor: pointer; padding: 4px 10px; border-radius: 4px; }
+.docs-tab-btn:hover { color: #d1d4dc; background: rgba(255,255,255,0.06); }
+.docs-tab-btn.active { color: #2196f3; background: rgba(33,150,243,0.12); }
+.docs-template-btn { background: transparent; border: 1px dashed #363a45; color: #787b86; font-size: 11px; cursor: pointer; padding: 3px 8px; border-radius: 4px; }
+.docs-template-btn:hover { border-color: #2196f3; color: #2196f3; }
+.docs-error { font-size: 11px; color: #ef5350; }
+.docs-saved { font-size: 11px; color: #26a69a; }
+.docs-save-btn { background: #2196f3; border: none; color: #fff; border-radius: 4px; padding: 5px 12px; font-size: 12px; cursor: pointer; }
+.docs-save-btn:hover { background: #1e88e5; }
+.docs-save-btn:disabled { opacity: 0.5; cursor: not-allowed; }
+.docs-panes { flex: 1; overflow: hidden; display: flex; }
+.docs-textarea { flex: 1; background: #131722; border: none; color: #d1d4dc; font-size: 13px; font-family: monospace; padding: 14px; resize: none; outline: none; line-height: 1.6; }
+.docs-rendered { flex: 1; overflow-y: auto; padding: 14px 18px; color: #d1d4dc; font-size: 13px; line-height: 1.7; }
+.docs-rendered h1 { font-size: 18px; color: #d1d4dc; margin: 0 0 12px; border-bottom: 1px solid #363a45; padding-bottom: 6px; }
+.docs-rendered h2 { font-size: 15px; color: #d1d4dc; margin: 18px 0 8px; }
+.docs-rendered h3 { font-size: 13px; color: #d1d4dc; margin: 14px 0 6px; }
+.docs-rendered p { margin: 0 0 10px; }
+.docs-rendered ul { margin: 0 0 10px; padding-left: 20px; }
+.docs-rendered li { margin-bottom: 4px; }
+.docs-rendered hr { border: none; border-top: 1px solid #363a45; margin: 14px 0; }
+.docs-rendered strong { color: #d1d4dc; }
+.docs-rendered em { color: #b0b3c1; }
+.docs-code-block { background: #131722; border: 1px solid #363a45; border-radius: 4px; padding: 10px 12px; font-size: 12px; font-family: monospace; overflow-x: auto; margin: 8px 0; }
+.docs-inline-code { background: rgba(255,255,255,0.08); border-radius: 3px; padding: 1px 5px; font-size: 12px; font-family: monospace; color: #ab47bc; }
+.docs-empty { padding: 24px 14px; text-align: center; color: #787b86; font-size: 13px; }
+.docs-loading { padding: 24px 14px; text-align: center; color: #787b86; font-size: 13px; }
+.docs-viewer { overflow-y: auto; flex: 1; padding: 14px 18px; }
+[data-theme="light"] .docs-toolbar { background: #f8f9fd; border-bottom-color: #e0e3eb; }
+[data-theme="light"] .docs-save-btn { background: #2196f3; color: #fff !important; border: none; }
+[data-theme="light"] .docs-save-btn:hover { background: #1976d2; }
+[data-theme="light"] .docs-tab-btn { color: #787b86; }
+[data-theme="light"] .docs-tab-btn:hover { color: #131722; background: rgba(0,0,0,0.04); }
+[data-theme="light"] .docs-textarea { background: #fff; color: #131722; }
+[data-theme="light"] .docs-rendered { color: #131722; }
+[data-theme="light"] .docs-rendered h1, [data-theme="light"] .docs-rendered h2, [data-theme="light"] .docs-rendered h3 { color: #131722; border-bottom-color: #e0e3eb; }
+[data-theme="light"] .docs-rendered hr { border-top-color: #e0e3eb; }
+[data-theme="light"] .docs-code-block { background: #f0f3fa; border-color: #e0e3eb; }
+[data-theme="light"] .docs-inline-code { background: rgba(0,0,0,0.06); }
+
+/* Script Settings Panel */
+.ss-root { overflow-y: auto; flex: 1; padding: 14px; display: flex; flex-direction: column; gap: 0; }
+.ss-section { margin-bottom: 18px; }
+.ss-section-label { font-size: 11px; font-weight: 600; color: #787b86; text-transform: uppercase; letter-spacing: 0.5px; display: block; margin-bottom: 6px; }
+.ss-input { width: 100%; background: #131722; border: 1px solid #363a45; border-radius: 4px; color: #d1d4dc; font-size: 13px; padding: 7px 10px; outline: none; box-sizing: border-box; }
+.ss-input:focus { border-color: #2196f3; }
+.ss-vis-group { display: flex; gap: 0; border-radius: 4px; overflow: hidden; border: 1px solid #363a45; }
+.ss-vis-btn { flex: 1; background: transparent; border: none; color: #787b86; font-size: 12px; padding: 7px 4px; cursor: pointer; transition: background 0.15s, color 0.15s; border-right: 1px solid #363a45; }
+.ss-vis-btn:last-child { border-right: none; }
+.ss-vis-btn:hover { background: rgba(255,255,255,0.06); color: #d1d4dc; }
+.ss-vis-btn.active { background: rgba(33,150,243,0.18); color: #2196f3; font-weight: 600; }
+.ss-vis-desc { font-size: 11px; color: #787b86; margin: 6px 0 0; }
+.ss-price-row { display: flex; gap: 6px; }
+.ss-currency-select { background: #131722; border: 1px solid #363a45; border-radius: 4px; color: #d1d4dc; font-size: 13px; padding: 7px 6px; outline: none; }
+.ss-price-input { flex: 1; background: #131722; border: 1px solid #363a45; border-radius: 4px; color: #d1d4dc; font-size: 13px; padding: 7px 10px; outline: none; }
+.ss-price-input:focus { border-color: #2196f3; }
+.ss-hint { font-size: 11px; color: #787b86; margin: 4px 0 0; }
+.ss-slider { width: 100%; accent-color: #2196f3; margin-top: 4px; }
+.ss-footer { display: flex; align-items: center; gap: 10px; padding-top: 8px; border-top: 1px solid #363a45; margin-top: auto; }
+.ss-error { font-size: 11px; color: #ef5350; flex: 1; }
+.ss-saved { font-size: 11px; color: #26a69a; flex: 1; }
+.ss-save-btn { background: #2196f3; border: none; color: #fff; border-radius: 4px; padding: 7px 16px; font-size: 13px; cursor: pointer; margin-left: auto; }
+.ss-save-btn:hover { background: #1e88e5; }
+.ss-save-btn:disabled { opacity: 0.5; cursor: not-allowed; }
+.ss-empty, .ss-loading { padding: 24px 14px; text-align: center; color: #787b86; font-size: 13px; }
+.ss-viewer { padding: 14px; display: flex; flex-direction: column; gap: 10px; }
+.ss-row { display: flex; align-items: center; gap: 10px; }
+.ss-label { font-size: 12px; color: #787b86; min-width: 80px; }
+.ss-value { font-size: 13px; color: #d1d4dc; }
+.ss-badge { font-size: 11px; padding: 2px 8px; border-radius: 10px; font-weight: 500; }
+.ss-badge--private { background: rgba(120,123,134,0.18); color: #787b86; }
+.ss-badge--public { background: rgba(38,166,154,0.18); color: #26a69a; }
+.ss-badge--for-sale { background: rgba(255,152,0,0.18); color: #ff9800; }
+[data-theme="light"] .ss-input { background: #f0f3fa; border-color: #e0e3eb; color: #131722; }
+[data-theme="light"] .ss-currency-select { background: #f0f3fa; border-color: #e0e3eb; color: #131722; }
+[data-theme="light"] .ss-price-input { background: #f0f3fa; border-color: #e0e3eb; color: #131722; }
+[data-theme="light"] .ss-vis-group { border-color: #e0e3eb; }
+[data-theme="light"] .ss-vis-btn { color: #787b86; border-right-color: #e0e3eb; }
+[data-theme="light"] .ss-vis-btn:hover { background: rgba(0,0,0,0.04); color: #131722; }
+[data-theme="light"] .ss-footer { border-top-color: #e0e3eb; }
+[data-theme="light"] .ss-save-btn { background: #2196f3; color: #fff !important; border: none; }
+[data-theme="light"] .ss-save-btn:hover { background: #1976d2; }
+[data-theme="light"] .ss-value { color: #131722; }
+
+
+/* ═══════════════════════════════════════════════════════════════════════════
+   Script Manager — Main Tabs (Code / Datasets / Docs / Settings)
+   ═══════════════════════════════════════════════════════════════════════════ */
+
+.script-main-tabs { display: flex; border-bottom: 1px solid #363a45; background: #1e222d; flex-shrink: 0; }
+.script-main-tab { flex: 1; padding: 8px 4px; font-size: 12px; font-weight: 500; color: #787b86; background: transparent; border: none; border-bottom: 2px solid transparent; cursor: pointer; transition: color 0.15s, border-color 0.15s; white-space: nowrap; }
+.script-main-tab:hover { color: #d1d4dc; }
+.script-main-tab.active { color: #2196f3; border-bottom-color: #2196f3; }
+[data-theme="light"] .script-main-tabs { background: #f0f3fa; border-bottom-color: #e0e3eb; }
+[data-theme="light"] .script-main-tab { color: #787b86; }
+[data-theme="light"] .script-main-tab:hover { color: #131722; }
+[data-theme="light"] .script-main-tab.active { color: #2196f3; }
+
+/* ═══════════════════════════════════════════════════════════════════════════
+   Dataset Manager Drawer
+   ═══════════════════════════════════════════════════════════════════════════ */
+
+.dsm-root { display: flex; flex-direction: column; flex: 1; overflow: hidden; background: #131722; }
+.dsm-header { display: flex; align-items: center; gap: 8px; padding: 10px 14px; border-bottom: 1px solid #363a45; flex-shrink: 0; }
+.dsm-title { font-size: 13px; font-weight: 600; color: #d1d4dc; flex: 1; }
+.dsm-back-btn { font-size: 12px; color: #787b86; background: none; border: none; cursor: pointer; padding: 0; }
+.dsm-back-btn:hover { color: #d1d4dc; }
+.dsm-new-btn { font-size: 12px; color: #2196f3; background: none; border: 1px solid #2196f3; border-radius: 4px; padding: 4px 10px; cursor: pointer; }
+.dsm-new-btn:hover { background: rgba(33,150,243,0.12); }
+.dsm-error { background: rgba(239,83,80,0.15); color: #ef5350; font-size: 12px; padding: 8px 14px; border-bottom: 1px solid rgba(239,83,80,0.3); }
+.dsm-loading, .dsm-empty { padding: 24px 16px; color: #787b86; font-size: 13px; text-align: center; }
+.dsm-empty strong { color: #d1d4dc; }
+.dsm-list { flex: 1; overflow-y: auto; padding: 8px 0; }
+.dsm-list-item { padding: 10px 14px; border-bottom: 1px solid #2a2e39; }
+.dsm-list-item:last-child { border-bottom: none; }
+.dsm-list-item-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }
+.dsm-list-item-name { font-size: 13px; font-weight: 600; color: #d1d4dc; font-family: monospace; }
+.dsm-status { font-size: 11px; padding: 2px 7px; border-radius: 10px; font-weight: 500; }
+.dsm-status--ready { background: rgba(38,166,154,0.15); color: #26a69a; }
+.dsm-status--pending, .dsm-status--processing { background: rgba(255,167,38,0.15); color: #ffa726; }
+.dsm-status--failed { background: rgba(239,83,80,0.15); color: #ef5350; }
+.dsm-list-item-cols { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 6px; }
+.dsm-col-tag { font-size: 10px; padding: 2px 6px; border-radius: 3px; font-family: monospace; background: #2a2e39; color: #787b86; }
+.dsm-col-tag--time { background: rgba(33,150,243,0.15); color: #2196f3; }
+.dsm-col-tag--number, .dsm-col-tag--percentage, .dsm-col-tag--price { background: rgba(38,166,154,0.12); color: #26a69a; }
+.dsm-col-tag--integer { background: rgba(102,187,106,0.12); color: #66bb6a; }
+.dsm-col-tag--text { background: rgba(171,71,188,0.12); color: #ab47bc; }
+.dsm-col-tag--boolean { background: rgba(255,167,38,0.12); color: #ffa726; }
+.dsm-col-tag--date, .dsm-col-tag--timestamp { background: rgba(239,83,80,0.12); color: #ef5350; }
+.dsm-ingest-error { font-size: 11px; color: #ef5350; margin-bottom: 4px; }
+.dsm-list-item-actions { display: flex; gap: 6px; }
+.dsm-action-btn { font-size: 11px; padding: 3px 10px; border-radius: 4px; cursor: pointer; background: transparent; border: 1px solid #363a45; color: #787b86; }
+.dsm-action-btn:hover { color: #d1d4dc; border-color: #787b86; }
+.dsm-action-btn--primary { color: #2196f3; border-color: rgba(33,150,243,0.4); font-weight: 600; }
+.dsm-action-btn--primary:hover { background: rgba(33,150,243,0.12); border-color: #2196f3; }
+.dsm-action-btn--danger { border-color: rgba(239,83,80,0.4); color: #ef5350; }
+.dsm-action-btn--danger:hover { background: rgba(239,83,80,0.1); border-color: #ef5350; }
+.dsm-designer { flex: 1; overflow-y: auto; padding: 14px; display: flex; flex-direction: column; gap: 6px; }
+.dsm-label { font-size: 11px; font-weight: 600; color: #787b86; text-transform: uppercase; letter-spacing: 0.04em; }
+.dsm-input { width: 100%; background: #1e222d; border: 1px solid #363a45; border-radius: 4px; color: #d1d4dc; font-size: 13px; padding: 6px 10px; outline: none; box-sizing: border-box; }
+.dsm-input:focus { border-color: #2196f3; }
+.dsm-hint { font-size: 11px; color: #787b86; margin: 0; }
+.dsm-col-locked { display: flex; align-items: center; gap: 8px; padding: 4px 0; }
+.dsm-col-row { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; }
+.dsm-col-name { flex: 1; }
+.dsm-select { background: #1e222d; border: 1px solid #363a45; border-radius: 4px; color: #d1d4dc; font-size: 12px; padding: 5px 6px; outline: none; }
+.dsm-select:focus { border-color: #2196f3; }
+.dsm-nullable-label { font-size: 11px; color: #787b86; display: flex; align-items: center; gap: 4px; white-space: nowrap; }
+.dsm-remove-col-btn { background: none; border: none; color: #ef5350; cursor: pointer; font-size: 13px; padding: 0 4px; }
+.dsm-add-col-btn { font-size: 12px; color: #2196f3; background: none; border: 1px dashed #363a45; border-radius: 4px; padding: 5px 10px; cursor: pointer; align-self: flex-start; }
+.dsm-add-col-btn:hover { border-color: #2196f3; }
+.dsm-file-input { display: none; }
+.dsm-upload-btn { font-size: 12px; color: #d1d4dc; background: #1e222d; border: 1px solid #363a45; border-radius: 4px; padding: 7px 14px; cursor: pointer; text-align: left; }
+.dsm-upload-btn:hover { border-color: #787b86; }
+.dsm-preview { margin-top: 8px; }
+.dsm-preview-label { font-size: 11px; color: #787b86; margin-bottom: 4px; }
+.dsm-preview-table-wrap { overflow-x: auto; }
+.dsm-preview-table { border-collapse: collapse; font-size: 11px; width: 100%; }
+.dsm-preview-table th { background: #1e222d; color: #787b86; padding: 4px 8px; border: 1px solid #363a45; font-weight: 600; }
+.dsm-preview-table td { color: #d1d4dc; padding: 3px 8px; border: 1px solid #2a2e39; }
+.dsm-save-btn { margin-top: 12px; padding: 8px 18px; background: #2196f3; color: #fff; border: none; border-radius: 4px; font-size: 13px; font-weight: 600; cursor: pointer; align-self: flex-start; }
+.dsm-save-btn:hover { background: #1e88e5; }
+.dsm-save-btn:disabled { opacity: 0.5; cursor: not-allowed; }
+
+/* ── Step indicator ── */
+.dsm-steps { display: flex; align-items: center; gap: 8px; padding: 10px 0 4px; margin-bottom: 4px; }
+.dsm-step { font-size: 12px; font-weight: 600; color: #787b86; }
+.dsm-step--active { color: #2196f3; }
+.dsm-step--done { color: #4caf50; }
+.dsm-step--upcoming { color: #4a4f60; }
+.dsm-step-sep { font-size: 12px; color: #4a4f60; }
+
+/* ── Importer ── */
+.dsm-importer { flex: 1; overflow-y: auto; padding: 14px; display: flex; flex-direction: column; gap: 8px; }
+.dsm-schema-summary { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; padding: 8px 10px; background: rgba(33,150,243,0.06); border: 1px solid rgba(33,150,243,0.18); border-radius: 5px; }
+.dsm-schema-summary-label { font-size: 11px; color: #787b86; flex-shrink: 0; }
+.dsm-template-section { display: flex; flex-direction: column; gap: 6px; padding: 10px 12px; background: rgba(255,255,255,0.03); border: 1px solid #2a2e39; border-radius: 5px; }
+.dsm-template-desc { font-size: 12px; color: #9598a1; line-height: 1.5; }
+.dsm-template-btn { align-self: flex-start; padding: 6px 14px; background: transparent; border: 1px solid #2196f3; color: #2196f3; border-radius: 4px; font-size: 12px; font-weight: 600; cursor: pointer; }
+.dsm-template-btn:hover { background: rgba(33,150,243,0.1); }
+.dsm-col-unknown { color: #f44336 !important; }
+.dsm-import-actions { display: flex; align-items: center; gap: 12px; margin-top: 4px; }
+.dsm-skip-btn { background: none; border: none; color: #787b86; font-size: 12px; cursor: pointer; padding: 4px 0; text-decoration: underline; text-underline-offset: 2px; }
+.dsm-skip-btn:hover { color: #d1d4dc; }
+[data-theme="light"] .dsm-schema-summary { background: rgba(33,150,243,0.05); border-color: rgba(33,150,243,0.2); }
+[data-theme="light"] .dsm-template-section { background: #f8f9fb; border-color: #e0e3eb; }
+
+.dsm-usage { flex: 1; overflow-y: auto; padding: 14px; display: flex; flex-direction: column; gap: 12px; }
+.dsm-usage-intro { font-size: 13px; color: #d1d4dc; margin: 0; }
+.dsm-usage-code-wrap { position: relative; }
+.dsm-usage-code { background: #1e222d; border: 1px solid #363a45; border-radius: 4px; color: #d1d4dc; font-size: 12px; font-family: monospace; padding: 12px; white-space: pre-wrap; margin: 0; }
+.dsm-copy-btn { position: absolute; top: 8px; right: 8px; font-size: 11px; padding: 3px 8px; background: #363a45; color: #d1d4dc; border: none; border-radius: 3px; cursor: pointer; }
+.dsm-copy-btn:hover { background: #2196f3; color: #fff; }
+.dsm-usage-cols { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
+.dsm-usage-col-label { font-size: 11px; color: #787b86; }
+.dsm-col-type { font-size: 10px; opacity: 0.7; }
+[data-theme="light"] .dsm-root { background: #fff; }
+[data-theme="light"] .dsm-header { border-bottom-color: #e0e3eb; }
+[data-theme="light"] .dsm-title { color: #131722; }
+[data-theme="light"] .dsm-list-item { border-bottom-color: #e0e3eb; }
+[data-theme="light"] .dsm-list-item-name { color: #131722; }
+[data-theme="light"] .dsm-col-tag { background: #f0f3fa; color: #787b86; }
+[data-theme="light"] .dsm-input { background: #f0f3fa; border-color: #e0e3eb; color: #131722; }
+[data-theme="light"] .dsm-select { background: #f0f3fa; border-color: #e0e3eb; color: #131722; }
+[data-theme="light"] .dsm-usage-code { background: #f0f3fa; border-color: #e0e3eb; color: #131722; }
+[data-theme="light"] .dsm-save-btn { background: #2196f3; color: #fff !important; border: none; }
+[data-theme="light"] .dsm-save-btn:hover { background: #1976d2; }
+[data-theme="light"] .dsm-add-col-btn { color: #2196f3; border-color: #c8d6e5; }
+[data-theme="light"] .dsm-back-btn { color: #2196f3; }
+[data-theme="light"] .dsm-new-btn { background: #2196f3; color: #fff; }
+[data-theme="light"] .dsm-hint { color: #787b86; }
+[data-theme="light"] .dsm-nullable-label { color: #434651; }
+
+/* ═══════════════════════════════════════════════════════════════════════════
+   Docs Editor
+   ═══════════════════════════════════════════════════════════════════════════ */
+
+.docs-editor-root { display: flex; flex-direction: column; flex: 1; overflow: hidden; }
+.docs-toolbar { display: flex; align-items: center; gap: 6px; padding: 8px 12px; border-bottom: 1px solid #363a45; flex-shrink: 0; background: #1e222d; }
+.docs-tab-btn { font-size: 12px; padding: 4px 10px; border-radius: 4px; cursor: pointer; background: transparent; border: 1px solid transparent; color: #787b86; }
+.docs-tab-btn:hover { color: #d1d4dc; }
+.docs-tab-btn.active { border-color: #363a45; color: #d1d4dc; background: #131722; }
+.docs-template-btn { font-size: 12px; color: #2196f3; background: none; border: none; cursor: pointer; padding: 0 4px; }
+.docs-template-btn:hover { text-decoration: underline; }
+.docs-error { font-size: 11px; color: #ef5350; }
+.docs-saved { font-size: 11px; color: #26a69a; }
+.docs-save-btn { font-size: 12px; padding: 5px 14px; background: #2196f3; color: #fff; border: none; border-radius: 4px; cursor: pointer; }
+.docs-save-btn:hover { background: #1e88e5; }
+.docs-save-btn:disabled { opacity: 0.5; cursor: not-allowed; }
+.docs-panes { flex: 1; overflow: hidden; }
+.docs-textarea { width: 100%; height: 100%; background: #131722; border: none; outline: none; color: #d1d4dc; font-size: 13px; font-family: 'SFMono-Regular', Consolas, monospace; padding: 14px; resize: none; box-sizing: border-box; line-height: 1.6; }
+.docs-rendered { flex: 1; overflow-y: auto; padding: 16px 20px; color: #d1d4dc; font-size: 13px; line-height: 1.7; }
+.docs-rendered h1 { font-size: 18px; margin: 0 0 12px; color: #d1d4dc; }
+.docs-rendered h2 { font-size: 15px; margin: 20px 0 8px; color: #d1d4dc; border-bottom: 1px solid #363a45; padding-bottom: 4px; }
+.docs-rendered h3 { font-size: 13px; margin: 14px 0 6px; color: #d1d4dc; }
+.docs-rendered p { margin: 0 0 10px; }
+.docs-rendered ul { margin: 0 0 10px; padding-left: 20px; }
+.docs-rendered li { margin-bottom: 4px; }
+.docs-rendered hr { border: none; border-top: 1px solid #363a45; margin: 16px 0; }
+.docs-rendered strong { color: #d1d4dc; }
+.docs-code-block { background: #1e222d; border: 1px solid #363a45; border-radius: 4px; padding: 10px 12px; font-size: 12px; overflow-x: auto; margin: 8px 0; }
+.docs-inline-code { background: #1e222d; border: 1px solid #363a45; border-radius: 3px; padding: 1px 5px; font-size: 11px; font-family: monospace; }
+.docs-viewer { flex: 1; overflow-y: auto; }
+.docs-empty, .docs-loading { padding: 24px 16px; color: #787b86; font-size: 13px; text-align: center; }
+[data-theme="light"] .docs-toolbar { background: #f0f3fa; border-bottom-color: #e0e3eb; }
+[data-theme="light"] .docs-tab-btn.active { background: #fff; border-color: #e0e3eb; color: #131722; }
+[data-theme="light"] .docs-textarea { background: #fff; color: #131722; }
+[data-theme="light"] .docs-rendered { color: #131722; }
+[data-theme="light"] .docs-rendered h1, [data-theme="light"] .docs-rendered h2, [data-theme="light"] .docs-rendered h3 { color: #131722; }
+[data-theme="light"] .docs-rendered h2 { border-bottom-color: #e0e3eb; }
+[data-theme="light"] .docs-code-block { background: #f0f3fa; border-color: #e0e3eb; }
+[data-theme="light"] .docs-inline-code { background: #f0f3fa; border-color: #e0e3eb; }
+
+/* ═══════════════════════════════════════════════════════════════════════════
+   Script Settings
+   ═══════════════════════════════════════════════════════════════════════════ */
+
+.ss-root { flex: 1; overflow-y: auto; padding: 16px; display: flex; flex-direction: column; gap: 4px; }
+.ss-section { margin-bottom: 16px; }
+.ss-section-label { display: block; font-size: 11px; font-weight: 600; color: #787b86; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 6px; }
+.ss-input { width: 100%; background: #1e222d; border: 1px solid #363a45; border-radius: 4px; color: #d1d4dc; font-size: 13px; padding: 7px 10px; outline: none; box-sizing: border-box; }
+.ss-input:focus { border-color: #2196f3; }
+.ss-vis-group { display: flex; gap: 6px; margin-bottom: 6px; }
+.ss-vis-btn { flex: 1; padding: 7px 4px; font-size: 12px; font-weight: 500; background: #1e222d; border: 1px solid #363a45; border-radius: 4px; color: #787b86; cursor: pointer; }
+.ss-vis-btn:hover { color: #d1d4dc; border-color: #787b86; }
+.ss-vis-btn.active { background: rgba(33,150,243,0.12); border-color: #2196f3; color: #2196f3; }
+.ss-vis-desc { font-size: 12px; color: #787b86; margin: 0; }
+.ss-price-row { display: flex; gap: 8px; margin-bottom: 6px; }
+.ss-currency-select { background: #1e222d; border: 1px solid #363a45; border-radius: 4px; color: #d1d4dc; font-size: 13px; padding: 6px 8px; outline: none; }
+.ss-price-input { flex: 1; background: #1e222d; border: 1px solid #363a45; border-radius: 4px; color: #d1d4dc; font-size: 13px; padding: 6px 10px; outline: none; }
+.ss-price-input:focus { border-color: #2196f3; }
+.ss-hint { font-size: 11px; color: #787b86; margin: 0; }
+.ss-slider { width: 100%; accent-color: #2196f3; }
+.ss-footer { display: flex; align-items: center; gap: 10px; padding-top: 8px; border-top: 1px solid #363a45; margin-top: auto; }
+.ss-error { font-size: 12px; color: #ef5350; flex: 1; }
+.ss-saved { font-size: 12px; color: #26a69a; flex: 1; }
+.ss-save-btn { padding: 7px 18px; background: #2196f3; color: #fff; border: none; border-radius: 4px; font-size: 13px; font-weight: 600; cursor: pointer; }
+.ss-save-btn:hover { background: #1e88e5; }
+.ss-save-btn:disabled { opacity: 0.5; cursor: not-allowed; }
+.ss-viewer { padding: 16px; display: flex; flex-direction: column; gap: 10px; }
+.ss-row { display: flex; align-items: center; gap: 10px; }
+.ss-label { font-size: 12px; color: #787b86; }
+.ss-value { font-size: 13px; color: #d1d4dc; }
+.ss-badge { font-size: 11px; padding: 2px 8px; border-radius: 10px; font-weight: 600; }
+.ss-badge--private { background: rgba(120,123,134,0.15); color: #787b86; }
+.ss-badge--public { background: rgba(38,166,154,0.15); color: #26a69a; }
+.ss-badge--for_sale { background: rgba(255,167,38,0.15); color: #ffa726; }
+.ss-empty, .ss-loading { padding: 24px 16px; color: #787b86; font-size: 13px; text-align: center; }
+[data-theme="light"] .ss-root { background: #fff; }
+[data-theme="light"] .ss-input { background: #f0f3fa; border-color: #e0e3eb; color: #131722; }
+[data-theme="light"] .ss-vis-btn { background: #f0f3fa; border-color: #e0e3eb; color: #787b86; }
+[data-theme="light"] .ss-vis-btn:hover { color: #131722; }
+[data-theme="light"] .ss-currency-select { background: #f0f3fa; border-color: #e0e3eb; color: #131722; }
+[data-theme="light"] .ss-price-input { background: #f0f3fa; border-color: #e0e3eb; color: #131722; }
+[data-theme="light"] .ss-footer { border-top-color: #e0e3eb; }
+[data-theme="light"] .ss-save-btn { background: #2196f3; color: #fff !important; border: none; }
+[data-theme="light"] .ss-save-btn:hover { background: #1976d2; }
+
+/* ── Agent UI Bus animations ─────────────────────────────────────────────── */
+@keyframes agent-pulse {
+  0%, 100% { opacity: 1; transform: scale(1); }
+  50%       { opacity: 0.4; transform: scale(0.7); }
+}
+
+@keyframes agent-highlight-flash {
+  0%   { background: rgba(138,180,248,0.25); }
+  100% { background: transparent; }
+}
+
+.agent-highlight {
+  animation: agent-highlight-flash 1.2s ease-out forwards;
+}
+
+/* ── Agent drawer (inline panel like WatchlistDrawer) ──────────────────── */
+.agent-drawer {
+  width: 340px;
+  flex-shrink: 0;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  background: var(--toolbar-bg);
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  overflow: hidden;
+  min-height: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  font-size: 13px;
+}
+
+.agent-resize-handle {
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 5px;
+  cursor: col-resize;
+  z-index: 10;
+}
+.agent-resize-handle:hover,
+.agent-resize-handle:active {
+  background: var(--accent);
+  opacity: 0.25;
+}
+
+.agent-drawer-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px 12px;
+  border-bottom: 1px solid var(--border);
+  background: var(--toolbar-bg);
+  flex-shrink: 0;
+}
+
+.agent-drawer-title {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-weight: 600;
+  font-size: 13px;
+  color: var(--text, #e0e0e0);
+}
+
+.agent-drawer-close {
+  width: 24px;
+  height: 24px;
+  border: none;
+  background: none;
+  cursor: pointer;
+  color: var(--text-muted, #888);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 4px;
+  padding: 0;
+}
+.agent-drawer-close:hover { background: var(--hover-bg, rgba(255,255,255,0.07)); color: var(--text, #e0e0e0); }
+
+.agent-deep-toggle {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  font-size: 11px;
+  color: var(--text-muted, #888);
+  cursor: pointer;
+  user-select: none;
+}
+.agent-deep-toggle input { cursor: pointer; accent-color: #06b6d4; }
+
+.agent-error-banner {
+  padding: 8px 12px;
+  background: rgba(239, 68, 68, 0.12);
+  border-bottom: 1px solid rgba(239, 68, 68, 0.25);
+  color: #f87171;
+  font-size: 12px;
+  flex-shrink: 0;
+}
+
+.agent-messages {
+  flex: 1;
+  overflow-y: auto;
+  padding: 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  min-height: 0;
+}
+
+.agent-empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+  text-align: center;
+  color: var(--text-muted, #777);
+  padding: 32px 16px;
+  gap: 8px;
+}
+
+.agent-message {
+  display: flex;
+}
+.agent-message.user { justify-content: flex-end; }
+.agent-message.assistant { justify-content: flex-start; }
+
+.agent-message-bubble {
+  max-width: 85%;
+  padding: 8px 12px;
+  border-radius: 10px;
+  font-size: 13px;
+  line-height: 1.5;
+  word-break: break-word;
+}
+.agent-message.user .agent-message-bubble {
+  background: #06b6d4;
+  color: #fff;
+  border-radius: 10px 10px 2px 10px;
+}
+.agent-message.assistant .agent-message-bubble {
+  background: var(--surface-2, rgba(255,255,255,0.06));
+  color: var(--text, #e0e0e0);
+  border-radius: 10px 10px 10px 2px;
+}
+
+.agent-tool-call {
+  margin: 3px 0;
+  padding: 6px 10px;
+  background: var(--surface-2, rgba(255,255,255,0.04));
+  border-left: 2px solid #06b6d4;
+  border-radius: 0 4px 4px 0;
+}
+
+.agent-approval-card {
+  margin: 6px 0;
+  padding: 10px 12px;
+  background: rgba(245, 158, 11, 0.12);
+  border: 1px solid rgba(245, 158, 11, 0.4);
+  border-radius: 6px;
+  color: var(--text);
+}
+
+/* Use .agent-drawer specificity to beat the global `button { background: transparent }` reset */
+.agent-drawer .agent-approval-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+  padding: 6px 12px;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+  font-size: 12px;
+  font-weight: 600;
+  transition: background 0.15s, opacity 0.15s;
+}
+.agent-drawer .agent-approval-approve,
+.agent-drawer .agent-approval-approve:hover,
+[data-theme="light"] .agent-drawer .agent-approval-approve,
+[data-theme="light"] .agent-drawer .agent-approval-approve:hover {
+  background: #16a34a !important;
+  color: #fff !important;
+}
+.agent-drawer .agent-approval-approve:hover { opacity: 0.88; }
+
+.agent-drawer .agent-approval-reject,
+.agent-drawer .agent-approval-reject:hover,
+[data-theme="light"] .agent-drawer .agent-approval-reject,
+[data-theme="light"] .agent-drawer .agent-approval-reject:hover {
+  background: #dc2626 !important;
+  color: #fff !important;
+}
+.agent-drawer .agent-approval-reject:hover { opacity: 0.88; }
+
+.agent-input-area {
+  padding: 10px 12px;
+  border-top: 1px solid var(--border);
+  background: var(--toolbar-bg);
+  flex-shrink: 0;
+}
+
+.agent-input {
+  flex: 1;
+  padding: 7px 10px;
+  background: var(--surface-2, rgba(255,255,255,0.06));
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  color: var(--text, #e0e0e0);
+  font-size: 13px;
+  font-family: inherit;
+  resize: none;
+  line-height: 1.4;
+  outline: none;
+}
+.agent-input:focus { border-color: #06b6d4; box-shadow: 0 0 0 2px rgba(6,182,212,0.15); }
+.agent-input::placeholder { color: var(--text-muted, #666); }
+.agent-input:disabled { opacity: 0.5; }
+
+/* Beat the global button reset with .agent-drawer specificity */
+.agent-drawer .agent-send-btn,
+.agent-drawer .agent-send-btn:hover,
+[data-theme="light"] .agent-drawer .agent-send-btn,
+[data-theme="light"] .agent-drawer .agent-send-btn:hover {
+  width: 32px;
+  height: 32px;
+  background: #06b6d4 !important;
+  color: #fff !important;
+  border: none;
+  border-radius: 6px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  align-self: flex-end;
+  transition: background 0.15s;
+}
+.agent-drawer .agent-send-btn:hover:not(:disabled) { background: #0891b2 !important; }
+.agent-drawer .agent-send-btn:disabled { opacity: 0.4; cursor: not-allowed; }
+
+/* ── Light mode overrides for agent drawer ──────────────────────────────── */
+[data-theme="light"] .agent-drawer {
+  background: #ffffff;
+  border-color: #e2e8f0;
+}
+[data-theme="light"] .agent-drawer-header {
+  background: #f8fafc;
+  border-bottom-color: #e2e8f0;
+}
+[data-theme="light"] .agent-drawer-title { color: #1e293b; }
+[data-theme="light"] .agent-drawer-close { color: #64748b; }
+[data-theme="light"] .agent-drawer-close:hover { background: rgba(0,0,0,0.06); color: #1e293b; }
+[data-theme="light"] .agent-deep-toggle { color: #64748b; }
+[data-theme="light"] .agent-messages { background: #ffffff; }
+[data-theme="light"] .agent-message.assistant .agent-message-bubble {
+  background: #f1f5f9;
+  color: #1e293b;
+}
+[data-theme="light"] .agent-message.user .agent-message-bubble {
+  background: #06b6d4;
+  color: #fff;
+}
+[data-theme="light"] .agent-tool-call {
+  background: #f8fafc;
+  border-left-color: #06b6d4;
+}
+[data-theme="light"] .agent-approval-card {
+  background: rgba(245, 158, 11, 0.08);
+  border-color: rgba(245, 158, 11, 0.35);
+  color: #92400e;
+}
+[data-theme="light"] .agent-input-area {
+  background: #ffffff;
+  border-top-color: #e2e8f0;
+}
+[data-theme="light"] .agent-input {
+  background: #f1f5f9;
+  border-color: #cbd5e1;
+  color: #1e293b;
+}
+[data-theme="light"] .agent-input:focus { border-color: #06b6d4; }
+[data-theme="light"] .agent-input::placeholder { color: #94a3b8; }
+[data-theme="light"] .agent-empty-state { color: #94a3b8; }
+[data-theme="light"] .agent-error-banner {
+  background: rgba(239, 68, 68, 0.08);
+  border-bottom-color: rgba(239, 68, 68, 0.2);
+  color: #b91c1c;
+}
+
+@keyframes agent-blink {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0; }
+}
+
+/* ── Agent toolbar button ring animation ────────────────────────────────── */
+@keyframes agent-ring-pulse {
+  0%, 100% { box-shadow: 0 0 0 0 rgba(6, 182, 212, 0.6); }
+  50%       { box-shadow: 0 0 0 4px rgba(6, 182, 212, 0); }
+}
+
+.agent-toolbar-btn {
+  position: relative;
+}
+.agent-toolbar-btn:not(.is-active) {
+  animation: agent-ring-pulse 2.4s ease-in-out infinite;
+}