/* GOLD DESK — grafico della schermata principale (tvclone.js). Misure e colori rilevati dal layout di Alessandro il 10/11/2026:
   barra in alto 38px, barra strumenti 52px, sfondo #131722, testo #B2B5BE / #D1D4DC, separatori #2A2E39. */
.tvc { position: absolute; inset: 0; display: flex; flex-direction: column; background: #131722; color: #D1D4DC;
  font: 13px/1.2 -apple-system, BlinkMacSystemFont, "Trebuchet MS", Roboto, Ubuntu, sans-serif; user-select: none; }
.tvc.pieno { position: fixed; z-index: 9000; }
.tvc button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; border-radius: 6px; }
.tvc button:disabled { cursor: default; opacity: .55; }

.tvc-top { height: 38px; flex: none; display: flex; align-items: center; gap: 2px; padding: 0 6px; border-bottom: 1px solid #2A2E39; }
.tvc-sim { font-weight: 700; color: #fff; padding: 6px 10px; border-radius: 6px; background: #1E222D; letter-spacing: .02em; }
.tvc-sep { width: 1px; height: 22px; background: #2A2E39; margin: 0 6px; flex: none; }
.tvc-tfs { display: flex; gap: 1px; overflow: hidden; }
.tvc-tfs button { padding: 6px 7px; min-width: 28px; }
.tvc-tfs button:hover, .tvc-b:hover, .tvc-left button:hover, .tvc-range button:hover { background: #2A2E39; }
.tvc-tfs button.on { background: #2A2E39; color: #fff; font-weight: 600; }
.tvc-b { display: inline-flex; align-items: center; gap: 4px; padding: 3px 6px; height: 32px; }
.tvc-spazio { flex: 1; }

.tvc-mid { flex: 1; min-height: 0; display: flex; }
.tvc-left { width: 52px; flex: none; display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 6px 0; border-right: 1px solid #2A2E39; overflow: hidden; }
.tvc-left button { width: 36px; height: 36px; display: grid; place-items: center; color: #B2B5BE; }
.tvc-left button.on { background: #2962FF; color: #fff; }
.tvc-sepo { width: 28px; height: 1px; background: #2A2E39; margin: 4px 0; flex: none; }

.tvc-area { position: relative; flex: 1; min-width: 0; }
.tvc-chart { position: absolute; inset: 0; }
.tvc-chart.disegna, .tvc-chart.disegna * { cursor: crosshair !important; }
.tvc-leg { position: absolute; left: 8px; top: 6px; z-index: 3; pointer-events: none; display: flex; flex-direction: column; gap: 4px; max-width: calc(100% - 90px); }
.tvc-l1 { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 14px; }
.tvc-l1 b { font-weight: 500; color: #D1D4DC; }
.tvc-pallino { width: 14px; height: 14px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #ffe082, #c99400); flex: none; }
.tvc-ohlc { font-size: 13px; color: #B2B5BE; font-variant-numeric: tabular-nums; }
.tvc-ohlc i { font-style: normal; margin-left: 1px; }
.tvc-l2 { display: flex; align-items: stretch; gap: 0; font-variant-numeric: tabular-nums; }
.tvc-bid, .tvc-ask { display: flex; flex-direction: column; align-items: center; padding: 2px 8px; border: 1px solid; border-radius: 4px; min-width: 62px; }
.tvc-bid { color: #F23645; border-color: #F23645; } .tvc-ask { color: #2962FF; border-color: #2962FF; }
.tvc-l2 b { font-weight: 500; font-size: 12px; } .tvc-l2 small { font-size: 9px; letter-spacing: .04em; }
.tvc-spr { align-self: center; padding: 0 8px; font-size: 11px; color: #B2B5BE; }
.tvc-l3 { display: flex; align-items: center; gap: 6px; font-size: 12px; color: #D1D4DC; }
.tvc-l3 span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tvc-l3 button { pointer-events: auto; display: grid; place-items: center; color: #B2B5BE; padding: 1px; }
.tvc-l3.spento span { color: #5d606b; }
.tvc-msg { position: absolute; inset: 0; z-index: 4; display: grid; place-items: center; padding: 20px; text-align: center; color: #B2B5BE; background: rgba(19,23,34,.85); }
.tvc-menu { position: absolute; top: 2px; z-index: 6; min-width: 230px; display: flex; flex-direction: column; padding: 6px; background: #1E222D; border: 1px solid #363A45; border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,.5); }
.tvc-menu[hidden], .tvc-msg[hidden] { display: none; }
.tvc-menu button { text-align: left; padding: 8px 10px; display: flex; flex-direction: column; gap: 2px; }
.tvc-menu button:hover:not(:disabled) { background: #2A2E39; }
.tvc-menu button.on { color: #fff; box-shadow: inset 2px 0 0 #2962FF; }
.tvc-menu small { font-size: 11px; color: #787B86; }

.tvc-bot { height: 38px; flex: none; display: flex; align-items: center; padding: 0 6px 0 58px; border-top: 1px solid #2A2E39; font-size: 13px; }
.tvc-range { display: flex; gap: 1px; }
.tvc-range button { padding: 6px 8px; }
.tvc-ora { color: #D1D4DC; font-variant-numeric: tabular-nums; padding-right: 8px; }

/* ───────── fase 2: simbolo, lista a destra, dettagli, impostazioni dei disegni ───────── */
.tvc .tvc-sim { font-weight: 700; color: #fff; padding: 6px 10px; border-radius: 6px; background: #1E222D; }
.tvc .tvc-sim:hover { background: #2A2E39; }
.tvc-b.on { color: #2962FF; }
.tvc-left { overflow-y: auto; scrollbar-width: none; }
.tvc-left button { flex: none; }
.tvc-menu { max-height: calc(100% - 12px); overflow-y: auto; }
.tvc-menu button { flex: none; flex-direction: row; justify-content: space-between; align-items: baseline; gap: 14px; }
.tvc-mt { padding: 6px 10px; font-size: 11px; color: #787B86; text-transform: uppercase; letter-spacing: .05em; }
.tvc-cerca, .tvc-imp input { font: inherit; color: #fff; background: #131722; border: 1px solid #363A45; border-radius: 6px; padding: 7px 9px; outline: none; }
.tvc-cerca { width: 320px; margin-bottom: 4px; }
.tvc-cerca:focus, .tvc-imp input:focus { border-color: #2962FF; }
.tvc-ris { display: flex; flex-direction: column; max-height: 320px; overflow-y: auto; }
.tvc-ris small { text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 200px; }
.tvc-nulla { padding: 10px; }

.tvc-right { width: 300px; flex: none; display: flex; flex-direction: column; border-left: 1px solid #2A2E39; min-height: 0; font-variant-numeric: tabular-nums; }
.tvc.senza-lista .tvc-right { display: none; }
.tvc-rh { padding: 10px 12px 6px; font-size: 14px; }
.tvc-rh b::before { content: ''; display: inline-block; width: 9px; height: 9px; background: #F23645; border-radius: 2px; margin-right: 7px; }
.tvc-rcol, .tvc .tvc-riga { display: grid; grid-template-columns: 1.25fr 1fr .9fr .8fr; gap: 4px; align-items: center; padding: 0 12px; text-align: right; }
.tvc-rcol { font-size: 11px; color: #787B86; padding-bottom: 5px; border-bottom: 1px solid #2A2E39; }
.tvc-rcol span:first-child, .tvc-riga span:first-child { text-align: left; }
.tvc-righe { flex: 1; min-height: 60px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #363A45 transparent; }
.tvc-sez { padding: 9px 12px 4px; font-size: 10px; color: #787B86; letter-spacing: .06em; }
.tvc .tvc-riga { width: 100%; height: 26px; border-radius: 0; font-size: 12px; }
.tvc .tvc-riga:hover { background: #1E222D; }
.tvc .tvc-riga.on { box-shadow: inset 0 0 0 1px #5d606b; background: #1E222D; }
.tvc-riga span:first-child { font-weight: 600; color: #fff; }
.tvc-det { flex: none; display: flex; flex-direction: column; gap: 3px; padding: 10px 12px; border-top: 4px solid #0c0e15; }
.tvc-det > b { font-size: 15px; color: #fff; } .tvc-det small { font-size: 11px; color: #787B86; }
.tvc-dpx { font-size: 24px; font-weight: 700; color: #fff; margin-top: 4px; } .tvc-dpx i { font-style: normal; font-size: 13px; font-weight: 500; }
.tvc-dba { display: flex; gap: 6px; font-size: 11px; }
.tvc-dba span { padding: 2px 6px; border-radius: 4px; } .tvc-dba .b { background: rgba(242,54,69,.2); color: #F7525F; } .tvc-dba .a { background: rgba(41,98,255,.25); color: #5B9CF6; }
.tvc-dr { display: flex; align-items: center; gap: 8px; font-size: 12px; margin-top: 6px; }
.tvc-dr i { flex: 1; height: 4px; border-radius: 2px; background: linear-gradient(90deg, #F23645, #089981); position: relative; }
.tvc-dr u { position: absolute; top: -4px; width: 2px; height: 12px; background: #fff; }

.tvc-imp { position: absolute; right: 84px; top: 8px; z-index: 5; width: 232px; display: grid; grid-template-columns: 74px 1fr; gap: 8px 8px; align-items: center; padding: 10px; background: #1E222D; border: 1px solid #363A45; border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,.5); font-size: 12px; }
.tvc-imp[hidden] { display: none; }
.tvc-it { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: center; font-size: 13px; }
.tvc-imp label { color: #B2B5BE; } .tvc-imp input { min-width: 0; width: 100%; padding: 5px 7px; }
.tvc-col { display: flex; flex-wrap: wrap; gap: 4px; }
.tvc .tvc-col button { width: 20px; height: 20px; border-radius: 4px; border: 1px solid #363A45; }
.tvc .tvc-col button.on { outline: 2px solid #2962FF; outline-offset: 1px; }
.tvc-seg { display: flex; gap: 2px; }
.tvc-seg button { flex: 1; padding: 4px 3px; background: #131722; border: 1px solid #363A45; }
.tvc .tvc-seg button.on { background: #2962FF; border-color: #2962FF; color: #fff; }

/* ───────── fase 3: replay e alert ───────── */
.tvc-nota { position: absolute; left: 50%; top: 76px; transform: translateX(-50%); z-index: 5; max-width: 80%; padding: 7px 14px; background: #2962FF; color: #fff; border-radius: 6px; font-size: 13px; box-shadow: 0 6px 18px rgba(0,0,0,.45); pointer-events: none; text-align: center; }
.tvc-nota[hidden], .tvc-rep[hidden] { display: none; }
.tvc-rep { position: absolute; left: 50%; bottom: 40px; transform: translateX(-50%); z-index: 5; display: flex; align-items: center; gap: 6px; padding: 6px 10px; background: #1E222D; border: 1px solid #2962FF; border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,.5); white-space: nowrap; }
.tvc-rep b { color: #5B9CF6; } .tvc-rep span { color: #B2B5BE; font-size: 12px; font-variant-numeric: tabular-nums; margin-right: 4px; }
.tvc .tvc-rep button { min-width: 34px; height: 28px; padding: 0 8px; background: #2A2E39; }
.tvc .tvc-rep button:hover { background: #363A45; }
.tvc.in-replay .tvc-l2 { opacity: .35; }

/* ───────── finestra «FRVP» (impostazioni del Volume Profile): misure e colori rilevati dalla finestra di TradingView l'11/11/2026 ─────────
   sfondo rgba(19,19,19,.85) · angoli 20px · ombra 0 0 2px + 0 3px 9px nero · titolo 20px/600 · schede 16px/600 · voci 14px #B8B8B8
   caselle 18px · campioni colore 24px angoli 3px · Ok #F2F2F2 su nero, Cancel bordo bianco, Template bordo #555, angoli 8px, alti 34px */
.tvd { position: fixed; z-index: 9500; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 380px; max-height: calc(100vh - 32px); display: flex; flex-direction: column;
  background: rgba(19,19,19,.85); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-radius: 20px; box-shadow: 0 0 2px #000, 0 3px 9px #000;
  color: #B8B8B8; font: 14px/1.2 -apple-system, BlinkMacSystemFont, "Trebuchet MS", Roboto, Ubuntu, sans-serif; user-select: none; }
.tvd.largo { width: 455px; }
.tvd[hidden], .tvd-pop[hidden] { display: none; }
.tvd button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
.tvd-h { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px 6px; }
.tvd-h b { font-size: 20px; font-weight: 600; line-height: 28px; }
.tvd .tvd-x { width: 28px; height: 28px; font-size: 17px; border-radius: 6px; } .tvd .tvd-x:hover { background: #2E2E2E; color: #fff; }
.tvd-tabs { display: flex; gap: 2px; margin: 0 20px; border-bottom: 4px solid #434343; border-radius: 2px; }
.tvd .tvd-tabs button { position: relative; padding: 8px 8px 10px; font-size: 16px; font-weight: 600; border-radius: 8px 8px 0 0; }
.tvd .tvd-tabs button:first-child { padding-left: 0; }
.tvd .tvd-tabs button:hover { color: #fff; }
.tvd .tvd-tabs button.on { color: #DBDBDB; }
.tvd .tvd-tabs button.on::after { content: ""; position: absolute; left: 8px; right: 8px; bottom: -4px; height: 4px; border-radius: 2px; background: #DBDBDB; }
.tvd .tvd-tabs button:first-child.on::after { left: 0; }
.tvd-b { overflow-y: auto; padding: 14px 20px 10px; scrollbar-width: thin; scrollbar-color: #434343 transparent; }
.tvd-r { display: flex; align-items: center; min-height: 34px; margin-bottom: 16px; gap: 10px; }
.tvd-r.tvd-in { padding-left: 26px; }
.tvd-et { flex: 0 0 168px; }
.tvd-r.tvd-in .tvd-et { flex-basis: 142px; }
.tvd.largo .tvd-et { flex-basis: 106px; }
.tvd-c { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }
.tvd-chk { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; }
.tvd-chk input { position: absolute; opacity: 0; pointer-events: none; }
.tvd-chk i { width: 18px; height: 18px; border: 1px solid #B8B8B8; border-radius: 4px; flex: none; display: grid; place-items: center; }
.tvd-chk input:checked + i { background: #DBDBDB; border-color: #DBDBDB; }
.tvd-chk input:checked + i::after { content: ""; width: 9px; height: 5px; border: solid #131313; border-width: 0 0 2px 2px; transform: translateY(-1px) rotate(-45deg); }
.tvd-chk input:focus-visible + i { outline: 2px solid #2962FF; outline-offset: 2px; }
.tvd-num { width: 100px; height: 34px; padding: 0 12px; font: inherit; color: #DBDBDB; background: transparent; border: 1px solid #434343; border-radius: 8px; outline: none; -moz-appearance: textfield; }
.tvd-num::-webkit-inner-spin-button, .tvd-num::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.tvd-num:hover { border-color: #5D5D5D; } .tvd-num:focus { border-color: #2962FF; }
.tvd-vis .tvd-num { width: 58px; padding: 0 8px; }
.tvd .tvd-sel { display: inline-flex; align-items: center; justify-content: space-between; gap: 4px; width: 100px; height: 34px; padding: 0 6px 0 12px; border: 1px solid #434343; border-radius: 8px; white-space: nowrap; }
.tvd .tvd-sel span { overflow: hidden; text-overflow: ellipsis; }
.tvd .tvd-sel:hover { border-color: #5D5D5D; }
.tvd .tvd-sw { display: inline-flex; align-items: center; gap: 8px; height: 34px; padding: 0 4px; border: 1px solid #434343; border-radius: 8px; }
.tvd .tvd-sw:hover { border-color: #5D5D5D; }
.tvd-sw i { width: 24px; height: 24px; border-radius: 3px; background: linear-gradient(var(--c), var(--c)), repeating-conic-gradient(#3a3a3a 0 25%, #1e1e1e 0 50%) 0 0 / 8px 8px; }
.tvd-sw u { width: 24px; height: 0; margin-right: 4px; }
.tvd-sl { position: relative; flex: 1; height: 18px; min-width: 80px; }
.tvd-sl::before { content: ""; position: absolute; left: 0; right: 0; top: 7px; height: 4px; border-radius: 2px; background: #434343; }
.tvd-sl::after { content: ""; position: absolute; left: var(--a); right: calc(100% - var(--b)); top: 7px; height: 4px; border-radius: 2px; background: #DBDBDB; }
.tvd-sl input { position: absolute; inset: 0; width: 100%; margin: 0; background: none; pointer-events: none; -webkit-appearance: none; appearance: none; z-index: 1; }
.tvd-sl input::-webkit-slider-thumb { -webkit-appearance: none; pointer-events: auto; width: 14px; height: 14px; border-radius: 50%; background: #131313; border: 2px solid #DBDBDB; cursor: pointer; }
.tvd-sl input::-moz-range-thumb { pointer-events: auto; width: 12px; height: 12px; border-radius: 50%; background: #131313; border: 2px solid #DBDBDB; cursor: pointer; }
.tvd-f { display: flex; align-items: center; gap: 8px; padding: 16px 20px 20px; border-top: 1px solid #2E2E2E; }
.tvd .tvd-tpl { display: inline-flex; align-items: center; gap: 2px; height: 34px; padding: 0 6px 0 12px; border: 1px solid #555; border-radius: 8px; }
.tvd .tvd-tpl:hover { border-color: #707070; color: #DBDBDB; }
.tvd .tvd-no { height: 34px; padding: 0 12px; border: 1px solid #fff; border-radius: 8px; color: #fff; }
.tvd .tvd-no:hover { background: #2E2E2E; }
.tvd .tvd-ok { height: 34px; padding: 0 11px; background: #F2F2F2; color: #000; border-radius: 8px; }
.tvd .tvd-ok:hover { background: #fff; }
.tvd-pop { position: fixed; z-index: 9600; padding: 8px; background: #1E1E1E; border-radius: 8px; box-shadow: 0 0 2px #000, 0 4px 14px rgba(0,0,0,.7); color: #B8B8B8; font: 14px -apple-system, BlinkMacSystemFont, "Trebuchet MS", Roboto, Ubuntu, sans-serif; }
.tvd-pop button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
.tvd-pal { display: grid; grid-template-columns: repeat(10, 18px); gap: 4px; padding: 4px; }
.tvd-pal button { width: 18px; height: 18px; border-radius: 3px; padding: 0; }
.tvd-pal button:nth-child(-n+10) { margin-bottom: 6px; }
.tvd-pal button:hover { transform: scale(1.18); }
.tvd-pal button.on { outline: 2px solid #fff; outline-offset: 1px; }
.tvd-sep { height: 1px; background: #2E2E2E; margin: 6px 0; }
.tvd-piu { position: relative; display: inline-grid; place-items: center; width: 22px; height: 22px; margin-left: 4px; font-size: 18px; cursor: pointer; border-radius: 4px; }
.tvd-piu:hover { background: #2E2E2E; color: #fff; }
.tvd-piu input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.tvd-pt { padding: 10px 4px 6px; font-size: 13px; }
.tvd-op { display: flex; align-items: center; gap: 8px; padding: 0 4px; }
.tvd-op span { position: relative; flex: 1; height: 8px; border-radius: 4px; background: linear-gradient(90deg, transparent, var(--c)), repeating-conic-gradient(#3a3a3a 0 25%, #1e1e1e 0 50%) 0 0 / 8px 8px; }
.tvd-op input { position: absolute; inset: -6px 0; width: 100%; margin: 0; background: none; -webkit-appearance: none; appearance: none; }
.tvd-op input::-webkit-slider-thumb { -webkit-appearance: none; width: 14px; height: 14px; border-radius: 50%; background: #fff; border: 2px solid #1E1E1E; cursor: pointer; }
.tvd-op input::-moz-range-thumb { width: 12px; height: 12px; border-radius: 50%; background: #fff; border: 2px solid #1E1E1E; cursor: pointer; }
.tvd-op b { min-width: 48px; padding: 4px 6px; border: 1px solid #434343; border-radius: 6px; font-weight: 400; text-align: right; }
.tvd-seg { display: flex; gap: 2px; padding: 0 4px; }
.tvd-seg button { flex: 1; height: 30px; display: grid; place-items: center; border: 1px solid #434343; border-radius: 6px; }
.tvd-seg button:hover { border-color: #707070; }
.tvd-seg button.on { background: #DBDBDB; border-color: #DBDBDB; }
.tvd-seg u { width: 22px; height: 0; border-top: 1px solid #DBDBDB; }
.tvd-seg button.on u { border-top-color: #131313; }
.tvd-lst { display: flex; flex-direction: column; margin: -4px; }
.tvd-lst button { text-align: left; padding: 8px 12px; border-radius: 6px; white-space: nowrap; }
.tvd-lst button:hover { background: #2E2E2E; color: #fff; }
.tvd-lst button.on { color: #fff; background: #2A2A2A; }.tvd-r:has(.tvd-chk input:not(:checked)) .tvd-sw { opacity: .5; }   /* voce spenta: campione spento, come su TradingView */

/* ───────── rettangolo allungabile dai lati + magnete (12/11) ───────── */
.tvc-chart[data-cur="ew"], .tvc-chart[data-cur="ew"] * { cursor: ew-resize !important; }
.tvc-chart[data-cur="ns"], .tvc-chart[data-cur="ns"] * { cursor: ns-resize !important; }
.tvc-chart[data-cur="pt"], .tvc-chart[data-cur="pt"] * { cursor: pointer !important; }
.tvc-magw { position: relative; display: block; flex: none; }
.tvc .tvc-magw .tvc-magf { position: absolute; right: -9px; top: 0; width: 10px; height: 36px; padding: 0; font-size: 12px; color: #787B86; border-radius: 3px; }
.tvc .tvc-magw .tvc-magf:hover { color: #D1D4DC; background: #2A2E39; }
.tvc .tvc-left [data-az="magnete"].on { color: #2962FF; background: rgba(41,98,255,.15); }
.tvc .tvc-left [data-az="magnete"].forte { color: #fff; background: #2962FF; }

/* ───────── finestre Fib retracement e Gann box (12/11): griglia dei livelli a due colonne come su TradingView ───────── */
.tvd-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 24px; margin: 4px 0 20px; }
.tvd-lv { display: flex; align-items: center; gap: 6px; }
.tvd-lv .tvd-chk span { display: none; }
.tvd-lv .tvd-num { width: 100px; }
.tvd-lv.off .tvd-num { color: #5D5D5D; } .tvd-lv.off .tvd-sw { opacity: .5; }
.tvd-h3 { font-size: 11px; letter-spacing: .04em; margin: 6px 0 12px; }
.tvd-r.tvd-larga .tvd-sel { width: 180px; }
.tvd-c .tvd-sel + .tvd-sel { margin-left: 0; }
.tvd .tvd-sw.solo { padding: 0 12px; } .tvd .tvd-sw.solo u { width: 44px; margin: 0; }
.tvd-co .tvd-num:first-child { width: 120px; }
.tvd-rng { position: relative; display: block; width: 90px; height: 8px; border-radius: 4px; background: linear-gradient(90deg, rgba(41,98,255,.1), #2962FF); }
.tvd-rng input { position: absolute; inset: -6px 0; width: 100%; margin: 0; background: none; -webkit-appearance: none; appearance: none; }
.tvd-rng input::-webkit-slider-thumb { -webkit-appearance: none; width: 14px; height: 14px; border-radius: 50%; background: #131313; border: 2px solid #DBDBDB; cursor: pointer; }
.tvd-rng input::-moz-range-thumb { width: 12px; height: 12px; border-radius: 50%; background: #131313; border: 2px solid #DBDBDB; cursor: pointer; }

/* ───────── modalità Trade (12/11) ───────── */
.tvc .tvc-trade-b.on { color: #fff; background: #2962FF; }
.tvc.trade .tvc-l2 { pointer-events: auto; }
.tvc.trade .tvc-bid, .tvc.trade .tvc-ask { cursor: pointer; transition: background .12s; }
.tvc.trade .tvc-bid:hover { background: rgba(242,54,69,.2); } .tvc.trade .tvc-ask:hover { background: rgba(41,98,255,.25); }
.tvc.trade .tvc-bid { background: rgba(242,54,69,.1); } .tvc.trade .tvc-ask { background: rgba(41,98,255,.12); }
.tvc.trade-attesa .tvc-bid, .tvc.trade-attesa .tvc-ask { opacity: .45; pointer-events: none; }
.tvc-lotti { display: none; align-items: center; gap: 6px; margin-left: 10px; font-size: 11px; color: #B2B5BE; }
.tvc.trade .tvc-lotti { display: inline-flex; }
.tvc-lotti label { display: inline-flex; align-items: center; gap: 3px; }
.tvc-lotti select { font: inherit; color: #D1D4DC; background: #1E222D; border: 1px solid #363A45; border-radius: 4px; padding: 1px 2px; }
.tvc.trade.trade-prova .tvc-trade-b::after { content: 'PROVA'; margin-left: 4px; font-size: 9px; padding: 1px 4px; border-radius: 3px; background: #FF9800; color: #131722; }

.tvc .tvc-occhio { padding: 0 4px; font-size: 13px; line-height: 1; color: #B2B5BE; border-radius: 4px; }
.tvc .tvc-occhio:hover { background: #2A2E39; }

/* Solo telefono: barre scorrevoli e bersagli per il dito. */
body.remoto .tvc-top { height:auto; min-height:42px; flex-wrap:wrap; }
body.remoto .tvc-tfs { overflow-x:auto; max-width:100%; }
body.remoto .tvc-top .tvc-spazio { display:none; }
body.remoto .tvc-top .tvc-b { min-height:36px; }
body.remoto .tvc-left { width:38px; }
body.remoto .tvc-left button { width:32px; }
body.remoto .tvc-right { display:none; }
body.remoto .tvc-l1, body.remoto .tvc-l3 { display:none; }
body.remoto .tvc-leg { top:4px; left:4px; max-width:calc(100% - 4px); }
body.remoto .tvc-l2 { flex-wrap:wrap; gap:4px; }
body.remoto .tvc-lotti { margin-left:0; flex-basis:100%; flex-wrap:wrap; gap:4px; }
body.remoto .tvc-lotti select { min-height:32px; font-size:13px; }
body.remoto .tvc-bid, body.remoto .tvc-ask { min-height:40px; }
body.remoto .tvc-chart { touch-action:none; }
body.remoto .tvc-bot { padding-left:4px; overflow-x:auto; }
body.remoto .tvc-ora { display:none; }
body.remoto .tvc-menu { max-width:calc(100vw - 52px); }
body.remoto .tvc-cerca { max-width:100%; }
body.remoto .tvc-imp { right:4px; }
body.remoto .ops-modal { z-index:10001; }