:root {
  --bg: #0b0d10;
  --panel: #11151a;
  --panel-2: #171c22;
  --panel-3: #1d232b;
  --line: #28303a;
  --line-soft: #1d242c;
  --text: #e8edf3;
  --muted: #8e99a6;
  --accent: #4da3ff;
  --accent-2: #2b78c9;
  --danger: #ff6565;
  --ok: #55d187;
  --warn: #e9bb5a;
  --radius: 10px;
}
* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; background: var(--bg); color: var(--text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
button, input { font: inherit; }
button { color: inherit; }
.hidden { display: none !important; }
.muted { color: var(--muted); }
.small { font-size: 12px; }

.login-view { min-height: 100%; display: grid; place-items: center; padding: 24px; background: radial-gradient(circle at 50% 20%, #152231 0, #0b0d10 44%); }
.login-card { width: min(520px, 100%); padding: 30px; background: rgba(17,21,26,.96); border: 1px solid var(--line); border-radius: 16px; box-shadow: 0 28px 80px rgba(0,0,0,.42); }
.brand-row { display: flex; align-items: center; gap: 13px; margin-bottom: 28px; }
.brand-icon { width: 44px; height: 44px; border-radius: 10px; }
.brand-name { font-size: 20px; font-weight: 750; }
.login-card h1 { margin: 0 0 8px; font-size: 25px; }
.login-copy { line-height: 1.5; margin: 0 0 24px; }
.field-label { display: block; margin: 14px 0 7px; color: #b8c2ce; font-size: 13px; font-weight: 650; }
.text-input { width: 100%; padding: 12px 13px; background: #0d1116; border: 1px solid #313a45; border-radius: 8px; color: var(--text); outline: none; }
.text-input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(77,163,255,.12); }
.advanced { margin: 13px 0; color: var(--muted); font-size: 13px; }
.advanced summary { cursor: pointer; user-select: none; }
.primary-button { border: 0; border-radius: 8px; background: var(--accent-2); padding: 11px 15px; font-weight: 700; cursor: pointer; }
.primary-button:hover { background: #3589df; }
.primary-button:disabled { opacity: .55; cursor: default; }
.auth-submit { width: 100%; margin-top: 18px; }
.login-error { min-height: 20px; margin-top: 12px; color: #ff7d7d; font-size: 13px; }
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0 0 24px;padding:4px;background:#0d1116;border:1px solid #28313a;border-radius:9px}.auth-tab{height:34px;border:0;border-radius:6px;background:transparent;color:#8f9dab;cursor:pointer;font-weight:700;font-size:12px}.auth-tab.active{background:#1d2731;color:#e6edf4}.auth-pane h1{margin-top:0}.account-badge{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aebbc8;font-size:11px;padding:4px 7px;border:1px solid #2d3742;border-radius:6px;background:#151b21}


.terminal-view { height: 100%; overflow: hidden; }
.topbar { height: 52px; display: flex; align-items: center; justify-content: space-between; padding: 0 14px; border-bottom: 1px solid var(--line); background: #101419; position: relative; z-index: 60; }
.topbar-brand, .topbar-actions { display: flex; align-items: center; gap: 9px; }
.topbar-icon { width: 27px; height: 27px; border-radius: 6px; }
.version-tag { font-size: 10px; letter-spacing: .06em; color: #8190a0; padding: 3px 6px; background: #1b222a; border-radius: 5px; }
.toolbar-button, .icon-button { border: 1px solid #303946; background: #1a2027; border-radius: 7px; padding: 7px 10px; cursor: pointer; }
.toolbar-button:hover, .icon-button:hover { background: #232b34; }
.toolbar-button.subtle { color: #aab4c0; }
.icon-button { padding: 2px 9px; font-size: 22px; line-height: 1.3; }
.connection-status { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--muted); margin-right: 4px; }
.status-dot { width: 8px; height: 8px; border-radius: 50%; background: #7b8794; }
.connection-status.online .status-dot { background: var(--ok); box-shadow: 0 0 9px rgba(85,209,135,.35); }
.connection-status.error .status-dot { background: var(--danger); }
.connection-status.connecting .status-dot { background: var(--warn); }

.workspace { position: relative; width: 100%; height: calc(100% - 52px); overflow: auto; background-color: #0b0e12; background-image: linear-gradient(#151a20 1px, transparent 1px), linear-gradient(90deg, #151a20 1px, transparent 1px); background-size: 24px 24px; min-width: 900px; min-height: 560px; }
.workspace::after { content: ""; position: absolute; left: 0; top: 0; width: 2400px; height: 1600px; pointer-events: none; }
.empty-state { position: absolute; left: 50%; top: 44%; transform: translate(-50%,-50%); text-align: center; color: var(--muted); z-index: 2; }
.empty-state h2 { margin: 9px 0 5px; color: #cdd6e0; font-size: 19px; }
.empty-state p { margin: 0 0 16px; }
.empty-icon { width: 52px; height: 52px; display: grid; place-items: center; margin: auto; border: 1px dashed #3b4652; border-radius: 14px; font-size: 27px; color: #667789; }

.catalog { position: fixed; z-index: 90; top: 60px; right: 12px; width: 330px; max-height: calc(100vh - 74px); overflow: hidden; background: #12171d; border: 1px solid #303946; border-radius: 12px; box-shadow: 0 18px 60px rgba(0,0,0,.48); }
.catalog-head { display: flex; align-items: flex-start; justify-content: space-between; padding: 14px; border-bottom: 1px solid var(--line-soft); }
.catalog-list { padding: 8px; overflow: auto; max-height: calc(100vh - 150px); }
.catalog-item { display: flex; gap: 11px; align-items: center; width: 100%; padding: 11px; border: 0; border-radius: 8px; background: transparent; text-align: left; cursor: pointer; }
.catalog-item:hover:not(:disabled) { background: #1a2129; }
.catalog-item:disabled { opacity: .47; cursor: default; }
.catalog-item-icon { width: 34px; height: 34px; border-radius: 8px; display: grid; place-items: center; background: #202832; color: #9ecbff; font-weight: 800; }
.catalog-item-main { flex: 1; min-width: 0; }
.catalog-item-title { font-size: 13px; font-weight: 700; color: #dce4ec; }
.catalog-item-desc { font-size: 11px; color: var(--muted); margin-top: 3px; }
.soon-tag { font-size: 9px; letter-spacing: .04em; padding: 2px 5px; background: #2a2520; color: #bea36d; border-radius: 4px; }

.widget { position: absolute; min-width: 260px; min-height: 160px; background: rgba(17,22,28,.98); border: 1px solid #303946; border-radius: var(--radius); box-shadow: 0 10px 30px rgba(0,0,0,.25); overflow: hidden; z-index: 10; }
.widget.active { border-color: #416b97; box-shadow: 0 12px 32px rgba(0,0,0,.32), 0 0 0 1px rgba(77,163,255,.12); }
.widget-header { height: 38px; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0 8px 0 11px; background: #171d24; border-bottom: 1px solid #28303a; user-select: none; cursor: move; touch-action: none; }
.widget-title { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 720; }
.widget-title-dot { width: 7px; height: 7px; border-radius: 50%; background: #4f8cc7; }
.widget-controls { display: flex; align-items: center; gap: 4px; }
.widget-control { width: 26px; height: 26px; border: 0; border-radius: 5px; background: transparent; color: #7f8c99; cursor: pointer; }
.widget-control:hover { background: #252d36; color: #d7dee6; }
.widget-body { height: calc(100% - 38px); position: relative; overflow: auto; }
.resize-handle { position: absolute; right: 0; bottom: 0; width: 18px; height: 18px; cursor: nwse-resize; touch-action: none; z-index: 4; }
.resize-handle::after { content: ""; position: absolute; right: 4px; bottom: 4px; width: 7px; height: 7px; border-right: 2px solid #536271; border-bottom: 2px solid #536271; }

.clock-widget { height: 100%; display: grid; place-items: center; text-align: center; padding: 16px; }
.clock-time { font-variant-numeric: tabular-nums; font-size: clamp(28px, 4vw, 46px); line-height: 1; letter-spacing: .025em; font-weight: 700; color: #edf5ff; }
.clock-ms { color: #7f9ab5; font-size: .48em; margin-left: 2px; }
.clock-date { margin-top: 10px; color: #94a1ae; font-size: 12px; }
.clock-meta { position: absolute; left: 10px; right: 10px; bottom: 8px; display: flex; justify-content: space-between; gap: 8px; color: #64717e; font-size: 10px; }

@media (max-width: 760px) {
  .topbar { padding: 0 8px; }
  .version-tag, #resetButton { display: none; }
  .connection-status span:last-child { display: none; }
  .catalog { left: 8px; right: 8px; width: auto; }
}

/* Tradext Web v0.2 — separate News and Signals widgets */
.web-news{height:100%;display:flex;flex-direction:column;min-height:0;background:#11161c;color:var(--text)}
.web-news-toolbar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:6px;height:34px;padding:0 6px;border-bottom:1px solid var(--line-soft);background:#131920;min-width:0}
.web-news-filters{display:flex;align-items:center;gap:1px;overflow-x:auto;min-width:0;scrollbar-width:none}
.web-news-filters::-webkit-scrollbar{display:none}
.web-news-filters button,.web-news-actions button{height:27px;padding:0 7px;border:0;background:transparent;color:#aab5c0;font-size:9.5px;white-space:nowrap;cursor:pointer;border-radius:4px}
.web-news-filters button:hover,.web-news-actions button:hover{background:#1e2730;color:#e1e8ef}
.web-news-filters button.active{color:#e8edf3;box-shadow:inset 0 -2px 0 rgba(92,161,225,.8);border-radius:0}
.web-news-signal .web-news-filters button.active{box-shadow:inset 0 -2px 0 rgba(224,153,72,.85)}
.web-news-actions{display:flex;align-items:center;flex:0 0 auto}
.web-news-actions button.active{color:#e8c26b;background:rgba(227,185,78,.08)}
.web-news-actions button.has-new{color:#e8c26b;font-weight:750}
.web-news-feed{flex:1 1 auto;min-height:0;overflow:auto;padding:5px 5px 7px;background:rgba(4,12,19,.055)}
.news-row{box-sizing:border-box;margin:0 0 5px;padding:8px 9px 6px;border:1px solid rgba(105,137,160,.22);border-radius:4px;background:rgba(47,72,91,.115);box-shadow:inset 0 1px 0 rgba(255,255,255,.012);transition:background .12s ease,border-color .12s ease}
.news-row:last-child{margin-bottom:0}.news-row:hover{background:rgba(55,84,105,.18);border-color:rgba(124,158,182,.31)}
.news-row-signal{background:rgba(75,59,37,.105);border-color:rgba(202,151,84,.24);box-shadow:inset 2px 0 0 rgba(224,153,72,.55)}
.news-row-signal:hover{background:rgba(91,69,40,.16);border-color:rgba(224,163,88,.34)}
.news-card-text{margin:0;font-size:12.45px;font-weight:560;line-height:1.36;color:#dfe7ee;overflow-wrap:anywhere}
.news-card-footer{display:flex;align-items:center;flex-wrap:nowrap;gap:5px;min-width:0;margin:6px 0 0;padding-top:4px;border-top:1px solid rgba(110,139,160,.13);font-size:9.35px;line-height:1.15;color:#8c9aa8}
.news-row-signal .news-card-footer{border-top-color:rgba(202,151,84,.13)}
.news-channel{min-width:0;max-width:58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650;color:#a8b5c1}
.news-source-dot{width:5px;height:5px;border-radius:50%;flex:0 0 auto;background:rgba(104,165,218,.90);box-shadow:0 0 0 1px rgba(104,165,218,.16)}
.news-row-signal .news-source-dot{background:rgba(224,153,72,.95);box-shadow:0 0 0 1px rgba(224,153,72,.18)}
.news-meta-spacer{flex:1 1 auto;min-width:4px}.news-time{flex:0 0 auto;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}.news-delay{flex:0 0 auto;font-size:8.7px;color:#72808e}.news-open{flex:0 0 auto;margin-left:2px;font-size:12px;color:#8eabc5;text-decoration:none}.news-open:hover{color:#c7e2fa}
.news-ticker{display:inline-block;padding:0 3px;border-radius:2px;background:rgba(93,153,211,.13);color:#76afe5;font-weight:800}.news-hashtag{display:inline-block;margin:0 1px;padding:0 3px;border-radius:2px;background:rgba(114,139,158,.13);color:rgba(190,209,222,.88);font-size:.91em;font-weight:650}
.news-row.news-new{border-color:rgba(227,185,78,.34);box-shadow:inset 2px 0 0 rgba(227,185,78,.78)}.news-row-signal.news-new{border-color:rgba(224,153,72,.38);box-shadow:inset 2px 0 0 rgba(224,153,72,.88)}
.web-news-empty{display:grid;place-items:center;height:100%;min-height:120px;color:#667482;font-size:12px}.widget.news-attention{border-color:rgba(227,185,78,.6);box-shadow:0 12px 32px rgba(0,0,0,.32),0 0 0 1px rgba(227,185,78,.18)}

/* Tradext Web v0.3 — Robots MOEX */
.robot-web{height:100%;min-height:0;display:flex;flex-direction:column;background:#10151b;color:var(--text);position:relative;overflow:hidden}
.robot-toolbar{flex:0 0 auto;min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:3px 6px;border-bottom:1px solid var(--line-soft);background:#131920;min-width:0}
.robot-tabs,.robot-side,.robot-toolbar-actions{display:flex;align-items:center;gap:2px;min-width:0}.robot-tabs{overflow-x:auto;scrollbar-width:none}.robot-tabs::-webkit-scrollbar{display:none}.robot-toolbar-actions{flex:0 0 auto}
.robot-toolbar button{height:27px;border:0;border-radius:4px;background:transparent;color:#9eabb8;padding:0 7px;font-size:9.5px;white-space:nowrap;cursor:pointer}.robot-toolbar button:hover{background:#1e2730;color:#e2e9f0}.robot-toolbar button.active{background:#202b35;color:#eef5fc;box-shadow:inset 0 -2px 0 rgba(80,163,235,.8)}
.robot-side button[data-side="BUY"].active{color:#65d79a;box-shadow:inset 0 -2px 0 rgba(85,209,135,.85)}.robot-side button[data-side="SELL"].active{color:#ff8787;box-shadow:inset 0 -2px 0 rgba(255,101,101,.85)}
.robot-summary{flex:0 0 auto;display:flex;align-items:center;gap:12px;min-height:25px;padding:3px 8px;border-bottom:1px solid rgba(77,92,107,.18);font-size:9.5px;color:#798795;background:#11171d}.robot-summary b{color:#cbd6e0;font-weight:750;font-variant-numeric:tabular-nums}
.robot-table-wrap{flex:1 1 auto;min-height:0;overflow:auto;background:#0e1318;scrollbar-color:#3c4956 #151b21;scrollbar-width:thin}.robot-table{width:100%;min-width:730px;border-collapse:separate;border-spacing:0;font-size:10.5px;font-variant-numeric:tabular-nums;white-space:nowrap}.robot-table thead{position:sticky;top:0;z-index:3}.robot-table th{height:27px;padding:0 7px;background:#151c23;border-bottom:1px solid #2b3540;color:#8e9baa;font-size:9.1px;font-weight:700;text-align:right;user-select:none}.robot-table th:first-child{text-align:left;left:0;z-index:4}.robot-table th[data-sort-key]{cursor:pointer}.robot-table th[data-sort-key]:hover{color:#d7e0e9;background:#1a222b}.robot-table td{height:29px;padding:0 7px;border-bottom:1px solid rgba(51,62,74,.38);text-align:right;color:#bdc7d1;background:rgba(16,22,28,.97)}.robot-table td:first-child{text-align:left;position:sticky;left:0;z-index:2;background:#11171d}.robot-table tr:hover td{background:#151d25}.robot-table tr:hover td:first-child{background:#17202a}
.robot-web.compact .robot-table{font-size:9.7px;min-width:650px}.robot-web.compact .robot-table td{height:25px;padding:0 5px}.robot-web.compact .robot-table th{height:24px;padding:0 5px;font-size:8.6px}
.robot-inactive td{color:#66727e;opacity:.78}.robot-inactive .robot-ticker{color:#7f8b96}.robot-active.robot-row-buy td{box-shadow:inset 0 0 0 transparent}.robot-active.robot-row-sell td{box-shadow:inset 0 0 0 transparent}.robot-buy{color:#62d79a!important}.robot-sell{color:#ff8585!important}.robot-special td{background:rgba(182,142,55,.10)}.robot-special td:first-child{background:#1d1d18}.robot-stop-alert td{animation:robot-stop-flash .8s ease-in-out 5;background:rgba(134,39,45,.24)!important}.robot-stop-alert .robot-countdown{color:#ff8383!important;font-weight:800}@keyframes robot-stop-flash{0%,100%{box-shadow:inset 0 0 0 0 rgba(255,91,91,0)}50%{box-shadow:inset 0 0 0 999px rgba(255,91,91,.10)}}
.robot-symbol{min-width:112px;max-width:190px}.robot-ticker{font-weight:800;color:#dbe5ee;letter-spacing:.01em}.robot-symbol small{margin-left:4px;color:#63717e;font-size:8px;font-weight:700}.robot-pair{margin-left:4px;color:#83aecd;font-size:10px}.robot-watch{width:20px;height:21px;padding:0;margin:0 4px 0 -3px;border:0;background:transparent;opacity:.18;filter:grayscale(1);font-size:10px;cursor:pointer;vertical-align:middle}.robot-watch:hover,.robot-watch.watched{opacity:.95;filter:none}.robot-lots i,.robot-slash{font-style:normal;color:#53616e;margin:0 2px}.robot-num{font-variant-numeric:tabular-nums}.robot-countdown{min-width:34px;color:#a9bac9}.robot-empty{height:100%;min-height:180px;display:grid;place-items:center;color:#64727f;font-size:11px}
.robot-sort-mark{display:inline-flex;align-items:center;gap:1px;margin-left:3px;color:#6faee6;font-size:8px}.robot-sort-mark b{display:inline-grid;place-items:center;width:11px;height:11px;border-radius:50%;background:#243d54;color:#badaf4;font-size:7px}
.robot-panel{position:absolute;z-index:12;top:37px;right:6px;width:min(430px,calc(100% - 12px));max-height:calc(100% - 48px);display:flex;flex-direction:column;background:#151b22;border:1px solid #36414d;border-radius:8px;box-shadow:0 18px 55px rgba(0,0,0,.55);overflow:hidden}.robot-settings-panel{width:min(480px,calc(100% - 12px))}.robot-panel-head{height:36px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 9px;border-bottom:1px solid #29323c;color:#d4dde6;font-size:11px}.robot-panel-head button{width:26px;height:26px;border:0;background:transparent;color:#8c98a5;border-radius:4px;font-size:19px;cursor:pointer}.robot-panel-head button:hover{background:#242d36;color:white}.robot-panel-scroll{overflow:auto;padding:8px}.robot-panel section{padding:7px 8px 10px;margin:0 0 8px;border:1px solid #28323c;border-radius:6px;background:#12181e}.robot-panel section:last-child{margin-bottom:0}.robot-panel h4{margin:0 0 7px;color:#8fa7bc;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.robot-panel label{display:grid;grid-template-columns:minmax(145px,1fr) minmax(100px,160px);align-items:center;gap:8px;margin:5px 0;color:#aab5c0;font-size:9.5px}.robot-panel label.robot-check{display:flex;grid-template-columns:none;gap:6px}.robot-panel input[type="text"],.robot-panel select,.robot-panel textarea{width:100%;border:1px solid #35414d;border-radius:4px;background:#0d1217;color:#d9e2ea;padding:5px 6px;font-size:9.5px;outline:none}.robot-panel textarea{min-height:44px;resize:vertical}.robot-panel input:focus,.robot-panel select:focus,.robot-panel textarea:focus{border-color:#4a81b0}.robot-panel input[type="checkbox"]{accent-color:#4b96d5}.robot-setting-note{margin-top:7px;color:#697887;font-size:8.8px;line-height:1.4}.robot-money-profile{display:grid;grid-template-columns:1fr 1fr;gap:3px 8px;margin:7px 0;padding:7px;border-radius:5px;background:#10161c;border:1px solid #222d37}.robot-money-profile>b{grid-column:1/-1;color:#c2cfda;font-size:9.5px}.robot-money-profile label{display:flex;flex-direction:column;align-items:stretch;gap:3px;margin:1px 0}.robot-money-profile label:first-of-type{grid-column:1/-1;flex-direction:row;align-items:center}
.robot-panel-foot{flex:0 0 auto;min-height:38px;display:flex;align-items:center;gap:6px;padding:6px 8px;border-top:1px solid #29323c;background:#13191f}.robot-panel-foot span{flex:1}.robot-panel-foot button{height:27px;border:1px solid #34404c;border-radius:5px;background:#1d252d;color:#aeb9c4;padding:0 9px;font-size:9.5px;cursor:pointer}.robot-panel-foot button:hover{background:#27313b}.robot-panel-foot button.primary{background:#245f91;border-color:#2b70aa;color:white}.robot-panel-foot button:disabled{opacity:.45;cursor:default}
.robot-sort-levels{padding:8px;overflow:auto}.robot-sort-empty{padding:18px 10px;text-align:center;color:#687685;font-size:9.5px}.robot-sort-level{display:grid;grid-template-columns:22px minmax(140px,1fr) 34px 28px;align-items:center;gap:5px;margin-bottom:6px}.robot-sort-level>span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#22303c;color:#9fbad0;font-size:9px}.robot-sort-level select{height:29px;border:1px solid #35414d;border-radius:4px;background:#0f151b;color:#d4dde5;padding:0 6px;font-size:9.5px}.robot-sort-level button{height:29px;border:1px solid #35414d;border-radius:4px;background:#1b232b;color:#aeb9c4;cursor:pointer}
@media(max-width:900px){.robot-toolbar{align-items:flex-start;flex-direction:column}.robot-toolbar-actions{width:100%;justify-content:space-between}.robot-panel{top:67px}.robot-table{min-width:640px}.robot-summary{gap:8px}.robot-settings-panel{width:calc(100% - 12px)}}

/* Tradext Web v0.4 — remaining production widgets */
.widget-mini-button{width:27px;height:26px;border:1px solid #303a45;background:#182029;color:#9caaba;border-radius:5px;cursor:pointer}.widget-mini-button:hover{background:#222c36;color:#edf3f8}
.widget-data-empty{display:grid;place-items:center;min-height:130px;padding:18px;color:#667583;font-size:11px;text-align:center}

/* Limits */
.limits-web{height:100%;min-height:0;display:flex;flex-direction:column;background:#0f141a}.limits-top{flex:0 0 35px;display:flex;align-items:center;justify-content:space-between;padding:0 7px;border-bottom:1px solid #27303a;background:#141a21}.limits-top>div{display:flex;align-items:center;gap:7px;font-size:11px}.limit-count{display:inline-grid;place-items:center;min-width:20px;height:18px;padding:0 5px;border-radius:9px;background:#202a34;color:#91a3b5;font-size:9px}.limits-settings-web{flex:0 0 auto;padding:8px;border-bottom:1px solid #29323c;background:#151b22;max-height:250px;overflow:auto}.limits-setting-grid{display:grid;grid-template-columns:repeat(3,minmax(115px,1fr));gap:6px}.limits-setting-grid label,.limits-blacklist{display:flex;flex-direction:column;gap:3px;color:#8897a5;font-size:8.8px}.limits-setting-grid input,.limits-blacklist textarea{width:100%;border:1px solid #34414e;border-radius:4px;background:#0d1217;color:#dbe3eb;padding:5px 6px;outline:none}.limits-checks{display:flex;flex-wrap:wrap;gap:7px 12px;margin:8px 0;color:#a6b2be;font-size:9px}.limits-checks input{accent-color:#4c95d0}.limits-note{margin-top:5px;color:#647483;font-size:8.3px;line-height:1.35}.limits-table-wrap{flex:1 1 auto;min-height:0;overflow:auto}.limits-table{width:100%;border-collapse:collapse;font-size:10.5px;font-variant-numeric:tabular-nums}.limits-table thead{position:sticky;top:0;z-index:2}.limits-table th{height:27px;padding:0 8px;background:#151c23;border-bottom:1px solid #2a3540;color:#8492a0;font-size:8.8px;text-align:right}.limits-table th:first-child,.limits-table td:first-child{text-align:left}.limits-table td{height:30px;padding:0 8px;border-bottom:1px solid rgba(53,64,75,.38);text-align:right;color:#bdc7d1}.limits-table td:first-child b{color:#dde6ee}.limits-table td:first-child small{margin-left:4px;color:#687887;font-size:8px}.limits-table tr.limit-up .limit-distance{color:#ff8b83}.limits-table tr.limit-down .limit-distance{color:#65d49b}.limits-table tr.limit-near td{background:rgba(184,125,54,.06)}.limits-table tr.limit-critical td{background:rgba(182,62,62,.10)}

/* Icebergs */
.icebergs-web{height:100%;min-height:0;display:flex;flex-direction:column;background:#0f1419}.iceberg-summary{flex:0 0 35px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;border-bottom:1px solid #28313b;background:#141a21;font-size:10px}.iceberg-summary>div{display:flex;align-items:center;gap:7px}.iceberg-summary span{color:#788797;font-size:8.7px}.iceberg-controls-web{flex:0 0 auto;display:flex;align-items:center;gap:3px;flex-wrap:wrap;padding:4px 6px;border-bottom:1px solid #242e38;background:#11171d;font-size:8.8px}.iceberg-controls-web button{height:24px;border:0;border-radius:4px;background:#1a222a;color:#8d9ba8;padding:0 7px;cursor:pointer}.iceberg-controls-web button.active{background:#24323e;color:#e2ebf3}.iceberg-controls-web i{width:1px;height:17px;background:#2b3640;margin:0 3px}.iceberg-controls-web label{display:flex;align-items:center;gap:4px;color:#8997a5}.iceberg-controls-web input[type=text]{width:42px;border:1px solid #35414c;border-radius:4px;background:#0d1217;color:#dce4eb;padding:3px 4px;font-size:8.8px}.iceberg-controls-web input[type=checkbox]{accent-color:#4d96d2}.iceberg-table-wrap-web{flex:1 1 auto;min-height:0;overflow:auto}.iceberg-table-web{width:100%;min-width:700px;border-collapse:collapse;font-size:9.8px;font-variant-numeric:tabular-nums;white-space:nowrap}.iceberg-table-web thead{position:sticky;top:0;z-index:2}.iceberg-table-web th{height:27px;padding:0 6px;background:#151c23;border-bottom:1px solid #2c3540;color:#83909d;text-align:right;font-size:8.4px}.iceberg-table-web th:nth-child(1),.iceberg-table-web th:nth-child(2),.iceberg-table-web td:nth-child(1),.iceberg-table-web td:nth-child(2){text-align:left}.iceberg-table-web td{height:29px;padding:0 6px;border-bottom:1px solid rgba(51,63,74,.36);text-align:right;color:#bbc6d0}.iceberg-table-web td b{color:#dbe5ed}.ice-status{display:inline-block;min-width:42px;padding:2px 5px;border-radius:3px;text-align:center;font-size:7.8px;font-weight:800}.ice-status.high{color:#ffe09c;background:rgba(187,132,43,.20)}.ice-status.active{color:#83d9ad;background:rgba(49,151,100,.16)}.ice-status.watch{color:#96b9da;background:rgba(67,125,174,.14)}.ice-side{margin-left:4px;font-size:7.6px}.ice-side.buy{color:#5bd193}.ice-side.sell{color:#ff8585}.ice-q{font-weight:800;color:#d7e5f1!important}.iceberg-high td{background:rgba(153,108,37,.05)}

/* Stock/futures spread */
.spread-web{height:100%;min-height:0;display:flex;flex-direction:column;background:#10151a}.spread-head{flex:0 0 35px;display:flex;align-items:center;gap:7px;padding:0 7px;border-bottom:1px solid #28313a;background:#141a21;font-size:10px}.spread-head>b{color:#dbe4ec}.spread-head>span{display:grid;place-items:center;min-width:19px;height:18px;border-radius:9px;background:#202a34;color:#92a4b5;font-size:8.5px}.spread-head>em{font-style:normal;color:#718293;font-size:8.8px}.spread-head>button{margin-left:auto}.spread-settings{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:7px;border-bottom:1px solid #2a343e;background:#151b22;color:#94a2af;font-size:8.8px}.spread-settings label{display:flex;align-items:center;gap:6px}.spread-settings input{width:65px;border:1px solid #35414d;border-radius:4px;background:#0c1217;color:#dce5ec;padding:4px 5px}.spread-settings button{height:27px;border:1px solid #3b4a58;border-radius:4px;background:#1d2934;color:#d8e2ea;cursor:pointer}.spread-settings small{flex-basis:100%;color:#637381}.input-invalid{border-color:#be5d5d!important}.spread-table{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.spread-scroll{flex:1 1 auto;overflow:auto}.spread-row{display:grid;grid-template-columns:1fr 1fr minmax(118px,.8fr);min-height:45px;border-bottom:1px solid rgba(50,62,73,.38)}.spread-row>span{display:flex;flex-direction:column;justify-content:center;padding:5px 8px;min-width:0}.spread-row b{font-size:10.5px;color:#dce5ed;font-variant-numeric:tabular-nums}.spread-row small{margin-top:2px;color:#6f7e8c;font-size:8.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spread-th{flex:0 0 25px;min-height:25px;background:#151c23;color:#7e8d9a;font-size:8px;font-weight:700}.spread-th>span{padding-top:0;padding-bottom:0}.spread-signal.long{background:rgba(47,139,87,.08)}.spread-signal.long b,.spread-signal.long small{color:#62d69a}.spread-signal.short{background:rgba(171,64,64,.07)}.spread-signal.short b,.spread-signal.short small{color:#f18787}


@media(max-width:900px){.limits-setting-grid{grid-template-columns:1fr}.iceberg-controls-web{align-items:flex-start}.spread-row{grid-template-columns:1fr 1fr minmax(105px,.75fr)}}
