/* © SNDR FX 2026 — All rights reserved · проприетарный код, копирование запрещено */
.tf-bar{display:flex;gap:1px;align-items:center;justify-content:center;flex-shrink:0;padding:2px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.tf-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.4px;margin-right:4px}.tf-btn{width:34px;height:22px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-family:var(--font);font-weight:500;letter-spacing:0.4px;text-transform:uppercase;color:var(--text-muted);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:color var(--transition),background var(--transition),box-shadow var(--transition);font-variant-numeric:tabular-nums;flex-shrink:0}.tf-btn:hover{color:var(--text-primary);background:var(--menu-hover)}.tf-btn.active{color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-soft-2),0 0 10px var(--accent-soft-2)}.tf-page-btn{width:20px;font-size:14px;line-height:1}.tf-page-btn:first-child{margin-right:3px}.tf-page-btn[disabled]{color:var(--text-muted);opacity:0.35;background:transparent;cursor:default}.tf-page-lbl{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);padding:0 5px 0 3px;font-variant-numeric:tabular-nums;letter-spacing:0.3px;user-select:none}.chart-grid{display:grid;grid-template-columns:repeat(var(--grid-cols,3),1fr);grid-auto-rows:minmax(0,1fr);gap:2px;height:100%;min-height:0;flex:1}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:4px 8px;transition:border-color var(--transition),background var(--transition);display:flex;flex-direction:column;min-height:0;min-width:0;height:100%;position:relative;overflow:visible;cursor:pointer}.chart-card:hover{border-color:var(--border-light)}.card-header{display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:nowrap;position:relative;z-index:3;flex-shrink:0;height:24px;overflow:hidden;padding:0 52px 0 0}.card-symbol{font-weight:700;font-size:15px;color:var(--text-primary);letter-spacing:0;transform:translateY(-1px)}.card-price{display:none}.card-metrics{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;margin-left:6px;overflow:hidden;transform:translateY(-1px)}.metric{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums}.metric .icon{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.metric .icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.metric .val{font-weight:600;color:var(--text-primary)}.metric .val.positive{color:var(--positive)}.metric .val.negative{color:var(--negative)}.chart-wrap{flex:1;min-height:60px;position:relative;margin-top:0;z-index:2;border-radius:6px;overflow:hidden}.chart-wrap canvas{position:absolute;inset:0;display:block;cursor:crosshair}.marker-box{--mk:var(--border-light);width:22px;height:22px;flex-shrink:0;padding:0;border:none;background:transparent;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;opacity:0.5;transition:opacity var(--transition),transform var(--transition);z-index:6}.marker-box svg{display:block}.chart-card> .marker-box{position:absolute;top:0;right:4px;width:26px;height:26px}.chart-card> .marker-box svg{width:16px;height:16px}.chart-card> .marker-box:hover{opacity:1;transform:scale(1.08)}.modal-head{position:relative}#modalTfBar{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);flex-shrink:0;width:fit-content;z-index:4}@media (max-width:700px){#modalTfBar{position:static;transform:none;margin-left:auto}}#modalMarker{position:absolute;top:7px;right:12px;width:27px;height:27px;opacity:0.6}#modalMarker svg{width:20px;height:20px}#modalMarker:hover{opacity:1}.marker-box:hover{opacity:1}.marker-box svg path{fill:none;stroke:var(--mk);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;transition:fill var(--transition),stroke var(--transition)}.marker-box.marked{opacity:1}.marker-box:not(.marked) svg path{stroke:var(--text-muted)}.marker-box:not(.marked):hover svg path{stroke:var(--accent)}.marker-box.marked svg path{fill:var(--mk);fill-opacity:0.92;stroke:none}.candle-box{width:22px;height:22px;flex-shrink:0;padding:0;border:none;background:transparent;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;opacity:0.5;transition:opacity var(--transition),transform var(--transition),background var(--transition),box-shadow var(--transition);z-index:6}.candle-box svg{display:block}.candle-box svg path{fill:none;stroke:var(--text-muted);stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round;transition:stroke var(--transition)}.chart-card> .candle-box{position:absolute;top:0;right:26px;width:26px;height:26px}.chart-card> .candle-box svg{width:16px;height:16px}.candle-box:hover{opacity:1}.chart-card> .candle-box:hover{transform:scale(1.08)}.candle-box:not(.on):hover svg path{stroke:var(--accent)}.candle-box.on{opacity:1}.candle-box.on svg path:first-of-type{stroke:var(--tv-up)}.candle-box.on svg path:last-of-type{stroke:var(--tv-dn)}.candle-box:active{background:var(--accent-soft);box-shadow:none}#modalCandle{position:absolute;top:7px;right:37px;width:27px;height:27px;opacity:0.6}#modalCandle svg{width:20px;height:20px}#modalCandle:hover{opacity:1}#modalCandle.on{opacity:1}.marker-popup{position:fixed;z-index:400;display:flex;flex-direction:row;align-items:center;gap:6px;padding:6px 8px;background:var(--popup-bg);backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);border:1px solid var(--border-light);border-radius:11px;transform-origin:bottom center}.marker-popup.hidden{display:none}.marker-popup.open{animation:mkRise 0.1s ease backwards}@keyframes mkRise{from{opacity:0;transform:translateY(10px) scale(0.96)}to{opacity:1;transform:none}}.marker-popup.open .marker-swatch{animation:mkPop 0.12s cubic-bezier(0.34,1.56,0.64,1) backwards;animation-delay:calc(var(--i,0) * 12ms)}@keyframes mkPop{from{opacity:0;transform:translateY(9px) scale(0.6)}to{opacity:1;transform:none}}.marker-row{display:flex;flex-direction:row;align-items:center;gap:5px}.marker-swatch{width:15px;height:15px;border-radius:50%;border:2px solid transparent;background-clip:padding-box;cursor:pointer;padding:0;margin:0;transition:transform 0.08s ease,box-shadow 0.08s ease}.marker-swatch:hover{transform:scale(1.2);box-shadow:0 0 0 2px var(--popup-bg),0 0 0 3px var(--c);position:relative;z-index:2}.marker-swatch.current{box-shadow:0 0 0 2px var(--popup-bg),0 0 0 3px var(--c)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:13px;gap:8px;grid-column:1 / -1}.empty-state .retry-btn{margin-top:6px;padding:7px 18px;border:1px solid var(--border-light);border-radius:9px;background:var(--surface);color:var(--text-primary);font-family:var(--font);font-size:12px;cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition),transform 0.08s var(--ease)}.empty-state .retry-btn:hover{border-color:var(--accent);box-shadow:0 4px 22px var(--accent-glow);transform:translateY(-1px)}@media (max-width:1512px){.chart-grid{gap:2px}.chart-card{padding:4px 8px 4px}.card-metrics{gap:5px}.metric{font-size:11px}.metric .icon{width:14px;height:14px}.card-header{height:22px;gap:8px}.card-symbol{font-size:14px}.card-price{font-size:12px}}@media (max-width:900px){.chart-grid{gap:3px}.chart-card{padding:3px 6px 3px}.card-metrics{gap:4px}.metric{font-size:10px}.metric .icon{width:12px;height:12px}.card-header{height:20px;gap:6px}.card-symbol{font-size:13px}.card-price{font-size:11px}}@media (max-width:600px){}@media (max-height:900px){.charts-panel{padding:4px}.chart-card{padding:3px 6px}.card-header{height:22px;gap:8px}.chart-wrap{min-height:48px}}