/** * Quant Lab Desk Theme * -------------------- * Institutional quant-desk design system for all Quant Labs public pages. * Link after styles.css and set data-theme="quant-lab-desk" on . */ /* ── Design tokens ── */ :root { --qd-font-sans: "Segoe UI", Inter, ui-sans-serif, system-ui, -apple-system, sans-serif; --qd-bg: #0a0d12; --qd-panel: #0f1319; --qd-panel-2: #141a22; --qd-surface: #0d1117; --qd-surface-muted: #151b24; --qd-border: #242d3a; --qd-border-strong: #323d4d; --qd-text: #dce3ed; --qd-muted: #8491a3; --qd-label: #a3afc0; --qd-accent: #6b93c7; --qd-accent-bright: #8eb4e8; --qd-accent-soft: rgba(107, 147, 199, 0.14); --qd-accent-border: rgba(107, 147, 199, 0.45); --qd-highlight: #8eb4e8; --qd-highlight-soft: rgba(142, 180, 232, 0.1); --qd-success: #5a9a8a; --qd-danger-border: rgba(160, 90, 90, 0.55); --qd-danger-bg: linear-gradient(180deg, #5c3030 0%, #3d2222 100%); --qd-primary-border: #4a6f99; --qd-primary-top: #4d7399; --qd-primary-bottom: #3a5a78; --qd-primary-bg: linear-gradient(180deg, var(--qd-primary-top) 0%, var(--qd-primary-bottom) 100%); --qd-radius: 3px; --qd-radius-sm: 2px; --qd-control-h: 34px; --qd-control-font: 12px; --qd-label-font: 10px; --qd-btn-font: 11px; --qd-focus-ring: 0 0 0 1px rgba(107, 147, 199, 0.45); --qd-inset: inset 0 1px 0 rgba(255, 255, 255, 0.04); --qd-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5' stroke='%238491a3' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --qd-header-gradient: linear-gradient(90deg, rgba(107, 147, 199, 0.12) 0%, var(--qd-panel-2) 62%); --qd-bar-gradient: linear-gradient(90deg, var(--qd-accent-bright), var(--qd-accent)); } body[data-theme="quant-lab-desk"] { background: radial-gradient(ellipse 100% 55% at 50% -8%, rgba(107, 147, 199, 0.07), transparent 52%), var(--qd-bg); color: var(--qd-text); font-family: var(--qd-font-sans); font-feature-settings: "tnum" 1, "lnum" 1; -webkit-font-smoothing: antialiased; } body[data-theme="quant-lab-desk"].desk-mode { background: radial-gradient(ellipse 100% 55% at 50% -8%, rgba(107, 147, 199, 0.07), transparent 52%), var(--qd-bg); } /* Document pages using desk-mode (collector, API reference) keep normal shell padding. */ body[data-theme="quant-lab-desk"].desk-mode:not([data-page="bitunix-auto-trader"]):not([data-page="alpaca-auto-trader"]) .shell { width: min(1280px, calc(100vw - 32px)); max-width: 1280px; margin: 0 auto; padding: 20px 0 48px; } body[data-theme="quant-lab-desk"] .shell { max-width: 1280px; } /* ── Site navigation ── */ body[data-theme="quant-lab-desk"] .site-nav { box-shadow: 0 1px 0 var(--qd-border), 0 8px 24px rgba(0, 0, 0, 0.28); } body[data-theme="quant-lab-desk"] .site-nav::after { background: linear-gradient(90deg, transparent, var(--qd-border-strong), transparent); } body[data-theme="quant-lab-desk"] .site-nav-link.is-active { border-left-color: var(--qd-accent-bright); background: var(--qd-highlight-soft); } body[data-theme="quant-lab-desk"] .site-nav-link:hover { border-color: var(--qd-accent-soft); } body[data-theme="quant-lab-desk"] .site-nav-category-trigger::after { background: var(--qd-bar-gradient); } body[data-theme="quant-lab-desk"] .toolbar-links a { color: var(--qd-label); } /* ── Panel chrome ── */ body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) { border: 1px solid var(--qd-border-strong); border-radius: var(--qd-radius); background: var(--qd-panel); box-shadow: none; } body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel):hover { border-color: var(--qd-border-strong); box-shadow: none; } body[data-theme="quant-lab-desk"] .shell :is(.deep-panel, .collector-panel)::before { height: 2px; background: var(--qd-bar-gradient); opacity: 0.9; } body[data-theme="quant-lab-desk"] .section-title.panel-title { border-left: 3px solid var(--qd-accent-bright); } /* ── Labels ── */ body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) label, body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .label-text, body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .field-label { color: var(--qd-label); font-size: var(--qd-label-font); font-weight: 600; letter-spacing: 0.07em; text-transform: uppercase; line-height: 1.35; } body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .source-hint, body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .field-help { color: var(--qd-muted); font-size: 11px; font-weight: 400; letter-spacing: 0; text-transform: none; } /* ── Text inputs & selects ── */ body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) input:not([type="checkbox"]):not([type="radio"]):not([hidden]):not([aria-hidden="true"]), body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) select, body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) textarea { min-height: var(--qd-control-h); padding: 0 10px; border: 1px solid var(--qd-border-strong); border-radius: var(--qd-radius); background: var(--qd-surface); box-shadow: var(--qd-inset); color: var(--qd-text); font-size: var(--qd-control-font); font-variant-numeric: tabular-nums; transition: border-color 0.15s ease, box-shadow 0.15s ease; } body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) select { appearance: none; -webkit-appearance: none; padding-right: 28px; background-image: var(--qd-select-chevron); background-repeat: no-repeat; background-position: calc(100% - 10px) 50%; cursor: pointer; } body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) input:not([type="checkbox"]):not([type="radio"]):focus, body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) select:focus, body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) textarea:focus { outline: none; border-color: var(--qd-accent); box-shadow: var(--qd-focus-ring); } body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .source-select-wrap { display: flex; align-items: center; gap: 10px; min-height: var(--qd-control-h); border-radius: var(--qd-radius); border: 1px solid var(--qd-border-strong); background: var(--qd-surface); box-shadow: var(--qd-inset); padding: 0 10px 0 8px; transition: border-color 0.15s ease, box-shadow 0.15s ease; } body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .source-select-wrap:focus-within { outline: none; border-color: var(--qd-accent); box-shadow: var(--qd-focus-ring); } body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .source-select-wrap .source-icon { flex-shrink: 0; min-width: 22px; min-height: 22px; } body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .source-select-wrap select { flex: 1 1 auto; min-width: 0; min-height: 0; height: auto; padding: 0 22px 0 0; border: none; border-radius: 0; box-shadow: none; background-color: transparent; background-image: var(--qd-select-chevron); background-position: calc(100% - 2px) 50%; } body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .source-select-wrap select:focus { outline: none; border: none; box-shadow: none; } /* ── Checkboxes (all contexts) ── */ body[data-theme="quant-lab-desk"] .shell label.collector-verbose-toggle, body[data-theme="quant-lab-desk"] .shell label.ml-verbose-toggle, body[data-theme="quant-lab-desk"] .shell label.ml-collect-prior-toggle, body[data-theme="quant-lab-desk"] .shell label.backtest-verbose-toggle, body[data-theme="quant-lab-desk"] .shell .check-label, body[data-theme="quant-lab-desk"] .shell .ml-label-exit-checkbox { display: inline-flex; align-items: center; gap: 8px; width: auto; max-width: none; cursor: pointer; user-select: none; line-height: 1.35; font-size: 11px; color: var(--qd-muted); } body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) input[type="checkbox"]:not([hidden]):not([aria-hidden="true"]) { appearance: none; -webkit-appearance: none; box-sizing: border-box; display: inline-block; width: 15px; height: 15px; min-width: 15px; min-height: 15px; max-width: 15px; max-height: 15px; flex: 0 0 15px; margin: 0; padding: 0; border: 1px solid var(--qd-border-strong); border-radius: var(--qd-radius-sm); background: var(--qd-surface); box-shadow: var(--qd-inset); cursor: pointer; position: relative; vertical-align: middle; transition: border-color 0.15s ease, background 0.15s ease; } body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) input[type="checkbox"]:not([hidden]):not([aria-hidden="true"]):hover:not(:disabled) { border-color: var(--qd-accent); box-shadow: none; } body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) input[type="checkbox"]:not([hidden]):not([aria-hidden="true"]):checked { border-color: var(--qd-accent); background: var(--qd-accent); box-shadow: none; } body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) input[type="checkbox"]:not([hidden]):not([aria-hidden="true"]):checked::after { content: ""; position: absolute; left: 4px; top: 1px; width: 4px; height: 7px; border: solid #eef1f5; border-width: 0 1.5px 1.5px 0; transform: rotate(45deg); } body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) input[type="checkbox"]:not([hidden]):not([aria-hidden="true"]):focus-visible { outline: 1px solid var(--qd-accent); outline-offset: 2px; box-shadow: none; } body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) input[type="checkbox"]:not([hidden]):not([aria-hidden="true"]):disabled { opacity: 0.45; cursor: not-allowed; } /* ── Primary buttons ── */ body[data-theme="quant-lab-desk"] main.shell button:not(.secondary):not(.danger):not(.symbol-clear):not(.collector-api-log-toggle):not(.doc-help-trigger):not(.nn-view-tab):not(.preset-btn):not(.ml-architecture-toggle):not(.me-pipeline-group-trigger):not(.me-toolbar-primary):not(.md-wizard-step) { min-height: var(--qd-control-h); padding: 0 16px; border-radius: var(--qd-radius); border: 1px solid var(--qd-primary-border); background: var(--qd-primary-bg); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); color: #eef3fa; font-size: var(--qd-btn-font); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; transform: none; transition: filter 0.15s ease, border-color 0.15s ease; } body[data-theme="quant-lab-desk"] main.shell button:not(.secondary):not(.danger):not(.symbol-clear):not(.preset-btn):not(.ml-architecture-toggle):not(.me-pipeline-group-trigger):not(.me-toolbar-primary):not(.md-wizard-step):hover:not(:disabled) { filter: brightness(1.08); border-color: var(--qd-accent); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); transform: none; } body[data-theme="quant-lab-desk"] main.shell button:not(.secondary):not(.danger):not(.me-pipeline-group-trigger):not(.me-toolbar-primary):not(.md-wizard-step):active:not(:disabled) { filter: brightness(0.96); transform: none; } /* ── Secondary buttons ── */ body[data-theme="quant-lab-desk"] main.shell button.secondary, body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) button.secondary:not(:disabled) { min-height: var(--qd-control-h); padding: 0 14px; border-radius: var(--qd-radius); border: 1px solid var(--qd-border-strong); background: var(--qd-surface-muted); color: var(--qd-text); font-size: var(--qd-btn-font); font-weight: 600; letter-spacing: 0.03em; text-transform: none; box-shadow: none; transform: none; } body[data-theme="quant-lab-desk"] main.shell button.secondary:hover:not(:disabled), body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) button.secondary:hover:not(:disabled) { border-color: var(--qd-accent); background: var(--qd-accent-soft); color: #eef1f5; box-shadow: none; transform: none; } /* ── Danger buttons ── */ body[data-theme="quant-lab-desk"] main.shell button.danger:not(:disabled), body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) button.danger:not(:disabled) { min-height: var(--qd-control-h); border-radius: var(--qd-radius); border: 1px solid var(--qd-danger-border); background: var(--qd-danger-bg); color: #f2e8e8; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06); font-size: var(--qd-btn-font); font-weight: 600; letter-spacing: 0.02em; text-transform: none; } body[data-theme="quant-lab-desk"] main.shell button.danger:hover:not(:disabled), body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) button.danger:hover:not(:disabled) { border-color: rgba(180, 100, 100, 0.65); filter: brightness(1.06); transform: none; } body[data-theme="quant-lab-desk"] main.shell button.danger:disabled, body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) button.danger:disabled { opacity: 0.45; border-color: var(--qd-border); background: #1a1e26; color: var(--qd-muted); box-shadow: none; } body[data-theme="quant-lab-desk"] main.shell button:disabled, body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) button:disabled { opacity: 0.5; cursor: not-allowed; filter: none; transform: none; } /* ── Utility buttons ── */ body[data-theme="quant-lab-desk"] .shell .preset-btn { min-height: 28px; padding: 0 10px; border-radius: var(--qd-radius-sm); font-size: var(--qd-btn-font); font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: 0.02em; border: 1px solid var(--qd-border-strong); background: var(--qd-surface-muted); color: var(--qd-label); box-shadow: none; text-transform: none; } body[data-theme="quant-lab-desk"] .shell .preset-btn:hover, body[data-theme="quant-lab-desk"] .shell .preset-btn.is-active { border-color: var(--qd-accent); background: var(--qd-accent-soft); color: #dfe6ef; filter: none; transform: none; } body[data-theme="quant-lab-desk"] .shell .symbol-clear { min-height: 0; width: 26px; height: 26px; padding: 0; border-radius: var(--qd-radius-sm); border: 1px solid var(--qd-border); background: var(--qd-surface-muted); color: var(--qd-muted); font-size: 14px; font-weight: 400; box-shadow: none; text-transform: none; letter-spacing: 0; } body[data-theme="quant-lab-desk"] .shell .symbol-clear:hover { border-color: var(--qd-accent); background: var(--qd-accent-soft); color: var(--qd-text); transform: none; } body[data-theme="quant-lab-desk"] .shell .symbol-suggestions { border: 1px solid var(--qd-border-strong); border-radius: var(--qd-radius); background: var(--qd-surface); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45); } body[data-theme="quant-lab-desk"] .shell .symbol-suggestions button { border-radius: var(--qd-radius-sm); min-height: 0; padding: 6px 10px; border: none; background: transparent; color: var(--qd-text); font-size: var(--qd-control-font); box-shadow: none; text-transform: none; letter-spacing: 0; } body[data-theme="quant-lab-desk"] .shell .symbol-suggestions button:hover { background: var(--qd-accent-soft); color: #eef1f5; transform: none; } body[data-theme="quant-lab-desk"] .shell .collector-api-log-toggle .collector-api-log-enable input[type="checkbox"]:not([hidden]):not([aria-hidden="true"]) { appearance: auto; -webkit-appearance: checkbox; border: none; box-shadow: none; background: transparent; min-width: 15px; max-width: 15px; flex: 0 0 15px; } body[data-theme="quant-lab-desk"] .shell .collector-api-log-toggle .collector-api-log-enable input[type="checkbox"]:not([hidden]):not([aria-hidden="true"]):hover:not(:disabled), body[data-theme="quant-lab-desk"] .shell .collector-api-log-toggle .collector-api-log-enable input[type="checkbox"]:not([hidden]):not([aria-hidden="true"]):checked { border: none; box-shadow: none; background: transparent; } body[data-theme="quant-lab-desk"] .shell .collector-api-log-toggle .collector-api-log-enable input[type="checkbox"]:not([hidden]):not([aria-hidden="true"]):checked::after { content: none; } body[data-theme="quant-lab-desk"] .shell .collector-api-log-toggle .collector-api-log-enable input[type="checkbox"]:not([hidden]):not([aria-hidden="true"]):focus-visible { outline: none; } body[data-theme="quant-lab-desk"] .shell .ml-architecture-toggle, body[data-theme="quant-lab-desk"] .shell .collector-api-log-toggle { min-height: 30px; border-radius: var(--qd-radius); border: 1px solid var(--qd-border); background: var(--qd-surface-muted); box-shadow: none; color: var(--qd-label); font-size: var(--qd-btn-font); font-weight: 600; text-transform: none; letter-spacing: 0.02em; } body[data-theme="quant-lab-desk"] .shell .ml-architecture-toggle:hover, body[data-theme="quant-lab-desk"] .shell .collector-api-log-toggle:hover { border-color: var(--qd-accent); background: var(--qd-accent-soft); transform: none; } body[data-theme="quant-lab-desk"] .shell .doc-help-trigger:not(:disabled) { min-height: var(--qd-control-h); border-radius: var(--qd-radius); border: 1px solid var(--qd-border-strong); background: var(--qd-surface-muted); color: var(--qd-accent); box-shadow: none; font-weight: 600; } body[data-theme="quant-lab-desk"] .shell .doc-help-trigger:hover:not(:disabled) { border-color: var(--qd-accent); background: var(--qd-accent-soft); transform: none; } /* ── Status & notes ── */ body[data-theme="quant-lab-desk"] .shell .ml-status-line { border: 1px solid var(--qd-border); border-radius: var(--qd-radius); background: var(--qd-surface); font-size: 11px; line-height: 1.45; color: var(--qd-muted); } body[data-theme="quant-lab-desk"] .section-title span.ready, body[data-theme="quant-lab-desk"] #bitunixMlUpdated, body[data-theme="quant-lab-desk"] #bitunixTradeUpdated, body[data-theme="quant-lab-desk"] #collectorUpdated { font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: var(--qd-radius-sm); letter-spacing: 0.04em; text-transform: uppercase; color: #b8d4e8; background: rgba(107, 147, 199, 0.12); border: 1px solid rgba(107, 147, 199, 0.35); box-shadow: none; } body[data-theme="quant-lab-desk"] #bitunixMlUpdated.running::before, body[data-theme="quant-lab-desk"] #collectorUpdated::before { background: var(--qd-success); box-shadow: none; } /* ── Jobs listbox ── */ body[data-theme="quant-lab-desk"] .shell select.jobs-listbox { min-height: 180px; padding: 8px; border-radius: var(--qd-radius); border: 1px solid var(--qd-border-strong); background: var(--qd-surface); color: var(--qd-text); font-size: 11px; font-variant-numeric: tabular-nums; } body[data-theme="quant-lab-desk"] .shell .jobs-listbox option[data-status="running"] { font-weight: 600; color: var(--qd-success); } body[data-theme="quant-lab-desk"] .shell .jobs-listbox option[data-status="queued"] { color: var(--qd-muted); } body[data-theme="quant-lab-desk"] .shell .jobs-listbox-custom .jobs-listbox-item { background: var(--qd-surface); border-radius: var(--qd-radius-sm); font-size: 11px; font-variant-numeric: tabular-nums; color: var(--qd-text); } body[data-theme="quant-lab-desk"] .shell .jobs-listbox-custom .jobs-listbox-item[data-status="running"] { font-weight: 600; color: var(--qd-success); } body[data-theme="quant-lab-desk"] .shell .jobs-listbox-custom .jobs-listbox-item[data-status="queued"] { color: var(--qd-muted); } body[data-theme="quant-lab-desk"] .shell .jobs-listbox-custom .jobs-listbox-item.is-selected { background: var(--qd-surface); border-color: var(--qd-accent-border); box-shadow: inset 0 0 0 1px var(--qd-accent-soft); } body[data-theme="quant-lab-desk"] .shell .jobs-listbox-custom .jobs-listbox-item:hover:not(.is-selected):not(.jobs-listbox-item--empty) { background: var(--qd-accent-soft); } body[data-theme="quant-lab-desk"] .shell .jobs-listbox-custom .jobs-listbox-item--empty { color: var(--qd-muted); } body[data-theme="quant-lab-desk"] .shell .jobs-listbox-custom:focus, body[data-theme="quant-lab-desk"] .shell .jobs-listbox-custom:focus-visible { border-color: var(--qd-accent-border); box-shadow: inset 0 0 0 1px var(--qd-accent-soft); } /* ── Tables ── */ body[data-theme="quant-lab-desk"] .shell table { border-color: var(--qd-border); } body[data-theme="quant-lab-desk"] .shell th { color: var(--qd-label); border-bottom-color: var(--qd-border-strong); font-size: 11px; letter-spacing: 0.04em; text-transform: uppercase; } body[data-theme="quant-lab-desk"] .shell tr:hover td { background: var(--qd-accent-soft); } /* ── Button links ── */ body[data-theme="quant-lab-desk"] .button-link { border-radius: var(--qd-radius); border: 1px solid var(--qd-primary-border); background: var(--qd-primary-bg); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); font-size: var(--qd-btn-font); letter-spacing: 0.04em; } body[data-theme="quant-lab-desk"] .button-link.secondary { border-color: var(--qd-border-strong); background: var(--qd-surface-muted); color: var(--qd-text); } body[data-theme="quant-lab-desk"] .button-link:hover { filter: brightness(1.08); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); } /* ── ML section icons & group titles ── */ body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .backtest-control-group > .group-title { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: auto; margin: 0 -18px 12px; padding: 14px 18px; border-right: none; border-bottom: 1px solid var(--qd-border); background: var(--qd-header-gradient); } body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .group-title-summary-heading, body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .ml-training-detail-summary-heading { display: inline-flex; align-items: center; gap: 12px; min-width: 0; } body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .ml-section-icon, body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .group-title-icon, body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .ml-training-detail-icon { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex-shrink: 0; padding: 0; border-radius: var(--qd-radius); border: 1px solid var(--qd-border-strong); background: var(--qd-surface-muted); color: var(--qd-accent-bright); box-shadow: var(--qd-inset); } body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .ml-training-detail-icon { width: 40px; height: 40px; } body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .ml-section-icon svg, body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .group-title-icon svg, body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .ml-training-detail-icon svg { display: block; width: 18px; height: 18px; min-width: 18px; min-height: 18px; max-width: 18px; max-height: 18px; flex: 0 0 18px; } body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .ml-training-detail-icon svg { width: 22px; height: 22px; min-width: 22px; min-height: 22px; max-width: 22px; max-height: 22px; flex: 0 0 22px; } body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .group-title-summary-text, body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .ml-training-detail-summary-text { display: grid; gap: 2px; min-width: 0; } body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .group-title { gap: 5px; min-height: auto; padding-right: 0; border-right: none; } body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .group-title-summary-text strong, body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .ml-training-detail-summary-text strong, body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .group-title strong, body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .group-title .ml-feature-group-heading-text strong { color: #eef1f5; font-size: 13px; font-weight: 600; letter-spacing: 0.06em; line-height: 1.25; text-transform: uppercase; } body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .group-title-summary-text > span, body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .ml-training-detail-summary-text > span, body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .group-title span:not(.group-title-icon):not(.ml-section-icon), body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .group-title .ml-feature-group-heading-text span { color: var(--qd-muted); font-size: 11px; font-weight: 400; line-height: 1.4; letter-spacing: 0.01em; } body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .ml-feature-group .group-title { gap: 8px; } body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .ml-feature-group-title .ml-feature-group-actions { flex-shrink: 0; } body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .ml-gcp-offload-summary-text strong { color: #eef1f5; font-size: 13px; font-weight: 600; letter-spacing: 0.06em; line-height: 1.25; text-transform: uppercase; } body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .ml-gcp-offload-summary-sub { font-size: 11px; line-height: 1.4; color: var(--qd-muted); } body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .ml-gcp-offload-summary-heading { display: inline-flex; align-items: center; gap: 12px; min-width: 0; flex: 1; } body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .ml-gcp-offload-summary-heading::after { content: ""; flex: 1; height: 1px; margin-left: 4px; background: linear-gradient(90deg, rgba(107, 147, 199, 0.4), transparent); } body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .ml-gcp-offload-summary-text { display: grid; gap: 2px; min-width: 0; } body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .ml-gcp-offload-icon { box-sizing: border-box; width: 32px; height: 32px; padding: 5px; border-radius: var(--qd-radius); border: 1px solid var(--qd-border-strong); background: var(--qd-surface-muted); object-fit: contain; box-shadow: var(--qd-inset); filter: none; } body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .ml-gcp-offload-chevron { border-color: var(--qd-accent); } body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .ml-gcp-offload-panel[open] > summary .ml-gcp-offload-chevron { border-color: var(--qd-accent-bright); } body[data-theme="quant-lab-desk"] .shell .training-backend-option-icon { width: 34px; height: 34px; border-radius: var(--qd-radius); border: 1px solid var(--qd-border); background: var(--qd-surface); color: var(--qd-muted); } body[data-theme="quant-lab-desk"] .shell .training-backend-option-icon svg { width: 18px; height: 18px; min-height: 0; max-width: 18px; max-height: 18px; } body[data-theme="quant-lab-desk"] .shell .training-backend-option.is-selected .training-backend-option-icon { border-color: var(--qd-accent); background: var(--qd-accent-soft); color: var(--qd-accent-bright); } body[data-theme="quant-lab-desk"] .shell .training-backend-option.is-selected .training-backend-option-card { border-color: var(--qd-accent-border); background: linear-gradient(135deg, var(--qd-accent-soft) 0%, var(--qd-surface-muted) 100%); box-shadow: inset 0 0 0 1px rgba(107, 147, 199, 0.14); } body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .ml-gcp-offload-panel.backtest-control-group { border-top: 1px solid var(--qd-border); } body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .ml-gcp-offload-panel.backtest-control-group > summary.ml-gcp-offload-summary.group-title { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: auto; margin: 0 -18px 12px; padding: 14px 18px; border-right: none; border-bottom: 1px solid var(--qd-border); background: var(--qd-header-gradient); cursor: pointer; list-style: none; } body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .ml-gcp-offload-panel > summary.group-title::-webkit-details-marker { display: none; } body[data-theme="quant-lab-desk"] .shell :is(.ml-panel, .backtest-panel, .collector-panel, .deep-panel, .scanner, #ml-panel) .ml-serving-panel > .group-title { display: flex; align-items: center; margin: 0 0 4px; padding: 0; border: none; background: transparent; } /* ── ML feature group doc-help alignment ── */ body[data-theme="quant-lab-desk"] .ml-feature-group-title > .group-title-summary-heading { width: 100%; min-width: 0; } body[data-theme="quant-lab-desk"] .ml-feature-group-title .group-title-summary-text { flex: 1; min-width: 0; } body[data-theme="quant-lab-desk"] .ml-feature-group-title .group-title-summary-heading > .doc-help-trigger-compact { flex-shrink: 0; margin-left: auto; } /* ── Data collector page (hub layout in model-design.css; component tweaks here) ── */ body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-groups-actions { display: flex; gap: 6px; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-groups-actions button { padding: 4px 10px; font-size: 11px; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-form .collector-backend-field select, body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-form .source-field .source-select-wrap, body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-form .date-field .date-input-row { min-height: 34px; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-form .collector-cloud-options { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: end; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-form .collector-cloud-preset-field { flex: 1 1 280px; min-width: 220px; display: flex; flex-direction: column; gap: 4px; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-form .collector-cloud-help { width: 100%; align-items: stretch; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-form .collector-cloud-help > select { flex: 1 1 auto; min-width: 0; min-height: 34px; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-form .collector-cloud-help .me-help-btn { flex: 0 0 auto; align-self: center; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-form .collector-cloud-help .me-help-pop { left: auto; right: 0; width: min(520px, 92vw); } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-form .collector-cloud-help--inline { width: auto; display: inline-flex; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-form .collector-cloud-notice { margin: 4px 0 0; font-size: 10px; color: var(--qd-muted); } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-form .collector-force-toggle { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; color: var(--qd-muted); } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-form .collector-force-toggle.is-disabled { opacity: 0.45; cursor: not-allowed; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-form .collector-force-toggle.is-disabled input { cursor: not-allowed; } body[data-page="data-collector"][data-theme="quant-lab-desk"] #collectorSymbol { text-transform: uppercase; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-form-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding-top: 2px; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-form-actions .primary-collect { min-width: 140px; max-width: 220px; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-advanced-actions button { font-size: 11px; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-preflight-panel.is-fail { border: none; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-phase-timeline { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 10px 14px; border-bottom: 1px solid var(--qd-border); background: var(--qd-panel-2); } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-phase-timeline .collector-phase-step { padding: 3px 8px; border-radius: 999px; border: 1px solid var(--qd-border); font-size: 10px; color: var(--qd-muted); } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-phase-timeline .collector-phase-step.active { border-color: var(--qd-accent, #6b93c7); color: var(--qd-text); } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-phase-timeline .collector-phase-step.done { border-color: rgba(89, 208, 144, 0.5); color: #59d090; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-jobs-panel { margin: 0; display: flex; flex-direction: column; gap: 8px; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-jobs-header button { padding: 3px 8px; font-size: 10px; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-reference-panel .collector-architecture-row { margin: 0; padding: 0 12px 12px; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .deep-results, body[data-page="data-collector"][data-theme="quant-lab-desk"] .backtest-flow { padding: 12px; border: 1px solid var(--qd-border); border-radius: var(--qd-radius); background: var(--qd-panel-2); font-size: 11px; color: var(--qd-muted); } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-jobs-progress.is-active, body[data-theme="quant-lab-desk"] .ml-jobs-panel .collector-jobs-progress.is-active { border-top-color: rgba(107, 147, 199, 0.22); } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-jobs-progress-track, body[data-theme="quant-lab-desk"] .ml-jobs-panel .collector-jobs-progress-track { background: rgba(107, 147, 199, 0.16); } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-jobs-progress-fill, body[data-theme="quant-lab-desk"] .ml-jobs-panel .collector-jobs-progress-fill { background: linear-gradient(90deg, var(--qd-accent, #6b93c7), #59d090); } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-jobs-progress-label, body[data-theme="quant-lab-desk"] .ml-jobs-panel .collector-jobs-progress-label { color: var(--qd-muted); font-size: 10px; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .ml-status-line { margin: 0; border-bottom: 1px solid var(--qd-border); } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-status-panel { padding: 10px 14px 12px; padding-top: 10px; /* cancel styles.css 30px reserved for absolute toolbar */ /* Override absolute toolbar from styles.css — prevents symbol overlapping status text. */ display: flex; flex-direction: column; gap: 6px; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-status-toolbar { position: static; top: auto; left: auto; right: auto; z-index: auto; flex: 0 0 auto; min-height: 0; pointer-events: auto; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-status-body { flex: 1 1 auto; min-width: 0; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-raw-toggle { color: var(--qd-muted); } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-status-asset-value { font-size: 13px; font-weight: 600; max-width: min(40vw, 18rem); color: #c8d0da; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-status-table th { color: var(--qd-muted); border-bottom-color: var(--qd-border); } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-status-table td { border-bottom-color: rgba(107, 147, 199, 0.18); } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-status-table .source-cell { color: var(--qd-text); } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-architecture-row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin: 0 14px 12px; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-service-api-body { display: flex; flex-direction: column; gap: 14px; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-service-api-section { display: flex; flex-direction: column; gap: 6px; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-service-api-heading { margin: 0; font-size: 12px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: #e8ecf2; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-service-api-count { font-weight: 400; color: var(--qd-muted); text-transform: none; letter-spacing: 0; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-service-api-copy, body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-service-api-foot, body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-service-api-proxy-url { margin: 0; font-size: 11px; color: var(--qd-muted); line-height: 1.45; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-service-api-status-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-service-api-stat { padding: 8px 10px; border: 1px solid var(--qd-border); border-radius: var(--qd-radius); background: var(--qd-panel); } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-service-api-stat-label { display: block; font-size: 10px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--qd-muted); margin-bottom: 2px; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-service-api-stat-value { font-size: 13px; font-weight: 600; color: #e8ecf2; font-variant-numeric: tabular-nums; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-service-api-stat-value.is-ok { color: #6b9a72; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-service-api-stat-value.is-warn { color: #b89454; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-service-api-sub { font-size: 10px; font-weight: 400; color: var(--qd-muted); } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-service-api-error { color: #c97a7a; margin: 0; font-size: 12px; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-service-api-table-wrap { overflow-x: auto; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-service-api-table { width: 100%; border-collapse: collapse; font-size: 11px; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-service-api-table th, body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-service-api-table td { padding: 5px 8px; border-bottom: 1px solid var(--qd-border); text-align: left; vertical-align: top; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-service-api-table th { color: var(--qd-muted); font-weight: 600; font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-api-method { display: inline-block; min-width: 2.8rem; padding: 1px 5px; border-radius: 2px; font-size: 9px; font-weight: 700; letter-spacing: 0.04em; text-align: center; color: #0b0e12; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-api-method--get { background: #6b9a72; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-api-method--post { background: #7a9ec4; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-api-method--put { background: #b89454; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-api-method--delete { background: #b86b6b; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-api-path, body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-api-domains { font-size: 10px; word-break: break-all; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-api-asset { text-transform: capitalize; } @media (max-width: 960px) { body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-architecture-row { grid-template-columns: 1fr; } body[data-page="data-collector"][data-theme="quant-lab-desk"] .collector-service-api-status-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } body[data-page="data-collector"][data-theme="quant-lab-desk"] .deep-controls .source-field, body[data-page="data-collector"][data-theme="quant-lab-desk"] .deep-controls .symbol-field, body[data-page="data-collector"][data-theme="quant-lab-desk"] .deep-controls .date-field, body[data-page="data-collector"][data-theme="quant-lab-desk"] .deep-controls .collector-verbose-toggle, body[data-page="data-collector"][data-theme="quant-lab-desk"] .deep-controls .primary-collect, body[data-page="data-collector"][data-theme="quant-lab-desk"] .deep-controls button.secondary { grid-column: 1 / -1; } } /* ── Aggregate results / comparison pages ── */ body[data-page="aggregate-results"][data-theme="quant-lab-desk"] .toolbar h1, body[data-page="comparison"][data-theme="quant-lab-desk"] .toolbar h1 { color: #eef3fa; font-weight: 600; letter-spacing: 0.01em; } body[data-page="aggregate-results"][data-theme="quant-lab-desk"] .toolbar p, body[data-page="comparison"][data-theme="quant-lab-desk"] .toolbar p { color: var(--qd-muted); font-size: 12px; line-height: 1.45; } body[data-theme="quant-lab-desk"] .comparison-title, body[data-theme="quant-lab-desk"] .section-title.panel-title.comparison-title { border-left-color: var(--qd-accent-bright); background: var(--qd-header-gradient); } body[data-theme="quant-lab-desk"] .comparison-title h2, body[data-theme="quant-lab-desk"] .section-title.panel-title h2 { color: #eef3fa; } body[data-theme="quant-lab-desk"] .section-subtitle { color: var(--qd-muted); font-size: 11px; line-height: 1.45; } body[data-theme="quant-lab-desk"] #backtestCompareUpdated { font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: var(--qd-radius-sm); letter-spacing: 0.04em; text-transform: uppercase; color: #b8d4e8; background: rgba(107, 147, 199, 0.12); border: 1px solid rgba(107, 147, 199, 0.35); } body[data-theme="quant-lab-desk"] .comparison-controls { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 12px 14px; align-items: end; padding: 0 18px 14px; } body[data-theme="quant-lab-desk"] .comparison-controls .backtest-control-group { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 12px 14px; align-items: end; } body[data-theme="quant-lab-desk"] .comparison-controls .market-group .source-field { grid-column: span 4; } body[data-theme="quant-lab-desk"] .comparison-controls .market-group .symbol-field { grid-column: span 8; } body[data-theme="quant-lab-desk"] .comparison-controls .filters-group .wide-select-field, body[data-theme="quant-lab-desk"] .comparison-controls .indicator-group .wide-select-field { grid-column: 1 / -1; } body[data-theme="quant-lab-desk"] .comparison-controls .run-group button { grid-column: span 4; } body[data-theme="quant-lab-desk"] .shell .backtest-rules { margin: 0 18px 14px; padding: 12px; border: 1px solid var(--qd-border); border-radius: var(--qd-radius); background: var(--qd-panel-2); font-size: 11px; color: var(--qd-muted); } body[data-theme="quant-lab-desk"] .shell .backtest-rules strong { font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--qd-label); } body[data-theme="quant-lab-desk"] .shell .ml-results.comparison-results { margin: 0 18px 14px; } body[data-page="aggregate-results"][data-theme="quant-lab-desk"] .ml-status-line { margin: 0 18px 12px; } body[data-theme="quant-lab-desk"] .shell .comparison-card, body[data-theme="quant-lab-desk"] .shell .comparison-report-card { border: 1px solid var(--qd-border-strong); border-radius: var(--qd-radius); background: var(--qd-surface-muted); } body[data-theme="quant-lab-desk"] .shell .comparison-source-pill.ml { border-color: rgba(107, 147, 199, 0.45); background: rgba(107, 147, 199, 0.12); color: #b8d4e8; } body[data-theme="quant-lab-desk"] .shell .comparison-source-pill.backtest { border-color: var(--qd-border-strong); background: var(--qd-surface); color: var(--qd-label); } body[data-theme="quant-lab-desk"] .shell .comparison-composite-details { border: 1px solid var(--qd-border); border-radius: var(--qd-radius); background: var(--qd-surface); } body[data-theme="quant-lab-desk"] .shell .comparison-side-panel { border: 1px solid var(--qd-border-strong); border-radius: var(--qd-radius); background: var(--qd-surface-muted); } body[data-theme="quant-lab-desk"] .ml-controls .execution-group > .ml-execution-checkboxes { border-color: var(--qd-border); border-radius: var(--qd-radius); background: var(--qd-surface-muted); } body[data-theme="quant-lab-desk"] .ml-controls .execution-group > .ml-execution-checkboxes .ml-execution-checkbox-with-help { border-color: var(--qd-border); border-radius: var(--qd-radius); background: var(--qd-panel); }