:root{
  --klyne-control-min:30px;
  --klyne-readable:11px;
  --alert-gold:#d9a441;
  --alert-gold-soft:rgba(217,164,65,.18);
}

/* Compact market tabs: one quiet system, with selection carried by a slim underline. */
#symbolTabsBar{min-height:42px!important;padding:3px 7px!important;gap:4px!important}
#symbolTabs{gap:4px!important}
.symbolTab{position:relative;min-width:168px!important;flex:0 0 168px!important;height:38px!important;padding:2px 5px 2px 7px!important;grid-template-columns:21px minmax(42px,1fr) minmax(64px,auto) 18px!important;grid-template-rows:17px 14px!important;column-gap:6px!important;row-gap:0!important;border-color:color-mix(in srgb,var(--border) 88%,transparent)!important;border-radius:8px!important;background:color-mix(in srgb,var(--panel2) 64%,transparent)!important;box-shadow:none!important}
.symbolTab:hover{border-color:color-mix(in srgb,var(--text) 18%,var(--border))!important;background:color-mix(in srgb,var(--panel2) 90%,transparent)!important}
.symbolTab.active{border-color:color-mix(in srgb,var(--accent) 24%,var(--border))!important;background:color-mix(in srgb,var(--panel2) 88%,var(--accentSoft))!important;box-shadow:none!important}
.symbolTab.active::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;border-radius:2px 2px 0 0;background:var(--accent);box-shadow:none}
.symbolTab .assetLogo{grid-column:1!important;grid-row:1/3!important;width:20px!important;height:20px!important;flex-basis:20px!important}
.symbolTabMarket{grid-column:2!important;grid-row:1/3!important}.symbolTabMarket b,#symbolTabs #symlabel{font-size:12px!important;font-weight:740!important}.symbolTabMarket small{font-size:7px!important}
.symbolTabPrice,#symbolTabs #price{grid-column:3!important;grid-row:1!important;font-size:11px!important;font-weight:680!important}.symbolTabChange,#symbolTabs #change{grid-column:3!important;grid-row:2!important;padding:0!important;background:transparent!important;font-size:9px!important;font-weight:680!important}
.symbolTabClose{grid-column:4!important;grid-row:1/3!important;align-self:center!important;width:18px!important;height:22px!important;border-radius:5px!important;font-size:14px!important;opacity:.45;transition:opacity .15s,color .15s,background .15s}.symbolTab:hover .symbolTabClose,.symbolTabClose:hover{opacity:.9}
#symbolPickerWrap{margin-left:0!important}#addSymbolTab{width:32px!important;height:34px!important;min-width:32px!important;border-color:color-mix(in srgb,var(--border) 88%,transparent)!important;border-radius:8px!important;background:color-mix(in srgb,var(--panel2) 64%,transparent)!important;font-size:19px!important}

