[data-theme="dark"] .panel { background: var(--bg1); border: 1px solid var(--border2); }
[data-theme="dark"] .panel-head { background: var(--bg2); border-bottom: 1px solid var(--border2); }
[data-theme="dark"] .panel-head.collapsible:hover { background: var(--bg3); }
[data-theme="dark"] .btn { background: var(--bg2); }
[data-theme="dark"] .btn:hover { background: var(--bg3); }
[data-theme="dark"] .field input, [data-theme="dark"] .field select { background: var(--bg2); border: 1px solid var(--border2); color: var(--text); }
[data-theme="dark"] .field input:focus, [data-theme="dark"] .field select:focus { outline: none; border-color: var(--accent); }
[data-theme="dark"] .alert-summary { background: var(--bg1); border: 1px solid var(--border2); }
[data-theme="dark"] .alert-summary.has-alerts { background: var(--accent-dim); border: 1px solid var(--accent); }
[data-theme="dark"] .alert-summary.has-alerts::before, [data-theme="dark"] .alert-summary.clear::before { display: none; }
[data-theme="dark"] .alert-summary.clear { background: rgb(10, 26, 10); border: 1px solid rgb(26, 58, 26); }
[data-theme="dark"] .ticker-chip { background: var(--bg2); border: 1px solid var(--border2); }
[data-theme="dark"] .ticker-chip.alert { background: var(--accent-dim); border: 1px solid var(--accent); color: var(--accent); }
[data-theme="dark"] .spc { background: var(--ticker-chips-bg); }
[data-theme="dark"] .spc:hover { background: var(--bg3); transform: none; }
[data-theme="dark"] .check-item { background: var(--bg2); }
[data-theme="dark"] .check-item:hover, [data-theme="dark"] .check-item.checked { background: var(--bg3); }
[data-theme="dark"] .pill { background: var(--bg2); }
[data-theme="dark"] .pill.on { background: var(--bg3); }
[data-theme="dark"] thead th { background: var(--bg2); border-bottom: 1px solid var(--border2); }
[data-theme="dark"] tbody tr:hover td { background: rgba(var(--accent-rgb),0.045); }
[data-theme="dark"] tbody tr:hover td.DISABLED { background: var(--bg2); }
[data-theme="dark"] tbody td { border-bottom: 1px solid rgba(255, 255, 255, 0.06); }
[data-theme="dark"] .atcc-chart-panel { background: var(--atcc-chart-bg); }
[data-theme="dark"] .atcc-levels-panel { background: var(--atcc-top-panel-bg); border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
[data-theme="dark"] ::-webkit-scrollbar-track { background: var(--bg); }
[data-theme="dark"] ::-webkit-scrollbar-thumb { background: var(--border3); border-radius: 4px; }
[data-theme="dark"] :focus-visible { outline: 1px solid var(--accent); outline-offset: 0px; }
.btn:active, .period-tab:active, .sidebar-item:active, .check-item:active, button.spc:active { transform: scale(0.97); transition: transform 0.06s, background 0.1s, color 0.1s; }
tbody tr:hover { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; }
tbody tr:hover td:first-child { padding-left: 10px; }
:focus-visible { outline: 1px solid var(--accent); outline-offset: 1px; }
@keyframes chartFadeIn { 
  0% { opacity: 0; transform: translateY(6px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.chart-fade-in { animation: 0.22s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal both running chartFadeIn; }
.lp-pipe-strip { display: flex; align-items: center; justify-content: flex-end; flex-wrap: nowrap; gap: 3px; padding: 0 var(--atcc-pipeline-reserve) 0 0; border-bottom: 0px; margin: 0px; min-height: var(--atcc-logo-row-h); }
.lp-pipe-stage { display: inline-flex; align-items: center; justify-content: center; }
.lp-pipe-node-hit.is-clickable { cursor: pointer; }
.lp-tf-dropdown { display: none; position: absolute; bottom: 100%; left: 0px; z-index: 9999; flex-direction: row; align-items: center; gap: 2px; padding: 3px; white-space: nowrap; border: 1px solid var(--border); border-radius: 6px; background: color-mix(in srgb, var(--atcc-top-panel-bg) 88%, var(--bg) 12%); }
.lp-tf-option { min-width: 24px; height: 17px; display: inline-flex; align-items: center; justify-content: center; border-radius: 4px; font-family: var(--mono); font-size: 8px; font-weight: 700; line-height: 1; padding: 0 5px; cursor: pointer; color: var(--text3); background: transparent; letter-spacing: 0.02em; }
.lp-tf-option:hover { color: var(--text2); background: var(--bg2); }
.lp-tf-option.is-current { color: var(--accent); background: var(--accent-dim); }
#pipeline-tf-floating-menu { border-color: var(--border2); }
.lp-pipe-node-hit.lp-tf-confirm .hw-badge { overflow: hidden; }
.lp-pipe-node-hit.lp-tf-confirm .hw-badge::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(100deg, transparent 0%, rgba(255,255,255,0.42) 48%, transparent 100%); animation: pipelineTfConfirm 0.5s ease-out both; }
@keyframes pipelineTfConfirm { from { transform: translateX(-120%); opacity: 0; } 18% { opacity: 1; } to { transform: translateX(120%); opacity: 0; } }
.lp-pipe-reset { position: static; width: 18px; min-width: 18px; height: auto; min-height: unset; display: inline-flex; align-items: center; justify-content: center; align-self: auto; margin: 0px; padding: 5px 9px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: var(--radius); background: transparent; color: var(--text3); cursor: pointer; font-size: 16px; line-height: 1; transition: color 0.12s, border-color 0.12s; }
.lp-pipe-reset:hover { border-color: var(--bear); color: var(--bear); }
.lp-pipe-reset-mark { font-family: var(--mono); font-size: 13px; font-weight: 400; color: currentcolor; padding: 2px 5px; opacity: 0.55; transition: opacity 0.12s; }
.lp-pipe-reset:hover .lp-pipe-reset-mark { opacity: 1; }
[id^="live-price-"] { font-size: 12px; color: var(--text); }
[id^="live-pct-"] { font-size: 10px; }
.lp-collapsible-hdr { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; padding-left: 0px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 0px; color: var(--text3); cursor: pointer; font-family: var(--mono); font-size: 8px; font-weight: 700; letter-spacing: 0.14em; }
.lp-collapsible-hdr:hover, .lp-collapsible-hdr.lp-open { color: var(--text); }
.lp-chevron { transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1); display: inline-block; color: var(--text3); font-size: 8px; opacity: 0.5; }
[data-res-badge] { border-radius: 6px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.atcc-levels-panel .lp-empty { font-style: italic; }
.lp-empty { font-family: var(--mono); font-size: 9px; color: var(--text3); opacity: 0.6; }
.lp-list-row, ._lvl-hover-row, .lp-recent-row { display: flex; align-items: center; gap: 4px; margin-bottom: 1px; padding: 5px 4px; cursor: default; }
.lp-list-price { font-family: var(--mono); font-size: 10px; color: var(--text); flex: 1 1 0%; }
.lp-list-price.is-expanded { font-size: 12px; font-weight: 400; }
.lp-list-distance { font-family: var(--mono); font-size: 10px; color: var(--text3); flex-shrink: 0; }
.lp-list-distance.is-compact { font-size: 9px; }
.lp-list-distance.is-muted { color: var(--text); opacity: 0.6; }
.lp-list-distance.is-strong { font-weight: 600; }
.lp-list-distance.is-near { color: var(--accent); }
.lp-list-price.is-empty { color: var(--text3); }
.tl-list-row { margin-bottom: 3px; padding: 2px 3px; }
.lp-recent-row { gap: 6px; margin-bottom: 4px; padding: 0px; }
.lp-recent-time { font-family: var(--mono); font-size: 9px; color: var(--text3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hw-badge { font-family: var(--mono); font-size: 8px; font-weight: 800; letter-spacing: 0.1em; padding: 2px 5px; border-radius: 5px; color: rgb(255, 255, 255); text-transform: uppercase; position: relative; display: inline-flex; align-items: center; flex-shrink: 0; line-height: 1; border: 1px solid color-mix(in srgb, currentcolor 20%, transparent); }
.hw-badge.hw-sw { background: linear-gradient(180deg, color-mix(in srgb, var(--alert-sw)  88%, white) 0%, color-mix(in srgb, var(--alert-sw)  86%, black) 100%); }
.hw-badge.hw-tr { background: linear-gradient(180deg, color-mix(in srgb, var(--alert-tr)  88%, white) 0%, color-mix(in srgb, var(--alert-tr)  86%, black) 100%); }
.hw-badge.hw-br { background: linear-gradient(180deg, color-mix(in srgb, var(--alert-br)  88%, white) 0%, color-mix(in srgb, var(--alert-br)  86%, black) 100%); }
.hw-badge.hw-en { background: linear-gradient(180deg, color-mix(in srgb, var(--alert-en)  88%, white) 0%, color-mix(in srgb, var(--alert-en)  86%, black) 100%); }
.hw-badge.hw-liq { background: linear-gradient(180deg, color-mix(in srgb, var(--alert-liq) 88%, white) 0%, color-mix(in srgb, var(--alert-liq) 86%, black) 100%); }
.hw-badge.hw-lvl { background: linear-gradient(180deg, color-mix(in srgb, var(--alert-lvl) 88%, white) 0%, color-mix(in srgb, var(--alert-lvl) 86%, black) 100%); }
.hw-badge.hw-cloud { background: linear-gradient(180deg, color-mix(in srgb, var(--scanner-cloud) 88%, white) 0%, color-mix(in srgb, var(--scanner-cloud) 86%, black) 100%); }
.hw-badge.hw-os5 { background: linear-gradient(180deg, color-mix(in srgb, var(--scanner-os5) 88%, white) 0%, color-mix(in srgb, var(--scanner-os5) 86%, black) 100%); }
.hw-badge.hw-sm { font-size: 7px; padding: 1px 4px; border-radius: 4px; letter-spacing: 0.08em; }
.hw-badge.hw-dim { background: var(--hwbadge-off); color: rgba(255, 255, 255, 0.7); }
[data-theme="dark"] .hw-badge.hw-dim { background: var(--hwbadge-off); color: rgba(255, 255, 255, 0.25); }
.alert-card-tide { position: relative; border: 2px solid color-mix(in srgb, var(--alert-card-color, var(--accent)) 48%, var(--border2) 52%); border-radius: 0px; background: color-mix(in srgb, var(--bg1) 64%, transparent); backdrop-filter: blur(14px) saturate(1.18); -webkit-backdrop-filter: blur(14px) saturate(1.18); box-shadow: none; }
.alert-card-tide::before, .alert-card-tide::after { display: none; content: none; }
.alert-card-tide > :not(.alert-tide-overlay) { position: relative; z-index: 3; }
.alert-card-tide.alert-card-large, .alert-card-tide.alert-card-compact { overflow: hidden; display: flex; align-items: center; background: color-mix(in srgb, var(--bg1) 64%, transparent); border-color: color-mix(in srgb, var(--alert-card-color, var(--accent)) 48%, var(--border2) 52%); }
.alert-card-tide.alert-card-large { gap: 10px; padding: 10px 10px 10px 12px; }
.alert-card-tide.alert-card-compact { gap: 8px; padding: 4px 8px; }
.alert-card-tide.alert-card-clickable { cursor: pointer; }
.alert-card-logo { flex-shrink: 0; position: relative; z-index: 3; }
.alert-card-main { flex: 1 1 0%; min-width: 0px; position: relative; z-index: 3; }
.alert-card-title { font-family: var(--mono); font-size: 13px; font-weight: 800; color: var(--alert-card-color, var(--text)); line-height: 1.2; }
.alert-card-title-compact { font-family: var(--mono); font-size: 10px; font-weight: 800; color: var(--alert-card-color, var(--text)); white-space: nowrap; }
.alert-card-title-row { display: flex; align-items: center; gap: 7px; min-width: 0; }
.alert-card-meta { margin-top: 3px; font-family: var(--pixel); font-size: 7px; font-weight: 400; color: var(--text2); letter-spacing: 0px; line-height: 1.35; text-transform: uppercase; }
.alert-card-meta-compact { flex: 1 1 0%; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: var(--pixel); font-size: 7px; font-weight: 400; color: var(--text2); letter-spacing: 0px; line-height: 1.35; text-transform: uppercase; }
.alert-card-fallback-logo { width: 18px; height: 18px; border-radius: 0px; background: color-mix(in srgb, var(--alert-card-color, var(--accent)) 18%, transparent); border: 1px solid color-mix(in srgb, var(--alert-card-color, var(--accent)) 40%, transparent); display: flex; align-items: center; justify-content: center; font-family: var(--mono); font-size: 8px; font-weight: 700; color: var(--alert-card-color, var(--accent)); }
.alert-card-tide button { flex-shrink: 0; transform: none; }
.alert-card-tide button:hover { transform: none; }
* { box-sizing: border-box; }
[data-theme="dark"] .header { background: color-mix(in srgb, var(--header-bg) 72%, transparent); backdrop-filter: blur(12px) saturate(1.35); }
#view-scanner { max-width: 1680px; min-width: var(--app-min-width); }
.scanner-market-header { position: relative; padding: 0px 0px 16px; margin-bottom: 20px; background: transparent; border-top-width: medium; border-right-width: medium; border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: initial; border-bottom: 1px solid var(--border); border-radius: 0px; backdrop-filter: none; }
.scanner-market-header::before { display: none; }
[id^="rsiTfBtn"], [id^="card-tf-"], [id^="collapsed-tf-"] { border-radius: 7px; }
.section-title, .sidebar-nav-label, .scanner-section-title, .data-section-title { letter-spacing: 0.15em; }
#debug-levels-wrap, #alert-log-wrap, #liq-min-wrap { background: var(--polish-panel); border: 1px solid var(--polish-hairline); border-radius: var(--radius-lg); padding: 14px 16px 16px; overflow: hidden; }
#debug-levels-wrap { margin-top: 54px; }
#debug-levels-body-wrap, #alert-log-body-wrap, #liq-min-body-wrap { border-top: 1px solid var(--polish-hairline); margin-top: 10px; padding-top: 4px; }
thead tr th { background: color-mix(in srgb, var(--bg2) 80%, transparent); }
tbody tr { transition: background 0.12s; }
.ticker-dropdown, #vol-panel, #sync-tooltip, #suggested-tt, .modal-overlay > div { border-radius: var(--radius-lg); border-color: var(--polish-hairline); }
@media (max-width: 1180px) {  #atcc-grid { grid-template-columns: 1fr; }
  #view-scanner { padding-left: 24px; padding-right: 24px; }
}
#_cz_tooltip { position: fixed; z-index: 999999; pointer-events: none; font-family: var(--mono); font-size: 10px; font-weight: 400; letter-spacing: 0.04em; color: var(--text3); background: var(--bg1); border: 1px solid var(--border); padding: 4px 8px; white-space: nowrap; opacity: 0; transition: opacity 0.12s; }
#_cz_tooltip.visible { opacity: 1; }
.panel-head, .sidebar-item, .sidebar-item.active, .sidebar-item:hover, .lp-collapsible-hdr, .lp-collapsible-hdr.lp-open, .lp-collapsible-hdr:hover, .sortable-ghost, tbody tr:hover, [data-res-badge] { border-left-width: medium; border-left-style: none; border-left-color: currentcolor; }
[data-ta-sym] .panel-head { border-radius: var(--radius-lg) var(--radius-lg) 0 0; }
#vol-panel, #sync-tooltip, #suggested-tt { border-radius: var(--radius-lg); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
#bubbleHoverTip { border-radius: var(--radius); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.sidebar::after { content: ""; position: fixed; top: var(--header-h); left: calc(var(--sidebar-w) - 1px); width: 1px; height: calc(100vh - var(--header-h)); background: linear-gradient(rgba(50, 48, 45, 0.4) 0%, rgba(248, 248, 246, 0) 100%); pointer-events: none; z-index: 151; }
[data-theme="dark"] .sidebar::after { background: linear-gradient(rgb(51, 51, 51) 0%, rgba(10, 10, 10, 0) 100%); }
.sidebar.collapsed::after { left: 39px; }
[id^="card-tf-bar-"] > button, #card-tf-bar > button, [id^="collapsed-tf-bar-"] > button { transition: transform 0.12s cubic-bezier(0.22, 1, 0.36, 1); }
[id^="card-tf-bar-"] > button:hover, #card-tf-bar > button:hover, [id^="collapsed-tf-bar-"] > button:hover { transform: scale(0.9); }
[id^="rsiTfBtn"] { border-radius: var(--radius); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; transition: transform 0.12s cubic-bezier(0.22, 1, 0.36, 1); }
[id^="rsiTfBtn"]:hover { transform: scale(0.9); }
[id^="sw-tf-label-"], [id^="br-tf-label-"], [id^="en-tf-label-"] { border-radius: var(--radius); }
.lp-pipe-reset-wrap { display: inline-flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 4px; margin-left: 1px; flex: 0 0 auto; }
[id^="live-dot-"] { border-radius: 50%; }
thead tr th:first-child { border-radius: var(--radius) 0 0 0; }
thead tr th:last-child { border-radius: 0 var(--radius) 0 0; }
.ta-expand-btn, .tl-draw-btn { border-radius: var(--radius); }
.ta-expand-btn.sma-off { color: rgba(255, 255, 255, 0.35); border-color: rgba(100, 120, 170, 0.08); }
[id^="card-tf-bar-"], #card-tf-bar { border-radius: var(--radius-pill); }
[id^="card-tf-"] { border-radius: var(--radius); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
[id^="collapsed-tf-bar-"] { border-radius: var(--radius-pill); }
[id^="collapsed-tf-"] { border-radius: var(--radius); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
#rsiTfBar { position: absolute; left: 0px; right: 0px; bottom: 56px; z-index: 11; display: flex; justify-content: center; gap: 4px; padding: 3px 6px; border-radius: var(--radius-pill); background: transparent; pointer-events: auto; }
.rsi-tf-btn, .chart-tf-btn { font-family: var(--mono); font-size: 8px; font-weight: 600; letter-spacing: 0.06em; padding: 3px 8px; border: 1px solid transparent; background: transparent; color: color-mix(in srgb, var(--text3) 44%, transparent); cursor: pointer; backdrop-filter: none; }
.chart-tf-btn { background: var(--atcc-top-panel-bg); }
.chart-tf-btn-compact { font-size: 7px; padding: 2px 6px; }
.rsi-tf-btn.active, .chart-tf-btn.active { border-color: transparent; background: color-mix(in srgb, var(--text3) 44%, transparent); color: var(--atcc-top-panel-bg); }
#feed-status-pill { display: inline-flex; align-items: center; gap: 5px; font-family: var(--mono); font-size: 9px; font-weight: 700; letter-spacing: 0.1em; padding: 3px 7px; border: 1px solid; border-radius: var(--radius); cursor: default; transition: color 0.4s, border-color 0.4s; color: var(--text3); flex-shrink: 0; position: relative; }
#feed-status-dot { width: 5px; height: 5px; border-radius: 50%; background: currentcolor; flex-shrink: 0; }
.body-tooltip { position: fixed; z-index: 999999; pointer-events: none; opacity: 0; transition: opacity 0.12s; background: var(--bg1); border: 1px solid var(--border2); color: var(--text2); font-family: var(--mono); font-size: 10px; font-weight: 500; letter-spacing: 0.04em; line-height: 1.5; padding: 5px 8px; max-width: 260px; white-space: normal; text-align: center; }
.td-input { font-family: var(--mono); font-size: 11px; background: var(--bg2); border: 1px solid var(--border2); color: var(--text); }
.td-tp-price-input { flex: 1 1 0%; min-width: 0px; padding: 5px 7px; }
.td-tp-pct-input { width: 44px; padding: 5px 4px; text-align: center; }
.td-tp-percent-label { font-size: 11px; color: var(--text3); padding: 5px 0px; }
.td-position-edit-input { font-family: var(--mono); font-size: 11px; background: var(--bg2); border: 1px solid var(--border2); color: var(--text); padding: 2px 6px; width: 80px; }
.td-row-remove { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: var(--text3); cursor: pointer; font-size: 14px; padding: 0px 4px; }
.td-drawer-head { padding: 10px 14px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--border2); flex-shrink: 0; }
.td-drawer-head.is-position { padding: 12px 14px; }
.td-drawer-title { color: var(--text); font-size: 11px; font-weight: 700; }
.td-drawer-close { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: var(--text3); cursor: pointer; font-size: 16px; padding: 0px 4px; }
.td-drawer-loading { flex: 1 1 0%; display: flex; align-items: center; justify-content: center; color: var(--text3); font-size: 11px; }
.td-drawer-body { flex: 1 1 0%; overflow-y: auto; padding: 10px 14px; display: flex; flex-direction: column; gap: 10px; opacity: 0; transition: opacity 0.18s; }
.td-section-label { margin-bottom: 5px; color: var(--text3); font-size: 9px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; }
.td-button-row { display: flex; gap: 4px; }
#wywa-card-wrap { position: relative; width: 100%; max-width: none; flex-shrink: 0; padding: 0px; box-sizing: border-box; margin: 0px; z-index: 12; }
#wywa-card-wrap.alert-card-tide, #wywa-card-wrap.alert-card-tide:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: transparent; }
@keyframes wywaCardDismiss { 
  0% { opacity: 1; transform: translateX(0px) scale(1); }
  100% { opacity: 0; transform: translateX(-110%) scale(0.98); }
}
#wywa-card-wrap.slide-out { animation: 0.22s cubic-bezier(0.4, 0, 1, 1) 0s 1 normal forwards running wywaCardDismiss; overflow: hidden; }
#wywa-card { --wywa-card-color: var(--accent); position: relative; border-radius: 0px; border: 2px solid color-mix(in srgb, var(--wywa-card-color) 48%, var(--border2) 52%); background: color-mix(in srgb, var(--bg1) 64%, transparent); backdrop-filter: blur(14px) saturate(1.18); -webkit-backdrop-filter: blur(14px) saturate(1.18); overflow: hidden; outline: none; box-shadow: none; }
.wywa-card-head { display: flex; align-items: center; justify-content: space-between; padding: 6px 10px; background: transparent; border-bottom: 1px solid color-mix(in srgb, var(--wywa-card-color) 18%, var(--border) 82%); }
.wywa-card-title { font-family: var(--mono); font-size: 11px; font-weight: 700; color: var(--wywa-card-color); letter-spacing: 0.06em; }
.wywa-card-time { margin-top: 3px; font-family: var(--mono); font-size: 9px; color: var(--text3); letter-spacing: 0.04em; }
.wywa-card-body { padding: 8px 10px; }
.wywa-row { display: flex; align-items: flex-start; gap: 8px; padding: 6px 0px; border-bottom: 1px solid color-mix(in srgb, var(--border) 82%, var(--wywa-card-color) 18%); }
.wywa-row-meta { flex: 1 1 0%; min-width: 0px; display: flex; align-items: center; gap: 7px; line-height: 1; }
.wywa-row-ticker { font-family: var(--mono); font-size: 11px; font-weight: 800; color: var(--text); line-height: 1.3; }
.wywa-signal-line { display: flex; align-items: center; gap: 5px; margin-top: 2px; }
.wywa-signal-price, .wywa-signal-time, .wywa-signal-note, .wywa-empty-text { font-family: var(--mono); }
.wywa-signal-price { font-size: 10px; color: var(--text2); }
.wywa-signal-time { font-size: 10px; color: var(--text3); }
.wywa-signal-note { font-size: 9px; color: var(--text3); opacity: 0.7; }
.wywa-empty-row { display: flex; align-items: center; gap: 8px; padding: 4px 0px; }
.wywa-empty-text { font-size: 9px; color: var(--text3); }
.alert-card-tide button { border-radius: 0px; }
.lp-pipe-strip button { border-radius: var(--radius); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; position: relative; }
#sidebarPipelineList button { border-radius: var(--radius); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
#sidebarPipelineList > div { border-radius: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; position: relative; overflow: visible; }
#sidebarPipelineList > div::before { display: none; }
[data-theme="dark"] #sidebarPipelineList > div::before { display: none; }
.pipeline-step-badge-wrap { display: inline-flex; flex-shrink: 0; transition: opacity 0.15s; }
.sidebar-setup-row { display: flex; align-items: center; gap: 6px; }
.sidebar-setup-ticker { font-family: var(--mono); font-size: 10px; font-weight: 700; color: var(--text); min-width: 40px; }
.sidebar-setup-steps { display: flex; gap: 2px; }
.setup-intel-empty { padding: 14px 18px; font-family: var(--mono); font-size: 10px; color: var(--text3); opacity: 0.5; letter-spacing: 0.06em; }
.setup-intel-row { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 8px 12px; padding: 10px 16px; background: var(--atcc-top-panel-bg); border: 1px solid var(--border2); }
.setup-intel-row + .setup-intel-row { margin-top: 4px; }
.setup-intel-ticker { font-family: var(--mono); font-size: 12px; font-weight: 800; color: var(--text); letter-spacing: 0px; min-width: 44px; flex-shrink: 0; }
.setup-intel-steps { display: flex; gap: 4px; flex-shrink: 0; }
.setup-intel-sep { width: 1px; background: var(--border); align-self: stretch; flex-shrink: 0; margin: 0px 4px; }
.setup-intel-summary { font-family: var(--sans); font-size: 11px; color: var(--text2); line-height: 1.5; flex: 1 1 0%; min-width: 180px; }
.setup-intel-current { flex-shrink: 0; margin-right: 6px; display: inline-flex; }
@keyframes priceFlashUp { 
  0% { color: var(--bull); }
  60% { color: var(--bull); }
  100% { color: var(--text); }
}
@keyframes priceFlashDown { 
  0% { color: var(--bear); }
  60% { color: var(--bear); }
  100% { color: var(--text); }
}
[id^="live-price-"].price-up { animation: 0.55s ease-out 0s 1 normal both running priceFlashUp; }
[id^="live-price-"].price-down { animation: 0.55s ease-out 0s 1 normal both running priceFlashDown; }
@keyframes viewFadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.view-entering { animation: 0.16s ease 0s 1 normal both running viewFadeIn; }
.sidebar-item:active { transform: none; }
@keyframes scanlineScroll { 
  0% { background-position: 0px 0px; }
  100% { background-position: 0px 4px; }
}
[data-theme="dark"] .atcc-chart-panel::after { content: ""; position: absolute; inset: 0px; pointer-events: none; z-index: 5; background: repeating-linear-gradient(transparent 0px, transparent 3px, rgba(0, 0, 0, 0.043) 3px, rgba(0, 0, 0, 0.043) 4px) 0% 0% / 100% 4px; animation: 0.18s steps(1) 0s infinite normal none running scanlineScroll; mix-blend-mode: multiply; }
.header:hover, .sidebar:hover, .sidebar-toggle:hover, .panel:hover, .stat-card:hover, .ticker-chip:hover, .check-item:hover, .ticker-dropdown:hover, .btn:hover, .spc:hover, button.spc:hover, .field input:hover, .field select:hover, [data-ta-sym]:hover, [id^="atcc-"][data-ta-sym]:hover { transform: none; }
[data-ta-sym]:focus, [id^="atcc-"][data-ta-sym]:focus { outline: 1px solid var(--accent); outline-offset: 0px; }
button:focus, .btn:focus, .spc:focus, button.spc:focus, .ta-expand-btn:focus, .tl-draw-btn:focus { outline: none; }
button:focus-visible, .btn:focus-visible, .spc:focus-visible, button.spc:focus-visible, .ta-expand-btn:focus-visible, .tl-draw-btn:focus-visible { outline: 1px solid var(--accent); outline-offset: 1px; }
.atcc-card-shell { padding: 0px; position: relative; overflow: clip; display: flex; flex-direction: column; background: var(--bg1); }
.atcc-inner-grid.lp-stacked { display: grid; grid-template-columns: 1fr; grid-template-rows: var(--atcc-top-panel-h) minmax(0, 1fr); flex: 1 1 0%; min-height: 380px; min-width: 0px; background: var(--atcc-card-surface); }
.atcc-inner-grid.lp-stacked .atcc-levels-panel { position: relative; height: var(--atcc-top-panel-h); min-height: var(--atcc-top-panel-h); max-height: var(--atcc-top-panel-h); padding: var(--atcc-panel-pad-y) var(--atcc-panel-pad-x) 0; background: var(--atcc-top-panel-bg); border-right: 0px; border-bottom: 0px; display: flex; flex-direction: column; gap: 0px; overflow: visible; box-sizing: border-box; }
.atcc-inner-grid.lp-stacked .atcc-levels-panel::before, .atcc-inner-grid.lp-stacked .atcc-levels-panel::after, .atcc-inner-grid.lp-stacked .lp-detail-grid::before { display: none; content: none; background: none; filter: none; }
.atcc-inner-grid.lp-stacked .lp-col { display: grid; grid-template-columns: minmax(230px, max-content) 1fr auto; grid-template-rows: var(--atcc-logo-row-h) minmax(0, 1fr); align-items: center; gap: 0px 12px; flex: 1 1 0%; height: 100%; min-height: 0px; overflow: visible; width: 100%; position: relative; z-index: 1; }
.atcc-inner-grid.lp-stacked .lp-struct-rail,
.atcc-inner-grid.lp-stacked .lp-col {
  position: relative;
  z-index: 1;
}
.atcc-inner-grid.lp-stacked .lp-logo-row { display: flex; grid-area: 1 / 1; min-height: var(--atcc-logo-row-h); align-items: center; margin-bottom: 0px; gap: 7px; margin-right: auto; }
.lp-logo-trigger { cursor: pointer; position: relative; overflow: visible; isolation: isolate; }
.atcc-inner-grid.lp-stacked .lp-logo-pixel-layer {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0;
  overflow: hidden;
  transform: none;
  transform-origin: center;
  mix-blend-mode: multiply;
  filter: saturate(1.35) contrast(1.12);
  transition: opacity 0.18s ease;
}
.atcc-inner-grid.lp-stacked .lp-logo-pixel-layer[data-pixel-ready="1"] {
  opacity: 0.52;
}
.atcc-inner-grid.lp-stacked .lp-logo-pixel-canvas {
  width: 100% !important;
  height: 100% !important;
  min-width: 100%;
  border-radius: 0;
  image-rendering: crisp-edges;
  image-rendering: pixelated;
}
.atcc-inner-grid.lp-stacked .lp-logo-pixi-canvas {
  display: block;
}
.atcc-inner-grid.lp-stacked .lp-logo-trigger > img,
.atcc-inner-grid.lp-stacked .lp-logo-trigger > .wl-logo-fallback,
.atcc-inner-grid.lp-stacked .lp-logo-trigger > .atcc-card-logo-fallback {
  position: relative;
  z-index: 2;
}
[data-theme="dark"] .atcc-inner-grid.lp-stacked .lp-logo-pixel-layer {
  opacity: 0;
  mix-blend-mode: screen;
  filter: saturate(1.45) contrast(1.08);
}
[data-theme="dark"] .atcc-inner-grid.lp-stacked .lp-logo-pixel-layer[data-pixel-ready="1"] {
  opacity: 0.42;
}
.atcc-inner-grid.lp-stacked .lp-logo-meta { display: flex; align-items: baseline; gap: 6px; flex-wrap: nowrap; min-width: 0px; flex: 1 1 0%; line-height: 1; overflow: hidden; }
.atcc-inner-grid.lp-stacked .lp-logo-meta > div { margin-top: 0px; line-height: 1.1; white-space: nowrap; }
.lp-ticker-name { display: inline-flex; align-items: center; min-height: 14px; font-family: var(--pixel); font-size: 9px; font-weight: 400; letter-spacing: 0px; line-height: 1.2; }
.lp-live-price, .lp-live-pct { font-family: var(--mono); letter-spacing: 0px; }
.lp-live-price, .lp-live-pct { font-weight: 800; }
.atcc-inner-grid.lp-stacked .lp-logo-meta > div:first-child { font-size: 9px; line-height: 1.2; letter-spacing: 0px; }
.atcc-inner-grid.lp-stacked .lp-live-price, .atcc-inner-grid.lp-stacked .lp-live-pct { font-size: 10px; line-height: 1; letter-spacing: 0px; }
.lp-ticker-name { color: var(--text); }
.lp-live-price { display: inline-flex; align-items: center; gap: 0px; height: 14px; color: var(--text); transform: translateZ(0px); }
.lp-live-price .atcc-price-char { position: relative; display: inline-grid; place-items: center; min-width: 5.75px; height: 12px; line-height: 1; overflow: hidden; color: var(--text); }
.lp-live-price .atcc-price-char.is-symbol, .lp-live-price .atcc-price-char.is-sep { min-width: auto; overflow: visible; opacity: 0.9; }
.lp-live-price .atcc-price-char .old, .lp-live-price .atcc-price-char .new { grid-area: 1 / 1; }
.lp-live-price .atcc-price-char.flip-up .old { animation: 180ms ease-in 0s 1 normal forwards running atccPriceFlipOldUp; }
.lp-live-price .atcc-price-char.flip-up .new { animation: 180ms ease-out 0s 1 normal forwards running atccPriceFlipNewUp; }
.lp-live-price .atcc-price-char.flip-down .old { animation: 180ms ease-in 0s 1 normal forwards running atccPriceFlipOldDown; }
.lp-live-price .atcc-price-char.flip-down .new { animation: 180ms ease-out 0s 1 normal forwards running atccPriceFlipNewDown; }
.lp-live-pct { color: var(--text3); margin-top: 1px; padding: 0px; border-radius: 0px; }
.lp-live-pct.is-up { color: var(--bull); background: transparent; }
.lp-live-pct.is-down { color: var(--bear); background: transparent; }
.lp-live-pct.is-flat { color: var(--text3); background: transparent; }
@keyframes atccPriceFlipOldUp { 
  0% { transform: translateY(0px); opacity: 1; }
  100% { transform: translateY(-10px); opacity: 0; }
}
@keyframes atccPriceFlipNewUp { 
  0% { transform: translateY(10px); opacity: 0; }
  100% { transform: translateY(0px); opacity: 1; }
}
@keyframes atccPriceFlipOldDown { 
  0% { transform: translateY(0px); opacity: 1; }
  100% { transform: translateY(10px); opacity: 0; }
}
@keyframes atccPriceFlipNewDown { 
  0% { transform: translateY(-10px); opacity: 0; }
  100% { transform: translateY(0px); opacity: 1; }
}
.atcc-inner-grid.lp-stacked .lp-detail-grid { display: grid; grid-area: 2 / 1 / auto / 4; grid-template-columns: minmax(94px, 104px) repeat(4, minmax(0px, 1fr)); transition: grid-template-columns 0.24s cubic-bezier(0.22, 1, 0.36, 1); grid-template-rows: 1fr; gap: 0 var(--atcc-detail-gap); align-self: stretch; align-items: center; align-content: center; width: 100%; height: 100%; min-height: 0px; margin-top: 0px; padding-top: 0px; padding-bottom: 1px; border-top: 0px; position: relative; }
[data-ta-expanded] .atcc-inner-grid.lp-stacked .lp-detail-grid { grid-template-columns: minmax(94px, 104px) repeat(4, minmax(0px, 1fr)); gap: 0 12px; }
.atcc-inner-grid.lp-stacked .lp-detail-grid.is-map-live, [data-ta-expanded] .atcc-inner-grid.lp-stacked .lp-detail-grid.is-map-live { grid-template-columns: minmax(190px, 190px) repeat(4, minmax(0px, 1fr)); }
.atcc-inner-grid.lp-stacked .lp-detail-grid .tl-section, .atcc-inner-grid.lp-stacked .lp-detail-grid .lp-levels-section, .atcc-inner-grid.lp-stacked .lp-detail-grid .lp-ob-section, .atcc-inner-grid.lp-stacked .lp-detail-grid .lp-recent-section { min-width: 0px; min-height: 0px; margin-top: 0px; background: transparent; }
.lp-object-actions { display: flex; grid-column: 1; align-items: center; justify-content: flex-start; gap: 4px; min-width: 0px; padding-right: 18px; box-sizing: border-box; overflow: visible; }
.lp-object-action { height: 18px; min-height: 18px; padding: 0 6px; border-radius: 4px; border: 1px solid color-mix(in srgb, var(--border2) 30%, transparent 70%); background: linear-gradient(180deg, color-mix(in srgb, var(--atcc-top-panel-bg) 96%, white 4%) 0%, color-mix(in srgb, var(--atcc-top-panel-bg) 94%, black 6%) 100%), var(--atcc-top-panel-bg); color: var(--text3); font-family: var(--mono); font-size: 7px; font-weight: 800; line-height: 1; letter-spacing: 0.06em; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.lp-object-action:hover { color: var(--text2); background: var(--soft-control-hover); border-color: color-mix(in srgb, var(--border2) 42%, transparent); }
.lp-object-action.is-active { color: var(--accent); border-color: color-mix(in srgb, var(--accent) 34%, transparent); background: color-mix(in srgb, var(--accent) 9%, var(--atcc-top-panel-bg)); }
.lp-map-action { position: relative; overflow: hidden; }
.lp-map-action.is-map-live { color: var(--accent); border-color: color-mix(in srgb, var(--accent) 34%, transparent); background: color-mix(in srgb, var(--accent) 10%, var(--atcc-top-panel-bg)); }
.lp-map-action.is-map-idle { color: color-mix(in srgb, var(--text3) 78%, var(--accent) 22%); }
.lp-map-action.is-map-idle::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(100deg, transparent 0%, rgba(255,255,255,0.42) 48%, transparent 100%); transform: translateX(-120%); opacity: 0.55; animation: pipelineTfConfirm 2.4s ease-in-out infinite; }
.atcc-inner-grid.lp-stacked .lp-detail-grid .tl-section { grid-column: 2; }
.atcc-inner-grid.lp-stacked .lp-detail-grid .lp-levels-section { grid-column: 3; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; padding-bottom: 0px; margin-bottom: 0px; }
.atcc-inner-grid.lp-stacked .lp-detail-grid .lp-ob-section { grid-column: 4; }
.atcc-inner-grid.lp-stacked .lp-detail-grid .lp-recent-section { grid-column: 5; }
.atcc-inner-grid.lp-stacked .lp-detail-grid .tl-section > div { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; margin-bottom: 0px; padding-bottom: 0px; }
.lp-detail-grid .lp-collapsible-body { display: none; height: 0px; max-height: 0px; margin: 0px; padding: 0px; overflow: hidden; }
.atcc-inner-grid.lp-stacked .lp-detail-grid .lp-collapsible-body { display: none; height: 0px; max-height: 0px; margin: 0px; padding: 0px; }
.atcc-inner-grid.lp-stacked .lp-detail-grid .lp-collapsible-hdr { margin-bottom: 0px; min-height: 16px; line-height: 1; align-items: center; opacity: 1; transition: background-color 150ms; }
.atcc-inner-grid.lp-stacked .lp-detail-grid .lp-collapsible-hdr:hover, .atcc-inner-grid.lp-stacked .lp-detail-grid .lp-collapsible-hdr:focus-visible { opacity: 1; }
.lp-detail-grid .lp-chevron { display: none; }
[data-ta-sym]::after {
  content: "";
  position: absolute;
  inset: 0px;
  border: 2px solid var(--atcc-alert-color, transparent);
  border-radius: inherit;
  pointer-events: none;
  z-index: 80;
  opacity: 0;
  transition: opacity 0.72s ease, border-color 0.72s ease;
}
[data-ta-sym][data-atcc-alert="1"]::after {
  opacity: 0.78;
  transition-duration: 0.48s;
}
[data-ta-sym] > [data-res-badge] { display: none; }
@media (prefers-reduced-motion: reduce) {  [data-ta-sym]::after {
    transition: none;
  }
}
.atcc-inner-grid.lp-stacked .lp-title-main { display: inline-flex; align-items: baseline; gap: 6px; min-width: 0px; white-space: nowrap; line-height: 1; }
.atcc-inner-grid.lp-stacked .lp-nearest-dist { color: var(--text); opacity: 0.72; font-size: 8px; font-weight: 800; letter-spacing: 0.04em; line-height: 1; }
.lp-title-main { color: var(--text3); text-transform: uppercase; }
.lp-nearest-dist { color: var(--text2); font-weight: 600; opacity: var(--atcc-meta-opacity); }
.lp-collapsible-hdr:hover .lp-title-main, .lp-collapsible-hdr:hover .lp-nearest-dist { color: var(--text); }
.atcc-inner-grid.lp-stacked .lp-detail-grid .lp-ob-section { grid-column: 4; }
.lp-detail-grid .lp-recent-section { display: none; }
.atcc-inner-grid.lp-stacked .lp-detail-grid .lp-recent-section { display: block; grid-column: 5; }
.atcc-inner-grid.lp-stacked [id^="ta-recent-log-"] { display: none; }
[data-ta-expanded] .atcc-inner-grid.lp-stacked { grid-template-columns: 1fr; }
[data-ta-expanded] .atcc-inner-grid.lp-stacked .atcc-levels-panel { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; border-bottom: 0px; height: var(--atcc-top-panel-h); min-height: var(--atcc-top-panel-h); max-height: var(--atcc-top-panel-h); overflow: hidden; }
[data-ta-expanded] .atcc-inner-grid.lp-stacked .atcc-chart-panel { min-height: 520px; background: var(--atcc-chart-bg); border-top: 0; }
.lp-struct-rail { position: absolute; top: calc(var(--atcc-panel-pad-y) + 2px); right: 10px; width: 16px; height: 28px; z-index: 3; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 0px; opacity: 1; pointer-events: auto; }
.lp-struct-rail::before, .lp-struct-rail::after { display: none; content: none; }
.lp-list-modal-overlay { position: fixed; inset: 0px; z-index: 100000; display: block; background: transparent; pointer-events: auto; }
.lp-list-modal { position: fixed; width: min(340px, -40px + 100vw); max-height: min(520px, -72px + 100vh); overflow: hidden; background: var(--bg1); border: 1px solid var(--atcc-card-line); border-radius: 7px; display: flex; flex-direction: column; pointer-events: auto; filter: none; }
.lp-list-modal-head { min-height: 32px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 7px 9px 7px 11px; border-bottom: 1px solid var(--atcc-card-line); font-family: var(--mono); font-size: 8px; font-weight: 800; line-height: 1; letter-spacing: 0.14em; color: var(--text2); }
.lp-list-modal-close { width: 18px; min-width: 18px; height: 18px; min-height: 18px; display: inline-flex; align-items: center; justify-content: center; background: transparent; border: 1px solid color-mix(in srgb, var(--border2) 62%, transparent); border-radius: 4px; color: var(--text3); cursor: pointer; line-height: 1; transform: none; padding: 0; flex-shrink: 0; }
.lp-list-modal-close-mark { position: relative; width: 8px; height: 8px; display: block; opacity: 0.72; }
.lp-list-modal-close-mark::before, .lp-list-modal-close-mark::after { content: ""; position: absolute; left: 50%; top: 50%; width: 9px; height: 1px; border-radius: 1px; background: currentColor; transform-origin: 50% 50%; }
.lp-list-modal-close-mark::before { transform: translate(-50%, -50%) rotate(45deg); }
.lp-list-modal-close-mark::after { transform: translate(-50%, -50%) rotate(-45deg); }
.lp-list-modal-close:hover { background: var(--bg2); color: var(--text2); border-color: var(--border2); transform: none; }
.lp-list-modal-close:hover .lp-list-modal-close-mark { opacity: 1; }
.lp-list-modal-body { padding: 7px 8px 8px; overflow-y: auto; min-height: 42px; scrollbar-width: thin; scrollbar-color: var(--border2) transparent; }
.lp-list-modal-body::-webkit-scrollbar { width: 6px; }
.lp-list-modal-body::-webkit-scrollbar-track { background: transparent; }
.lp-list-modal-body::-webkit-scrollbar-thumb { background: var(--border2); border-radius: 999px; }
.lp-list-modal-body > div { border-radius: 5px; }
.lp-list-modal-body > div:hover { background: var(--bg2); }
.atcc-chart-panel .ta-expand-btn, .atcc-chart-panel .tl-draw-btn { position: absolute; z-index: 30; width: 24px; min-width: 24px; height: 22px; min-height: 22px; align-items: center; justify-content: center; border-radius: 5px; border: 1px solid color-mix(in srgb, var(--atcc-border) 50%, transparent); background: var(--atcc-top-panel-bg); color: var(--text3); filter: none; backdrop-filter: none; transition: border-color 0.12s, background-color 0.12s, color 0.12s, opacity 0.12s; }
.atcc-chart-panel .tl-draw-btn[hidden] { display: none; }
.atcc-chart-panel .ta-expand-btn:hover, .atcc-chart-panel .tl-draw-btn:hover { border-color: color-mix(in srgb, var(--atcc-border) 50%, transparent); background: var(--bg2); color: var(--text2); transform: none; }
.atcc-chart-panel .ta-expand-btn.active, .atcc-chart-panel .tl-draw-btn.active { border-color: color-mix(in srgb, var(--accent) 50%, transparent); background: var(--accent-dim); color: var(--accent); transform: none; }
.atcc-chart-panel .ta-expand-btn.sma-off { border-color: color-mix(in srgb, var(--atcc-border) 50%, transparent); }
.atcc-expand-control { top: 8px; left: 8px; }
.atcc-sma-control { top: 36px; left: 8px; font-size: 7px; font-weight: 500; letter-spacing: 0.04em; }
.atcc-tl-control { top: 8px; left: 36px; }
.atcc-pen-control { top: 8px; left: 64px; }
.atcc-erase-control { top: 8px; left: 92px; }
.atcc-undo-control { top: 8px; left: 120px; }
.atcc-clear-control { top: 8px; left: 148px; width: auto; padding: 0px 5px; font-size: 8px; letter-spacing: 0.04em; }
.map-popover,
.map-actions {
  z-index: 100001;
  display: flex;
  align-items: center;
  gap: 3px;
  min-height: 20px;
  padding: 2px 3px;
  border-radius: 7px;
  border: 1px solid var(--atcc-card-line);
  background: var(--bg1);
  color: var(--text2);
}
.map-popover {
  position: fixed;
}
.map-actions {
  position: fixed;
  flex-wrap: nowrap;
  align-content: center;
  pointer-events: auto;
}
.map-actions.is-inline {
  position: relative;
  z-index: 1;
  min-height: 18px;
  height: 18px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  gap: 3px;
  overflow: visible;
  flex: 0 0 auto;
}
.map-popover[hidden],
.map-actions[hidden] {
  display: none;
}
.map-option {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  height: 20px;
  padding: 0 6px;
  border-radius: 5px;
  border: 1px solid color-mix(in srgb, var(--border2) 30%, transparent);
  background: color-mix(in srgb, var(--atcc-chart-bg) 72%, transparent);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  cursor: pointer;
}
.map-option input {
  width: 10px;
  height: 10px;
  margin: 0;
  accent-color: var(--accent);
}
.map-run-btn,
.map-action-btn {
  position: relative;
  overflow: hidden;
  height: 16px;
  min-width: 22px;
  padding: 0 5px;
  border-radius: 4px;
  border: 1px solid color-mix(in srgb, var(--border2) 35%, transparent);
  background: color-mix(in srgb, var(--accent) 12%, var(--atcc-chart-bg));
  color: var(--text);
  font-size: 7px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
}
.map-action-row {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  margin-left: 0;
}
.map-actions.is-inline .map-action-row { display: contents; }
.map-action-btn.is-accept {
  color: var(--accent);
}
.map-actions.is-inline .map-action-btn { background: color-mix(in srgb, var(--accent) 10%, var(--atcc-top-panel-bg)); }
.map-actions.is-inline .map-action-btn.is-discard { background: color-mix(in srgb, var(--text3) 8%, var(--atcc-top-panel-bg)); }
.map-action-btn.is-map-live::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(100deg, transparent 0%, rgba(255,255,255,0.42) 48%, transparent 100%); transform: translateX(-120%); animation: pipelineTfConfirm 1.1s ease-in-out infinite; }
.map-action-btn.is-discard,
.map-status {
  color: var(--text3);
}
.map-status {
  flex: 0 1 auto;
  padding: 0 4px 0 2px;
  font-size: 7px;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.2;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.atcc-chart-panel [id^="collapsed-tf-bar-"], .atcc-chart-panel [id^="card-tf-bar-"], .atcc-chart-panel #card-tf-bar { position: absolute; top: 6px; left: 50%; transform: translateX(-50%); z-index: 30; display: flex; align-items: center; justify-content: center; gap: 4px; width: auto; min-width: 0px; height: auto; min-height: 0px; padding: 0px; filter: none; }
.atcc-chart-panel [id^="collapsed-tf-bar-"].is-pen-offset, .atcc-chart-panel [id^="card-tf-bar-"].is-pen-offset, .atcc-chart-panel #card-tf-bar.is-pen-offset { left: 60%; }
[data-ta-expanded] .atcc-chart-panel [id^="collapsed-tf-bar-"] { display: none; pointer-events: none; }
[data-ta-collapsing] .atcc-chart-panel [id^="collapsed-tf-bar-"] { display: none; pointer-events: none; }
.atcc-chart-panel [id^="collapsed-tf-bar-"] > button, .atcc-chart-panel [id^="card-tf-bar-"] > button, .atcc-chart-panel #card-tf-bar > button { height: 19px; min-width: 24px; border-radius: 5px; filter: none; backdrop-filter: none; transform: none; }
.atcc-chart-panel [id^="collapsed-tf-bar-"] > button:hover, .atcc-chart-panel [id^="card-tf-bar-"] > button:hover, .atcc-chart-panel #card-tf-bar > button:hover { transform: none; }
.atcc-chart-panel [id^="live-dot-"] { filter: none; }
.atcc-sr-label { position: absolute; right: 6px; bottom: 26px; z-index: 10; pointer-events: none; font-family: var(--mono); font-size: 8px; color: var(--text3); letter-spacing: 0.04em; text-align: right; }
.atcc-expanded-tf-bar { position: absolute; top: 10px; left: 50%; transform: translateX(-50%); z-index: 30; display: flex; align-items: center; justify-content: center; gap: 3px; width: auto; min-width: 0px; height: auto; min-height: 0px; padding: 0px; opacity: 0; filter: none; border-radius: var(--radius-pill); transition: opacity 0.22s 0.12s, transform 0.22s 0.12s; }
.atcc-expanded-arrow-hint { display: flex; align-items: center; gap: 3px; margin-left: 8px; pointer-events: none; color: var(--text3); font-family: var(--mono); font-size: 8px; letter-spacing: 0.06em; opacity: 0.5; }
.atcc-expanded-arrow-hint-label { font-size: 7px; opacity: 0.7; }
.atcc-live-dot { position: absolute; top: 8px; right: 15px; width: 6px; height: 6px; border-radius: 50%; background: var(--bull); opacity: 0.3; transition: opacity 0.4s; z-index: 30; pointer-events: none; cursor: default; filter: none; }
.atcc-trade-handle { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; z-index: 37; cursor: pointer; background: var(--atcc-top-panel-bg); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; border-radius: 0px 6px 6px 0px; display: flex; align-items: center; justify-content: center; transition: opacity 0.15s, left 0.22s cubic-bezier(0.4, 0, 0.2, 1), top 0.22s cubic-bezier(0.4, 0, 0.2, 1); }
.atcc-trade-handle img { display: block; opacity: 0.7; }
.atcc-trade-handle:hover img { opacity: 0.9; }
.atcc-expand-canvas { width: 100%; height: 100%; display: block; position: absolute; top: 0px; left: 0px; right: 0px; z-index: 0; pointer-events: none; opacity: 0; transition: opacity 0.28s 0.08s; }
.atcc-osc-panel { position: absolute; bottom: 0px; left: 0px; right: 0px; z-index: 1; background: var(--atcc-chart-bg); }
.atcc-osc-rsi-canvas { position: absolute; left: 0px; right: 0px; display: block; width: 100%; pointer-events: none; }
.atcc-osc-overlay { position: absolute; inset: 0px; z-index: 10; cursor: crosshair; }
.chart-xhair-overlay { position: absolute; top: 0px; left: 0px; right: 0px; z-index: 2; cursor: crosshair; pointer-events: auto; }
.trade-drawer { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 0px; min-width: 0px; max-width: 320px; z-index: 35; background: var(--bg4); border-left: 1px solid var(--border2); transition: width 0.26s cubic-bezier(0.34, 1.2, 0.64, 1), min-width 0.26s cubic-bezier(0.34, 1.2, 0.64, 1), opacity 0.2s; display: flex; flex-direction: column; overflow: hidden; font-family: var(--mono); }
.atcc-chart-panel [id^="pen-clear-btn-"] { width: 38px; min-width: 38px; max-width: 38px; padding: 0px 4px; font-size: 7px; letter-spacing: 0.02em; overflow: hidden; white-space: nowrap; }
#wl-ticker-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; overflow: visible; }
.scanner-watchlist-section { flex: 0 1 440px; min-width: min(100%, 300px); }
.scanner-watchlist-head { display: flex; align-items: center; gap: 10px; margin-bottom: 13px; }
.scanner-suggested-section { flex: 2 1 0%; min-width: 220px; display: flex; flex-direction: column; gap: 8px; }
.scanner-suggested-row, .scanner-add-wrap { display: flex; align-items: center; }
.scanner-suggested-row { gap: 6px 8px; flex-wrap: wrap; }
.scanner-title-wrap, .scanner-help-anchor { display: inline-flex; align-items: center; }
.scanner-title-wrap { gap: 6px; }
.scanner-section-title { font-family: var(--pixel); font-size: 7px; font-weight: 400; color: var(--accent); letter-spacing: 0px; text-transform: uppercase; line-height: 1.3; }
.scanner-help-anchor { position: relative; }
.scanner-add-wrap { gap: 4px; margin-left: auto; flex-shrink: 0; }
.scanner-add-wrap:not(.is-open) .scanner-add-field { display: none; }
.scanner-add-field { position: relative; }
.scanner-add-btn { height: var(--scanner-control-h); padding: 0px 10px; font-size: 10px; box-sizing: border-box; }
.scanner-loading-mark { animation: 2s ease-in-out 0s infinite normal none running bnScanPulse; opacity: 0.5; flex-shrink: 0; }
.scanner-loading-text { font-family: var(--mono); font-size: 9px; color: var(--text3); letter-spacing: 0.1em; text-transform: uppercase; opacity: 0.7; }
#spc-grid { display: flex; flex-wrap: wrap; gap: 5px; overflow: visible; min-height: 50px; align-items: flex-start; }
#spc-grid .spc-empty {
  width: 100%;
  min-height: var(--scanner-placeholder-h);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 7px;
  padding: 3px 1px;
  font-family: var(--mono);
  font-size: 9px;
  font-style: normal;
  line-height: 1.15;
  letter-spacing: 0.04em;
  color: var(--text3);
}
#spc-grid .spc-empty-kicker {
  color: var(--scanner-empty-color, var(--accent));
  font-weight: 800;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
#spc-grid .spc-empty-title {
  color: var(--text2);
  font-weight: 700;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  opacity: 0.78;
}
#spc-grid .spc-empty-copy {
  color: var(--text3);
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: none;
  opacity: 0.66;
}
#spc-grid .spc-empty-trend { --scanner-empty-color: var(--scanner-trend); }
#spc-grid .spc-empty-cloud { --scanner-empty-color: var(--scanner-cloud); }
#spc-grid .spc-empty-os5 { --scanner-empty-color: var(--scanner-os5); }
#spc-grid .spc-empty-recovery { --scanner-empty-color: var(--scanner-recovery); }
#spc-grid .spc-empty-ema13 { --scanner-empty-color: var(--scanner-ema13); }
#spc-grid .spc-scan-loading-inline {
  min-height: var(--scanner-placeholder-h);
  flex-direction: row;
  justify-content: flex-start;
  padding: 3px 1px;
  gap: 8px;
}
#spc-grid .spc-scan-copy {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  min-width: 0;
}
#spc-grid .spc-scan-label {
  font-size: 9px;
  line-height: 1;
  color: color-mix(in srgb, var(--text3) 92%, var(--text) 8%);
  opacity: 0.9;
}
#spc-grid .spc-scan-sub {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: var(--mono);
  font-size: 8px;
  line-height: 1;
  letter-spacing: 0.06em;
  color: var(--text3);
  opacity: 0.76;
  text-transform: uppercase;
}
#spc-grid .spc-scan-sub span {
  color: var(--scanner-active-color, var(--accent));
  font-weight: 800;
  opacity: 1;
}
#spc-grid .spc-scan-loading-trend { --scanner-active-color: var(--scanner-trend); }
#spc-grid .spc-scan-loading-cloud { --scanner-active-color: var(--scanner-cloud); }
#spc-grid .spc-scan-loading-os5 { --scanner-active-color: var(--scanner-os5); }
#spc-grid .spc-scan-loading-recovery { --scanner-active-color: var(--scanner-recovery); }
#spc-grid .spc-scan-loading-ema13 { --scanner-active-color: var(--scanner-ema13); }
#spc-grid .spc-scan-icon {
  opacity: 0.68;
}
#spc-grid .spc-scan-bars {
  display: inline-flex;
  align-items: flex-end;
  gap: 2px;
  height: 14px;
  margin-left: 2px;
}
#spc-grid .spc-scan-bars span {
  width: 3px;
  height: 5px;
  border-radius: 2px;
  background: var(--scanner-active-color, var(--accent));
  opacity: 0.5;
  animation: spcScanBars 0.86s ease-in-out infinite;
}
#spc-grid .spc-scan-bars span:nth-child(2) { animation-delay: 0.12s; }
#spc-grid .spc-scan-bars span:nth-child(3) { animation-delay: 0.24s; }
@keyframes spcScanBars {
  0%, 100% { height: 4px; opacity: 0.42; }
  45% { height: 13px; opacity: 0.95; }
}
#wl-ticker-grid .spc, #spc-grid button.spc { min-height: 24px; border-radius: 6px; border: 1px solid var(--border2); background: var(--ticker-chips-bg); filter: none; transform: none; transition: border-color 0.12s, background-color 0.12s, color 0.12s, opacity 0.12s; }
#wl-ticker-grid .spc:not(.wl-chip)::before, #wl-ticker-grid .spc:not(.wl-chip)::after, #spc-grid button.spc::before, #spc-grid button.spc::after { display: none; content: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: none; }
#wl-ticker-grid .spc { padding-top: 3px; padding-bottom: 3px; }
#wl-ticker-grid .spc.wl-chip { width: 100%; box-sizing: border-box; gap: 5px; padding: 3px 6px 3px 3px; }
#wl-ticker-grid .wl-chip.is-en { --chip-color: var(--alert-en); }
#wl-ticker-grid .wl-chip.is-sw { --chip-color: var(--alert-sw); }
#wl-ticker-grid .wl-chip.is-br { --chip-color: var(--alert-br); }
#wl-ticker-grid .wl-chip.is-lvl { --chip-color: var(--alert-lvl); }
#wl-ticker-grid .wl-chip.is-liq { --chip-color: var(--alert-liq); }
#wl-ticker-grid .wl-chip.is-cloud { --chip-color: var(--scanner-cloud); }
#wl-ticker-grid .wl-chip.is-os5 { --chip-color: var(--scanner-os5); }
#wl-ticker-grid .wl-chip.is-muted { border-color: var(--border3); }
#spc-grid button.spc { padding: 3px 7px; }
#wl-ticker-grid .spc:hover, #spc-grid button.spc:hover { border-color: var(--border2); background: var(--bg2); transform: none; }
#wl-ticker-grid .spc img, #spc-grid button.spc img { filter: none; }
#wl-ticker-grid .wl-drag-handle { opacity: 0.28; }
#wl-ticker-grid .spc:hover .wl-drag-handle { opacity: 0.7; }
.wl-drag-handle { display: inline-flex; align-items: center; justify-content: center; align-self: stretch; width: 14px; min-width: 14px; cursor: grab; color: var(--text3); font-size: 9px; line-height: 1; flex-shrink: 0; user-select: none; margin-right: 2px; touch-action: none; }
.wl-drag-handle::before { content: ""; width: 8px; height: 12px; background-image: radial-gradient(circle, currentcolor 1px, transparent 1.25px); background-size: 4px 5px; background-position: 0px 1px; }
.wl-ticker-label { font-family: var(--pixel); font-size: 8px; font-weight: 400; color: var(--text); letter-spacing: 0px; white-space: nowrap; line-height: 1.2; }
.wl-count-badge { font-family: var(--pixel); font-size: 7px; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 0px; margin-left: 3px; font-weight: 400; cursor: default; line-height: 1.2; }
.wl-count-badge-level { color: var(--alert-lvl); }
.wl-count-badge-trendline { color: var(--trendline); }
.wl-count-badge-ob { color: var(--ob-count); }
.wl-count-badge-recent { color: var(--text3); }
.lp-title-main .wl-count-badge { margin-left: 0px; }
/* ATCC top panel count + funding typography */
.atcc-inner-grid.lp-stacked .lp-title-main .wl-count-badge {
  opacity: 1;
}
.atcc-inner-grid.lp-stacked .lp-funding-rate {
  display: inline-flex;
  align-items: baseline;
  gap: 3px;
  font-family: inherit;
  font-size: 7px;
  font-weight: 600;
  letter-spacing: 0.065em;
  line-height: 1;
  color: var(--text2);
  opacity: 0.58;
  text-transform: uppercase;
}
.atcc-inner-grid.lp-stacked .lp-funding-rate .lp-funding-label {
  color: var(--text2);
  opacity: 1;
}
.atcc-inner-grid.lp-stacked .lp-funding-rate .lp-funding-value {
  font-family: inherit;
  font-size: 7px;
  font-weight: 600;
  letter-spacing: 0.065em;
  line-height: 1;
  opacity: 0.86;
}
.atcc-inner-grid.lp-stacked .lp-funding-rate.is-up .lp-funding-value { color: var(--bull); }
.atcc-inner-grid.lp-stacked .lp-funding-rate.is-down .lp-funding-value { color: var(--bear); }
.atcc-inner-grid.lp-stacked .lp-funding-rate.is-flat .lp-funding-value { color: var(--text2); opacity: 0.86; }
.wl-alert-dot { width: 5px; height: 5px; border-radius: 50%; flex-shrink: 0; animation: 1.2s ease-in-out 0s infinite normal none running alertPulse; }
.wl-alert-dot.is-en { background: var(--alert-en); }
.wl-alert-dot.is-sw { background: var(--alert-sw); }
.wl-alert-dot.is-br { background: var(--alert-br); }
.wl-alert-dot.is-lvl { background: var(--alert-lvl); }
.wl-alert-dot.is-liq { background: var(--alert-liq); }
.wl-alert-dot.is-cloud { background: var(--scanner-cloud); }
.wl-alert-dot.is-os5 { background: var(--scanner-os5); }
.wl-alert-dot.is-muted { background: var(--text3); }
.wl-chip-remove { display: inline-flex; align-items: center; justify-content: center; color: var(--text3); font-size: 11px; padding: 0px 0px 0px 4px; cursor: pointer; line-height: 1; margin-left: auto; flex-shrink: 0; transition: color 0.12s; transform: translateX(-5px); }
.wl-chip-remove:hover { color: var(--bear); }
.list-delete-x { cursor: pointer; color: var(--text); opacity: 0.4; font-size: 13px; line-height: 1; padding: 0px 2px; flex-shrink: 0; transition: opacity 0.12s; }
.list-delete-x:hover { opacity: 1; }
.obj-state-row {
  border-radius: 5px;
  cursor: pointer;
  transition: background 0.12s, color 0.12s, opacity 0.12s;
}
.obj-state-row.is-armed {
  background: transparent;
}
.obj-state-row.is-armed .lp-list-price,
.obj-state-row.is-armed .lp-list-distance {
  color: var(--accent);
}
.obj-state-row.is-muted {
  opacity: 0.62;
}
.obj-state-row.is-muted .lp-list-price,
.obj-state-row.is-muted .lp-list-distance {
  color: var(--text3);
}
.obj-state-row:hover {
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  opacity: 1;
}
.alert-close-border, .panel-close-border { position: relative; z-index: 4; background: transparent; border: 1px solid transparent; font-size: 16px; line-height: 1; cursor: pointer; padding: 0px; flex-shrink: 0; width: 28px; height: 28px; min-width: 28px; min-height: 28px; display: flex; align-items: center; justify-content: center; transition: border-color 0.12s, color 0.12s; }
.alert-close-border { color: rgba(255, 255, 255, 0.7); }
.alert-close-border:hover { color: rgb(255, 255, 255); border-color: rgba(255, 255, 255, 0.4); }
.panel-close-border { color: var(--text3); border-radius: var(--radius); }
.panel-close-border:hover { color: var(--text); border-color: var(--border3); }
.alert-close-plain, .alert-close-plain-wide { background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: rgba(255, 255, 255, 0.5); line-height: 1; cursor: pointer; flex-shrink: 0; display: flex; align-items: center; justify-content: center; transition: color 0.12s; }
.alert-close-plain { font-size: 16px; padding: 0px; width: 28px; height: 28px; min-width: 28px; min-height: 28px; }
.alert-close-plain-wide { font-size: 20px; padding: 4px 10px; margin-left: auto; min-width: 32px; min-height: 32px; }
.alert-close-mark { font-family: var(--mono); font-size: 13px; font-weight: 400; line-height: 1; color: currentcolor; padding: 2px 5px; opacity: 0.55; transition: opacity 0.12s, color 0.12s; }
.alert-close-border:hover .alert-close-mark, .alert-close-plain:hover .alert-close-mark, .alert-close-plain-wide:hover .alert-close-mark { opacity: 1; }
.alert-close-plain:hover, .alert-close-plain-wide:hover { color: rgb(255, 255, 255); }
.ta-add-active-btn { width: 100%; font-family: var(--mono); font-size: 10px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; background: var(--accent-dim); border: 1px solid rgba(32, 80, 240, 0.35); color: var(--accent); padding: 7px 0px; cursor: pointer; transition: background 0.15s, color 0.15s, border-color 0.15s, opacity 0.15s; }
.ta-add-active-btn.is-added { color: var(--bull); border-color: rgba(var(--bull-rgb), 0.4); background: rgba(var(--bull-rgb), 0.08); }
.ta-finder-footer { border-top: 1px solid var(--border); padding-top: 10px; margin-top: 10px; }
.ta-already-active { font-family: var(--mono); font-size: 9px; color: var(--text3); letter-spacing: 0.08em; text-transform: uppercase; text-align: center; }
.ta-recent-log { margin-top: 10px; border-top: 1px solid var(--border2); padding-top: 8px; }
.ta-recent-log-title { font-family: var(--mono); font-size: 8px; font-weight: 600; color: var(--text2); letter-spacing: 0.12em; margin-bottom: 6px; }
.ta-recent-log-mask { position: relative; mask-image: linear-gradient(black 55%, transparent 100%); }
.pm-delete-x { cursor: pointer; color: var(--text3); font-size: 13px; padding: 0px 2px; transition: color 0.12s; }
.pm-delete-x:hover { color: var(--accent); }
.pm-list { border-top: 1px solid var(--border); margin-top: 6px; padding-top: 6px; display: flex; flex-direction: column; gap: 3px; }
.pm-row { display: flex; align-items: center; gap: 6px; font-family: var(--mono); font-size: 10px; padding: 2px 0px; cursor: pointer; }
.pm-row.is-active { border: 1px solid var(--accent); background: var(--accent-dim); padding-left: 4px; }
.pm-side { width: 32px; font-weight: 700; }
.pm-side.is-long, .pm-target { color: var(--bull); }
.pm-side.is-short, .pm-stop { color: var(--bear); }
.pm-entry { color: var(--text); flex: 1 1 0%; }
.pm-separator { color: var(--text3); font-size: 8px; }
.pm-rr { color: var(--text3); margin-left: 4px; }
.wl-logo-img { border-radius: 50%; object-fit: cover; flex-shrink: 0; border: 1px solid rgba(100, 120, 170, 0.08); }
.wl-logo-main { width: 28px; height: 28px; position: relative; z-index: 11; }
.wl-logo-chip { width: 16px; height: 16px; }
.wl-logo-fallback { display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(var(--accent-rgb),0.10); border: 1px solid var(--accent-dim); color: var(--accent); font-family: var(--mono); font-size: 7px; font-weight: 700; flex-shrink: 0; }
.wl-logo-fallback.wl-logo-main { font-size: 11px; }
.atcc-shell-placeholder { background: var(--bg1); padding: 0px; position: relative; min-height: 200px; }
.atcc-load-placeholder, .atcc-error-placeholder { background: var(--bg1); padding: 20px 22px; display: flex; align-items: center; gap: 14px; }
.atcc-load-placeholder { min-height: 80px; }
.atcc-loading-shell { background: var(--bg2); padding: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.atcc-loading-head, .atcc-error-head { display: flex; align-items: center; gap: 10px; }
.atcc-loading-head { margin-bottom: 16px; }
.atcc-loading-chart { background: var(--bg1); height: 300px; animation: 1.5s ease 0s infinite normal none running pulse; }
.atcc-skeleton-line { height: 8px; background: var(--border); animation: 1.2s ease 0s infinite normal none running pulse; margin-bottom: 8px; }
.atcc-skeleton-line.is-wide { width: 80%; }
.atcc-skeleton-line.is-mid { width: 70%; animation-duration: 1.3s; margin-bottom: 0px; }
.atcc-skeleton-line.is-short { width: 60%; animation-duration: 1.4s; }
.atcc-card-logo-fallback { width: 32px; height: 32px; border-radius: 50%; background: rgba(32, 80, 240, 0.1); border: 1px solid rgba(32, 80, 240, 0.2); display: flex; align-items: center; justify-content: center; font-family: var(--mono); font-size: 13px; font-weight: 700; color: var(--accent); position: relative; z-index: 11; }
.atcc-chart-panel { background: var(--atcc-chart-bg); border-top: 0; }
.atcc-canvas-loading { position: absolute; inset: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; z-index: 1; pointer-events: none; }
.atcc-canvas-spinner { width: 20px; height: 20px; border-width: 2px; border-style: solid; border-color: rgba(100, 120, 170, 0.3) rgba(100, 120, 170, 0.08) rgba(100, 120, 170, 0.08); border-image: initial; border-radius: 50%; animation: 0.8s linear 0s infinite normal none running tdmSpin; }
.atcc-canvas-loading-text { font-family: var(--mono); font-size: 9px; color: var(--text3); letter-spacing: 0.12em; text-transform: uppercase; }
.atcc-canvas-surface { width: 100%; height: 100%; display: block; position: absolute; inset: 0px; z-index: 0; }
.atcc-canvas-legend { position: absolute; bottom: 4px; left: 8px; display: flex; flex-wrap: wrap; gap: 4px; }
.atcc-placeholder-meta { flex: 1 1 0%; min-width: 0px; display: flex; align-items: center; gap: 7px; line-height: 1; }
.atcc-placeholder-title { font-family: var(--mono); font-size: 13px; font-weight: 700; color: var(--text); }
.atcc-placeholder-loading, .atcc-placeholder-error, .atcc-empty-state { font-family: var(--mono); font-size: 9px; color: var(--text3); letter-spacing: 0.08em; }
.atcc-placeholder-loading { opacity: 0.45; margin-top: 3px; text-transform: uppercase; animation: 1.4s ease-in-out 0s infinite normal none running pulse; }
.atcc-placeholder-error { color: var(--accent); opacity: 0.7; margin-top: 3px; }
.atcc-empty-state { font-size: 10px; opacity: 0.5; padding: 8px 0px; grid-column: 1 / -1; }
.bubble-logo-node { position: absolute; top: 0px; left: 0px; pointer-events: none; will-change: transform; display: none; opacity: 0; transition: opacity 0.8s; }
.bubble-logo-img { position: absolute; top: 0px; left: 0px; border-radius: 50%; object-fit: cover; background: transparent; }
.bubble-logo-node.is-scanner-add-pill {
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: linear-gradient(180deg,
    color-mix(in srgb, var(--accent) 86%, white 14%),
    color-mix(in srgb, var(--accent) 82%, black 18%)),
    var(--accent);
  color: var(--bg);
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  box-shadow: inset 1px 1px 0 rgba(255,255,255,0.16), inset -1px -1px 0 rgba(0,0,0,0.16);
  transition: opacity 0.18s ease;
}
.bubble-logo-node.is-scanner-add-pill::after {
  content: "+";
  position: static;
  inset: auto;
  display: block;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: 1;
}
.bubble-logo-node.is-scanner-add-pill .bubble-logo-img {
  display: none !important;
}
.bubble-logo-node[data-fallback]::after { content: attr(data-fallback); position: absolute; inset: 3px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid var(--border2); background: var(--bg1); color: var(--text2); font-family: var(--mono); font-size: 10px; font-weight: 800; line-height: 1; }
.sc-coin-row { display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; padding: 3px 6px; opacity: 0; transform: translateY(5px); transition: opacity 0.28s, transform 0.28s; }
.sc-coin-row-symbol { font-family: var(--mono); font-size: 10px; font-weight: 700; color: var(--text2); letter-spacing: 0.06em; }
.sc-coin-row-source, .sc-row-status { font-family: var(--mono); font-size: 8px; letter-spacing: 0.04em; }
.sc-coin-row-source { color: var(--text3); text-align: center; }
.sc-row-status { color: var(--accent); text-align: right; }
#wl-add-input { width: 110px; color: var(--text); font-family: var(--mono); font-size: 10px; padding: 2px 7px; text-transform: uppercase; letter-spacing: 0.06em; height: var(--scanner-control-h); border: 1px solid var(--scanner-meta-border); border-radius: 6px; background: var(--bg); outline: none; }
#wl-add-input, #wl-add-input + .ticker-dropdown { box-sizing: border-box; }
#wl-add-input + .ticker-dropdown { position: absolute; top: calc(100% + 5px); left: 0px; right: auto; width: 280px; min-width: 280px; max-width: min(280px, -32px + 100vw); max-height: 280px; overflow-y: auto; z-index: 10020; display: none; border: 1px solid var(--scanner-meta-border); border-radius: 6px; background: var(--vs-popover-surface); transform: none; }
#wl-add-input + .ticker-dropdown.open { display: block; }
#wl-add-input:focus { border-color: var(--accent); outline: none; }
#wl-ticker-dropdown .ticker-drop-item { min-height: 26px; gap: 7px; padding: 5px 8px; }
#wl-ticker-dropdown .ticker-drop-item img, #wl-ticker-dropdown .ticker-drop-item .tdrop-logo { width: 16px; height: 16px; font-size: 7px; }
#wl-ticker-dropdown .ticker-drop-symbol { font-family: var(--mono); font-size: 10px; font-weight: 700; letter-spacing: 0.06em; }
#wl-ticker-dropdown .ticker-drop-name, #wl-ticker-dropdown .ticker-drop-rank { font-size: 8px; line-height: 1.1; }
#wl-ticker-dropdown .ticker-drop-loading { padding: 8px 9px; font-size: 10px; }
#spc-ts-row { display: inline-flex; align-items: center; margin-left: auto; }
#spc-ts-row span { min-height: 16px; display: inline-flex; align-items: center; border: 0px; border-radius: 0px; background: transparent; padding: 0px; font-family: var(--mono); font-size: 8px; font-weight: 600; line-height: 1; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text3); opacity: 0.72; }
.scanner-tabs { display: inline-flex; align-items: center; gap: 3px; padding: 0px; border: 0px; border-radius: 0px; background: transparent; box-shadow: none; }
.scanner-tab { min-height: 22px; padding: 0px 8px 1px; display: inline-flex; align-items: center; gap: 5px; border: 0; border-bottom: 1px solid transparent; border-radius: 0px; background: transparent; color: color-mix(in srgb, var(--scanner-tab-color, var(--text3)) 72%, var(--text3) 28%); font-family: var(--pixel); font-size: 8px; font-weight: 400; letter-spacing: 0px; line-height: 1.2; cursor: pointer; }
.scanner-tab[data-spc-tab="trend"] { --scanner-tab-color: var(--scanner-trend); }
.scanner-tab[data-spc-tab="os5"] { --scanner-tab-color: var(--scanner-os5); }
.scanner-tab[data-spc-tab="cloud"] { --scanner-tab-color: var(--scanner-cloud); }
.scanner-tab[data-spc-tab="recovery"] { --scanner-tab-color: var(--scanner-recovery); }
.scanner-tab[data-spc-tab="ema13"] { --scanner-tab-color: var(--scanner-ema13); }
.scanner-tab:hover, .scanner-tab:focus-visible { color: var(--scanner-tab-color, var(--text2)); border-bottom-color: color-mix(in srgb, var(--scanner-tab-color, var(--accent)) 58%, transparent); background: transparent; outline: none; }
.scanner-tab.active { color: #fff; background: var(--scanner-tab-color, var(--accent)); border-bottom-color: transparent; }
.scanner-tab span { color: currentColor; opacity: 0.75; }
.scanner-tab.active span { color: currentColor; opacity: 0.95; }
#suggested-tt { position: absolute; top: calc(100% + 8px); left: -120px; z-index: 999; width: 250px; opacity: 0; pointer-events: none; transition: opacity 0.15s; border: 1px solid var(--border2); border-radius: 7px; background: var(--bg1); padding: 12px 14px; color: var(--text2); font-family: var(--sans); font-size: 11px; line-height: 1.6; letter-spacing: 0px; text-transform: none; filter: none; }
.scanner-watchlist-title { margin-bottom: 0px; }
.scanner-tooltip-title { margin-bottom: 6px; color: var(--accent); font-family: var(--pixel); font-size: 8px; font-weight: 400; letter-spacing: 0px; line-height: 1.3; }
.scanner-tooltip-line { margin-top: 4px; }
.scanner-tooltip-note { color: var(--text3); margin-top: 8px; }
.scanner-tooltip-trend,
.scanner-tooltip-os5,
.scanner-tooltip-cloud,
.scanner-tooltip-recovery,
.scanner-tooltip-ema13 {
  font-family: var(--pixel);
  font-size: 7px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 1.3;
}
.scanner-tooltip-trend { color: var(--scanner-trend); }
.scanner-tooltip-os5 { color: var(--scanner-os5); }
.scanner-tooltip-cloud { color: var(--scanner-cloud); }
.scanner-tooltip-recovery { color: var(--scanner-recovery); }
.scanner-tooltip-ema13 { color: var(--scanner-ema13); }
.alert-tide-overlay, .alert-tide-grain, .alert-card-tide canvas { display: none; }
#alertTickersList .alert-card-tide[id^="rsi-os-card-"] { --alert-card-color: var(--alert-sw); }
#alertTickersList .alert-card-tide[id^="rsi50-card-"] { --alert-card-color: var(--alert-en); }
#alertTickersList .alert-card-tide[id^="break-card-"] { --alert-card-color: var(--alert-br); }
#alertTickersList .alert-card-tide[id^="lvl-card-"] { --alert-card-color: var(--alert-lvl); }
#alertTickersList .alert-card-tide[id^="liq-card-"] { --alert-card-color: var(--alert-liq); }
#alertTickersList .alert-card-tide[id^="cloud-card-"] { --alert-card-color: var(--scanner-cloud); }
#alertTickersList .alert-card-tide[id^="os5-card-"] { --alert-card-color: var(--scanner-os5); }
#alertTickersList .scanner-notice-card { --scanner-notice-color: var(--scanner-trend); }
#alertTickersList .scanner-notice-trend { --scanner-notice-color: var(--scanner-trend); }
#alertTickersList .scanner-notice-os5 { --scanner-notice-color: var(--scanner-os5); }
#alertTickersList .scanner-notice-cloud { --scanner-notice-color: var(--scanner-cloud); }
#alertTickersList .scanner-notice-recovery { --scanner-notice-color: var(--scanner-recovery); }
#alertTickersList .scanner-notice-ema13 { --scanner-notice-color: var(--scanner-ema13); }
#alertTickersList .scanner-notice-card {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 7px 8px 7px 10px;
  border: 2px solid color-mix(in srgb, var(--scanner-notice-color) 48%, var(--border2) 52%);
  border-radius: 0px;
  background: color-mix(in srgb, var(--bg1) 64%, transparent);
  backdrop-filter: blur(14px) saturate(1.18);
  -webkit-backdrop-filter: blur(14px) saturate(1.18);
  color: var(--text);
  box-sizing: border-box;
  cursor: pointer;
  overflow: hidden;
  box-shadow: none;
}
#alertTickersList .scanner-notice-card::before {
  display: none;
  content: none;
}
#alertTickersList .scanner-notice-card:hover {
  background: color-mix(in srgb, var(--bg1) 72%, transparent);
}
.scanner-notice-main {
  min-width: 0;
  flex: 1 1 auto;
}
.scanner-notice-kicker {
  margin-bottom: 2px;
  font-family: var(--pixel);
  font-size: 7px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 1.3;
  color: var(--text3);
  opacity: 0.82;
}
.scanner-notice-line {
  display: flex;
  align-items: baseline;
  gap: 6px;
  min-width: 0;
}
.scanner-notice-name {
  font-family: var(--pixel);
  font-size: 8px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 1.3;
  color: var(--scanner-notice-color);
}
.scanner-notice-noun {
  flex: 0 0 auto;
  max-width: 92px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--mono);
  font-size: 8px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--text2);
  opacity: 0.96;
}
.scanner-notice-noun .scanner-notice-count {
  color: var(--scanner-notice-color);
  font-weight: 800;
}
#alertTickersList .scanner-notice-card .alert-close-plain {
  flex: 0 0 34px;
  width: 34px;
  min-width: 34px;
  height: 34px;
  min-height: 34px;
  margin-left: 0;
  margin-right: -5px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--text3);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 4;
  touch-action: manipulation;
}
#alertTickersList .scanner-notice-card .alert-close-plain:hover {
  color: var(--text);
  background: transparent;
}
#alert-log-wrap, #alert-log-body-wrap { border-color: var(--polish-hairline); }
.atcc-inner-grid.lp-stacked .lp-pipe-strip { grid-area: 1 / 3; place-self: center end; min-height: var(--atcc-logo-row-h); gap: 3px; align-items: center; padding: 0 var(--atcc-pipeline-reserve) 0 0; margin: 0px; border-bottom: 0px; }
.atcc-inner-grid.lp-stacked .lp-pipe-stage, .atcc-inner-grid.lp-stacked .lp-pipe-strip > .lp-pipe-stage, .atcc-inner-grid.lp-stacked .lp-pipe-strip > .lp-pipe-stage:not(.lp-pipe-reset-wrap) { width: 26px; height: 26px; display: inline-flex; align-items: center; justify-content: center; }
.lp-pipe-node-hit { width: 26px; height: 26px; display: inline-flex; align-items: center; justify-content: center; padding: 0px; outline: none; cursor: default; transition: opacity 0.15s; }
.atcc-inner-grid.lp-stacked .lp-pipe-reset-wrap { width: 26px; height: 26px; margin-left: 1px; display: inline-flex; align-items: center; justify-content: center; }
.atcc-inner-grid.lp-stacked .lp-pipe-strip .lp-pipe-reset { width: 26px; min-width: 26px; height: 26px; min-height: 26px; padding: 0px; border: 0px; background: transparent; transform: none; line-height: 1; }
.atcc-inner-grid.lp-stacked .lp-logo-row > div:first-child { position: relative; width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 34px; isolation: isolate; }
.atcc-inner-grid.lp-stacked .lp-logo-row > div:first-child img { position: relative; z-index: 2; }
.atcc-inner-grid.lp-stacked .lp-struct-rail { position: absolute; top: calc(var(--atcc-panel-pad-y) + 2px); right: 10px; width: 16px; height: 28px; z-index: 3; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 0px; opacity: 1; pointer-events: auto; }
.atcc-inner-grid.lp-stacked .lp-struct-rail::before, .atcc-inner-grid.lp-stacked .lp-struct-rail::after { display: none; content: none; }
.lp-struct-lamp { position: relative; width: 13px; height: 0px; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; visibility: hidden; opacity: 1; color: var(--text3); filter: none; border: 0px; padding-bottom: 0px; letter-spacing: 0px; font-size: 0px; background: transparent; }
.lp-struct-lamp::before { content: ""; display: block; box-sizing: border-box; opacity: 0; }
.lp-struct-rail[data-struct="BULL"] .lp-struct-up, .lp-struct-rail[data-struct="BEAR"] .lp-struct-down, .lp-struct-rail[data-struct="RANGING"] .lp-struct-flat, .lp-struct-rail[data-struct="RANGE"] .lp-struct-flat, .lp-struct-rail[data-struct="SQUEEZE"] .lp-struct-flat { visibility: visible; height: 9px; overflow: visible; }
.lp-struct-rail[data-struct="BULL"] .lp-struct-up::before, .lp-struct-rail[data-struct="BEAR"] .lp-struct-down::before, .lp-struct-rail[data-struct="RANGING"] .lp-struct-flat::before, .lp-struct-rail[data-struct="RANGE"] .lp-struct-flat::before, .lp-struct-rail[data-struct="SQUEEZE"] .lp-struct-flat::before { opacity: 1; }
.lp-struct-up::before, .lp-struct-down::before { width: 8px; height: 7px; border: 0px; background: currentcolor; }
.lp-struct-up::before { clip-path: polygon(50% 0px, 100% 100%, 0px 100%); transform: none; }
.lp-struct-down::before { clip-path: polygon(0px 0px, 100% 0px, 50% 100%); transform: none; }
.lp-struct-flat::before { width: 7px; height: 1px; border: 0px; background: currentcolor; }
.lp-struct-rail[data-struct="BULL"] .lp-struct-up { color: var(--bull); }
.lp-struct-rail[data-struct="BEAR"] .lp-struct-down { color: var(--bear); }
.lp-struct-rail[data-struct="RANGING"] .lp-struct-flat, .lp-struct-rail[data-struct="RANGE"] .lp-struct-flat, .lp-struct-rail[data-struct="SQUEEZE"] .lp-struct-flat { color: var(--text2); }
.header, .sidebar, .panel, .modal, .modal-overlay, .modal-overlay > div, .ticker-dropdown, #wl-ticker-dropdown, #suggested-tt, #sync-tooltip, #vol-panel, #bubbleHoverTip, #cvp-toggle, #cvp-panel, #color-vars-panel, [id^="help-pop-"], [id^="atcc-"][data-ta-sym], .atcc-levels-panel, .atcc-chart-panel, .alert-card-tide, .alert-summary, .ticker-chip, .spc, .btn, .pill, .check-item, .stat-card { filter: none; }
.header:hover, .sidebar:hover, .panel:hover, .modal:hover, .ticker-dropdown:hover, .alert-card-tide:hover, .ticker-chip:hover, .spc:hover, .btn:hover, .pill:hover, .check-item:hover, [id^="atcc-"][data-ta-sym]:hover, .sidebar-item:hover { transform: none; }
input:focus, select:focus, textarea:focus, button:focus-visible, [role="button"]:focus-visible { outline: var(--ui-focus-ring); outline-offset: 1px; }
.sidebar-nav-label, #sidebarPipelinePanel > div:first-child, #alertPrevRow > div:first-child, #liq-min-wrap th, #alert-log-wrap th, #active-levels-wrap th, .lp-title-main, .lp-nearest-dist, .cct-label, #chip-chart-tooltip .cct-label, .ticker-dropdown div, #wl-ticker-dropdown div { font-size: var(--vs-label-size); font-weight: 600; letter-spacing: var(--vs-label-tracking); line-height: 1.35; }
#sidebarRecentLog, #sidebarRecentLog *, #alertTickersList .alert-card-tide, #alertTickersList .alert-card-tide * { letter-spacing: 0.04em; }
#sync-tooltip, #suggested-tt, #vol-panel, .ticker-dropdown, .modal, .modal-overlay > div, #bubbleHoverTip, .lp-popover, .lp-modal { background: var(--vs-popover-surface); border: 1px solid var(--vs-border-soft); border-radius: 6px; }
.ticker-dropdown { overflow: hidden; }
#wl-ticker-dropdown { overflow-x: hidden; overflow-y: auto; }
.ticker-dropdown div, #wl-ticker-dropdown div { padding-top: 5px; padding-bottom: 5px; }
.ticker-dropdown div:hover, #wl-ticker-dropdown div:hover { background: var(--bg2); }
#sync-tooltip, #suggested-tt { font-size: 10px; font-weight: 400; letter-spacing: 0px; line-height: 1.55; }
input:focus, select:focus, textarea:focus { border-color: var(--text3); }
#view-scanner, #view-apikeys, #view-docs { transition: opacity var(--view-fade-ms) var(--view-fade-ease); transform: none; }
.sidebar-item, .sidebar-item:active, .sidebar-item.active { transform: none; animation: auto ease 0s 1 normal none running none; }
.scanner-market-header { display: flex; align-items: flex-start; flex-wrap: wrap; gap: var(--scanner-head-gap); margin-bottom: var(--scanner-head-margin-b); padding-bottom: var(--scanner-head-pad-b); border-bottom: 1px solid var(--scanner-head-line); }
.scanner-market-header .section-divider-v { width: 1px; background: var(--scanner-head-line); align-self: stretch; flex-shrink: 0; display: var(--section-divider-display); }
.scanner-market-header #wl-ticker-grid { gap: var(--scanner-chip-gap); }
.scanner-market-header #spc-grid { gap: 8px 9px; }
.scanner-market-header #spc-grid { min-height: var(--scanner-placeholder-h); align-items: flex-start; }
.scanner-market-header #spc-scan-placeholder { width: 100%; height: var(--scanner-placeholder-h); display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 8px; }
.scanner-market-header .ticker-chip { min-height: var(--scanner-chip-h); }
.scanner-market-header #spc-ts-row { gap: 4px; }
#sidebarPipelinePanel { border-bottom-color: var(--vs-border-soft); }
#alertTickersList { gap: 5px; }
#alertTickersList .alert-card-tide .alert-card-logo, #alertTickersList .alert-card-tide .alert-card-main, #alertTickersList .alert-card-tide > button { position: relative; z-index: 2; }
#alertTickersList .alert-card-tide img, #alertTickersList .alert-card-tide .alert-card-fallback-logo { width: 18px; height: 18px; filter: none; }
#alertTickersList .alert-card-large img { width: 32px; height: 32px; }
#alertTickersList .alert-card-title-compact { font-size: 10px; }
#alertTickersList .alert-card-tide button { width: 34px; min-width: 34px; height: 34px; min-height: 34px; margin-left: auto; margin-right: -5px; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 0px; color: var(--text3); background: transparent; font-size: 13px; line-height: 1; display: flex; align-items: center; justify-content: center; position: relative; z-index: 4; touch-action: manipulation; }
#alertTickersList .alert-card-tide button:hover { color: var(--alert-card-color, var(--text)); background: color-mix(in srgb, var(--alert-card-color, var(--accent)) 12%, transparent); }
#sidebarRecentLog { gap: 2px; mask-image: none; }
#sidebarRecentLog span { font-size: 9px; line-height: 1.35; }
#atcc-wrap { display: block; margin-bottom: 28px; }
#atcc-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--atcc-grid-gap); }
#atcc-grid.atcc-grid-one-col { grid-template-columns: 1fr; }
#atcc-loading { grid-column: 1 / -1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 80px 0px; }
.atcc-loading-spinner { width: 24px; height: 24px; border-width: 2px; border-style: solid; border-color: rgba(100, 120, 170, 0.3) rgba(100, 120, 170, 0.08) rgba(100, 120, 170, 0.08); border-image: initial; border-radius: 50%; animation: 0.8s linear 0s infinite normal none running tdmSpin; }
.atcc-loading-text { color: var(--text3); font-family: var(--mono); font-size: 9px; letter-spacing: 0.14em; text-transform: uppercase; }
.sidebar-recent-wrap { margin-top: 7px; padding-top: 7px; border-top: 1px solid var(--border); position: relative; }
.sidebar-recent-title { margin-bottom: 4px; color: var(--text3); font-family: var(--mono); font-size: 8px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }
.sidebar-recent-inner { position: relative; }
#sidebarRecentLog { display: flex; flex-direction: column; gap: 3px; mask-image: linear-gradient(black 55%, transparent 100%); }
.sidebar-recent-row { display: block; overflow: hidden; color: var(--text3); font-family: var(--mono); font-size: 10px; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }
.sidebar-recent-ticker { color: var(--text2); font-weight: 600; }
.sidebar-recent-time { opacity: 0.5; }
.alert-log-row { border-bottom: 1px solid color-mix(in srgb, var(--border) 20%, transparent); }
.alert-log-ticker, .alert-log-signal, .alert-log-time { padding: 6px 10px; font-family: var(--mono); font-size: 10px; }
.alert-log-ticker { color: var(--text); font-weight: 600; }
.alert-log-signal { font-weight: 800; letter-spacing: 0.08em; }
.alert-log-signal.is-sw { color: var(--alert-sw); }
.alert-log-signal.is-br { color: var(--alert-br); }
.alert-log-signal.is-en { color: var(--alert-en); }
.alert-log-signal.is-lvl { color: var(--alert-lvl); }
.alert-log-signal.is-cloud { color: var(--scanner-cloud); }
.alert-log-signal.is-os5 { color: var(--scanner-os5); }
.alert-log-signal.is-liq { color: var(--alert-liq); }
.alert-log-signal.is-neutral { color: var(--text3); }
.alert-log-time { color: var(--text3); white-space: nowrap; }
.atcc-recent-row { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; }
.atcc-recent-time { overflow: hidden; color: var(--text3); font-family: var(--mono); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.atcc-recent-title { margin-bottom: 6px; color: var(--text2); font-family: var(--mono); font-size: 8px; font-weight: 600; letter-spacing: 0.12em; }
.atcc-recent-mask { position: relative; mask-image: linear-gradient(black 55%, transparent 100%); }
#alertCollapsedFlash { display: none; position: fixed; top: 0px; left: 0px; width: 40px; bottom: 0px; z-index: 160; pointer-events: none; background: transparent; transition: background 0.15s; }
.scanner-footer-alert-text { font-size: 8px; font-weight: 400; color: var(--text2); letter-spacing: 0.04em; }
.data-section-wrap { margin-top: 28px; margin-bottom: 28px; }
.data-section-wrap-spaced { margin-top: 80px; }
.data-section-header, .data-section-toggle, .liq-factor-row { display: flex; align-items: center; }
.data-section-header, .data-section-toggle { gap: 10px; }
.data-section-header { margin-bottom: 10px; }
.data-section-toggle { cursor: pointer; user-select: none; flex: 1 1 0%; }
.data-section-chevron { color: var(--text3); font-size: 10px; transition: transform 0.2s; transform: rotate(-90deg); }
.data-section-title { color: var(--text3); font-family: var(--mono); font-size: 9px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; }
.data-section-note, .data-section-count { color: var(--text3); font-family: var(--mono); font-size: 9px; opacity: 0.5; }
.data-pulse-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--accent); opacity: 0.4; margin-left: 4px; transition: opacity 0.2s; }
.data-table-wrap { overflow-x: auto; }
.data-table { width: 100%; border-collapse: collapse; font-family: var(--mono); font-size: 10px; }
.data-th { padding: 6px 10px; color: var(--text3); font-size: 9px; font-weight: 700; letter-spacing: 0.12em; text-align: left; text-transform: uppercase; }
.data-th-center { text-align: center; }
.data-th-right { text-align: right; }
.data-th-nowrap { white-space: nowrap; }
.data-th-accent { color: var(--accent); }
.data-th-bull { color: var(--bull); }
.data-th-bear { color: var(--bear); }
.data-th-sw { color: var(--alert-sw); }
.data-empty-cell { padding: 14px 10px; color: var(--text3); font-size: 10px; font-style: italic; }
.data-empty-cell-compact { padding: 12px 10px; }
.data-table-cell { padding: 6px 10px; color: var(--text); font-family: var(--mono); font-size: 10px; }
.data-cell-ticker { font-weight: 700; }
.data-cell-center { text-align: center; }
.data-cell-right { text-align: right; }
.data-cell-muted { color: var(--text3); opacity: 0.6; }
.data-cell-empty { color: var(--text3); font-style: italic; }
.data-level-empty { color: var(--text3); opacity: 0.4; }
.data-level-value { color: var(--text); font-weight: 700; }
.data-level-distance { opacity: 0.5; margin-left: 3px; }
.data-level-item { margin-right: 6px; color: var(--text2); }
.data-level-item.is-active { color: var(--accent); }
.data-ob-item { margin-right: 6px; font-weight: 600; opacity: 0.7; }
.data-ob-item.is-bull { color: var(--bull); }
.data-ob-item.is-bear { color: var(--bear); }
.data-ob-item.is-active { font-weight: 800; opacity: 1; }
.data-cell-tf { font-weight: 700; letter-spacing: 0.08em; }
.data-cell-tf.is-sw { color: var(--alert-sw); }
.data-cell-tf.is-br { color: var(--alert-br); }
.data-cell-tf.is-en { color: var(--alert-en); }
.data-status { font-weight: 700; letter-spacing: 0.06em; }
.data-status.is-break { color: var(--bear); }
.data-status.is-level, .data-status.is-watch { color: var(--text3); }
.liq-min-empty { padding: 14px 10px; color: var(--text3); font-size: 10px; font-style: italic; }
.liq-min-row { vertical-align: top; }
.liq-min-coin, .liq-min-vol, .liq-min-floor, .liq-min-history { padding: 5px 10px; }
.liq-min-coin { color: var(--text2); font-weight: 700; white-space: nowrap; }
.liq-min-vol { color: var(--text3); text-align: right; white-space: nowrap; }
.liq-min-floor { color: var(--alert-liq); font-weight: 700; text-align: right; white-space: nowrap; }
.liq-min-history { font-size: 9px; line-height: 1.7; }
.liq-min-no-session { color: var(--text3); opacity: 0.4; font-size: 9px; }
.liq-min-history-item { display: inline-block; margin-right: 8px; white-space: nowrap; }
.liq-min-event { font-weight: 700; }
.liq-min-event.is-sell { color: var(--bear); }
.liq-min-event.is-buy { color: var(--bull); }
.liq-min-time { color: var(--text3); opacity: 0.6; margin-left: 4px; }
.liq-factor-row { gap: 6px; flex-shrink: 0; }
.liq-factor-label { color: var(--text3); font-family: var(--mono); font-size: 9px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; white-space: nowrap; }
.liq-factor-input { width: 100px; color: var(--text); background: var(--bg1); border: 1px solid var(--border2); font-family: var(--mono); font-size: 10px; font-weight: 600; padding: 3px 7px; outline: none; text-align: right; }
.liq-factor-reset { color: var(--text3); background: var(--bg2); border: 1px solid var(--border2); cursor: pointer; font-family: var(--mono); font-size: 9px; font-weight: 700; padding: 3px 7px; white-space: nowrap; }
body { background: var(--page-bg); color: var(--text); }
.header { background: var(--header-bg); border-bottom-color: var(--border); }
.sidebar { background: var(--sidebar-bg); border-right-color: var(--border); }
.sidebar::after { background: linear-gradient(to bottom, rgba(var(--accent-rgb),0.16) 0%, rgba(var(--accent-rgb),0) 48%); }
.sidebar-item.active { background: transparent; border-color: transparent; color: var(--accent); }
.sidebar-item.active .sidebar-icon, .sidebar-item.active .sidebar-item-text { color: var(--accent); }
.scanner-section-title, .section-title, .sidebar-nav-label, .data-section-title { color: var(--text3); opacity: 0.78; }
#wl-ticker-grid .spc, #spc-grid button.spc, .scanner-pill, .scanner-result-pill { background: var(--ticker-chips-bg); border-color: var(--border2); }
#wl-ticker-grid .spc:hover, #spc-grid button.spc:hover, .scanner-pill:hover, .scanner-result-pill:hover { background: var(--bg2); border-color: transparent; }
.scanner-tab.active { background: var(--scanner-tab-color, var(--accent)); border-color: transparent; color: #fff; }
.atcc-card-shell { background: var(--atcc-chart-bg); border: 0; box-shadow: none; }
[data-theme="dark"] .atcc-card-shell { box-shadow: none; }
.atcc-inner-grid.lp-stacked, .atcc-chart-panel, .atcc-chart-wrap { background: var(--atcc-chart-bg); }
.atcc-inner-grid.lp-stacked .atcc-levels-panel { background: var(--atcc-top-panel-bg); border-bottom-color: transparent; }
.atcc-inner-grid.lp-stacked .lp-col { grid-template-columns: minmax(230px, max-content) 1fr auto; grid-template-rows: var(--atcc-logo-row-h) minmax(0, 1fr); column-gap: 12px; }
.atcc-inner-grid.lp-stacked .lp-logo-row { min-height: var(--atcc-logo-row-h); align-items: center; }
.atcc-inner-grid.lp-stacked .lp-detail-grid { gap: 0 var(--atcc-detail-gap); align-items: center; align-content: center; padding-top: 0px; padding-bottom: 1px; border-top-color: transparent; background: transparent; }
.atcc-inner-grid.lp-stacked .lp-detail-grid .lp-collapsible-hdr { min-height: 16px; margin-bottom: 0px; line-height: 1; align-items: center; }
.atcc-inner-grid.lp-stacked .lp-title-main { color: var(--text2); opacity: 1; }
.atcc-inner-grid.lp-stacked .lp-nearest-dist { color: var(--text3); opacity: 1; }
.lp-collapsible-hdr:hover .lp-title-main,
.lp-collapsible-hdr:hover .lp-nearest-dist { color: var(--accent); }
.atcc-inner-grid.lp-stacked .lp-pipe-strip { align-self: start; transform: translateY(-1px); min-height: calc(var(--atcc-logo-row-h) - 2px); padding-top: 0px; }
.atcc-inner-grid.lp-stacked .lp-pipe-stage, .atcc-inner-grid.lp-stacked .lp-pipe-strip > .lp-pipe-stage, .atcc-inner-grid.lp-stacked .lp-pipe-strip > .lp-pipe-stage:not(.lp-pipe-reset-wrap), .lp-pipe-node-hit, .atcc-inner-grid.lp-stacked .lp-pipe-reset-wrap { width: 26px; height: 24px; }
.atcc-inner-grid.lp-stacked .lp-pipe-strip .lp-pipe-reset { width: 26px; min-width: 26px; height: 24px; min-height: 24px; }
.atcc-chart-panel .ta-expand-btn, .atcc-chart-panel .tl-draw-btn, .atcc-chart-panel .ma-toggle, .atcc-chart-panel .tf-btn { background: var(--atcc-top-panel-bg); border-color: color-mix(in srgb, var(--border2) 50%, transparent); color: var(--text3); }
.atcc-chart-panel .ta-expand-btn:hover, .atcc-chart-panel .tl-draw-btn:hover, .atcc-chart-panel .ma-toggle:hover, .atcc-chart-panel .tf-btn:hover { background: var(--bg2); border-color: transparent; color: var(--accent); }
.lp-list-modal, .ticker-dropdown, #suggested-tt, #bubbleHoverTip, .modal-card, .modal-panel { background: var(--vs-popover-surface); border-color: var(--border2); }
.bubble-logo-node, .bubble-logo-img, .bubble-logo-node[data-fallback]::after, #bubbleFgLogoLayer > *, #bubbleSugLogoLayer > *, #bubbleFgLogoLayer img, #bubbleSugLogoLayer img, .sidebar-collapsed-logo, .sidebar-scan-logo, .spc-logo, .spc-logo-fallback { border-radius: 50%; }
.scanner-market-header #spc-grid { box-sizing: border-box; padding-top: 3px; }
#wl-ticker-grid .spc { position: relative; background: var(--ticker-chips-bg); border-color: var(--border2); box-shadow: none; }
#spc-grid button.spc { position: relative; isolation: isolate; overflow: visible; background: transparent; border-color: transparent; box-shadow: none; }
#wl-ticker-grid .spc:not(.wl-chip)::before { display: none; content: none; }
#wl-ticker-grid .spc:not(.wl-chip):hover::before { transform: none; opacity: 0; }
#wl-ticker-grid .spc::after, #spc-grid button.spc::after { display: none; content: none; }
#wl-ticker-grid .spc > *, #spc-grid button.spc > * { position: relative; z-index: 1; }
#wl-ticker-grid .spc:hover { background: var(--bg2); border-color: var(--border2); }
#spc-grid button.spc:hover { background: transparent; border-color: transparent; }
#wl-ticker-grid .wl-logo-chip, #spc-grid button.spc .spc-logo, #spc-grid button.spc .spc-logo-fallback { border-radius: 50%; box-shadow: rgba(255, 255, 255, 0.3) 0px 1px 0px inset, rgba(0, 0, 0, 0.16) 0px -5px 8px inset; }
#wl-ticker-grid .wl-ticker-label, #spc-grid button.spc .spc-ticker { letter-spacing: 0px; font-weight: 400; }
[data-ta-sym].atcc-card-shell, .atcc-card-shell { border: 0; background: var(--atcc-chart-bg); box-shadow: none; }
[data-theme="dark"] [data-ta-sym].atcc-card-shell, [data-theme="dark"] .atcc-card-shell { border: 0; }
.scanner-tab { position: relative; isolation: isolate; overflow: hidden; background: transparent; border-color: transparent; }
.scanner-tab::before { display: none; content: none; }
.scanner-tab:hover::before, .scanner-tab:focus-visible::before { transform: none; opacity: 0; }
.scanner-tab > * { position: relative; z-index: 1; }
.scanner-tab:hover, .scanner-tab:focus-visible { background: transparent; }
.scanner-tab.active { background: var(--scanner-tab-color, var(--accent)); box-shadow: none; border-color: transparent; color: #fff; }
#wl-ticker-grid .spc.wl-chip { padding-right: 10px; }
.wl-chip-remove { min-width: 12px; padding: 0px 2px 0px 4px; margin-right: 5px; }
[data-ta-sym].atcc-card-shell, [id^="atcc-"][data-ta-sym].atcc-card-shell, [data-ta-sym].atcc-card-shell:hover, [id^="atcc-"][data-ta-sym].atcc-card-shell:hover { border: 0; background: var(--atcc-chart-bg); box-shadow: none; }
[data-theme="dark"] [data-ta-sym].atcc-card-shell, [data-theme="dark"] [id^="atcc-"][data-ta-sym].atcc-card-shell, [data-theme="dark"] [data-ta-sym].atcc-card-shell:hover, [data-theme="dark"] [id^="atcc-"][data-ta-sym].atcc-card-shell:hover { border: 0; background: var(--atcc-chart-bg); box-shadow: none; }
[data-ta-sym].atcc-card-shell::before, [id^="atcc-"][data-ta-sym].atcc-card-shell::before { display: none; content: none; }
.atcc-inner-grid.lp-stacked { position: relative; }
.atcc-inner-grid.lp-stacked::after { display: none; content: none; }
:root { --soft-face: linear-gradient(180deg, color-mix(in srgb, var(--bg1) 94%, white 6%) 0%, color-mix(in srgb, var(--bg1) 86%, black 14%) 100%); --soft-face-hover: linear-gradient(180deg, color-mix(in srgb, var(--bg1) 96%, white 4%) 0%, color-mix(in srgb, var(--bg1) 82%, black 18%) 100%); --soft-control-face: linear-gradient(180deg, color-mix(in srgb, var(--atcc-top-panel-bg) 92%, white 8%) 0%, color-mix(in srgb, var(--atcc-top-panel-bg) 82%, black 18%) 100%); --soft-control-hover: linear-gradient(180deg, color-mix(in srgb, var(--atcc-top-panel-bg) 96%, white 4%) 0%, color-mix(in srgb, var(--atcc-top-panel-bg) 78%, black 22%) 100%); --soft-border: color-mix(in srgb, var(--border2) 42%, transparent 58%); --soft-side-edge: rgba(0,0,0,0.13); --soft-bottom-edge: rgba(0,0,0,0.12); --soft-top-edge: rgba(255,255,255,0.92); --soft-inner-sheen: rgba(255,255,255,0.18); }
[data-theme="dark"] { --soft-face: linear-gradient(180deg, color-mix(in srgb, var(--bg1) 80%, white 8%) 0%, color-mix(in srgb, var(--bg1) 88%, black 12%) 100%); --soft-face-hover: linear-gradient(180deg, color-mix(in srgb, var(--bg1) 86%, white 10%) 0%, color-mix(in srgb, var(--bg1) 84%, black 16%) 100%); --soft-control-face: linear-gradient(180deg, color-mix(in srgb, var(--atcc-top-panel-bg) 82%, white 8%) 0%, color-mix(in srgb, var(--atcc-top-panel-bg) 88%, black 12%) 100%); --soft-control-hover: linear-gradient(180deg, color-mix(in srgb, var(--atcc-top-panel-bg) 88%, white 10%) 0%, color-mix(in srgb, var(--atcc-top-panel-bg) 82%, black 18%) 100%); --soft-border: color-mix(in srgb, var(--border3) 34%, transparent 66%); --soft-side-edge: rgba(255,255,255,0.055); --soft-bottom-edge: rgba(0,0,0,0.30); --soft-top-edge: rgba(255,255,255,0.085); --soft-inner-sheen: rgba(255,255,255,0.07); }
.scanner-market-header { background: var(--soft-face); border: 1px solid transparent; border-radius: var(--radius-lg); box-shadow: inset 1px 0 0 var(--soft-side-edge),
    inset -1px 0 0 var(--soft-side-edge),
    inset 0 1px 0 var(--soft-top-edge),
    inset 0 -1px 0 var(--soft-bottom-edge); padding: 10px 12px 14px; }
.atcc-chart-panel .ta-expand-btn, .atcc-chart-panel .tl-draw-btn, .atcc-chart-panel .ma-toggle, .atcc-chart-panel .tf-btn, .chart-tf-btn, .rsi-tf-btn, .atcc-trade-handle { background: var(--soft-control-face); border-color: var(--soft-border); box-shadow: inset 1px 0 0 var(--soft-side-edge),
    inset -1px 0 0 var(--soft-side-edge),
    inset 0 1px 0 var(--soft-top-edge),
    inset 0 -1px 0 var(--soft-bottom-edge); color: var(--text2); filter: none; backdrop-filter: none; }
.atcc-chart-panel .ta-expand-btn:hover, .atcc-chart-panel .tl-draw-btn:hover, .atcc-chart-panel .ma-toggle:hover, .atcc-chart-panel .tf-btn:hover, .chart-tf-btn:hover, .rsi-tf-btn:hover, .atcc-trade-handle:hover { background: var(--soft-control-hover); border-color: var(--soft-border); color: var(--text); transform: none; }
.atcc-chart-panel .tl-draw-btn.active, .atcc-chart-panel .tl-draw-btn.is-active, .atcc-chart-panel .ma-toggle.active, .atcc-chart-panel .tf-btn.active, .chart-tf-btn.active, .rsi-tf-btn.active { background: linear-gradient(180deg, color-mix(in srgb, var(--accent) 68%, white 18%) 0%, color-mix(in srgb, var(--accent) 74%, black 26%) 100%),
    var(--accent); color: var(--atcc-top-panel-bg); border-color: transparent; box-shadow: rgba(255, 255, 255, 0.22) 0px 1px 0px inset, rgba(0, 0, 0, 0.2) 0px -1px 0px inset; }
#suggested-tt, #sync-tooltip, #vol-panel, .lp-list-popover, .lp-list-modal, .modal, .modal-overlay > div { background: var(--soft-face); border: 1px solid var(--soft-border); box-shadow: inset 1px 0 0 var(--soft-side-edge),
    inset -1px 0 0 var(--soft-side-edge),
    inset 0 1px 0 var(--soft-top-edge),
    inset 0 -1px 0 var(--soft-bottom-edge); }
.scanner-add-btn, .scanner-add-field, .ticker-dropdown { background: var(--soft-control-face); border-color: var(--soft-border); box-shadow: inset 1px 0 0 var(--soft-side-edge),
    inset -1px 0 0 var(--soft-side-edge),
    inset 0 1px 0 var(--soft-top-edge),
    inset 0 -1px 0 var(--soft-bottom-edge); }
.scanner-tab { border-color: transparent; background: transparent; box-shadow: none; }
.scanner-tab:hover, .scanner-tab:focus-visible { background: transparent; box-shadow: none; }
.scanner-tab.active { background: var(--scanner-tab-color, var(--accent)); color: #fff; border-color: transparent; box-shadow: none; }
.scanner-market-header { padding: 0px 0px 16px; margin-bottom: 20px; background: transparent; border-top-width: medium; border-right-width: medium; border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: initial; border-bottom: 1px solid var(--border); border-radius: 0px; box-shadow: none; }
.atcc-chart-panel .ta-expand-btn, .atcc-chart-panel .tl-draw-btn, .atcc-chart-panel .ma-toggle, .atcc-chart-panel .tf-btn, .chart-tf-btn, .rsi-tf-btn, .atcc-trade-handle, .scanner-add-btn, .scanner-add-field, .ticker-dropdown { background: linear-gradient(180deg, color-mix(in srgb, var(--atcc-top-panel-bg) 96%, white 4%) 0%, color-mix(in srgb, var(--atcc-top-panel-bg) 94%, black 6%) 100%),
    var(--atcc-top-panel-bg); border-color: color-mix(in srgb, var(--border2) 32%, transparent 68%); box-shadow: rgba(255, 255, 255, 0.08) 0px 1px 0px inset, rgba(0, 0, 0, 0.1) 0px -1px 0px inset; }
.atcc-chart-panel .ta-expand-btn:hover, .atcc-chart-panel .tl-draw-btn:hover, .atcc-chart-panel .ma-toggle:hover, .atcc-chart-panel .tf-btn:hover, .chart-tf-btn:hover, .rsi-tf-btn:hover, .atcc-trade-handle:hover, .scanner-add-btn:hover { background: linear-gradient(180deg, color-mix(in srgb, var(--atcc-top-panel-bg) 98%, white 2%) 0%, color-mix(in srgb, var(--atcc-top-panel-bg) 92%, black 8%) 100%),
    var(--atcc-top-panel-bg); box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 0px inset, rgba(0, 0, 0, 0.12) 0px -1px 0px inset; }
.atcc-chart-panel .tf-btn.active, .chart-tf-btn.active, .rsi-tf-btn.active { background: linear-gradient(180deg, color-mix(in srgb, var(--accent) 72%, white 16%) 0%, color-mix(in srgb, var(--accent) 82%, black 18%) 100%),
    var(--accent); border-color: transparent; color: var(--atcc-top-panel-bg); box-shadow: rgba(255, 255, 255, 0.22) 0px 1px 0px inset, rgba(0, 0, 0, 0.18) 0px -1px 0px inset; }
/* Interface finishing pass */
#_cz_tooltip,
.body-tooltip,
#bubbleHoverTip,
#suggested-tt,
#sync-tooltip,
#vol-panel,
.ticker-dropdown,
#wl-ticker-dropdown,
.lp-list-popover,
.lp-list-modal {
  background: linear-gradient(180deg,
      color-mix(in srgb, var(--bg1) 96%, white 4%) 0%,
      color-mix(in srgb, var(--bg1) 92%, black 8%) 100%),
    var(--bg1);
  border-color: color-mix(in srgb, var(--border2) 46%, transparent);
  box-shadow: inset 0 1px 0 color-mix(in srgb, white 8%, transparent), inset 0 -1px 0 color-mix(in srgb, black 10%, transparent);
}
.ticker-dropdown div,
#wl-ticker-dropdown div,
.lp-list-modal-body > div {
  transition: background-color 0.12s ease, color 0.12s ease;
}
.ticker-dropdown div:hover,
#wl-ticker-dropdown div:hover,
.lp-list-modal-body > div:hover {
  background: color-mix(in srgb, var(--accent) 8%, var(--bg2));
  color: var(--text);
}
.atcc-chart-panel .ta-expand-btn,
.atcc-chart-panel .tl-draw-btn,
.atcc-chart-panel .ma-toggle,
.atcc-chart-panel .tf-btn,
.chart-tf-btn,
.rsi-tf-btn,
.atcc-trade-handle,
.scanner-add-btn,
.scanner-tab {
  will-change: auto;
  transition: background 0.14s ease, border-color 0.14s ease, color 0.14s ease, opacity 0.14s ease;
}
.atcc-chart-panel .ta-expand-btn:active,
.atcc-chart-panel .tl-draw-btn:active,
.atcc-chart-panel .ma-toggle:active,
.atcc-chart-panel .tf-btn:active,
.chart-tf-btn:active,
.rsi-tf-btn:active,
.scanner-add-btn:active,
.scanner-tab:active {
  background: color-mix(in srgb, var(--accent) 12%, var(--atcc-top-panel-bg));
  color: var(--text);
}
button:focus-visible,
.btn:focus-visible,
.spc:focus-visible,
button.spc:focus-visible,
.ta-expand-btn:focus-visible,
.tl-draw-btn:focus-visible,
.ma-toggle:focus-visible,
.chart-tf-btn:focus-visible,
.rsi-tf-btn:focus-visible,
.scanner-tab:focus-visible {
  outline: 1px solid color-mix(in srgb, var(--accent) 42%, transparent);
  outline-offset: 2px;
}
#spc-scan-placeholder,
#atcc-loading,
.atcc-canvas-loading,
.td-drawer-loading,
.lp-empty,
.atcc-empty-state,
.data-empty-cell,
.liq-min-empty,
.wywa-empty-row {
  color: color-mix(in srgb, var(--text3) 76%, transparent);
}
#spc-scan-placeholder,
#atcc-loading,
.atcc-canvas-loading,
.td-drawer-loading {
  letter-spacing: 0.08em;
}
.atcc-canvas-loading::after,
.td-drawer-loading::after {
  content: "";
  width: 26px;
  height: 1px;
  display: block;
  margin-left: 4px;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 42%, transparent), transparent);
  opacity: 0.62;
  animation: subtleScanLine 1.4s ease-in-out infinite;
}
@keyframes subtleScanLine {
  0%, 100% { transform: scaleX(0.45); opacity: 0.24; }
  50% { transform: scaleX(1); opacity: 0.68; }
}
.scanner-suggested-row {
  align-items: center;
}
.scanner-title-wrap {
  gap: 5px;
}
#spc-ts-row span {
  letter-spacing: 0.06em;
  opacity: 0.58;
}
.scanner-section-title {
  font-size: 7px;
  color: var(--text3);
  opacity: 0.82;
}
.scanner-help-anchor .spc-preview-hint {
  opacity: 0.72;
}
@media (prefers-reduced-motion: reduce) {  .atcc-canvas-loading::after,
  .td-drawer-loading::after {
    animation: none;
  }
}
/* Utility surface finishing pass */
#debug-levels-wrap,
#alert-log-wrap,
#liq-min-wrap,
.data-section-wrap {
  position: relative;
}
.data-section-header,
.data-section-toggle {
  min-height: 30px;
  padding: 0 2px;
}
.data-section-toggle:hover .data-section-title,
.data-section-toggle:hover .data-section-chevron {
  color: var(--text2);
}
.data-section-chevron {
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background: color-mix(in srgb, var(--bg2) 42%, transparent);
  color: var(--text3);
}
.data-section-title {
  color: var(--text2);
  font-weight: 760;
}
.data-section-note,
.data-section-count {
  opacity: 0.62;
}
.data-table-wrap,
#debug-levels-body-wrap,
#alert-log-body-wrap,
#liq-min-body-wrap {
  border: 1px solid color-mix(in srgb, var(--border2) 38%, transparent);
  border-radius: var(--radius);
  background: linear-gradient(180deg,
      color-mix(in srgb, var(--bg1) 96%, white 4%) 0%,
      color-mix(in srgb, var(--bg1) 94%, black 6%) 100%),
    var(--bg1);
  box-shadow: inset 0 1px 0 color-mix(in srgb, white 8%, transparent), inset 0 -1px 0 color-mix(in srgb, black 10%, transparent);
  overflow: hidden;
}
.data-table-wrap .data-table,
#alert-log-body-wrap .data-table,
#liq-min-body-wrap .data-table {
  background: transparent;
}
.data-th,
.alert-log-ticker,
.alert-log-signal,
.alert-log-time,
.data-table-cell,
.liq-min-coin,
.liq-min-vol,
.liq-min-floor,
.liq-min-history {
  border-bottom: 1px solid color-mix(in srgb, var(--border) 32%, transparent);
}
.data-table tbody tr:last-child .data-table-cell,
.alert-log-row:last-child .alert-log-ticker,
.alert-log-row:last-child .alert-log-signal,
.alert-log-row:last-child .alert-log-time,
.liq-min-row:last-child .liq-min-coin,
.liq-min-row:last-child .liq-min-vol,
.liq-min-row:last-child .liq-min-floor,
.liq-min-row:last-child .liq-min-history {
  border-bottom-color: transparent;
}
.data-table tbody tr,
.alert-log-row,
.liq-min-row {
  transition: background-color 0.12s ease, color 0.12s ease;
}
.data-table tbody tr:hover,
.alert-log-row:hover,
.liq-min-row:hover {
  background: color-mix(in srgb, var(--accent) 5%, transparent);
}
.data-th {
  padding: 8px 10px;
  background: color-mix(in srgb, var(--bg2) 28%, transparent);
  color: color-mix(in srgb, var(--text3) 78%, transparent);
}
.data-table-cell,
.alert-log-ticker,
.alert-log-signal,
.alert-log-time,
.liq-min-coin,
.liq-min-vol,
.liq-min-floor,
.liq-min-history {
  padding-top: 7px;
  padding-bottom: 7px;
}
.alert-log-row {
  border-bottom: 0;
}
.alert-log-ticker {
  letter-spacing: 0.02em;
}
.alert-log-signal {
  font-size: 9px;
  letter-spacing: 0.1em;
}
.alert-log-time,
.liq-min-time,
.sidebar-recent-time {
  opacity: 0.58;
}
.sidebar-recent-row {
  padding: 2px 0;
}
.sidebar-recent-ticker {
  color: var(--text2);
  letter-spacing: 0.04em;
}
.sidebar-status-row {
  min-height: 22px;
}
.sidebar-status-row .status-dot,
.config-status-dot,
.data-pulse-dot {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, white 16%, transparent);
}
.data-pulse-dot {
  opacity: 0.55;
}
.data-pulse-dot.active,
.data-pulse-dot.is-active {
  opacity: 0.9;
}
.data-empty-cell,
.liq-min-empty,
.data-cell-empty,
.data-level-empty {
  font-style: normal;
  letter-spacing: 0.06em;
}
.liq-min-history-item {
  padding: 1px 0;
}
.liq-min-event {
  letter-spacing: 0.05em;
}
/* Outer chrome finishing pass */
.sidebar-item {
  min-height: 34px;
  border: 0;
}
.sidebar-item:hover {
  background: transparent;
  color: var(--text);
}
.sidebar-item.active {
  background: transparent;
  border-color: transparent;
  color: var(--accent);
}
.sidebar-item.active .sidebar-icon,
.sidebar-item:hover .sidebar-icon {
  color: currentColor;
}
.sidebar-nav-label,
.sidebar-status-label {
  color: color-mix(in srgb, var(--text3) 78%, transparent);
}
.sidebar-status-row {
  padding: 2px 0;
}
#alertTitle {
  color: var(--text2);
}
#alertTime {
  color: var(--text3);
  opacity: 0.72;
}
.scanner-back-top-wrap {
  display: flex;
  justify-content: center;
  padding: 18px 0 8px;
}
.chrome-outline-btn,
.scanner-back-top-btn {
  min-height: 28px;
  padding: 6px 14px;
  border: 1px solid color-mix(in srgb, var(--border2) 42%, transparent);
  border-radius: var(--radius);
  background: linear-gradient(180deg,
      color-mix(in srgb, var(--bg1) 96%, white 4%) 0%,
      color-mix(in srgb, var(--bg1) 92%, black 8%) 100%),
    var(--bg1);
  color: var(--text3);
  font-family: var(--mono);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: inset 0 1px 0 color-mix(in srgb, white 8%, transparent), inset 0 -1px 0 color-mix(in srgb, black 10%, transparent);
}
.chrome-outline-btn:hover,
.scanner-back-top-btn:hover {
  color: var(--text2);
  border-color: color-mix(in srgb, var(--accent) 24%, var(--border2));
  background: color-mix(in srgb, var(--accent) 6%, var(--bg1));
}
.scanner-footer {
  margin-top: 52px;
  padding-top: 34px;
  border-top-color: color-mix(in srgb, var(--border2) 42%, transparent);
}
.scanner-footer-logo { font-size: 17px; color: var(--accent); }
.scanner-footer-copy {
  max-width: 520px;
  color: color-mix(in srgb, var(--text3) 78%, transparent);
}
.scanner-footer-alert-text {
  color: color-mix(in srgb, var(--text2) 78%, transparent);
  line-height: 1.5;
}
.scanner-footer-sep {
  background: color-mix(in srgb, var(--border2) 58%, transparent);
}
.scanner-footer-data-label {
  color: color-mix(in srgb, var(--text3) 78%, transparent);
}
.scanner-footer-coingecko,
.scanner-footer-binance {
  opacity: 0.78;
}
.scanner-footer-fallback {
  color: var(--text3);
}
.map-quality {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 1px;
  background: color-mix(in srgb, var(--bg2) 72%, transparent);
  border: 1px solid color-mix(in srgb, var(--border2) 45%, transparent);
}
.map-quality-btn {
  height: 18px;
  padding: 0 6px;
  border: 0;
  background: transparent;
  color: color-mix(in srgb, var(--text2) 72%, transparent);
  font-family: var(--mono);
  font-size: 7px;
  font-weight: 700;
  letter-spacing: 0.08em;
  cursor: pointer;
}
.map-quality-btn.is-active {
  background: var(--accent);
  color: var(--bg1);
}
.lp-context-tags {
  display: flex;
  align-items: center;
  gap: 3px;
  min-height: 10px;
  margin-top: 1px;
}
.lp-context-tag {
  font-family: var(--mono);
  font-size: 6.5px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.09em;
  color: color-mix(in srgb, var(--text2) 70%, transparent);
  background: color-mix(in srgb, var(--bg2) 76%, transparent);
  padding: 2px 4px;
  text-transform: uppercase;
}
.lp-context-tag.is-ob { color: var(--ob-count); }
.lp-context-tag.is-lvl { color: var(--alert-lvl); }
.lp-context-tag.is-tl { color: var(--trendline); }
.lp-context-tag.is-cloud { color: var(--scanner-cloud); }
.atcc-empty-workspace {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 9px;
  padding: 20px 22px;
  background: color-mix(in srgb, var(--bg1) 82%, transparent);
  border: 1px solid color-mix(in srgb, var(--border2) 32%, transparent);
  opacity: 1;
}
.atcc-empty-title {
  color: var(--text);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.atcc-empty-copy {
  color: var(--text3);
  font-size: 9px;
  letter-spacing: 0.04em;
  opacity: 0.82;
}
.atcc-empty-actions {
  display: flex;
  align-items: center;
  gap: 6px;
}
.atcc-empty-action {
  border: 1px solid color-mix(in srgb, var(--border2) 54%, transparent);
  background: color-mix(in srgb, var(--bg2) 80%, transparent);
  color: var(--text2);
  font-family: var(--mono);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.08em;
  padding: 6px 9px;
  cursor: pointer;
  text-transform: uppercase;
}
.atcc-empty-action:hover {
  color: var(--accent);
  border-color: color-mix(in srgb, var(--accent) 46%, var(--border2));
}
/* Modern surface direction - 2026-06-01 */
:root {
  --modern-surface-blur: 18px;
  --modern-edge-hot: color-mix(in srgb, var(--accent) 28%, var(--border2));
  --modern-quiet-shadow: 0 18px 50px rgba(0,0,0,0.12);
  --modern-chip-shadow: 0 8px 20px rgba(0,0,0,0.10);
}
[data-theme="dark"] {
  --modern-quiet-shadow: 0 22px 70px rgba(0,0,0,0.46);
  --modern-chip-shadow: 0 10px 28px rgba(0,0,0,0.34);
}
#view-scanner {
  position: relative;
  isolation: isolate;
}
#view-scanner::before {
  content: "";
  position: fixed;
  inset: var(--header-h) 0 0 var(--sidebar-w);
  pointer-events: none;
  z-index: -1;
  background:
    radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--accent) 10%, transparent) 0 22%, transparent 44%),
    linear-gradient(135deg, transparent 0 58%, color-mix(in srgb, var(--scanner-cloud) 7%, transparent) 100%);
  opacity: 0.72;
}
body.sidebar-collapsed #view-scanner::before,
html[data-sidebar-collapsed="1"] #view-scanner::before {
  left: 40px;
}
.scanner-market-header {
  gap: 14px;
  align-items: stretch;
  border-bottom-color: color-mix(in srgb, var(--border2) 64%, transparent);
}
.scanner-watchlist-section,
.scanner-suggested-section {
  position: relative;
  border: 1px solid color-mix(in srgb, var(--border2) 48%, transparent);
  border-radius: 9px;
  padding: 10px;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--bg1) 88%, white 4%) 0%, color-mix(in srgb, var(--bg1) 92%, black 8%) 100%),
    var(--bg1);
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, white 9%, transparent),
    inset 0 -1px 0 color-mix(in srgb, black 18%, transparent),
    var(--modern-quiet-shadow);
  overflow: visible;
}
.scanner-watchlist-head,
.scanner-suggested-row {
  margin-bottom: 10px;
}
.scanner-section-title {
  font-size: 7px;
  color: var(--text3);
  opacity: 0.82;
}
.scanner-help-anchor .spc-preview-hint {
  border-color: color-mix(in srgb, var(--border3) 42%, transparent);
}
#wl-ticker-grid .spc {
  position: relative;
  min-height: 26px;
  border-radius: 0px;
  border-color: var(--border2);
  background: var(--ticker-chips-bg);
  box-shadow: none;
  overflow: hidden;
}
#wl-ticker-grid .spc::before,
#wl-ticker-grid .spc::after {
  display: none;
  content: none;
  background: none;
  transform: none;
  opacity: 0;
}
#spc-grid button.spc::before,
#spc-grid button.spc::after {
  display: none;
  content: none;
  background: none;
  opacity: 0;
  transform: none;
  transition: none;
}
#wl-ticker-grid .spc:hover {
  border-color: var(--border2);
  background: var(--bg2);
  box-shadow: none;
}
#wl-ticker-grid .spc:hover::after {
  opacity: 0;
  transform: none;
  transition: none;
}
.scanner-tab {
  min-height: 22px;
  border-radius: 0px;
  border: 0;
  border-bottom: 1px solid transparent;
  transition: color 0.16s ease, background 0.16s ease, transform 0.16s ease, opacity 0.16s ease;
}
.scanner-tab.active {
  box-shadow: none;
}
[data-ta-sym].atcc-card-shell,
[id^="atcc-"][data-ta-sym],
[id^="atcc-"][data-ta-sym].atcc-card-shell,
[data-ta-sym].atcc-loading-shell,
[data-ta-sym].atcc-error-placeholder,
[data-ta-sym].atcc-shell-placeholder {
  border: 0;
  transform: none;
  will-change: auto;
  box-shadow:
    0 18px 46px rgba(0, 0, 0, 0.14),
    0 0 58px color-mix(in srgb, var(--accent) 7%, transparent);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;
}
.atcc-inner-grid.lp-stacked .atcc-levels-panel {
  background: var(--atcc-top-panel-bg);
}
.atcc-chart-panel {
  background:
    radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--accent) 6%, transparent) 0 24%, transparent 42%),
    var(--atcc-chart-bg);
  border-top: 0;
}
.alert-card-tide,
.wywa-card,
.scanner-alert-card {
  transform-origin: 50% 0%;
}
.modern-motion-ready #wl-ticker-grid .spc,
.modern-motion-ready #spc-grid button.spc,
.modern-motion-ready .scanner-watchlist-section,
.modern-motion-ready .scanner-suggested-section {
  will-change: transform;
}
@media (max-width: 920px) {  .scanner-watchlist-section,
  .scanner-suggested-section {
    flex-basis: 100%;
  }
}
[data-theme="dark"] [data-ta-sym].atcc-card-shell,
[data-theme="dark"] [id^="atcc-"][data-ta-sym],
[data-theme="dark"] [id^="atcc-"][data-ta-sym].atcc-card-shell,
[data-theme="dark"] [data-ta-sym].atcc-card-shell:hover,
[data-theme="dark"] [id^="atcc-"][data-ta-sym].atcc-card-shell:hover,
[data-theme="dark"] [data-ta-sym].atcc-loading-shell,
[data-theme="dark"] [data-ta-sym].atcc-error-placeholder,
[data-theme="dark"] [data-ta-sym].atcc-shell-placeholder {
  border: 0;
  box-shadow:
    0 18px 50px rgba(0, 0, 0, 0.36),
    0 0 62px color-mix(in srgb, var(--accent) 8%, transparent);
}
/* Modern pass corrections - keep header sections unwrapped and avoid transform blur */
.scanner-watchlist-section,
.scanner-suggested-section {
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
  box-shadow: none;
}
#wl-ticker-grid .spc:hover,
#spc-grid button.spc:hover,
.scanner-tab:hover,
.scanner-add-btn:hover {
  transform: none;
}
.modern-motion-ready #wl-ticker-grid .spc,
.modern-motion-ready #spc-grid button.spc,
.modern-motion-ready .scanner-watchlist-section,
.modern-motion-ready .scanner-suggested-section {
  will-change: auto;
}
/* Scanner header alignment + left-edge confluence accents */
.scanner-market-header {
  align-items: flex-start;
}
.scanner-watchlist-head,
.scanner-suggested-row {
  min-height: 24px;
  height: 24px;
  margin-bottom: 8px;
  align-items: center;
}
.scanner-suggested-row {
  flex-wrap: nowrap;
  overflow: visible;
}
.scanner-title-wrap {
  flex: 0 0 auto;
}
.scanner-tabs {
  flex: 0 0 auto;
}
#wl-ticker-grid,
#spc-grid {
  margin-top: 0;
}
#spc-grid {
  min-height: 26px;
  gap: 8px 9px;
  align-content: flex-start;
  align-items: flex-start;
}
.scanner-suggested-section {
  gap: 0;
}
/* Scanner chip edge + row alignment refinement */
#spc-grid button.spc {
  margin-top: 0;
}
/* Watchlist/scanner chip height normalization */
#wl-ticker-grid .spc,
#spc-grid button.spc {
  line-height: 1;
  align-items: center;
}
#wl-ticker-grid .spc {
  height: 30px;
  min-height: 30px;
}
#spc-grid button.spc {
  height: 26px;
  min-height: 26px;
}
#wl-ticker-grid .spc {
  padding-top: 4px;
  padding-bottom: 4px;
}
#spc-grid button.spc {
  padding: 3px 9px;
}
#wl-ticker-grid .wl-logo-chip,
#wl-ticker-grid .spc img,
#wl-ticker-grid .spc .wl-chip-logo,
#wl-ticker-grid .spc .wl-logo-fallback,
#spc-grid button.spc .spc-logo,
#spc-grid button.spc .spc-logo-fallback {
  width: 20px;
  height: 20px;
  min-width: 20px;
}
/* Watchlist chip fixed close-slot layout */
#wl-ticker-grid .spc.wl-chip {
  position: relative;
  min-width: 112px;
  max-width: 132px;
  padding: 4px 28px 4px 6px;
}
#wl-ticker-grid .spc.wl-chip .wl-ticker-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#wl-ticker-grid .spc.wl-chip .wl-count-badge,
#wl-ticker-grid .spc.wl-chip .wl-alert-dot {
  flex: 0 0 auto;
}
#wl-ticker-grid .spc.wl-chip .wl-chip-remove {
  position: absolute;
  top: 50%;
  right: 7px;
  width: 12px;
  height: 16px;
  min-width: 12px;
  margin: 0;
  padding: 0;
  transform: translateY(-50%);
}
/* Responsive scanner/watchlist row wrapping */
.scanner-market-header {
  flex-wrap: wrap;
  align-items: flex-start;
}
.scanner-watchlist-section {
  flex: 0 1 460px;
  min-width: min(100%, 300px);
  max-width: 460px;
}
.scanner-suggested-section {
  flex: 1 1 520px;
  min-width: min(100%, 320px);
  max-width: 100%;
}
#wl-ticker-grid {
  grid-template-columns: repeat(auto-fit, minmax(112px, 132px));
  justify-content: start;
  align-items: start;
}
#wl-ticker-grid .spc.wl-chip {
  width: min(100%, 132px);
  max-width: 132px;
}
#spc-grid {
  min-width: 0;
}
@media (max-width: 900px) {  .scanner-watchlist-section,
  .scanner-suggested-section {
    flex-basis: 100%;
  }
}
/* Variable-driven chip surfaces - keep --ticker-chips-bg in control */
#wl-ticker-grid .spc {
  background: var(--ticker-chips-bg);
}
#wl-ticker-grid .spc:hover {
  background: var(--bg2);
}
:root #wl-ticker-grid .wl-chip.is-en,
:root #wl-ticker-grid .wl-chip.is-sw,
:root #wl-ticker-grid .wl-chip.is-br,
:root #wl-ticker-grid .wl-chip.is-lvl,
:root #wl-ticker-grid .wl-chip.is-liq,
:root #wl-ticker-grid .wl-chip.is-cloud,
:root #wl-ticker-grid .wl-chip.is-os5 {
  background: var(--ticker-chips-bg);
  border-color: var(--border2);
  color: var(--text);
  box-shadow: none;
}
#wl-ticker-grid .wl-chip.is-en::after,
#wl-ticker-grid .wl-chip.is-sw::after,
#wl-ticker-grid .wl-chip.is-br::after,
#wl-ticker-grid .wl-chip.is-lvl::after,
#wl-ticker-grid .wl-chip.is-liq::after,
#wl-ticker-grid .wl-chip.is-cloud::after,
#wl-ticker-grid .wl-chip.is-os5::after,
#spc-grid button.spc::after {
  display: none;
}
:root #wl-ticker-grid .wl-chip.is-en:hover,
:root #wl-ticker-grid .wl-chip.is-sw:hover,
:root #wl-ticker-grid .wl-chip.is-br:hover,
:root #wl-ticker-grid .wl-chip.is-lvl:hover,
:root #wl-ticker-grid .wl-chip.is-liq:hover,
:root #wl-ticker-grid .wl-chip.is-cloud:hover,
:root #wl-ticker-grid .wl-chip.is-os5:hover {
  background: var(--bg2);
  border-color: var(--border2);
  color: var(--text);
}
#wl-ticker-grid .wl-chip.is-en .wl-ticker-label,
#wl-ticker-grid .wl-chip.is-sw .wl-ticker-label,
#wl-ticker-grid .wl-chip.is-br .wl-ticker-label,
#wl-ticker-grid .wl-chip.is-lvl .wl-ticker-label,
#wl-ticker-grid .wl-chip.is-liq .wl-ticker-label,
#wl-ticker-grid .wl-chip.is-cloud .wl-ticker-label,
#wl-ticker-grid .wl-chip.is-os5 .wl-ticker-label {
  color: currentColor;
}
:root #spc-grid button.spc.spc-combo {
  color: var(--chip-color);
}
:root #spc-grid button.spc.spc-combo:hover {
  color: color-mix(in srgb, var(--chip-color) 86%, white 14%);
}
#spc-grid button.spc.spc-combo .spc-ticker {
  color: currentColor;
}
/* cohesive list, auto, and feedback polish */
.lp-list-modal[data-lp-title="TREND"] { --lp-list-accent: var(--trendline); }
.lp-list-modal[data-lp-title="LVL"] { --lp-list-accent: var(--alert-lvl); }
.lp-list-modal[data-lp-title="OB"] { --lp-list-accent: var(--ob-count); }
.lp-list-modal[data-lp-title="RECENT"] { --lp-list-accent: var(--text3); }
.lp-list-modal-head {
  color: color-mix(in srgb, var(--lp-list-accent, var(--text2)) 88%, var(--text2));
}
.lp-list-modal-title {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.lp-list-modal-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lp-list-modal-count {
  min-width: 12px;
  height: 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 0 4px;
  color: var(--lp-list-accent, var(--accent));
  background: color-mix(in srgb, var(--lp-list-accent, var(--accent)) 18%, transparent);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0;
  opacity: 1;
}
.lp-list-modal-body {
  padding: 6px;
}
.lp-list-modal-body .lp-empty {
  min-height: 34px;
  display: flex;
  align-items: center;
  padding: 0 6px;
  font-style: normal;
  color: color-mix(in srgb, var(--text3) 76%, var(--text) 24%);
  opacity: 0.96;
}
.lp-list-row,
._lvl-hover-row,
.lp-recent-row {
  position: relative;
  isolation: isolate;
  min-height: 22px;
  gap: 6px;
  padding: 5px 6px;
  border-radius: 5px;
}
.lp-list-modal-body > div:hover {
  background: color-mix(in srgb, var(--lp-list-accent, var(--accent)) 8%, var(--bg2));
}
.lp-list-price {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 650;
  color: color-mix(in srgb, var(--text) 94%, var(--text3) 6%);
}
.lp-list-distance {
  margin-left: auto;
  text-align: right;
  font-weight: 650;
  opacity: 1;
  color: color-mix(in srgb, var(--text3) 72%, var(--text) 28%);
}
.list-delete-x {
  position: relative;
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin-left: 4px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid color-mix(in srgb, var(--border2) 52%, transparent);
  color: var(--text3);
  font-size: 0;
  line-height: 1;
  opacity: 0.76;
}
.list-delete-x::before,
.list-delete-x::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 1px;
  border-radius: 1px;
  background: currentColor;
  transform-origin: center;
}
.list-delete-x::before { transform: translate(-50%, -50%) rotate(45deg); }
.list-delete-x::after { transform: translate(-50%, -50%) rotate(-45deg); }
.list-delete-x:hover { color: var(--bear); opacity: 1; }
.obj-state-row.is-armed .lp-list-price,
.obj-state-row.is-armed .lp-list-distance {
  color: var(--accent);
}
.obj-state-row.is-muted {
  opacity: 0.72;
}
.obj-state-row.is-muted:hover {
  opacity: 0.96;
}
.map-action-summary {
  height: 18px;
  display: inline-flex;
  align-items: center;
  padding: 0 7px;
  border-radius: 5px;
  color: color-mix(in srgb, var(--text3) 86%, var(--text) 14%);
  background: color-mix(in srgb, var(--text3) 7%, var(--atcc-top-panel-bg));
  font-family: var(--mono);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.06em;
  line-height: 1;
  white-space: nowrap;
}
.map-actions.is-inline .map-action-btn {
  min-width: 28px;
  height: 18px;
  font-size: 8px;
}
#spc-scan-placeholder,
#atcc-loading,
.atcc-canvas-loading,
.td-drawer-loading {
  color: color-mix(in srgb, var(--text3) 84%, var(--text) 16%);
}
.atcc-loading-text,
.scanner-empty,
.spc-empty,
.lp-empty,
.atcc-empty-state {
  color: color-mix(in srgb, var(--text3) 84%, var(--text) 16%);
  opacity: 0.88;
}
[data-theme="dark"] .atcc-card,
[data-theme="dark"] .ticker-chip,
[data-theme="dark"] .spc {
  border-color: color-mix(in srgb, var(--atcc-card-line, var(--border2)) 92%, var(--text) 8%);
}
/* Scanner identity source rules */
.scanner-tab[data-spc-tab="trend"] { --scanner-tab-color: var(--scanner-trend); }
.scanner-tab[data-spc-tab="os5"] { --scanner-tab-color: var(--scanner-os5); }
.scanner-tab[data-spc-tab="cloud"] { --scanner-tab-color: var(--scanner-cloud); }
.scanner-tab[data-spc-tab="recovery"] { --scanner-tab-color: var(--scanner-recovery); }
.scanner-tab[data-spc-tab="ema13"] { --scanner-tab-color: var(--scanner-ema13); }
.scanner-tab.active {
  background: var(--scanner-tab-color, var(--accent));
  border-color: transparent;
  color: #fff;
  box-shadow: none;
}
#spc-grid button.spc-trend .spc-ticker,
#spc-grid .spc-ticker-trend { color: var(--scanner-trend); }
#spc-grid button.spc-os5 .spc-ticker,
#spc-grid .spc-ticker-os5 { color: var(--scanner-os5); }
#spc-grid button.spc-cloud .spc-ticker,
#spc-grid .spc-ticker-cloud { color: var(--scanner-cloud); }
#spc-grid button.spc-recovery .spc-ticker,
#spc-grid .spc-ticker-recovery { color: var(--scanner-recovery); }
#spc-grid button.spc-ema13 .spc-ticker,
#spc-grid .spc-ticker-ema13 { color: var(--scanner-ema13); }
#spc-grid button.spc.spc-combo-trend { --chip-color: var(--scanner-trend); }
#spc-grid button.spc.spc-combo-os5 { --chip-color: var(--scanner-os5); }
#spc-grid button.spc.spc-combo-cloud { --chip-color: var(--scanner-cloud); }
#spc-grid button.spc.spc-combo-recovery { --chip-color: var(--scanner-recovery); }
#spc-grid button.spc.spc-combo-ema13 { --chip-color: var(--scanner-ema13); }
#spc-grid .spc-empty-trend,
#spc-grid .spc-scan-loading-trend { --scanner-empty-color: var(--scanner-trend); --scanner-active-color: var(--scanner-trend); }
#spc-grid .spc-empty-os5,
#spc-grid .spc-scan-loading-os5 { --scanner-empty-color: var(--scanner-os5); --scanner-active-color: var(--scanner-os5); }
#spc-grid .spc-empty-cloud,
#spc-grid .spc-scan-loading-cloud { --scanner-empty-color: var(--scanner-cloud); --scanner-active-color: var(--scanner-cloud); }
#spc-grid .spc-empty-recovery,
#spc-grid .spc-scan-loading-recovery { --scanner-empty-color: var(--scanner-recovery); --scanner-active-color: var(--scanner-recovery); }
#spc-grid .spc-empty-ema13,
#spc-grid .spc-scan-loading-ema13 { --scanner-empty-color: var(--scanner-ema13); --scanner-active-color: var(--scanner-ema13); }
.scanner-tooltip-trend { color: var(--scanner-trend); }
.scanner-tooltip-os5 { color: var(--scanner-os5); }
.scanner-tooltip-cloud { color: var(--scanner-cloud); }
.scanner-tooltip-recovery { color: var(--scanner-recovery); }
.scanner-tooltip-ema13 { color: var(--scanner-ema13); }
#alertTickersList .scanner-notice-trend { --scanner-notice-color: var(--scanner-trend); }
#alertTickersList .scanner-notice-os5 { --scanner-notice-color: var(--scanner-os5); }
#alertTickersList .scanner-notice-cloud { --scanner-notice-color: var(--scanner-cloud); }
#alertTickersList .scanner-notice-recovery { --scanner-notice-color: var(--scanner-recovery); }
#alertTickersList .scanner-notice-ema13 { --scanner-notice-color: var(--scanner-ema13); }
.scanner-add-wrap {
  position: relative;
}
.scanner-add-wrap:not(.is-open) .scanner-add-popover {
  display: none;
}
.scanner-add-popover {
  position: absolute;
  top: calc(100% + 7px);
  right: 0;
  z-index: 10030;
  width: min(238px, calc(100vw - 34px));
  padding: 9px;
  border: 1px solid var(--scanner-meta-border);
  border-radius: 0;
  background: var(--vs-popover-surface);
  box-shadow: 0 18px 42px rgba(0,0,0,0.28);
}
.scanner-add-modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 7px;
  font-family: var(--pixel);
  font-size: 7px;
  line-height: 1;
  color: var(--accent);
  letter-spacing: 0;
  text-transform: uppercase;
}
.scanner-add-close,
.scanner-add-submit {
  border: 1px solid color-mix(in srgb, var(--border2) 46%, transparent);
  border-radius: 0;
  background: color-mix(in srgb, var(--bg2) 70%, transparent);
  color: var(--text3);
  font-family: var(--mono);
  cursor: pointer;
}
.scanner-add-close {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-color: transparent;
  background: transparent;
  font-size: 13px;
  line-height: 1;
}
.scanner-add-submit {
  height: var(--scanner-control-h);
  padding: 0 9px;
  font-size: 9px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.scanner-add-close:hover,
.scanner-add-submit:hover {
  color: var(--text);
  border-color: color-mix(in srgb, var(--accent) 34%, var(--border2));
}
.scanner-add-popover .scanner-add-field {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.scanner-add-popover #wl-add-input {
  width: 100%;
}
.scanner-add-popover #wl-ticker-dropdown {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  width: auto;
  min-width: 0;
  max-width: none;
  display: none;
}
.scanner-add-popover #wl-ticker-dropdown.open {
  display: block;
}
.scanner-add-popover #wl-ticker-dropdown .ticker-drop-item {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr) auto;
  align-items: center;
  min-height: 24px;
  gap: 7px;
  padding: 5px 7px;
}
.scanner-add-popover #wl-ticker-dropdown .ticker-drop-symbol {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.scanner-add-popover #wl-ticker-dropdown .ticker-drop-name {
  display: none;
}
.scanner-add-popover #wl-ticker-dropdown .ticker-drop-rank {
  white-space: nowrap;
  opacity: 0.58;
}