/* Indicator and drawing colors are presented as tactile color cells. */
.indicatorLineSettings{display:flex;flex-direction:column;gap:7px;margin-bottom:10px}
.indicatorLineSetting{display:grid;grid-template-columns:minmax(45px,1fr) 34px 68px 68px;align-items:center;gap:6px;padding:7px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}
.indicatorLineSetting>b{overflow:hidden;color:var(--text);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.indicatorPeriodInput{width:100%;height:29px;min-width:0;padding:0 7px;border:1px solid var(--border);border-radius:6px;color:var(--text);background:var(--panel2);font-size:10px;font-variant-numeric:tabular-nums}
.indicatorLineSetting select{height:29px;min-width:0;padding:0 5px;border:1px solid var(--border);border-radius:6px;color:var(--muted2);background:var(--panel2);font-size:9px}
.colorCell{position:relative;width:30px;height:30px;display:block;overflow:hidden;padding:0;border:1px solid var(--border2);border-radius:7px;background:var(--panel);box-shadow:inset 0 0 0 2px var(--panel);cursor:pointer;appearance:none}
.colorCell i{position:absolute;inset:3px;border-radius:4px;background:var(--cell-color,#d9a441);pointer-events:none}
.colorCell:hover,.colorCell:focus-visible{border-color:color-mix(in srgb,var(--text) 38%,var(--border));outline:0}
.indicatorParams:empty{display:none}

/* App-native color grid: avoids the oversized system color picker. */
.klyneColorPalette{position:fixed;z-index:540;width:276px;padding:10px;border:1px solid var(--border2);border-radius:10px;color:var(--text);background:color-mix(in srgb,var(--panel) 97%,transparent);box-shadow:0 20px 55px rgba(0,0,0,.45);backdrop-filter:blur(16px);user-select:none}
.paletteGrid{display:grid;grid-template-columns:repeat(10,22px);gap:4px}
.paletteSwatch{position:relative;width:22px;height:22px;padding:0;border:1px solid color-mix(in srgb,var(--swatch) 72%,var(--border));border-radius:4px;background:var(--swatch);cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.paletteSwatch:hover{z-index:1;transform:scale(1.12);box-shadow:0 0 0 2px var(--panel),0 0 0 3px var(--muted)}
.paletteSwatch.selected{box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--text)}
.paletteSwatch.selected::after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:850;text-shadow:0 1px 3px rgba(0,0,0,.85)}
.paletteDivider{height:1px;margin:10px 0;background:var(--border)}
.paletteCustom{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:end;gap:8px}
.palettePreview{width:28px;height:28px;border:1px solid var(--border2);border-radius:6px;background:var(--swatch);box-shadow:inset 0 0 0 2px var(--panel)}
.paletteCustom label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;color:var(--muted2)}
.paletteCustom b{font-size:10px;font-weight:680}
.paletteHex{min-width:0;width:100%;height:28px;padding:0 7px;border:1px solid var(--border2);border-radius:6px;color:var(--text);background:var(--bg);font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:lowercase;outline:0}
.paletteHex:focus{border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}.paletteHex.invalid{border-color:var(--down);animation:paletteShake .16s linear 2}
.paletteActions{display:flex;justify-content:flex-end;gap:7px;margin-top:10px}
.paletteActions button{height:29px;min-width:64px;padding:0 11px;border:1px solid var(--border2);border-radius:6px;color:var(--muted2);background:var(--panel2);font-size:10px;cursor:pointer}
.paletteActions .primary{border-color:var(--accent);color:var(--panel);background:var(--accent);font-weight:700}
@keyframes paletteShake{25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}

/* Single-click drawing toolbar. */
.drawingQuickToolbar{position:fixed;z-index:310;display:flex;align-items:center;gap:2px;min-height:40px;padding:4px;border:1px solid var(--border2);border-radius:8px;background:color-mix(in srgb,var(--panel) 96%,transparent);box-shadow:0 14px 38px rgba(0,0,0,.38);backdrop-filter:blur(14px);user-select:none}
.drawingQuickToolbar .drawQuickHandle{width:20px;height:30px;display:grid;place-items:center;color:var(--muted);cursor:grab;font-size:13px;letter-spacing:-2px}
.drawingQuickToolbar .drawQuickHandle:active{cursor:grabbing}
.drawingQuickToolbar button,.drawingQuickToolbar select{height:30px;border:0;border-left:1px solid var(--border);border-radius:0;color:var(--muted2);background:transparent;font-size:11px;cursor:pointer}
.drawingQuickToolbar button{min-width:31px;padding:0 7px}.drawingQuickToolbar button:hover{color:var(--accent2);background:var(--accentSoft)}
.drawingQuickToolbar .quickIconButton{width:34px;min-width:34px;display:inline-grid;place-items:center;padding:0;color:var(--muted2)}
.drawingQuickToolbar .quickIconButton .toolbarSvg{width:18px;height:18px;color:currentColor}
.drawingQuickToolbar .quickSettingsButton{width:37px;min-width:37px}
.drawingQuickToolbar .quickSettingsSvg{width:20px!important;height:20px!important}.drawingQuickToolbar .quickSettingsSvg path,.drawingQuickToolbar .quickSettingsSvg circle{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.drawingQuickToolbar .quickIconButton.on{color:var(--accent2);background:var(--accentSoft)}
.drawingQuickToolbar select{width:67px;padding:0 5px;outline:0}
.drawingQuickToolbar .colorCell{width:31px;height:30px;border:0;border-left:1px solid var(--border);border-radius:0;box-shadow:none}
.drawingQuickToolbar .colorCell i{inset:7px;border-radius:3px}
.drawingQuickToolbar .danger:hover{color:var(--down);background:color-mix(in srgb,var(--down) 10%,transparent)}
.drawing-handle{r:6px}

/* Compact workspace header: give the removed brand row back to the chart. */
#appHeader{display:none!important}
#appShell{padding-top:8px!important}
#topbar{min-height:50px!important;flex-basis:50px!important;padding:4px 9px!important;gap:6px!important;z-index:30!important}
#symbolTabsBar{min-width:0;flex:1 1 auto!important;padding-left:0!important}
#tools{flex:0 0 auto}
.compactGlobalActions{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:4px;margin-left:0!important}
.compactGlobalActions #globalLive{width:15px;height:28px;display:grid!important;place-items:center;margin:0!important;font-size:0;overflow:hidden}
.compactGlobalActions #globalLive i{width:6px;height:6px;margin:0}
.compactGlobalActions .accountTrigger{width:30px!important;min-width:30px!important;height:30px!important;display:grid!important;grid-template-columns:1fr!important;padding:0 3px!important;border-radius:8px!important}
.compactGlobalActions .accountTriggerCopy,.compactGlobalActions .accountTriggerChevron{display:none!important}
.compactGlobalActions .accountTriggerAvatar{width:22px;height:22px;margin:auto}
.compactMoreWrap{position:relative;display:flex;align-items:center}
.compactMoreButton{width:32px;height:30px;padding:0;border:1px solid var(--border);border-radius:8px;color:var(--muted2);background:var(--panel2);font-size:10px;font-weight:800;letter-spacing:1px;cursor:pointer}
.compactMoreButton:hover,.compactMoreButton.on{color:var(--accent2);border-color:color-mix(in srgb,var(--accent) 40%,var(--border));background:var(--accentSoft)}
.compactMoreMenu{position:absolute;z-index:360;right:0;top:36px;width:176px;padding:6px;border:1px solid var(--border2);border-radius:11px;background:color-mix(in srgb,var(--panel) 97%,transparent);box-shadow:0 20px 55px rgba(0,0,0,.48);backdrop-filter:blur(18px)}
.compactMoreMenu[hidden]{display:none}
.compactMoreItem{width:100%!important;height:34px!important;display:grid!important;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:7px;padding:0 8px!important;border:0!important;border-radius:7px!important;color:var(--muted2)!important;background:transparent!important;text-align:left;cursor:pointer}
.compactMoreItem:hover,.compactMoreItem.on{color:var(--text)!important;background:var(--accentSoft)!important}
.compactMoreIcon{display:grid;place-items:center;color:var(--accent2);font-size:13px;font-weight:800}
html[data-theme="light"] .compactMoreMenu{background:rgba(255,255,255,.98)}

/* Simplified alert builder and draggable on-chart alert lines. */
#alertDrawer .alertControl[hidden],#alertDrawer .alertComboToggle[hidden],#alertDrawer .alertSecondary[hidden],#alertDrawer .alertSectionTitle[hidden],#alertDrawer .alertFormGrid[hidden],#alertDrawer select[hidden],#alertDrawer input[hidden]{display:none!important}
#alertDrawer .alertBuilder{padding-bottom:12px}
#alertDrawer .alertFormGrid{grid-template-columns:1fr 1fr}
#alertDrawer .alertChannels{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
#alertDrawer .alertChannels label{justify-content:center;margin:0;padding:8px 5px;border:1px solid var(--border);border-radius:7px;background:var(--bg)}
#alertDrawer .alertForever{display:flex;align-items:center;gap:7px;margin:9px 0;color:var(--muted);font-size:9px}
.alert-line-shape text{font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}

/* Share preview. */
.shareModal{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:24px;background:rgba(3,5,8,.72);backdrop-filter:blur(10px)}
.shareModal[hidden]{display:none}
.shareCard{width:min(1040px,calc(100vw - 32px));max-height:calc(100vh - 32px);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border2);border-radius:14px;background:var(--panel);box-shadow:0 30px 90px rgba(0,0,0,.55)}
.shareHead,.shareActions{display:flex;align-items:center;gap:8px;padding:11px 13px;border-bottom:1px solid var(--border)}
.shareHead b{font-size:12px}.shareHead small{margin-left:5px;color:var(--muted);font-size:9px}.shareHead button{margin-left:auto}
.shareHead button,.shareActions button{height:31px;padding:0 11px;border:1px solid var(--border);border-radius:7px;color:var(--muted2);background:var(--panel2);cursor:pointer}
.shareActions{justify-content:flex-end;border-top:1px solid var(--border);border-bottom:0}
.shareActions .primary{border-color:var(--accent);color:#fff;background:var(--accent)}
.sharePreview{min-height:220px;display:grid;place-items:center;overflow:auto;padding:14px;background:var(--bg)}
.sharePreview img{display:block;max-width:100%;height:auto;border:1px solid var(--border);box-shadow:0 10px 35px rgba(0,0,0,.32)}
.shareBusy{color:var(--muted);font-size:11px}

/* Browser preview for the native always-on-top ticker. */
.tickerPreview{position:fixed;right:16px;bottom:16px;z-index:420;width:260px;overflow:hidden;border:1px solid var(--border2);border-radius:12px;background:color-mix(in srgb,var(--panel) 96%,transparent);box-shadow:0 20px 55px rgba(0,0,0,.42);backdrop-filter:blur(16px)}
.tickerPreview[hidden]{display:none}
.tickerPreviewHeader{height:38px;display:flex;align-items:center;padding:0 10px;border-bottom:1px solid var(--border);cursor:move}
.tickerPreviewHeader b{font-size:11px;letter-spacing:.08em}.tickerPreviewHeader small{margin-left:7px;color:var(--up);font-size:7px}.tickerPreviewHeader button{margin-left:auto;width:24px;height:24px;border:0;color:var(--muted);background:transparent;cursor:pointer}
.tickerPreviewList{max-height:300px;overflow:auto;padding:5px}
.tickerPreviewRow{display:grid;grid-template-columns:26px 1fr auto auto;align-items:center;gap:7px;padding:7px;border-radius:7px;cursor:pointer}
.tickerPreviewRow:hover{background:var(--accentSoft)}
.tickerPreviewRow img{width:23px;height:23px;border-radius:50%}.tickerPreviewRow b{font-size:10px}.tickerPreviewRow strong{font-size:10px;font-variant-numeric:tabular-nums}.tickerPreviewRow em{min-width:46px;font-size:8px;font-style:normal;text-align:right}.tickerPreviewRow em.up{color:var(--up)}.tickerPreviewRow em.down{color:var(--down)}

/* Fluid desktop sizing: preserve readable controls on Retina and dense screens. */
@media (min-width:901px){
  body{font-size:clamp(12px,.68vw,14px)}
  #drawToolbar{min-height:clamp(44px,3.4vw,52px)}
  .drawer{width:clamp(330px,25vw,420px)}
}
@media (min-width:1800px){
  :root{--klyne-readable:12px}
  #appShell{padding:10px}.symbolTab{min-width:172px!important;flex-basis:172px!important}.drawer{width:410px}
  #drawToolbar button,.globalActions>button{min-height:32px}
}
@media (min-width:2600px){
  body{font-size:15px}.symbolTab{min-width:178px!important;flex-basis:178px!important;height:38px!important}.drawer{width:460px}
}
@media (max-width:1180px) and (min-width:601px){
  .symbolTab{min-width:152px!important;flex-basis:152px!important;grid-template-columns:20px minmax(36px,1fr) minmax(52px,auto) 16px!important;column-gap:4px!important;padding-inline:5px!important}
  #globalLive{display:none!important}.toolbarUtilityBtn span:not(.toolbarButtonIcon){display:none}
}
@media (max-width:600px){
  .symbolTab{min-width:148px!important;flex-basis:148px!important;height:40px!important;grid-template-columns:20px minmax(36px,1fr) minmax(52px,auto) 16px!important;column-gap:4px!important;padding-inline:4px!important}.symbolTabMarket small{display:none!important}.drawingQuickToolbar{max-width:calc(100vw - 16px);overflow-x:auto}.shareModal{padding:8px}.shareCard{width:100%;max-height:calc(100vh - 16px)}.tickerPreview{left:8px;right:8px;bottom:8px;width:auto}
}

@media (max-width:900px){
  #topbar{min-height:98px!important;flex-basis:auto!important;flex-wrap:wrap!important;align-content:center;padding:5px 7px!important}
  #symbolTabsBar{order:1;flex:1 1 calc(100% - 72px)!important;width:auto!important}
  #tools{order:2;width:100%;justify-content:flex-end}
  .compactGlobalActions{order:1}.compactGlobalActions #globalLive{display:none!important}
}

/* Professional Terminal 3.0 — neutral, flat and chart-first. */
html[data-theme="dark"]{--bg:#08090b;--panel:#0c0e11;--panel2:#111419;--elevated:#171a20;--border:#20242b;--border2:#30353e;--text:#e8eaed;--muted:#737984;--muted2:#aeb3bc;--accent:#7695f5;--accent2:#a8baff;--accentSoft:rgba(118,149,245,.12)}
html[data-theme="dark"] body{background:#08090b!important;background-image:none!important}
#appShell{padding:0!important;background:var(--bg)}
#main{border:0!important;border-radius:0!important;background:var(--bg)!important;box-shadow:none!important}
#topbar{min-height:45px!important;flex-basis:45px!important;padding:0 6px!important;gap:0!important;border-bottom:1px solid var(--border)!important;background:var(--panel)!important}
#symbolTabsBar,#symbolTabs{height:44px!important;gap:0!important}
.symbolTab{min-width:138px!important;flex:0 0 138px!important;height:44px!important;padding:3px 5px 3px 8px!important;grid-template-columns:18px minmax(38px,1fr) minmax(54px,auto) 15px!important;grid-template-rows:18px 14px!important;column-gap:5px!important;border:0!important;border-right:1px solid var(--border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.symbolTab:hover{background:var(--panel2)!important}.symbolTab.active{background:color-mix(in srgb,var(--panel2) 88%,var(--accentSoft))!important;box-shadow:none!important}.symbolTab.active::after{left:0!important;right:0!important;bottom:0!important;height:2px!important;border-radius:0!important;background:var(--accent)!important}
.symbolTab .assetLogo,.symbolTab>.assetLogo{width:18px!important;height:18px!important;flex-basis:18px!important;box-shadow:none!important}.symbolTabMarket b,#symbolTabs #symlabel{font-size:11px!important;font-weight:720!important}.symbolTabMarket small{font-size:6.5px!important}.symbolTabPrice,#symbolTabs #price{font-size:10px!important;font-weight:650!important}.symbolTabChange,#symbolTabs #change{font-size:8px!important}.symbolTabClose{width:15px!important;height:20px!important;font-size:13px!important}
#addSymbolTab{width:34px!important;height:44px!important;border:0!important;border-right:1px solid var(--border)!important;border-radius:0!important;background:transparent!important}#addSymbolTab:hover{background:var(--panel2)!important}
#tools{height:44px;margin:0!important;padding-left:5px;border-left:1px solid var(--border)}#tools .btn{height:28px!important;margin:auto 2px!important;padding:0 8px!important;border-color:transparent!important;border-radius:4px!important;background:transparent!important;font-size:9px!important}#tools .btn:hover,#tools .btn.on{border-color:var(--border)!important;background:var(--panel2)!important}
.compactGlobalActions{height:44px;padding-left:4px;border-left:1px solid var(--border)}.compactMoreButton,.compactGlobalActions .accountTrigger{border-color:transparent!important;border-radius:4px!important;background:transparent!important}.compactMoreButton:hover,.compactMoreButton.on,.compactGlobalActions .accountTrigger:hover{border-color:var(--border)!important;background:var(--panel2)!important}
#drawToolbar{min-height:38px!important;flex:0 0 38px!important;margin:0!important;padding:3px 6px!important;gap:1px!important;border:0!important;border-bottom:1px solid var(--border)!important;border-radius:0!important;background:var(--panel)!important;box-shadow:none!important;backdrop-filter:none!important}
#drawToolbar button,#tfButton,.toolbarFeature{height:29px!important;border-radius:4px!important;font-size:9px!important}#drawFavorites{height:30px!important;margin:0!important;padding:1px 2px!important}#drawFavorites button{height:27px!important}#drawUtilityGroup{padding:0 0 0 4px!important;border:0!important;border-left:1px solid var(--border)!important;border-radius:0!important;background:transparent!important}#drawUtilityGroup .toolbarUtilityBtn{height:28px!important;border-radius:4px!important}#chartExperienceTools{padding-right:3px!important}
#tfMenu,#drawMoreMenu,#drawMagnetMenu,#chartViewMenu,.compactMoreMenu{border-radius:7px!important;background:rgba(12,14,17,.985)!important;backdrop-filter:blur(16px)!important}
#workspaceGrid{gap:1px!important;padding:0!important;background:#08090b!important;transition:margin-right .2s ease}.workspaceCell{border:0!important;border-radius:0!important;background:#08090b!important;box-shadow:none!important}.workspaceCell.active{box-shadow:inset 0 1px color-mix(in srgb,var(--accent) 32%,transparent)!important}#chartStage,#mainChart,.subpane2{background:#08090b!important}.subpane2{border-color:#20242b!important}
#chartOhlcv{left:7px!important;top:35px!important;min-height:22px!important;padding:3px 6px!important;gap:7px!important;border-color:rgba(48,53,62,.55)!important;border-radius:4px!important;background:rgba(8,9,11,.7)!important;box-shadow:none!important;backdrop-filter:blur(5px)!important}.indicatorChip{border-color:rgba(48,53,62,.58)!important;border-radius:4px!important;background:rgba(8,9,11,.72)!important;box-shadow:none!important}#status{right:10px!important;bottom:8px!important;padding:3px 6px!important;border:0!important;border-radius:3px!important;background:rgba(8,9,11,.65)!important;box-shadow:none!important}.workspacePanelBadge{border-radius:3px!important;background:rgba(8,9,11,.72)!important}
#terminalDock{position:absolute;z-index:205;top:var(--terminal-dock-top,83px);right:0;bottom:0;width:330px;display:flex;flex-direction:column;border-left:1px solid var(--border);background:var(--panel);box-shadow:-10px 0 24px rgba(0,0,0,.16);transition:transform .2s ease,opacity .16s ease}#terminalDock[hidden]{display:none!important}.terminalDockNav{height:37px;flex:0 0 37px;display:flex;align-items:stretch;border-bottom:1px solid var(--border);background:var(--panel2)}.terminalDockTab{position:relative;min-width:0;flex:1;padding:0 4px;border:0;border-right:1px solid color-mix(in srgb,var(--border) 72%,transparent);color:var(--muted);background:transparent;font-size:9px;font-weight:650;cursor:pointer}.terminalDockTab:hover{color:var(--text);background:var(--panel2)}.terminalDockTab.on{color:var(--text);background:var(--panel2)}.terminalDockTab.on::after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;background:var(--accent)}.terminalDockTab[hidden]{display:none}.terminalDockCollapse{width:34px;flex:0 0 34px;border:0;color:var(--muted2);background:transparent;font-size:15px;cursor:pointer}.terminalDockCollapse:hover{color:var(--text);background:var(--panel2)}.terminalDockBody{min-height:0;flex:1;overflow:hidden}
#terminalDock .terminalDockDrawer{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;display:none;padding:12px!important;overflow-y:auto!important;transform:none!important;visibility:hidden!important;pointer-events:none!important;border:0!important;border-radius:0!important;background:var(--panel)!important;box-shadow:none!important;backdrop-filter:none!important;transition:none!important}#terminalDock .terminalDockDrawer.open{display:block!important;visibility:visible!important;pointer-events:auto!important}#terminalDock .terminalDockDrawer>h3{position:sticky;z-index:2;top:-12px;margin:-12px -12px 10px!important;padding:11px 12px 9px!important;border-bottom:1px solid var(--border)!important;background:color-mix(in srgb,var(--panel) 96%,transparent);backdrop-filter:blur(10px)}#terminalDock .terminalDockDrawer>h3 .x{display:none!important}#terminalDock .metric,#terminalDock .scannerCard,#terminalDock .alertBuilder,#terminalDock .aiChartCard{border-radius:5px!important;box-shadow:none!important}#main.terminalDockOpen #workspaceGrid{margin-right:330px}
html[data-theme="dark"] .metric,html[data-theme="dark"] .ind,html[data-theme="dark"] .workspaceSection,html[data-theme="dark"] .appSettingsCard,html[data-theme="dark"] .alertBuilder,html[data-theme="dark"] .scannerCard,html[data-theme="dark"] .aiChartCard{border-color:var(--border)!important;background:var(--panel2)!important;box-shadow:none!important}html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#0a0c0f!important}html[data-theme="dark"] .accountAuthIntro{background:radial-gradient(circle at 18% 14%,rgba(118,149,245,.15),transparent 36%),linear-gradient(145deg,#111722,#0d1014)!important}html[data-theme="dark"] .accountModal,html[data-theme="dark"] .accountOnboarding{background:var(--panel)!important;box-shadow:0 34px 100px rgba(0,0,0,.72)!important}
@media(min-width:1700px){.symbolTab{min-width:146px!important;flex-basis:146px!important}#terminalDock{width:370px}#main.terminalDockOpen #workspaceGrid{margin-right:370px}}
@media(max-width:1099px){#main.terminalDockOpen #workspaceGrid{margin-right:0}#terminalDock{position:fixed;z-index:290;left:auto;right:0;top:auto;bottom:0;width:min(390px,100vw);height:min(78dvh,690px);border:1px solid var(--border2);border-right:0;border-bottom:0;border-radius:10px 0 0 0;box-shadow:-20px -10px 55px rgba(0,0,0,.48)}}
@media(max-width:900px){#topbar{min-height:88px!important;flex-basis:auto!important;padding:0 5px!important;align-content:stretch!important}#symbolTabsBar{height:44px!important;flex:1 1 calc(100% - 72px)!important}#tools{order:2;width:100%;height:43px;justify-content:flex-start;padding:4px 0;border-top:1px solid var(--border);border-left:0;overflow-x:auto}.compactGlobalActions{height:44px}.symbolTab{min-width:130px!important;flex-basis:130px!important;height:44px!important}#drawToolbar{min-height:94px!important;flex-basis:94px!important;padding:4px!important}#terminalDock{left:0;width:100%;height:min(76dvh,680px);border-left:0;border-radius:12px 12px 0 0}.terminalDockNav{height:42px;flex-basis:42px}.terminalDockTab{font-size:10px}#terminalDock .terminalDockDrawer{padding:14px max(14px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))!important}}
@media(max-width:600px){#appShell{height:100dvh!important;min-height:100dvh!important;flex-basis:100dvh!important}#main{height:100dvh!important;min-height:100dvh!important}.symbolTab{min-width:124px!important;flex-basis:124px!important;grid-template-columns:18px minmax(34px,1fr) minmax(49px,auto) 14px!important}#chartOhlcv{max-width:calc(100% - 58px)!important;overflow:hidden}}

/* Professional Terminal 4.0 — cool-neutral visual system and mobile-native shell. */
html[data-theme="dark"]{
  --bg:#080a0d;--panel:#0d1014;--panel2:#12161c;--elevated:#181d25;
  --border:#222832;--border2:#323b49;--text:#edf1f6;--muted:#7f8998;--muted2:#b5bdc9;
  --accent:#7695f5;--accent2:#a8baff;--accentSoft:rgba(118,149,245,.12)
}
html[data-theme="light"]{
  --bg:#f5f7fa;--panel:#ffffff;--panel2:#f0f3f7;--elevated:#e8edf4;
  --border:#d9dfe8;--border2:#c2cad6;--text:#202733;--muted:#788292;--muted2:#4e5969;
  --accent:#5875dc;--accent2:#405bc2;--accentSoft:rgba(88,117,220,.1)
}
html[data-theme="dark"] .accountAuthIntro{background:radial-gradient(circle at 18% 14%,rgba(118,149,245,.15),transparent 36%),linear-gradient(145deg,#111722,#0d1014)!important}
html[data-theme="light"] #chartOhlcv,html[data-theme="light"] #indicatorLegend .indicatorChip,html[data-theme="light"] #status,html[data-theme="light"] .workspacePanelBadge{color:var(--text)!important;border-color:rgba(194,202,214,.82)!important;background:rgba(255,255,255,.94)!important;box-shadow:none!important}
#workspaceGrid,.workspaceCell,#chartStage,#mainChart,.subpane2{background:var(--bg)!important}
#terminalDock,.terminalDockNav,#terminalDock .terminalDockDrawer{background:var(--panel)!important}
#tfMenu,#drawMoreMenu,#drawMagnetMenu,#chartViewMenu,.compactMoreMenu{background:color-mix(in srgb,var(--panel) 98%,transparent)!important}
.shareActions .primary{color:#fff!important;background:var(--accent)!important}

/* Readable controls: dense is useful, microscopic is not. */
#tools .btn,#drawToolbar button,#tfButton,.toolbarFeature,.terminalDockTab{font-size:11px!important}
.symbolTabMarket small{font-size:9px!important}.symbolTabChange,#symbolTabs #change{font-size:9px!important}
.terminalDockTab{min-height:38px}.drawer,.terminalDockDrawer{font-size:12px}
.accountModal,.accountOnboarding,.klyneFeedbackModal,.klyneBetaModal{font-size:13px!important}
.accountModal label,.accountModal input,.accountModal select,.accountModal button,.accountModal a,
.klyneFeedbackModal label,.klyneFeedbackModal select,.klyneFeedbackModal textarea,.klyneFeedbackModal button,
.klyneBetaModal button,.klyneBetaModal p,.klyneBetaModal li,.klyneBetaModal label{font-size:12px!important}
.klyneFeedbackMeta,.klyneFeedbackStatus,.klyneBetaNote{font-size:11px!important}
.klyneFeedbackModal>header small,.klyneBetaModal>header small,.klyneBetaSection>header small{font-size:10px!important}
.klyneBetaHero b,.klyneBetaSection>header b{font-size:12px!important}
.klyneBetaCheck b,.klyneBetaRelease{font-size:11px!important}

/* Browser settings expose web-safe controls; desktop migration tools stay in the desktop shell. */
.desktopOnlySettings{display:none!important}
html[data-klyne-platform="desktop"] .desktopOnlySettings{display:block!important}

/* Opportunity history is progressive instead of mounting hundreds of cards. */
.opportunityLoadMore{width:calc(100% - 4px);min-height:40px;margin:4px 2px 12px;border:1px solid var(--border);border-radius:8px;color:var(--muted2);background:var(--panel2);font-size:11px;font-weight:700;cursor:pointer}
.opportunityLoadMore:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 42%,var(--border));background:var(--accentSoft)}
.opportunityLoadMore[hidden]{display:none}

/* Install, beta and feedback remain available from the compact More menu, never over the chart. */
.workspaceUtilitiesConsolidated .klyneInstallButton,.workspaceUtilitiesConsolidated .klyneSupportDock{display:none!important}
.workspaceUtilityItem[hidden]{display:none!important}

#mobileWorkspaceNav{display:none}
@media(max-width:900px){
  html,body{height:100dvh!important;min-height:100dvh!important;overflow:hidden!important}
  #appShell{height:100dvh!important;min-height:100dvh!important;flex-basis:100dvh!important;overflow:hidden!important}
  #main{height:100dvh!important;min-height:100dvh!important;padding-bottom:calc(60px + env(safe-area-inset-bottom))!important;overflow:hidden!important}
  #topbar{min-height:46px!important;height:46px!important;flex:0 0 46px!important;flex-wrap:nowrap!important;padding:0 5px!important;align-content:normal!important}
  #symbolTabsBar{order:0!important;width:auto!important;height:45px!important;min-width:0!important;flex:1 1 auto!important}
  #symbolTabs{height:45px!important;overflow-x:auto!important;scrollbar-width:none}
  #symbolTabs::-webkit-scrollbar{display:none}
  .symbolTab{min-width:142px!important;flex-basis:142px!important;height:45px!important;grid-template-columns:20px minmax(38px,1fr) minmax(52px,auto) 18px!important}
  .symbolTabMarket b,#symbolTabs #symlabel{font-size:12px!important}.symbolTabPrice,#symbolTabs #price{font-size:11px!important}.symbolTabClose{width:28px!important;height:36px!important}
  #addSymbolTab{width:40px!important;height:45px!important;min-width:40px!important}
  #tools{display:none!important}
  .compactGlobalActions{order:0!important;height:45px!important;flex:0 0 auto!important;padding-left:2px!important}
  .compactGlobalActions .accountTrigger{display:none!important}.compactMoreButton{width:40px!important;height:40px!important;font-size:13px!important}
  .compactMoreMenu{position:fixed!important;top:50px!important;right:6px!important;width:min(220px,calc(100vw - 12px))!important;padding:7px!important}
  .compactMoreItem{min-height:44px!important;height:44px!important;grid-template-columns:30px minmax(0,1fr)!important;font-size:13px!important}
  #drawToolbar{min-height:42px!important;height:42px!important;flex:0 0 42px!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;padding:4px 5px!important;gap:3px!important;scrollbar-width:none}
  #drawToolbar::-webkit-scrollbar{display:none}
  #drawToolbar button,#tfButton{min-width:38px!important;height:34px!important;flex:0 0 auto!important;font-size:12px!important}
  #drawFavorites{height:34px!important;flex:0 0 auto!important}.drawMoreWrap{flex:0 0 auto!important}
  #drawUtilityGroup{display:none!important}
  #drawToolbar .toolbarFeature{display:none!important}#drawToolbar #btnInd{display:flex!important}
  #chartOhlcv{top:8px!important;left:6px!important;max-width:calc(100% - 92px)!important;font-size:10px!important}
  #indicatorLegend{top:40px!important}
  #status{bottom:7px!important}
  #terminalDock{left:0!important;right:0!important;bottom:calc(60px + env(safe-area-inset-bottom))!important;width:100%!important;height:min(72dvh,620px)!important;border:1px solid var(--border2)!important;border-bottom:0!important;border-radius:14px 14px 0 0!important}
  .terminalDockNav{height:46px!important;flex-basis:46px!important}.terminalDockTab{font-size:12px!important}.terminalDockCollapse{width:44px!important}
  #terminalDock .terminalDockDrawer{padding:15px max(15px,env(safe-area-inset-right)) 18px max(15px,env(safe-area-inset-left))!important}
  #mobileWorkspaceNav{position:absolute;z-index:330;left:0;right:0;bottom:0;height:calc(60px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0 max(4px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(4px,env(safe-area-inset-left));border-top:1px solid var(--border);background:color-mix(in srgb,var(--panel) 97%,transparent);box-shadow:0 -8px 28px rgba(0,0,0,.24);backdrop-filter:blur(18px)}
  #mobileWorkspaceNav button{min-width:0;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;color:var(--muted);background:transparent;font-size:11px;font-weight:650;cursor:pointer}
  #mobileWorkspaceNav button i{font-size:18px;font-style:normal;line-height:1}#mobileWorkspaceNav button.on{color:var(--accent2)}#mobileWorkspaceNav button.on i{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent) 55%,transparent))}#mobileWorkspaceNav button[hidden]{display:none}
  #mobileWorkspaceNav:has([data-mobile-nav="ai"][hidden]){grid-template-columns:repeat(4,minmax(0,1fr))}
  .drawer .x,#terminalDock .drawer .x{min-width:36px!important;min-height:36px!important;display:grid!important;place-items:center!important}
}
@media(max-width:900px) and (orientation:landscape){
  #main{padding-bottom:calc(46px + env(safe-area-inset-bottom))!important}
  #topbar{min-height:42px!important;height:42px!important;flex-basis:42px!important}.symbolTab,#addSymbolTab,#symbolTabsBar,#symbolTabs,.compactGlobalActions{height:41px!important}
  #drawToolbar{min-height:38px!important;height:38px!important;flex-basis:38px!important}#drawToolbar button,#tfButton{height:32px!important}
  .subpane2{height:78px!important}
  #mobileWorkspaceNav{height:calc(46px + env(safe-area-inset-bottom))}#mobileWorkspaceNav button{min-height:42px;flex-direction:row;gap:6px}#mobileWorkspaceNav button i{font-size:16px}
  #terminalDock{bottom:calc(46px + env(safe-area-inset-bottom))!important;height:min(78dvh,440px)!important}
}